@charset "UTF-8";
@import url("style-base.css");
@import url("style-menu.css");

td { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; line-height: 150%; }
.size-18 { font-size: 18px; line-height: 200%;
font-weight:bold; }

.img_r {
	float: right;
	border: none;
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 5px;
}
.img_l {
	float: left;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.img_n {
	float: none;
	border: none;
}
textarea,select,input {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/****************************************************************/


.p-t20{padding-top:20px;}
.p-t40{padding-top:40px;}
.p-b20{padding-bottom:20px;}


/****************************************************************/

div#topimg{
height:60px;
background:url(img/mainimg.jpg) no-repeat 0 0;
padding-top:230px;
margin-bottom:20px;
}
div#topimg a{
display:block;
width:336px;
height:59px;
text-indent:-9999px;
overflow:hidden;
}
div#topimg a:hover{
background:url(img/mainbuttonr.gif) no-repeat 0 0;
}



div#block5{
padding:15px 0px 15px 0px;
}

div.topbox01{
width:208px;
padding:10px 8px;
/*border-right:8px solid #ffffff;
border-bottom:8px solid #ffffff;*/
border:1px solid #D5EB0A;
float:left;
background:#FAFBF1;
margin-right:6px;
margin-bottom:6px;
}



div.topbox01 div.imgarea01{
float:left;
width:80px;
}
div.topbox01 h4{
background:url(img/point01.gif) no-repeat 0 35px;
width:105px;
padding:30px 0px 0px 13px;
float:right;
font-size:14px;
}


div.toparea01{
width:306px;
height:175px;
float:left;
background:url(img/box01-back.gif) no-repeat 0 0;
}

div.toparea02{
width:175px;
height:175px;
padding-left:20px;
float:left;
background:url(img/box02-back.gif) no-repeat 20px 0;
}

div.toparea99{
width:175px;
height:175px;
padding-left:20px;
float:left;
}



div.toparea01 ul{
list-style:none;
padding:80px 0px 0px 15px;
}
div.toparea01 ul li{
background:url(img/point02.gif) no-repeat 3px 11px;
padding:7px 15px;
}

div.toparea02 ul{
list-style:none;
padding:20px 0px 0px 15px;
}
div.toparea02 ul li{
background:url(img/point02.gif) no-repeat 3px 11px;
padding:7px 15px;
}







/***********************************************   idea   *****************/

div.box01{
background:url(img/inner/inbox-re.gif) repeat-y 0 0;
margin-top:15px;
}

div.box-in01{
background:url(img/inner/back1-1.gif) no-repeat 350px 0;
}
div.box-in02{
background:url(img/inner/back1-2.gif) no-repeat 350px 0;
}
div.box-in03{
background:url(img/inner/back1-3.gif) no-repeat 350px 0;
}

div.box01 p{
padding:7px 360px 8px 25px;
line-height:200%;
}


/***********************************************   quality   *****************/



div.box02{
background:url(img/inner/inbox-re.gif) repeat-y 0 0;
margin-top:15px;
}
div.box02 div.box-in21{
padding:0px 20px 15px 20px;
}
div.box02 div.box-in21 p{
line-height:200%;
padding:7px 5px 8px 5px;
}



div.box03{
width:660px;
margin:15px auto 15px auto;
padding:20px 0px;
border-bottom:1px dotted #888888;
}

div.box03 p{
line-height:200%;
padding:7px 5px 8px 5px;
}




/*********************************************************/



div.in{
padding:0px 20px;
}



div.sobox01{
border-bottom:1px dotted #888888;
padding:20px 0px 15px 0px;
}

div.sobox01 div.so-left{
float:left;
width:200px;
}

div.sobox01 div.so-right{
float:right;
width:440px;

}

div.sobox01 div.so-right div.ttlarea h5{
padding:5px 10px 5px 30px;
background:url(img/inner/point02.gif) no-repeat 7px 4px #EDEFF0;
font-size:14px;
font-weight:bold;
color:#3B7FCF;
width:270px;
float:left;
}
div.sobox01 div.so-right div.ttlarea p{
float:left;
padding:7px 0px 5px 0px;
width:130px;
font-size:12px;
background:#EDEFF0;
text-align:right;
}



div.ttlarea{
background:#EDEFF0;
}



