@charset "utf-8";



/* reset

---------------------------------------------------- */

*{

	margin:0px;

	padding:0px;

	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;

}

html{overflow-y:scroll;}

body{

	font-size:80%;

	line-height:160%;

	text-align:center;

	color:#333;

	background:url(../images/bg.jpg) repeat-x top #fff;

}

#bg-none{

	font-size:80%;

	line-height:160%;

	text-align:center;

	color:#333;

	background:none;

}

img{border:none;}

div{zoom:1;}

div:after{

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}

/*p{zoom:1;}

p:after{

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}

*/a:link {

  color: #eb6010;

}

a:visited {

  color: #a5530a;

}

a:hover, a:active {

  color: #e38c05; text-decoration:none;

}

.x-small{font-size:85%; line-height:130%;}

.v-middle img {vertical-align:middle;}

.dis-none {display:none;}



/* base layout

---------------------------------------------------- */

#wrapper {

	width:900px;

	text-align:left;

	margin:0px auto;

	background:url(../images/wrap-bg1.jpg) repeat-y;

}

#wrapper-in {

	width:820px;

	text-align:left;

	margin:0px auto;

}

#logo{

	width:371px;

	height:76px;

	float:left;

	overflow:hidden;

}

#logo img{

margin-left:40px;

}



#header-text{

	height:52px;

	overflow:hidden;

	clear:both;

}



#headnavi {

	width:420px;

	height:76px;

	overflow:hidden;

	float:right;

}



#headnavi h1{

	height:52px;

	padding-right:40px;

	font-size:x-small;

	line-height:65px;

	text-align:right;

	font-weight:normal;

	overflow:hidden;

}



#subnavi {

	padding-right:40px;

	float:right;

	list-style:none;

}



#subnavi li.sn1 {

	width:61px;

	height:24px;

	float:right;

}

#subnavi li.sn2 {

	width:67px;

	height:24px;

	float:right;

}

#navi{

	padding:0 40px;

}



#navi ul {list-style: none;}

#navi ul img{ vertical-align:bottom}



#anime01{margin-left:96px;}

#anime02{margin-left:228px;}

#anime03{margin-left:427px;}

#anime04{margin-left:623px;}





#mainnavi{

	width:601px;

	height:64px;

	float:left

}



#mainnavi li.mn1{

	float:left;

	padding-top:10px;

}



#mainnavi-right{width:197px; float:right; background:url(../images/navi_rightbg.jpg) no-repeat; padding:10px 0 0 22px;}

#mainnavi-right img{vertical-align:top; float:left;}





#header{

	background:url(../images/header-bg.jpg) no-repeat;

	overflow:hidden;

}

#header2{

	background:url(../images/header-bg2.jpg) no-repeat;

	overflow:hidden;

}



#article-t{

	height:1%;

	background:url(../images/blockline-vertical.gif) no-repeat 0px 223px;

}



#article-t2{

	height:1%;

	background:url(../images/blockline-vertical.gif) no-repeat 0px 223px;

	padding-top:20px;

}



#article{

	height:1%;

	border-bottom:20px solid #fff;

}



#article-into{

	height:1%;

	margin:10px;

	text-align:left;

	margin-bottom:40px;

}



#pagetoprt{

	height:21px;

	text-align:right;

	border-top:20px solid #fff;

}



#footer{

	clear:both;

}



#footer #textlink{

	height:36px;

	line-height:36px;

	text-align:center;

	font-size:x-small;

	background:url(../images/footer-bg1.gif) repeat-x top;

}



#footer #textlink{

	height:34px;

	line-height:34px;

	text-align:center;

	font-size:x-small;

}



#footer #copyrtt {

	height:30px;

	background:url(../images/footer-bg.jpg) repeat-x;

	

}

#textlink a:link {

  color: #666;

}

#textlink a:visited {

  color: #666;

}

#textlink a:hover, #textlink a:active {

  color: #666; text-decoration:none;

}





#footer #copyright{

	width:700px;

	height:30px;

	float:left;

}



#footer #return{

	width:35px;

	float:right;

}



/* index.html

---------------------------------------------------- */

#flash{height:235px; padding-top:10px;}

