@charset "UTF-8";
 @import "lightbox.css";
/*-----------------------------------------------
  style clear
-----------------------------------------------*/

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6,textarea {
	font-size: 100%;
	font-weight: normal;
}
/*ol,ul,li {
	list-style:none;
	margin: 0;
	padding: 0;
}*/
#header ul,
#header li,
#side ul,
#side li{
	list-style:none;
	margin: 0;
	padding: 0;
}
fieldset, img {
	border:0;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
caption, th {
	text-align: left;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
body {
	color:#231815;
	background-color: #a7ba9e;
	font-family:sans-serif;
/*	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, Arial, sans-serif; */
	font-size: 80%;
	/*line-height: 1.6;*/
	text-align: center;
}
hr {
	display:none;
}
sup {
	font-size: 0.8em;
	vertical-align: baseline;
}
.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:0px;
	display:block;
}


.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
.clearfix {zoom: 100%;}






.none {
	display:none;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt35 {
	margin-top:35px;
}
.mt50 {
	margin-top:50px;
}
.mb5 {
	margin-bottom:5px;
}
.mb40 {
	margin-bottom:40px;
}
.mr5 {
	margin-right:5px;
}
.ml10 {
	margin-left:10px;
}
.ml20 {
	margin-left:20px;
}
.ml35 {
	margin-left:35px;
}
.center {
	text-align: center;
}
.center img {
	vertical-align: middle;
	text-align: center;
}





/*-----------------------------------------------
 link color
-----------------------------------------------*/

a:link {
	color:#336666;
	text-decoration:underline;
}
a:visited {
	color:#336666;
	text-decoration:underline;
}
a:hover {
	color:#c11a1a;
	text-decoration:none;
}
a:active {
	color:#c11a1a;
	text-decoration:none;
}
.hover-btn a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
.link-white a{color:#ffffff;}




/*-----------------------------------------------
 font-color
-----------------------------------------------*/
.small {
	font-size:10px;
	line-height: 130%;
}
.f12 {
	font-size:12px;
}
.f18 {
	font-size:18px;
}
.black {
	color:#000000;
}
.red {
	color:#c11a1a;
}
.green {
	color:#234506;
}






/*-----------------------------------------------
 bg-color
-----------------------------------------------*/
.column-beige{background-color: #ebe2cf;padding:12px;overflow:auto;}




/*-----------------------------------------------
 page-top
-----------------------------------------------*/

#page-top {
	clear:both;
	text-align:right;
	background-image: url(../images/side_bg_end.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #f9f5ea;
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 967px;
	padding-right:10px;
}
.page-top{clear:both;text-align:right;margin-bottom:-26px;margin-top:30px;padding-right:10px;}






/*-----------------------------------------------
 LAYOUT
-----------------------------------------------*/
#container {
	margin:0 auto;
	padding:0;
	width:977px;
	text-align: left;
}
#header{
	width:977px;
	height: 132px;
	background-color: #ffffff;
	background-image: url(../images/head_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom:6px;
}


#center-contents {
	width:977px;
	background-color: #fff;/*#f9f5ea*/
	background-image: url(../images/side_bg_body.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


#contents {
	width:746px;
	float:left;
	background-color: #f9f5ea;
	line-height: 160%;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 30px;
}

#side {
	width:226px;
	float:left;
}
#footer {
	width:953px;
	color: #ffffff;
	font-size: 80%;
	background-color: #a09171;
	margin-top:5px;
	padding:7px 12px;
}




/*-----------------------------------------------
 #header
-----------------------------------------------*/
#logo{
	width:290px;
	height:61px;
	float: left;
	margin-top: 41px;
	margin-left: 17px;
}

/*h1#head{
	text-align:right;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	float: right;
	width: 100%;
	line-height: normal;
}*/
#header h1{/*body#home-page */
	text-align:right;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	float: right;
	width: 100%;
	line-height: 12px;
	font-size: 9px;
}
#header .right{
	float:right;
	width:500px;
	margin-top: 6px;
	padding-right:100px;}
#header .flag{
	text-align: right;
}

/*#header .contact{
	text-align: right;
	margin-top: 19px;
	float: right;
	width: 100%;
}*/
#header .contact{/*body#home-page */
	text-align: right;
	margin-top: 5px;
	float: right;
	width: 105px;
}
body#contact-page #header .contact a img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#gnavi{
	clear:both;
	width:977px;
	height:30px;
}

