@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%; }

.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.ttlarea{
background:#EDEFF0;
}

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;
}


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%;
}
























/***********************************************   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;
}


/**********************************left_navi********/
#left_navi{
float:left;
width:200px;
border:#CCCCCC solid 1px;
}

li.left_navi{
list-style:none;
margin:10px 10px;
text-align:left;
background:url(img/blog_ttl.gif) no-repeat;
height:20px;
}


/************chocodeco**************/

.text01{
font-size:12px;
line-height:24px;
}

.title{
font-size:16px;
font-weight:bold;
color:#000000;
}