@charset "utf-8";

/* reset
---------------------------------------------------------- */

html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, .menuList, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;font-weight:normal;}
/* HTML5 display-role reset for older browsers */
article, .menuList, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}

img{vertical-align:bottom;}

/* font
---------------------------------------------------------- */
body{font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size:13px; color:#333; line-height:1.3;}



/* useful
---------------------------------------------------------- */

/*clear*/
.cl{display: block; min-height: 1%;}
.cl:after{clear: both;content:".";display: block; height: 0;visibility: hidden;}
* html .cl{height: 1%; /*\*//*/height: auto;overflow: hidden;/**/}

.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0; margin:0; border:0px;}



/*font*/
.fwB{font-weight:bold !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}

.fRed{color:#C00;}


/*margin,padding*/

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.p0{padding:0 !important;}

.in10{padding-right:10px;padding-left:10px;}
.in20{padding-right:20px;padding-left:20px;}
.in30{padding-right:30px;padding-left:30px;}

.indent{text-indent:-1em; padding:0 0 0 1em;}
.indentNum{ text-indent:-2em; padding:0 0 0 2em;}

/*align*/
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}

/*float*/
.fL{float:left;}
.fR{float:right;}
.imgL{float:left;margin-right:20px !important;}
.imgR{float:right;margin-left:20px !important;}
.noF{overflow:auto; zoom:1;}

/*display*/
.inB{display:inline-block;*display:inline;*zoom:1;}
.disB{display:block;}
.w100{width:100%;}
.w90{width:90%;}

.noW{white-space:nowrap;}
.wB{ white-space:normal !important;}

/*icon*/
.iconR{display:inline-block;*display:inline;*zoom:1;color:#fff;background:#CC0000; line-height:1.8; padding:0 0.5em;font-size:11px; border-radius:3px;}
.iconB{display:inline-block;*display:inline;*zoom:1;color:#fff;background:#218CC7; line-height:1.8; padding:0 0.5em;font-size:11px; border-radius:3px;}
.iconGr{display:inline-block;*display:inline;*zoom:1;color:#fff;background:#888; line-height:1.8; padding:0 0.5em;font-size:11px; border-radius:3px;}

.icon{vertical-align:middle;}

hr{height:1px;border:none; border-top:1px dotted #aaa; margin:30px 0;}

/* js用セレクタ
---------------------------------------------------------- */
.imgover{/*画像切替rollover*/}
/*透過型rollover*/
/*.over{ display:inline-block;}*/
.anchor{/*ページ上部スクロールボタン*/}

/* common
---------------------------------------------------------- */
a:link,a:visited{color:#157099; text-decoration:none;}
a:hover,a:active{color:#fd8e20; text-decoration:underline;}

.main a:link,.main a:visited{color:#1A6B97; text-decoration:none;}
.main a:hover,.main a:active{color:#218CC7; text-decoration:underline;}

body{color:#333;  text-align:center;background:url(../img/bg.jpg) #fff;/*-webkit-text-size-adjust: none;*/}
button,.point{cursor:pointer;}

.baseBlock{width:1060px; margin:0 auto 30px; position:relative;}
.mainBlock{padding-top:20px; width:768px; float:left; text-align:left;}
.rightBlock{padding-top:20px; width:270px; float:right;}

.strongColor{color:#B20000;}
.h2BlueBlock{background-color:#62baff; border-radius:5px; padding:3px; margin-bottom:24px;}
.h2BlueBlock h2{border-radius:5px; border:1px dashed #fefefc; padding:4px 0 4px 18px;}
.h3WhiteBlock{border-radius:5px; background-color:#fff; border:solid 1px #ddd; box-shadow: 1px 1px 1px rgba(221,221,221,1); margin-bottom:20px; padding-left:16px; }
.h3WhiteBlock h3{border-radius:5px; background:url(../img/h3_img01.png) #fff no-repeat left center; padding:12px 0 8px 17px; font-size:20px; font-weight:bold; display:table-cell; vertical-align:middle; color:#333;}

/* header
---------------------------------------------------------- */
header{padding-top:28px; height:74px;}
header .logo{width:236px; float:left;}
header .contact{width:330px; float:right;}


/* nav
---------------------------------------------------------- */
nav {background:url('../img/bg_nav01.png') #6bf repeat-x;padding-top:2px;}
nav ul{overflow:hidden;width:1060px; margin:0 auto;}
nav li{display:block; width:210px;float:left;}
nav a{display:block;font-size:15px; font-weight:bold;color:#fff !important; text-decoration:none !important; line-height:48px;}
nav a.line2{ line-height:1.3;font-weight:bold; height:48px; position:relative;}
nav a.line2 div{position:absolute; width:100%; top:8px;left:0;font-weight:bold;}
nav a.line2 span{font-size:10px;display:block;}
nav a:hover,
nav a:active{background:#09F;}

.navWrap{background:url(../img/sub_bg.png) repeat-x center bottom; padding-bottom:100px;}

/* footer
*/
footer{ padding:20px 0 10px; background:url('../img/bg_footer01.png') #fff repeat-x;}


/* right_block
---------------------------------------------------------- */
.dashBlock{ margin-bottom:24px; padding:3px; background-color:#f3f3f3; border-radius:5px;}
.dashBlock > div{ padding:15px 15px; border:dashed 1px #aaa; border-radius:5px; text-align:left;}
.dashBlock h2{margin-bottom:10px; padding-bottom:3px;  border-bottom:dashed 1px #aaa; font-size:15px; font-weight:bold;}
.dashBlock dt{width:76px; float:left;  background-color:#a0c928; color:#fff; border-radius:5px; text-align:center; font-size:11px; line-height:16px;margin-right: 8px;}
.dashBlock dd{padding-left:40px; margin-bottom:3px;}
.dashBlock a{ padding-top:5px; display:block; text-align:right;}

.mb24{margin-bottom:24px;}
#whiteBlock{padding:3px; border-radius:5px;}
#sideMenu{background-color:#ffffff; padding:0 15px; border-radius:5px;}
.dashList{zoom: 1; overflow: hidden;}
#sideMenu li{padding:18px 0 18px 21px; background:url('../img/img_right_menu01.png') #fff no-repeat left center; margin-top:-1px; border-top:dashed 1px #aaa;}
#sideMenu a{text-align:left;}


/* index
---------------------------------------------------------- */

.mainImg{background:url(../img/main_bg.png) repeat-x center bottom;}

#top{ padding-top:20px;}
#top .menu01{width:374px;}
#top .menu01.leftside{float:left;}
#top .menu01.rightside{float:right;}
#top .menu01 h2{margin-bottom:4px; padding-left:24px; height:20px; line-height:20px; background:url("../img/ico_tit01.png") #fff no-repeat; font-size:16px; font-weight:bold;}
#top .menu01 ul{padding:25px 0 0 18px; height:134px; background:url('../img/img_index_block01.png') #fff no-repeat; font-size:13px;}
#top .menu01.small ul{height:104px; background-image:url('../img/img_index_block02.png');}
#top .menu01 li{height:27px; width:44%; float:left; white-space:nowrap;}
#top .menu01 li.wide40per{width:40%;}
#top .menu01 li.wide60per{width:60%;}

#top .message01{ margin-top:30px; padding-left:44px; height:224px; background:url('../img/img_index_block03.png') #fff no-repeat left 50%; font-size:14px; position:relative;}
#top .message01 h2{padding:24px 0 20px 44px; font-size:39px; font-weight:bold; background:url('../img/ico_index_message01.png') #fff no-repeat left 50%; background-color:transparent;}
#top .message01 dl{position:absolute; top:28px; right:30px; text-align:right;}
#top .message01 dt{ font-size:11px;}
#top .message01 dd{ font-size:22px; font-weight:bold;}
#top .message01 p{line-height:1.8;}


/* about
---------------------------------------------------------- */
#about #introduction{width:760px; margin-bottom:20px;}
#about #introduction p{padding-left:16px;}
#about .message01_leftside{float:left; width:490px;}
#about .message01_leftside p{margin-bottom:17px; line-height:1.5;}
#about .message01_rightside{float:right;}
#about .works01 ul,.works01 p{padding-left:16px;}
#about .works01 ul{margin-bottom:32px;}
#about .works01 li{line-height:1.5;}

/* company
---------------------------------------------------------- */
#company #aisatsu{ margin-bottom:22px; padding-left:44px; height:224px; background:url('../img/img_index_block03.png') #fff no-repeat left 50%; font-size:14px; position:relative;}
#company #aisatsu h2{padding:24px 0 20px 44px; font-size:39px; font-weight:bold; background:url('../img/company_img01.png') #fff no-repeat left 50%; background-color:transparent;}
#company #aisatsu dl{position:absolute; top:28px; right:30px; text-align:right;}
#company #aisatsu dt{ font-size:11px;}
#company #aisatsu dd{ font-size:22px; font-weight:bold;}
#company #aisatsu p{line-height:1.8;}
#company #gaiyou table{  width:760px; font-size:14px;} 
#company #gaiyou tr:first-child{border:none;} 
#company #gaiyou tr {border-top:dotted 1px #888888;} 
#company #gaiyou th{width:190px; padding:0 0 0 24px; font-weight:bold; background-color:#ddebf5; display:table-cell; vertical-align:middle;}  
#company #gaiyou td{width:570px; background-color:#ffffff; padding:14px 0 14px 17px;}  

/* reason
---------------------------------------------------------- */
#reason .intro{margin-bottom:30px;}
#reason .textarea01 p,.textarea02 p,.textarea03 p{line-height:1.5; padding-left:16px;}
#reason .textarea01{z-index:10;width:445px;}
#reason .imgarea01{position:relative;z-index:20;left:340px; top:-54px; width:390px; margin-bottom:-27px;}
#reason .textarea02{z-index:10;width:510px;}
#reason .imgarea02{position:relative;z-index:20;left:327px; top:-43px; width:405px; margin-bottom:-16px;}
#reason .textarea03{z-index:10;width:410px;}
#reason .imgarea03{position:relative;z-index:20;left:437px; top:-14px; width:270px; margin-bottom:2px;}
#reason .strongColor{font-weight:bold;}

/* service
---------------------------------------------------------- */
#service p{line-height:1.5; padding-left:16px;}
#service #kouken,#kakushu,#kobutsu,#kuruma,#kimitsu{margin-bottom:27px}
#service #kyosei{margin-bottom:20px;}
#service #kouken .h3WhiteBlock h3{background:url(../img/service_img02.png) #fff no-repeat left center; padding:12px 0 8px 32px;}
#service #kakushu .h3WhiteBlock h3{background:url(../img/service_img03.png) #fff no-repeat left center; padding:12px 0 8px 38px;}
#service #kobutsu .h3WhiteBlock h3{background:url(../img/service_img04.png) #fff no-repeat left center; padding:12px 0 8px 38px;}
#service #kuruma .h3WhiteBlock h3{background:url(../img/service_img05.png) #fff no-repeat left center; padding:12px 0 8px 44px;}
#service #kimitsu .h3WhiteBlock h3{background:url(../img/service_img06.png) #fff no-repeat left center; padding:12px 0 8px 40px;}
#service #kyosei .h3WhiteBlock h3{background:url(../img/service_img07.png) #fff no-repeat left center; padding:12px 0 8px 40px;}
#service #hudousan .h3WhiteBlock h3{background:url(../img/service_img09.png) #fff no-repeat left center; padding:12px 0 8px 39px;}
#service #illust01 h3{background-color:#6bb0b3; padding:9px 0 9px 16px; margin-bottom:16px; font-size:18px; color:#fff;}
#service #hudousan p{margin-bottom:20px;}