#gnavi ul {
	display:block;
}
#gnavi li {
	display:block;
	float:left;
}
#gnavi ul li#gnavi01 a {
	display: block;
	width:69px;
	height:30px;
}
#gnavi ul li#gnavi02 a {
	display: block;
	width:79px;
	height:30px;
}
#gnavi ul li#gnavi03 a {
	display: block;
	width:83px;
	height:30px;
}
#gnavi ul li#gnavi04 a {
	display: block;
	width:202px;
	height:30px;
}
#gnavi ul li#gnavi05 a {
	display: block;
	width:149px;
	height:30px;
}
#gnavi ul li#gnavi06 a {
	display: block;
	width:109px;
	height:30px;
}
#gnavi ul li#gnavi07 a {
	display: block;
	width:169px;
	height:30px;
}
#gnavi ul li#gnavi08 a {
	display: block;
	width:117px;
	height:30px;
}
#gnavi ul li#gnavi01 {
	background-image: url(../images/gnavi_home_r.gif);
	background-repeat: no-repeat;
}
#gnavi ul li#gnavi02 {
	background-image: url(../images/gnavi_sitemap_r.gif);
	background-repeat: no-repeat;
}
#gnavi ul li#gnavi03 {
	background-image: url(../images/gnavi_faq_r.gif);
	background-repeat: no-repeat;
}
#gnavi ul li#gnavi04 {
	background-image: url(../images/gnavi_about_r.gif);
	background-repeat: no-repeat;
}
#gnavi ul li#gnavi05 {
	background-image: url(../images/gnavi_support_r.gif);
	background-repeat: no-repeat;
}
#gnavi ul li#gnavi06 {
	background-image: url(../images/gnavi_works_r.gif);
	background-repeat: no-repeat;
}
#gnavi ul li#gnavi07 {
	background-image: url(../images/gnavi_sample_r.gif);
	background-repeat: no-repeat;
}
#gnavi ul li#gnavi08 {
	background-image: url(../images/gnavi_company_r.gif);
	background-repeat: no-repeat;
}


/*ROLL OVER*/
#gnavi ul li a:hover{
	background-color:transparent;
}
#gnavi ul li a:hover img{
	visibility:hidden;
}
/*現在地表示*/
#home-page #gnavi ul li#gnavi01 a img,
#sitemap-page #gnavi ul li#gnavi02 a img,
#faq-page #gnavi ul li#gnavi03 a img,
#about-page #gnavi ul li#gnavi04 a img,
#support-page #gnavi ul li#gnavi05 a img,
#works-page #gnavi ul li#gnavi06 a img,
#sample-page #gnavi ul li#gnavi07 a img,
#company-page #gnavi ul li#gnavi08 a img{
	visibility:hidden;
}
body.side-menu01 #side ul.menu li.menu01 a,
body.side-menu02 #side ul.menu li.menu02 a,
body.side-menu03 #side ul.menu li.menu03 a,
body.side-menu04 #side ul.menu li.menu04 a,
body.side-menu05 #side ul.menu li.menu05 a,
body.side-menu06 #side ul.menu li.menu06 a,
body.side-menu07 #side ul.menu li.menu07 a,
body.side-menu08 #side ul.menu li.menu08 a,
body.side-menu09 #side ul.menu li.menu09 a,
body.side-menu10 #side ul.menu li.menu10 a{
	color: #dbdbdb;
	text-decoration: none;
}




/*-----------------------------------------------
 #side
-----------------------------------------------*/
#side .menu{margin:13px 15px 25px;line-height:140%;font-size:95%;}
#side .menu li{
	margin-bottom:9px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/side_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
}
#side .menu li strong{
	color: #dbdbdb;
}
#side .menu li a:link,#side .menu li a:visited{
	color: #FFFFFF;
}
#side .menu li a:hover{
	color: #dbdbdb;
}

#side .menu-sub{margin:8px 0 0 12px;}
#side .menu li ul{margin-left:18px;margin-top:5px;}
#side .menu li ul li{
	background: url(none);
	list-style-type: disc;
	padding-left: 0;
	margin-bottom:3px;
	font-weight: normal;
}
body#works-page #side #side-title{
	margin-bottom: 18px;
}
body#works-page #side .menu li.menu01,
body#works-page #side .menu li.menu01 strong a,
body#works-page #side .menu li.menu02,
body#works-page #side .menu li.menu02 strong a,
body#works-page #side .menu li.menu03,
body#works-page #side .menu li.menu03 strong a{
	background-image: none;
	padding-left: 5px;
	color:#dde7d8;
}