p.enttxt{
line-height:180%;
padding:8px 0px;
}



/***********************************************   make   *****************/


div.box660{
background:url(img/make/boxin02-re.gif) repeat-y 0 0;
width:660px;
margin:auto;
}
div.box660-work{
background:url(img/make/boxin02-re.gif) repeat-y 0 0;
width:660px;
margin:20px auto 30px auto;
}

div.boxmk-in01{
background:url(img/make/mkbg01.gif) no-repeat 333px 0px;
}
div.boxmk-in01 p{
line-height:200%;
padding:7px 5px 8px 20px;
width:300px;
}


div.makebox01{
border-bottom:1px dotted #8a8a8a;
padding:10px 5px;
}
div.makebox01 div.makeimg{
width:175px;
float:left;
}
div.makebox01 div.makeimg2{
width:145px;
float:left;
padding:0px 10px 0px 10px;
}
div.makebox01 div.maketxt{
width:470px;
float:left;
}

div.makebox01 div.makeimg img,div.makebox01 div.makeimg2 img{
padding:1px;
border:1px solid #8a8a8a;
}

div.makebox01 div.maketxt h5{
padding:5px 10px 5px 30px;
background:url(img/inner/point02.gif) no-repeat 7px 4px #EDEFF0;
font-size:14px;
font-weight:bold;
color:#3B7FCF;
}
div.makebox01 div.maketxt p{
padding:10px 10px;
line-height:200%;
}


p.txt01{
padding:10px 20px;
line-height:200%;
}

















.p-b30{padding-bottom:30px;}






/***********************************************   company   *****************/

table.com{
width:600px;
margin:auto;
border-top:1px dotted #B1C8E1;
border-left:1px solid #B1C8E1;
}
table.com th{
padding:8px 10px 8px 15px;
text-align:left;
vertical-align:top;
background:#EDF4FC;
border-bottom:1px dotted #B1C8E1;
border-right:1px solid #B1C8E1;
font-weight:normal;
font-size:12px;
width:130px;
}
table.com td{
padding:8px 10px 8px 15px;
text-align:left;
vertical-align:top;
border-bottom:1px dotted #B1C8E1;
border-right:1px solid #B1C8E1;
font-size:12px;
}



/**********************************************   work   ********/

div.box660{
background:url(img/make/boxin02-re.gif) repeat-y 0 0;
width:660px;
margin:auto;
}
div.work-in01{
background:url(img/work/makeback01.jpg) no-repeat 339px 0px;
}
div.work-in02{
background:url(img/work/makeback02.jpg) no-repeat 399px 0px;
}
div.work-in03{
background:url(img/work/makeback03.jpg) no-repeat 399px 0px;
}
div.work-in05{
background:url(img/work/makeback05.jpg) no-repeat 399px 0px;
}
p.worksinp{
line-height:200%;
padding:7px 5px 8px 20px;
width:300px;
}

div.pad{
padding:0px 15px;
}
div.workleft{
padding-right:30px;
width:280px;
float:left;
}

div.workleft img{
float:left;
padding-right:10px;
}
div.workleft p{
line-height:150%;
padding:0px;
}



div#butarea{
padding:30px 0px 30px 30px;
}
div#butarea img{
margin-right:30px;
}




div.tri-box{
padding:0px 0px 10px 0px;
}

div.tri-box h5{
background:#EDEFF0;
height:25px;
padding:5px 10px 0px 10px;
font-size:14px;
color:#3B7FCF;
margin-top:15px;
}

div.tri-box div.tri-left{
width:385px;
float:left;
}
div.tri-box div.tri-right{
width:270px;
float:right;
}


div.tri-box div.tri-left p{
line-height:200%;
padding:10px 5px 5px 5px;
}



div.flash{
border-top:3px solid #E6E6E6;
border-bottom:3px solid #ABBC95;
margin:15px 0px 15px 0px;
}




.p-t10{
padding-top:10px;
}



h4.re-ttl01{
width:630px;
height:25px;
font-size:16px;
color:#FFFFFF;
background:url(img/blog/title-back.gif) no-repeat 0 0;
padding:10px 0px 0px 34px;
letter-spacing:3px;
margin-top:30px;
}

.entbox{
padding:30px 15px;
border-bottom:1px dotted #888888;
}

div.ent-imgbox{
float:left;
width:167px;
}
div.ent-txtbox{
float:right;
width:450px;
}

div.ent-txtbox h5{
font-size:15px;
background:url(img/blog/point01.gif) no-repeat 0 2px;
padding:0px 0px 20px 20px;
color:#444444;
}


div.ent-txtbox h5 a{
color:#444444;
text-decoration:none;

}

div.ent-txtbox h5 a:visited{
color:#444444;
text-decoration:none;
}

div.ent-txtbox h5 a:hover{
color:#444444;
text-decoration:none;
}

div.ent-txtbox h5 a:active{
color:#444444;
text-decoration:none;
}



.txtbox-left{
float:left;
width:220px;
padding:0px 0px;
line-height:180%;
}
.txtbox-right{
float:left;
width:200px;
background:#EEEEEE;
padding:10px;
}


p.detail{
font-size:14px;
padding-top:10px;
}


/***************************************************************************/

div.toparea{
width:580px;
margin:0px auto 30px auto;
}



ul#re-navi{
list-style:none;
padding:15px 0px;
}
ul#re-navi li{
float:left;
height:23px;
width:97px;
text-align:center;
padding:10px 0px 12px 0px;
font-size:14px;
font-weight:bold;
}
ul#re-navi li a{
background:url(img/blog/points.gif) no-repeat 0 5px;
padding-left:10px;
}

ul#re-navi li.re-navi01{
background:url(img/blog/navi-back01.gif) no-repeat 0 0;
width:92px;
}

ul#re-navi li.re-navi02{
background:url(img/blog/navi-back02.gif) no-repeat 0 0;
}

ul#re-navi li.re-navi03{
background:url(img/blog/navi-back03.gif) no-repeat 0 0;
}








ul#re-navi li.re-navi02 a{
text-decoration:none;

}

ul#re-navi li.re-navi02 a:visited{
text-decoration:none;
}

ul#re-navi li.re-navi02 a:hover{
text-decoration:underline;
}

ul#re-navi li.re-navi02 a:active{
text-decoration:underline;
}




div.ent-box02{
margin-bottom:40px;
}


div.leftbox01{
float:left;
width:280px;
padding:0px 0px;
}
div.rightbox01{
float:right;
width:340px;
padding:0px 10px;
line-height:200%;
}

div.leftbox01 table{
margin-top:10px;
}
div.leftbox01 table th{
width:60px;
padding:3px 5px;
vertical-align:middle;
text-align:left;
background:#317A17;
color:#ffffff;
font-weight:normal;
border-bottom:2px solid #ffffff;
border-right:2px solid #ffffff;
}
div.leftbox01 table td{

padding:3px 10px;
vertical-align:middle;
text-align:left;
background:#F9F6EF;
font-weight:normal;
border-bottom:2px solid #ffffff;
}
div.leftbox01 table td sup{
font-size:5px;
}





div.ent-main{
line-height:200%;
padding:10px 10px;
}

div.ent-main2{
line-height:200%;
padding:10px 0px;
}



.w670{
width:670px;
margin:0px auto;
}



div.imgarea{
text-align:center;
padding:20px 0px 50px 0px;
}
div.txtarea{
padding:20px 20px 35px 20px;
line-height:200%;
}



.table01{
}
.table01 td{
line-height:150%;
padding:3px 0px;
}

.env_main table{
margin:10px auto
}
.env_main table td{
line-height:150%;
border-bottom:1px solid #a8a8a8;
padding:6px 10px;

}





div.kakudai{
border:1px solid #E7D3C6;
background:#FEF1E9;
padding:10px 15px;
width:200px;
text-align:center;
line-height:110%;
font-size:14px;
margin:15px 0px;
}
























div.maps{
position:absolute;
left:-100px;
bottom:0px;
}

div.sobox02{
border:1px solid #DCD6C2;
background:#FFF7E8;
padding:0px 20px 20px 20px;
margin-top:20px;
}

div.sobox02 div.so-left{
float:right;
width:200px;
padding-top:20px;
position:relative;
height:148px;
}

div.sobox02 div.so-right{
float:left;
width:440px;
padding-top:15px;
}

div.sobox02 div.so-right div.ttlarea h5{
padding:5px 10px 5px 10px;
border-left:4px solid #FF7200;
font-size:14px;
font-weight:bold;
color:#FF7200;
background:#FFF7E8;
}





div.sobox03{
border:1px solid #a8a8a8;
padding:10px 10px 10px 10px;
width:310px;
margin-bottom:10px;
margin-top:10px;
float:left;
margin-right:8px;
_margin-right:4px;
margin-left:8px;
_margin-left:4px;
position:relative;}

div.sobox03 div.so-left{
float:left;
width:140px;
}

div.sobox03 div.so-right{
float:right;
width:160px;
}

div.sobox03 h5{
padding:5px 10px 5px 7px;
background:#EDEFF0;
font-size:12px;
font-weight:bold;
color:#3B7FCF;
}
/*div.sobox03{
border:1px solid #a8a8a8;
padding:10px 10px 10px 10px;
width:310px;
margin-bottom:10px;
margin-top:10px;
float:left;
margin-right:8px;
_margin-right:4px;
margin-left:8px;
_margin-left:4px;
position:relative;
}

div.sobox03 div.so-left{
width:140px;
position:absolute;
left:182px;
top:43px;
}

div.sobox03 div.so-right{

}

div.sobox03 h5{
padding:5px 10px 5px 7px;
background:#EDEFF0;
font-size:12px;
font-weight:bold;
color:#3B7FCF;
}*/



div.sobox03_2{
border:1px solid #a8a8a8;
padding:10px 10px 10px 10px;
width:310px;
margin-bottom:10px;
margin-top:10px;
float:left;
margin-right:8px;
_margin-right:4px;
margin-left:8px;
_margin-left:4px;
position:relative;
height:350px;
}

div.sobox03_2 div.so-left{
float:left;
width:140px;
}

div.sobox03_2 div.so-right{
float:right;
width:160px;
}

div.sobox03_2 h5{
padding:5px 10px 5px 7px;
background:#EDEFF0;
font-size:12px;
font-weight:bold;
color:#3B7FCF;
}

p.enttxts{
line-height:160%;
padding-top:5px;
}

.m-b10{
margin-bottom:10px;}



.p-b10{
padding-bottom:10px;}






div#txtdetail{
width:658px;
margin:0px auto 0px 8px;
border:1px solid #A8A8A8;
padding:10px;
}

div.txtbukken{
margin-bottom:15px;}


h4.ttl53{
padding:5px 10px 5px 30px;
background:url(img/inner/point02.gif) no-repeat 7px 4px #EDEFF0;
font-size:14px;
font-weight:bold;
color:#3B7FCF;
}






div#pp-wrap{
width:650px;
margin:0px auto;
padding:0px;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
background:#ffffff;
}
div#pp-wrap_in{
width:630px;
margin:0px auto;
padding:0px;
text-align:left;
}
div.p_body{
line-height:160%;
padding:10px 10px;
}

table.p_table{
width:610px;
margin:0px auto;
border-bottom:1px solid #a8a8a8;
border-left:1px solid #a8a8a8;
}
table.p_table th{
border-top:1px solid #a8a8a8;
border-right:1px solid #a8a8a8;
line-height:150%;
padding:6px 10px;
vertical-align:top;
text-align:left;
width:140px;
background:#EDF4FC;
font-weight:normal;
}
table.p_table td{
border-top:1px solid #a8a8a8;
border-right:1px solid #a8a8a8;
line-height:150%;
padding:6px 10px;
vertical-align:top;
text-align:left;
}
.must{
font-size:10px;
padding-left:3px;
color:#ee0000;
}

.w100{
width:100px;
}
.w400{
width:400px;
}

div.contbox{
background:url(img/blog/bases.gif) no-repeat 0 0;
text-align:center;
margin:10px 0px;
padding:10px;
height:62px;}





td.ichiran_text{
line-height:160%;
}

div.ichis{
line-height:160%;
padding:10px 10px 5px 15px;
}
div.ichis2{
line-height:160%;
}


.gazo{
text-align:center;
padding:20px 0px;
}


div.kanbai{
font-size:16px;
text-align:center;
padding:20px 0px;
font-weight:bold;
color:#ee0000;
}



#bts{
list-style:none;
height:35px;
padding-top:20px;
}
#bts li{
float:left;
padding:0px 2px;
}


.map_bts{
text-align:right;
padding-bottom:20px;
}


