@charset "UTF-8";

/* index --------------------------------------------------------------- */
#indexmain{ padding:8px 9px 0; height:376px; _height:384px; clear:both; background:url(../../images/indexmainbg.jpg) no-repeat; position:relative; }
#indexarea{ margin:0; padding:0 9px; }
*:first-child+html #indexarea { margin:-3px 0 0; }
#indexresults{ padding:0 0 15px; position:relative; background:url(../../images/bluegrade.jpg) no-repeat left bottom; }
#indexresults .PNG{ vertical-align:top; margin-top:-1px; }
#indexresults h5{ margin:0 0 0 12px; padding:0; }
ul#indexphoto{ margin:0 0 0 15px; padding:0; }
ul#indexphoto li{ width:144px; float:left; margin:0 12px 0 0; padding:0; font-size:83.3%; line-height:150%; color:#FFFFFF; }
ul#indexphoto li div{ width:144px; height:109px; margin:0 0 3px; background:url(../../images/photolistbg.png) no-repeat left top; }
ul#indexphoto li div a{ width:141px; height:106px; overflow:hidden; display:block; }
ul#indexphoto li div img{ margin:3px 0 0 3px; }
#indexbanner{ padding:6px; width:184px; _width:195px; _height:265px; background:url(../../images/bannerbg.png) no-repeat left top; position:absolute; z-index:10; right:10px; _right:20px; top:12px; }
#indexbanner img{ margin:3px; }
#indexnews{ margin:30px 0 0; padding:0 9px; }
#indexnews h5{ margin:0; padding:0; }
dl#newslist{ width:600px; margin:0 0 40px 3px; padding:0; background:url(../../images/dotlline.gif) repeat-x left bottom;  }
dl#newslist dt{ width:99px; margin:0; padding:10px 0; float:left; color:#3593f2; background:url(../../images/dotlline.gif) repeat-x left top; }
dl#newslist dd{ width:501px; margin:0; padding:10px 0; float:left; background:url(../../images/dotlline.gif) repeat-x left top; }
dl#newslist .top{ padding-top:0; background:none; }
dl#newslist a:link,dl#newslist a:visited,dl#newslist a:active { text-decoration:underline; }
dl#newslist a:hover { text-decoration:none; }

/* feature ----------------------------------------------------------------- */
#feature{ margin:30px 0 0; background:url(../../feature/images/graybg.gif) repeat-y left top; }
.featurepointlist{ margin:0 0 0 30px; clear:both; }
.featurepointlist.top{ padding:0; }
.featurepoint{ float:left; }
.ftex{ width:480px; margin:0 0 0 17px; float:left; }
.ftex h5{ margin:0; padding:0; }
.ftex p{ margin:0 0 60px; padding:0 6px 1px; line-height:240%; background:url(../../feature/images/dotline.gif) left top; }
.ftex p.last{ margin:0; }
.featurephoto{ margin:2px 0 0; float:right; }

/* case -------------------------------------------------------------------- */
#case{ margin:50px 9px 0; }
#case.syo{ margin:50px 0 0; }
#case h5{ margin:0 0 10px; padding:0; clear:both; }
#case h5.top{ padding:30px 0 0; }
#case h5.catename{ float:left; }
#case h6{ margin:0; padding:6px 0 6px 40px; font-weight:bold; color:#FFFFFF; background:url(../../case/images/titlebg.gif) no-repeat left top; font-size:116.7%; }
#case h6.smallcate{ margin:3px 0 0 7px; padding:0 0 1px 15px; float:left; color:#336699; background:url(../../case/images/tateline.gif) no-repeat left top; }