.fcorange{color:#f46505;}



.top-left{

	width:515px;

	float:left;

	text-align:left;

}



.top-p{

	margin-bottom:10px;

}

.top-left #top-title2{margin-bottom:13px;}



#rlink-title{margin-bottom:10px;}

.rlink-text{margin-top:10px; font-size:x-small; line-height:normal;}



#top-box01,#top-box03{border:1px #ccc solid;padding:9px; float:left; width:230px; margin-bottom:10px;}

#top-box02,#top-box04{	border:1px #ccc solid;padding:9px; float:right; width:230px; margin-bottom:10px;}



#top-box01 img,#top-box02 img,#top-box03 img,#top-box04 img{float:left;}

#top-box01 p,#top-box02 p,#top-box03 p,#top-box04 p{font-size:85%; line-height:130%;}

#top-box01 h3,#top-box02 h3,#top-box03 h3,#top-box04 h3{ font-size:100%; margin-bottom:10px;}

.top-text{width:141px; float:right;}

.title{background:url(../images/icon.jpg) no-repeat left center; padding-left:20px; border-bottom:1px #ccc dashed;}



#ssc5{margin-bottom:10px;}

#ssc5-text{font-size:x-small; line-height:normal; background:url(../images/line1.gif) no-repeat bottom; padding-bottom:15px; margin-bottom:15px;}





.top-right{

	width:290px;

	float:right;

}



#infotext{

	width:290px;

	height:209px;

	overflow:auto;

	margin-bottom:15px; 

	scrollbar-3dlight-color:white;

	scrollbar-track-color:white;

	scrollbar-darkshadow-color:white;

	scrollbar-face-color:#cccccc;

	scrollbar-highlight-color:white;

	scrollbar-shadow-color:white;

	scrollbar-arrow-color:white;

}

#infotext p{margin-bottom:10px;background:url(../images/mark.gif) no-repeat left top; padding-left:10px;}





#copy-t{height:39px; overflow:hidden;}

#link-t{border-bottom:10px solid #fff;}

#flashdl{

	border:1px solid #ccc;

	padding:6px;

	font-size:x-small;

	line-height:normal;

	text-justify:inter-ideograph;

	text-align:justify;

}

#flashdl img{

	border-bottom:10px solid #fff;

	display:block;

}





/* CL02/index.html

---------------------------------------------------- */

#catelist {border-bottom:35px solid #fff; height:1%;}

#catelist2 {border-bottom:25px solid #fff; height:1%;border-bottom:1px #fe9b00 dashed; margin-bottom:10px;}



#catelist ul,#catelist2 ul{list-style:none;}

#catelist li,#catelist2 li{

	width:196px;

	height:63px;

	overflow:hidden;

	float:left;

	border-left:5px solid #fff;

	border-right:4px solid #fff;

	}

.content-top-text{padding:0px 5px 10px 5px; border-bottom:1px dashed #ccc; margin-top:15px; margin-bottom:20px;}

.discbox{

	width:190px;

	background-color:#fdf9e8;

	border-bottom:1px solid #dbd0a9;

	border-left:8px solid #fff;

	border-right:7px solid #fff;

	margin-bottom:30px;

	float:left;

}

.discbox h3{

	font-size:100%;

	padding:4px;

	text-align:center;

	border-bottom:1px solid #dbd0a9;



	background-color:#f9edc4;

}

.discboxend{

	width:164px;

	background-color:#efefef;

	border-bottom:1px solid #dbd0a9;

	float:left;

	margin-right:0px;

}

.discdata{

	min-height:1%;

}

.discdata .text{

	padding:9px;

	line-height:normal;

	border-top:2px solid #fff;

	 border-bottom:1px solid #dbd0a9;



}

.discdata .textmore{

	padding:9px;

	font-size:x-small;

	line-height:normal;

	text-align:center;

	border-top:1px solid #dbd0a9;

}

.tac2{text-align:center; padding-bottom:9px; padding-top:9px; border-top:2px solid #fff;}



.discthumb{padding:10px;border-top:5px solid #fe9b00;}

.content-top-back{padding:8px 0px;}

.detail-box{padding:1px; border:1px solid #ccc; margin-bottom:10px;}

.inpagelo{background:url(../images/detailbg1.jpg) repeat-x top #fff; padding:15px;}

.inpagelo h3{padding:0px 0px 5px 0px; border-bottom:2px solid #fe9b00; font-size:100%; line-height:normal; margin-bottom:15px;}

.detail-photo1{width:521px; float:left;}

.detail-text1{width:250px; float:right;}

.detail-photo-area{clear:both;

	padding-top:15px;

	border-top:1px dashed #ccc;

	margin-top:15px;

}

.detail-photo-area .detail-photo2 {

	width:252px;

	border-right:15px solid #fff;

	float:left;

}

.detail-photo-area .detail-photo3 {

	width:252px;

	float:left;

}

.detail-photo-area .detail-photo4 {

	width:252px;

	float:right;

}

.detail-photo-area img{margin-bottom:10px;}

.photo-caption{margin-bottom:15px;}



.paging{padding:8px 5px;

	line-height:normal;

	text-align:left;

	font-size:x-small;

	border-bottom:1px solid #ccc;

	border-top:1px solid #ccc;

	margin-bottom:20px;

}



.paging a{

	border:1px solid #ccc;

	padding:2px 7px;

	display:block;

	float:left;

	margin-right:5px;

	line-height:normal;

	text-decoration:none;

	background-color:#fff;

}



.paging img{vertical-align:middle;}





/* extended

---------------------------------------------------- */

.clear {clear: both;}

hr{clear:both; display:none;}

.tac{text-align:center;}

.tac3{text-align:center; margin:20px 0;}

.tar{text-align:right;}

.fontcolorred{color:#c00;}



.input-w300{width:300px;}

.input-w300s{width:500px; height:100px;}

.input-w200{width:200px;}

.input-w100{width:100px;}

.input-w100p{width:98%;}

.texttac{margin-bottom:10px; text-align:center; background-color:#efefef; border-bottom:1px solid #ccc; padding:6px;}



.f-left{ float:left;}

.mb5{ margin-bottom:5px;}

.mb15{ margin-bottom:15px;}

.midium{font-size:medium;}



/* cuttingu.html （yoshida）

---------------------------------------------------- */

.cutting-img{float:left;width:500px; margin-bottom:15px;}

.cutting-text{

	width:300px;

	float:right; margin-bottom:15px;

}





/* plan.html （yoshida）

---------------------------------------------------- */

.plan-box{

	margin-top:15px;

	margin-bottom:10px;

	padding-top:15px;

}

.plan-box2 { background-color:#fbedb4; padding:15px; margin-bottom:15px;}

.plan-img{float:right;width:500px; margin-bottom:10px;}



.plan-text{

	width:300px;

	float:left;

}

.plan-text p{padding-right:50px;}



.plan-box h3{

	font-size:150%;

	line-height:normal;

	margin-bottom:10px;

	color:#e82521;

	text-align:center;

}



.pr50{padding-right:50px;}





/* tonbo

---------------------------------------------------- */

#tonbo-area{ clear:both;border-top:1px #fe9b00 dashed; padding-top:10px;}



#tonbo-area1{width:600px; float:left;}

#tonbo-area2{width:181px; float:right;border:2px #fe9b00 solid; padding:8px}

#tonbo-text{ width:525px; float:right; padding-top:10px;}



.tonbo-box1 {

	width:400px;

	float:left;

}

.tonbo-box1 .text {

	width:190px;

	float:right;

}

.tonbo-box2 {

	width:400px;

	float:right;

}



/*.tonbo-logo{ float:left; width:483px; margin-bottom:15px;}

.tonbo-official{ float:right; width:300px; margin-bottom:15px;}



.tonbo-box{

	width:253px;

	background-color:#fdf9e8;

	border-top:5px solid #ffca00;

	border-bottom:1px solid #dbd0a9;

	margin:0px 10px;

	margin-bottom:30px;

	float:left;

	display:inline;

}

.tonbo-box img{

	width:223px;

	padding:15px;

}

.tonbo-box h3{

	font-size:120%;

	padding:5px;

	text-align:center;

	border-bottom:1px solid #dbd0a9;

	background-color:#f9edc4;

}
*/



/* eco.html （yoshida）

---------------------------------------------------- */

.eco-title1{color:#e82521;}

.eco-title2{color:#e82521;}

.eco-title3{color:#e82521;}

.eco-title1,

.eco-title2,

.eco-title3{

	clear:both;

	font-size:120%;

	margin-bottom:10px;

}

.li{ margin-left:25px; list-style:square; margin-bottom:30px;}

#eco-box{float:right; width:375px; margin-bottom:10px;}

#eco-box img{
	width:150px;
	margin-top: 15px;
	margin-right: 110px;
	margin-left: 110px;
	text-align: center;
	height: 50px;
}

#eco-box2{ background-color:#fbedb4; padding:15px; margin-bottom:15px;}

.rgt{text-align:right;}



.eco-box3{width:400px; float:left; margin-bottom:15px;}

.eco-box4{width:400px; float:right; margin-bottom:15px;}

.eco-box5{width:734px; float:left; margin-bottom:15px;}

.eco-line{border-bottom:2px solid #fe9b00;border-top:2px solid #fe9b00; padding:12px 0; margin-bottom:25px;}



/* signs.html

---------------------------------------------------- */

.sign-box1{width:260px; float:left; padding-right:20px; margin-bottom:15px;}

.sign-box2{width:260px; float:left; margin-bottom:15px;}



/* company.html

---------------------------------------------------- */

#company-left{width:200px; float:left; margin:15px 0px;}

#company-left img{margin-bottom:5px;}



#company-right{width:600px; float:right;margin:15px 0px;}



#company-right h3{

	font-size:120%;

	padding:4px;

	border-bottom:1px dashed #fe9b00;

	margin-bottom:10px;

}



.company-table {

	border-collapse:collapse;

	margin-bottom:15px;

	width:100%;

}

.company-table th{

	padding:5px;

	text-align:left;

	border-bottom:1px solid #ccc;

	border-right:4px solid #fe9b00;

	width:30%;

	vertical-align:top;

}

.company-table td{

	padding:5px;

	border-bottom:1px solid #ccc;

}

.company-table p{margin-bottom:0px;}



.company-box{width:210px; float:left;}

.company-box2{width:210px; float:right;}





@media print{

#catelist,#catelist2 { width:821px;}

.discbox{

	border-left:7px solid #fff;

}





}