/*-----------------------------------------------
 #footer
-----------------------------------------------*/
#footer a{color: #ffffff;}
#footer .link{
	width:250px;
	float:left;}
#footer .copyright{
	width:700px;
	float:right;
	text-align: right;}
#foot-txt{
	float:left;
	width:750px;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:100px;
	text-align: center;
}
#powerd{
	font-size: 80%;
	text-align: right;
	padding-top:3px;
	padding-bottom:10px;
	float: right;
	width:100px;
}
#powerd a{color: #204d49;}





/*-----------------------------------------------
 #contents
-----------------------------------------------*/
#pankuzu{
	padding:5px 10px 3px;
	border-bottom: 1px solid #d5cdba;
	font-size:12px;
	line-height:1.2;
}
.honbun{clear:both;padding:10px 19px;}
.honbun:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
* html .honbun { display: inline-block; }
/* no ie mac \*/
* html .honbun { height: 1%; }
.honbun { display: block; }
/* */
.honbun {zoom: 100%;}
.honbun{width:708px;overflow:auto;zoom:1;}



/*緑の区切り線*/
.green-line{
	border-bottom: 1px solid #abbea3;
}
.green-line2{
	border-top: 1px solid #abbea3;
}


/*タイトル部分*/
h2#page-title{padding-top:25px;padding-bottom:20px;}
h3.sub-title{
	clear:both;
	font-size: 120%;
	line-height:120%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-y;
	padding: 8px 19px 6px;
	margin-top:27px;
}




/*リード文*/
.lead-ph{float:right;margin:0;padding:0 0 5px 10px;}
.lead-text{
	overflow:auto;
	zoom:1;
	text-align: justify;
	text-justify: inter-word;
}


/*左右寄せ写真　文章も割り込み用*/
.float-left {
	float:left;
	padding-right:15px;
	padding-bottom:3px;
}
.float-right {
	float:right;
	padding-left:15px;
	padding-bottom:3px;
}
img.ph {
	border: 1px solid #dcdcdc;
}




/*ボタン部分*/
.btn-right{
	clear:both;
	display:block;
	text-align: right;
	padding: 19px 19px 5px;
}
.btn-right2{
	clear:both;
	display:block;
	text-align: right;
	padding: 10px 19px 5px;
}
.btn-center{
	clear:both;
	display:block;
	text-align: center;
	padding: 19px 19px 50px;
	width:708px;
	background-color: #f9f6eb;
	float: right;
}




/*音声ガイドサービス紹介はこちら*/
.sound-guide{background-color: #ebe2cf;}
.sound-guide .left p a:hover img,.sound-guide .right p a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
.sound-guide .left{
	width:247px;
	float:left;
}
.sound-guide .right{
	width:246px;
	float:right;
}
.sound-guide p{
	padding:12px 4px 12px 14px;
	line-height:150%;
}
.sound-guide p img{
	margin-top:5px;
}

.honbun .sound-guide .left{
	width:234px;
	float:left;
	border-right: 3px solid #f9f5ea;
}
.honbun .sound-guide .right{
	width:234px;
	float:right;
}
.honbun .sound-guide p{
	padding:12px 4px 12px 10px;
	line-height:150%;
}




/*about　写真横並び2枚*/
.two-colmn{margin-left:160px;}
.two-colmn .column{
	float:left;
	width:160px;
	font-size: 80%;
	line-height:120%;
}
.two-colmn .column img{margin-bottom:5px;}
.two-colmn .mr40{margin-right:40px;}



/*support merit　小見出し*/
h4.sub-title2{
	clear:both;
	font-size: 100%;
	line-height:120%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 3px;
	background-color: #717d67;
}


/*support merit　薄い緑背景*/
.bg-green{
	clear:both;
	padding:0px;
	margin-left:19px;
	margin-right:19px;
	margin-bottom:6px;
	background-color: #dde7d8;
	position: relative;
}
.bg-green:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
* html .bg-green { display: inline-block; }
/* no ie mac \*/
* html .bg-green { height: 1%; }
.bg-green { display: block; }
/* */
.bg-green {zoom: 100%;}
.bg-green p{
	min-height:115px;
	height: auto !important;
	height: 115px;
	padding: 10px;
}
.bg-green .btn-detail{
	text-align: right;
	padding-right:10px;
	position: absolute;
	right: 1px;
	bottom: 10px;
	width: 112px;
}
.bg-green .honbun{
	width:688px;
	padding:10px;
}
.bg-green .honbun .support-text{padding-bottom:20px;}


/*音声ガイドの歴史*/
.merit-ph{float:left;margin:0 15px 10px 0;width:160px;font-size:80%;line-height:1.3;}
.merit-ph img{padding-bottom:5px;}
.merit-text{overflow:auto;zoom:1;padding-bottom:10px;}



/*これまでの導入実績部分のベージュ背景*/
.works-bg{background-color: #ebe2cf;padding:8px 10px;margin-top:5px;line-height:100%;}


/*about consulting*/
.consulting-left{width:430px;float:left;}
.consulting-left ol{padding-left:2em;}
.consulting-right{width:266px;float:right;
	padding:0px 0px 10px;
	background-color: #dde7d8;
}
.consulting-right:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
* html .consulting-right { display: inline-block; }
/* no ie mac \*/
* html .consulting-right { height: 1%; }
.consulting-right { display: block; }
/* */
.consulting-right {zoom: 100%;}
.consulting-right p{
	padding:10px;
}



/*about message*/
.message-ph{float:left;width:158px;padding-right:20px;}
.message-ph img{padding-bottom:5px;}
.message-text{overflow:auto;zoom:1;}
.message-name{
	background-color: #ece3d1;
	text-align: right;
	padding: 8px 10px;
	margin-top:10px;
}


/*写真左寄せ　文章回り込み無し*/
.support-ph{float:left;margin:0;padding:0 15px 0 0;}
.support-text{overflow:auto;zoom:1;}
.support-text ol{padding:0;margin:10px 0 0 10px;}
.support-text ol li{padding:0;margin:0 0 0 10px;}
* html .support-text ol{padding:0 0 0 10px;margin:10px 0 0 0;}
* html .support-text ol li{padding:0;margin:0 0 0 15px;}



/*works*/
h4.works{
	font-size:1.25em;
	font-weight: bold;
	color: #234506;
	margin-bottom:15px;
}
.works small{font-size:75%;}

h4.works .works-note{
	padding-left:20px;
	width:200px;
	height:25px;
	overflow:hidden;
	line-height:1.2;
	text-align: right;
	font-size:10px;
	font-weight: normal;
	color: #333333;
	float:right;
}
.works .column{padding:12px 19px;}
/*.works .column .text{
	float:left;
	width:490px;
}*/
.works .column .text{
	overflow:auto;zoom:1;
}
.works .column .text p{margin-top:10px;}
.works .column .voice{
	float:left;/*float:right;*/
	clear:left;
	width:128px;/*width:165px;*/
	padding:7px;/*padding:15px;*/
	font-size:10px;
	background-color: #f9f5ea;
	border: 1px solid #99b989;
	line-height:1.4;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	/*margin-left:20px;*/
}

/*.works .column .voice strong{font-size:13px;}*/
.works .column .voice img{padding-top:5px;}
.works .bg{background-color: #dde7d8;}
.works .bg .voice{border: 1px solid #f9f5ea;}
.works .column:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
* html .works .column { display: inline-block; }
/* no ie mac \*/
* html .works .column { height: 1%; }
.works .column { display: block; }
/* */
.works .column {zoom: 100%;}

.works .voice2{
	clear:both;
	width:680px;
	padding:10px;
	border: 1px solid #cccbcb;
	background-color: #f0f0f0;
	background-image: url(../../works/images/bg1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 19px 19px 30px;
	overflow: hidden;
}
.works .voice2 img{float:left;padding-right:20px;padding-bottom:15px;}
.works .voice2 .text{
}
#works-page #container #center-contents #contents .honbun{overflow:hidden;}
.works-table{width:705px;}
.works-table th{
	padding:3px 15px;
	background-color: #717d67;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	border-bottom: 2px solid #ffffff;
	width:150px;
}
.works-table td{padding:3px 15px;
	background-color: #dde7d8;
	vertical-align: top;
	border-right: 1px solid #f9f5ea;
	border-top: 1px solid #f9f5ea;
}
.works-table td.line{border-bottom: 2px solid #ffffff;}
.works-table td .text{float:none;}
.works-table td .text .support-ph{font-size:10px;line-height:11px;padding-bottom:7px;}
.works-table td .text .support-ph .ph{margin:2px 0;}
.works-table .voice {
	clear:both;
	float:none;
	width:auto;
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
	border: 1px solid #99b989;
	background-color: #fff;
}
.works-table .voice .text{float:left;
	width:210px;
	padding:5px 0;
	font-size:10px;
	line-height:1.4;
	background-color: #f9f5ea;
	text-align:center;
	margin-right:30px;
}
.works-table .voice .hover-btn img{margin-top:1.1em;}


ul.works-guide{
	padding:0px;
	margin:5px 0 0;
	list-style: none;
}
ul.works-guide li{
	padding:3px 5px 3px 12px;
	margin:0;
	list-style: none;
}
ul.works-guide li strong{
	float:left;
	display:block;
	font-weight: normal;
}
ul.works-guide li span{
	overflow:auto;
	display:block;
	zoom:1;
}
* html ul.works-guide li span{display:inline-block;zoom:1;}
*:first-child+html ul.works-guide li span{display:inline-block;zoom:1;}
ul.works-guide li.bg{background-color: #f3eddc;overflow:hidden;zoom:1;}

.institution-txt{padding:12px;background-color: #f3eddc;margin-top:10px;}




/*company*/
.company-table{width:705px;}
.company-table th{
	padding:15px;
	background-color: #717d67;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
}
.company-table td{padding:15px 17px;
	background-color: #dde7d8;
	vertical-align: top;}

.illust{
	text-align:right;
	margin-right: 0px;
	margin-left: auto;
	width:170px;
}
.illust p{
	text-align:center;
	display:block;
}
.illust img{margin-bottom:5px;}




/*faq*/
.faq ol li a{color:#231815;}
.faq dt{
	text-indent: -2em;
	padding: 12px 15px 1px 4em;
	display:block;
}
.faq dd{
	text-indent: -2em;
	padding: 1px 15px 12px 4em;
	display:block;
}
.faq dt strong{color:#c11a1a;}
.faq .bg{background-color: #f3eddc;}




/*sitemap*/
.sitemap{margin:0px 19px;}
.sitemap .column{width:270px;padding-right:30px;float:left;}
.sitemap .column dt{
	display:block;
	padding-left: 12px;
	border-left: 5px solid #717d67;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.sitemap .column dd{
	display:block;
	padding-left: 17px;
	padding-top: 5px;
}
.sitemap a{color:#231815;}






/*contact*/
.contact-table{width:705px;}
.contact-table th{
	padding:10px 10px 10px 40px;
	background-color: #717d67;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	font-size:90%;
	line-height:150%;
	white-space: nowrap;
}
.contact-table th.mark{
	background-image: url(../../contact/images/mark.gif);
	background-repeat: no-repeat;
	background-position: 8px 12px;
}
.contact-table th span{font-size:75%;line-height:120%;}
.contact-table td{padding:10px 15px;
	background-color: #dde7d8;
	vertical-align: top;
	font-size:90%;line-height:150%;}
.contact-table td.two-column div{float:left;width:240px;margin-right:10px;}
.contact-table td.two-column div p{margin-bottom:10px;}
.policy-doc{
	width:485px;
	height:148px;
	border: 1px solid #a5acb2;
	overflow: auto;
	padding:8px;
	background-color: #ffffff;
	margin-top:5px;
	line-height:140%;
}
.policy-doc p{margin-bottom:20px;}
.field{border: 1px solid #7c99b3;padding: 3px 5px;}
#btn-contact01{
    border: 0px;
    width: 198px;
    height: 46px;
    background: url(../../contact/images/btn_contact01.gif) left top no-repeat;
	margin-bottom:20px;
}
#btn-contact02{
    border: 0px;
    width: 198px;
    height: 46px;
    background: url(../../contact/images/btn_contact02.gif) left top no-repeat;
	margin-bottom:20px;
}
#btn-contact03{
    border: 0px;
    width: 198px;
    height: 46px;
    background: url(../../contact/images/btn_contact03.gif) left top no-repeat;
	margin-bottom:20px;
}
.error{
	clear:both;
	font-weight: bold;
	color:#c11a1a;
	padding-top:5px;font-size:105%;
}
.tel{
	text-align:center;
	margin-top:10px;}
.tel p{display:block;
	width: 250px;
	height: 48px;
	padding:47px 5px 5px 138px;
	margin:0 auto;
	background-color: #ebe2cf;
	background-image: url(../../contact/images/tel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
	color:#c11a1a;
	font-size:12px;
}




/*sample-page*/
#sample-page #container #center-contents #contents .honbun green-line mt20 .support-ph a{
	background-image: none;
	margin-left: 0px;
	padding-left: 0px;
	width:225px;
}




#contents .honbun ol.no-number li {
	list-style: none;
}




/*top-page*/
body#home-page #side .menu{margin:2px 2px 0px;padding:0px;}
body#home-page #side .menu li{
	line-height:120%;
	margin:0px;
	padding:0px;
	background-image: none;
}
body#home-page #side .menu li a{display:block;
	text-decoration: none;
	padding: 7px 10px 9px 20px;
	background-image: url(../images/side_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}
body#home-page #side .menu li.news{display:block;
	text-decoration: none;
	padding: 7px 10px 9px 20px;
	background-image: url(../images/side_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

body#home-page #side .menu li.line{border-bottom: 1px solid #9dab99;}
body#home-page #side ul.menu li span{
	font-size:75%;
	line-height:120%;
	font-weight: normal;
}
#side dd.top-side01{
	height:242px;
}
#side dl dd.top-illust{
	background-image: url(../images/top_side_illust.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height:39px;
}

#top-works{
	margin-bottom:4px;
	margin-top:0px;
	border-top: 2px solid #a7ba9e;
	background-color: #FFFFFF;
	padding:0px;
	overflow:hidden;
	zoom:1;
	width:746px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#top-works ul,#top-works li{
	margin:0;
	padding:0;
	list-style: none;
}
#top-works ul{margin-left:19px;clear:both;}
#top-works ul.ml35 {
	margin-left:35px;
}
#top-works .text{
	margin-top:10px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #b32a7d;
	margin-left:19px;
}
#top-works li{
	text-align: center;
	float: left;
	height: 115px;
	width: 153px;
	margin-top:18px;
	background-image: url(../images/top_works_plate.gif);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding-top:2px;
	font-size:80%;
	line-height:120%;
	margin-right:25px;
}
#top-works li div{
	width: 133px;
	height:15px;
	text-align:left;
	line-height:11px;
	color:#717d67;
	font-size:9px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#top-works li div img{padding-right:4px;}
#top-works li a{display:block;height: 87px;width: 153px;text-decoration: none;color:#231815;margin-top:10px;}
#top-info{background-color: #FFFFFF;clear:both;}
#top-info .column{float:left;width:330px;padding:0px 21px;margin-top:15px;line-height:130%;}
#top-info .line{border-right: 1px solid #dbe2dd;}
#top-info .column ul{
	margin:0;
	padding:0;
	list-style: none;
}
#top-info .column li{
	margin:0;
	padding:5px 0px 7px 14px;
	list-style: none;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
#top-info .column .collection{
	margin-top:20px;
}
#top-info .subtitle{
	margin-bottom:7px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #b32a7d;
	line-height:150%;
	font-size:120%;
}

#top-info a{color:#000000;}
body#home-page #page-top{background-color: #FFFFFF;}
body#home-page #contents{background-color: #FFFFFF;padding-bottom:0px;}
body#home-page #title{
	color: #FFFFFF;
	background-image: url(../images/top_works_title.gif);
	background-repeat: repeat-x;
	padding-top: 12px;
	padding-left: 19px;
	height: 22px;
}
body#home-page #title h2,body#home-page h3#title{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-weight: bold;
}
body#home-page #title h2{width:500px;float:left;line-height: 14px;}
body#home-page #top-works #title .note{
	float:right;
	width:200px;
	font-size:9px;line-height: 14px;
	font-weight: normal;
	text-align:right;
	padding-right:20px;
}
#top-works .text .note img{
	padding-right:4px;
}



/*-----------------------------------------------
 print
-----------------------------------------------*/
@media print {
body {
        overflow: visible !important;
    }
#center-contents,#footer,#side,#contents {
        position: static !important;
    }
* html body {
	zoom:75%;
}
*:first-child+html #contents {
	float:left;
}
#head-img #head-link {
	display: none;
}
}