dl.caselist{ margin:0; padding:0 0 20px; }
dl.caselist dt{ width:195px; height:103px; margin:0 3px 0 0; float:left; font-size:116.7%; background:#339ffd; font-weight:bold; }
dl.caselist dt a{ margin:0 10px; padding:10px 0 10px 20px; display:block; background:url(../../case/images/arrow.gif) no-repeat left 0.8em; }
dl.caselist dt a:link,dl.caselist dt a:visited,dl.caselist dt a:active,dl.caselist dt a:hover { color:#FFF; }
dl.caselist dd{ width:144px; _width:144px; float:left; margin:-3px 0 0 8px; padding:0 0 0 8px; font-size:83.3%; background:url(../../case/images/tateline.gif) no-repeat left 3px; }
dl.caselist dd a:link,dl.caselist dd a:visited,dl.caselist dd a:active,dl.caselist dd a:hover{ color:#339ffd; }
dl.caselist dd a{ display:block; }
dl.caselist dd .whitebg{ padding:3px; font-size:0; background:url(../../case/images/photobg.png) no-repeat left top; }
dl.caselist dd .whitebg a{ display:block; width:138px; height:103px; overflow:hidden; }
dl.caselist dd p{ margin:5px 0 0; padding:0 5px; line-height:150%; }

.casiespholist .photoimg{ width:275px; height:206px; margin:0 0 5px; }
.casiescleafix{ border-top:3px solid #0099FF; clear:both; }
.casiescleafix2{ border-bottom:3px solid #0099FF; }
.casies{ margin:0 11px 0 0; padding:20px 0; width:275px; float:left; }
.casies.last{ margin:0; }
.casies table tr{ background:url(../../case/images/dotunderline.gif) repeat-x left bottom; }
.casies table td{ padding:4px 0; text-align:left; }
.casies table td.title strong{ padding:0 5px; }
.casies table td.left{ width:5em; }
.casies table td p{ margin:0; padding:0 5px; font-size:100%; }
dl.sekou{ margin:5px 0 0; background:url(../../case/images/dotunderline.gif) repeat-x left bottom; }
dl.sekou dt{ width:50px; _width:60px; float:left; margin:0; padding:4px 5px; background:url(../../case/images/dotunderline.gif) repeat-x left top; }
dl.sekou dd{ width:190px; _width:200px; float:left; margin:0; padding:4px 5px; background:url(../../case/images/dotunderline.gif) repeat-x left top; }
dl.sekou .top{ background:none; }

.caseright{ width:541px; margin:20px 0 0; float:right; }
.caseright .line{ padding:0 6px 1px; margin:0 0 0 3px; line-height:240%; background:url(../../feature/images/dotline.gif) left top; }
.tantotitle{ height:38px; margin:20px 0 0; }
.tantovoice{ padding:0 10px 10px 8px; background:url(../../case/images/tanntoubg.gif) repeat-y right top; }
.tantovoice img{ float:left; border:1px solid #FFF; }
.tantovoice .tex{ width:418px; margin:0 0 0 15px; padding:10px 0 0; float:left; }
.tantovoice .tex p{ margin:0; padding:0 0 0.8em; }
.tantounder{ height:14px; font-size:0; clear:both; }
.customertitle{ height:37px; clear:both; }
.customervoice{ min-height:98px; height:auto!important; _height:98px; margin:0 3px 0 6px; padding:10px 15px 10px 98px; background:url(../../case/images/customer.gif) no-repeat left bottom; border-bottom:1px solid #b9b9b9; }
.customervoice .name{ margin:0 0 10px; } 
.customervoice .ce56600 p{ margin:0; padding:0 0 0.8em; }

#pagelinks{ clear:both; margin:0 9px; padding:20px 0 0; background:#FFFFFF; }
#pagelinks .next{ width:78px; height:25px; float:left; }
#pagelinks .center{ width:690px; float:left; text-align:center; }
#pagelinks .back{ width:82px; height:25px; float:left;}

/* corporate --------------------------------------------------------------- */
#corporate{ margin:50px 45px 0; }
dl#corporatearea{ background:url(../../contact/images/dlbg.gif) repeat-y left top; }
dl#corporatearea dt{ width:212px; _width:252px; padding:12px 20px 8px; float:left; background:url(../../contact/images/dotline.gif) repeat-x left top; }
dl#corporatearea dd{ width:486px; _width:526px; margin:0; padding:12px 20px 8px; float:left; background:url(../../contact/images/dotline.gif) repeat-x left top; }
dl#corporatearea dd img{ margin:5px 0 0; }
dl#corporatearea .top{ background:none; }
dl#corporatearea dd a:link,dl#corporatearea dd a:visited,dl#corporatearea dd a:active { text-decoration:underline; }
dl#corporatearea dd a:hover { text-decoration:none; }


/* process --------------------------------------------------------------- */
#process{ margin:50px 50px 0; }
.processchart{ margin:0 0 20px; padding: 0 0 20px 0; background:url(../../process/images/bluedot.gif) repeat-x bottom; }
.processchart.none{ margin:0; padding:0; background:none; }
.processchart h5{ float:left; margin:0; padding:0; }
.processchart .left{ float:left; width:440px; }
.processchart .right{ float:right; }
#process .top{ vertical-align:middle; }
* html #process .top{ vertical-align:top; }

/* contact --------------------------------------------------------------- */
#contact{ margin:50px 12px 0; }
dl#formarea{ background:url(../../contact/images/dlbg.gif) repeat-y left top; }
dl#formarea dt{ width:212px; _width:252px; padding:12px 20px 7px; float:left; background:url(../../contact/images/dotline.gif) repeat-x left top; }
dl#formarea dd{ width:552px; _width:592px; margin:0; padding:12px 20px 10px; float:left; background:url(../../contact/images/dotline.gif) repeat-x left top; }
dl#formarea .top{ background:none; }
form#contactform{ margin:0; padding:0; }

dl#formarea input,
dl#formarea textarea{
border-top:1px solid #ababab;
border-right:1px solid #c1c1c1;
border-bottom:1px solid #e0e0e0;
border-left:1px solid #e0e0e0;
color:#4f4f4f;
}
dl#formarea input.s1{ width:300px; }
dl#formarea input.s2{ width:500px; }
dl#formarea input.s3{ width:50px; }
dl#formarea input.s4{ width:80px; }
dl#formarea textarea.s2{ width:500px; height:150px; font-size:100%; }
.btncenter{ text-align:center; clear:both; padding:15px 0 40px; }

/* service --------------------------------------------------------------- */
#service{ margin:30px 0 0; }
.service_bg{ padding:0 0 27px; clear:both; background:url(../../service/images/service_linebg.gif) repeat-x left top; }
.service_bg.bottom{ padding:0; }
.service_bg .left{ width:406px; margin:0 0 0 14px; float:left; display:inline; }
.service_bg .right{ width:406px; margin:0 14px 0 0; float:right; display:inline; }
.service_bg .sernaiyo{ padding:10px 20px 15px; background:url(../../service/images/service_bg.gif) repeat-y; }
.service_bg .morebtn{ margin:0 1px; padding:0 10px 0 0; text-align:right; background:url(../../service/images/service_btm.gif) repeat-x left top; }

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */

ul#indexphoto:after,
.processchart:after,
.casies:after,
.casiescleafix:after,
.casiescleafix2:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
ul#indexphoto,
.processchart,
.casies,
.casiescleafix,
.casiescleafix2{ display:inline-table; zoom:1; }
/* Mac IE には適用させない \*/
* html ul#indexphoto,
* html processchart,
* html .casies,
* html .casiescleafix,
* html .casiescleafix2{ height:1px; zoom:1; }
ul#indexphoto,
.processchart,
.casies,
.casiescleafix,
.casiescleafix2{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */