@charset "Shift_JIS";

#fixNav { background: url(../image_gNavi/bg_shadow.png) repeat-x left bottom; }

#fixAnchor { position: fixed; top: 50%; right: 0; margin: -170px 0 0 0; z-index: 201; width: 33px; _display:none; }
#fixAnchor img { display: block; }
#fixAnchor a { display: block; }
#fixAnchor li { margin: 0 0 1px; height: 33px; overflow: hidden; font-size: 1px; }

a.icnSearch { background: url(../image_common/icn_zoom.png) no-repeat 0% 30%; display: inline-block; padding: 0 0 0 20px; }
a.icnSearch2 { background: url(../image_common/icn_zoom2.png) no-repeat 0% 30%; display: inline-block; padding: 0 0 0 20px; color: #fff; }
a.icnBlank { background: url(../image_common/icn_blank.png) no-repeat 0% 30%; display: inline-block; padding: 0 0 0 15px; }
a.blueArrow { background: url(../image_common/arrow_blue.png) no-repeat 0% 30%; display: inline-block; padding: 0 0 0 20px; }
a.icnHandle { background: url(../image_common/icn_handle.png) no-repeat 0% 30%; display: inline-block; padding: 0 0 0 18px; }
a.icnPDF { background: url(../image_common/icn_pdf.png) no-repeat 0% 30%; display: inline-block; padding: 0 0 0 18px; }

.separator { position: relative; width: 100%; zoom: 1; line-height: 1.5; }
.separator .bg { display: block; position: absolute; left: -50%; top: 0; width: 200%; height: 100%; z-index: -1; }
.separator .inner { width: 900px; margin: 0 auto; padding: 70px 0 0; position: relative; zoom: 1; }
.separator .title { width: 900px; margin: 0 -40px 30px; background: url(../image_common/title_bg.png) no-repeat left bottom; padding: 0 40px 38px; _background: none; }
.separator .note { font-size: 12px; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

.bodyColor img { display: block; }
.bodyColor .targetWrap { position: relative; }
.bodyColor .targetWrap .target { position: absolute; left: 0; top: 0; display: none; }
.bodyColor .targetWrap .current { display: block; }
.bodyColor .triggerWrap ul { overflow: hidden; }
.bodyColor .triggerWrap .trigger { float: left; cursor: pointer; margin: 0 3px 0 0; position: relative; width: 40px; height: 18px; overflow: hidden; position: relative; }
.bodyColor .triggerWrap .trigger img { position: absolute; left: 0; top: 0; }
.bodyColor .triggerWrap .current img { position: absolute; left: 0; top: -18px; }
.tabTarget .bodyColor .triggerWrap .trigger { margin: 0 1px 0 0; }


#topMain { height: 452px; overflow: hidden; background: url(../../image/main_bg.png) repeat-x left bottom; border-bottom: 1px solid #dbdbdb; zoom: 1; * _height: 452px; }
#topMain .inner { padding: 30px 0 0; position: relative; }
#topMain .targetWrap { width: 670px; height: 300px; margin: 0; }
#topMain .triggerWrap dt { font-size: 11px; float: left; height: 18px; line-height: 20px; display: block; width: 71px; }
#topMain .triggerWrap #label { font-size: 10px; padding: 5px 0 0 71px; }
#topMain .bodyColor { width: 670px; }
#topMain .bodyColor .leftTxt { margin: 0 0 15px; }
#topMain .leftTxt { position: relative; zoom: 1; font-size: 10px; }
#topMain .leftTxt .atn1 { color: #3c6b9f !important; position: absolute; top: 11px; left: 395px; }
#topMain .leftTxt .atn2 { color: #3c6b9f !important; position: absolute; top: 11px; left: 555px; }

#topMain .fltR { width: 214px; overflow: hidden; padding: 49px 0 0; }
#topMain .fltR img { display: block; }
#topMain .fltR h1 { position: relative; zoom: 1; font-size:10px!important; font-weight: normal; }
#topMain .fltR h1 .atn1 { color: #3c6b9f !important; position: absolute; top: 45px; left: 182px; }
#topMain .fltR h1 .atn2 { color: #3c6b9f !important; position: absolute; top: 130px; left: 76px; }
#topMain .fltR .btns { margin: 0 0 10px; width: 234px; padding: 0 0 0 3px; }
#topMain .fltR .btns li { float: left; padding: 0 5px 0 0; }
#topMain .fltR #rec_fitshuttle_1 { text-align: center; margin: 0 0 20px; }
#topMain .fltR #rec_fitshuttle_1 a { background: url(../image_common/arrow_black.png) no-repeat 0% 50%; display: inline-block; padding: 0 0 0 18px; }
#topMain .fltR #rec_fitshuttle_1 a:link,
#topMain .fltR #rec_fitshuttle_1 a:visited,
#topMain .fltR #rec_fitshuttle_1 a:active { color: #333; text-decoration:underline; }
#topMain .fltR #rec_fitshuttle_1 a:hover { text-decoration:none; }

#topMain .fltR #socialBtns { position: relative; height: 21px; }
#topMain .fltR #socialBtns #tw { position: absolute; left: 3px; top: 0; }
#topMain .fltR #socialBtns #fb { position: absolute; right: -6px; top: 0; }

#topContent img { display: block; }
#topContent h2 { margin: 0 0 20px; }
#topContent .separator .inner { width: 780px; margin: 0 auto; padding: 70px 60px 0; position: relative; zoom: 1; background: #fff; zoom: 1; }
#topContent .btnWrap { overflow: hidden; padding: 4px 0 0; margin: 0 0 30px; }
#topContent .btnWrap .btn { float: left; margin: -4px 20px 0 0; }

#topContent #a03 .inner { height: 414px; }
#topContent #a03 h2 { position: absolute; left: 470px; top: 106px; }
#topContent #a03 .btnWrap { width: 400px; position: absolute; left: 470px; top: 183px; }
#topContent #a03 .photo { position: absolute; }
#topContent #a03 #p1 { left: 60px; top: 70px; }
#topContent #a03 #p1 span { position: absolute; left: 338px; top: 136px; font-size: 10px; color: #3c6b9f; }
#topContent #a03 #p2 { width: 0px /* 289px */; height: 200px; right: 318px; top: 286px; overflow: hidden; }
#topContent #a03 #p2 img { position: absolute; left: 0; top: 0; }
#topContent #a03 #p3 { width: 0px /* 376px */; height: 234px; right: 60px; top: 248px; overflow: hidden; }
#topContent #a03 #p3 img { position: absolute; left: 0; top: 0; }

#topContent #a04 { background: url(../../image/a04_bg1.jpg) no-repeat center bottom; }
#topContent #a04 .inner { height: 398px;  background: #fff url(../../image/a04_bg2.jpg) no-repeat center bottom; }
#topContent #a04 h2 { position: absolute; left: 470px; top: 127px; }
#topContent #a04 .btnWrap { width: 400px; position: absolute; left: 470px; top: 203px; }
#topContent #a04 #slider { width: 291px; height: 194px; position: absolute; left: 470px; top: 262px; overflow: hidden; }
#topContent #a04 #slider .fade { position: absolute; left: 0; top: 0; width: 1164px; height: 164px; }
#topContent #a04 #slider .photo { float: left; }
#topContent #a04 #slider ul { padding: 0 0 0 119px; width: 291px; height: 15px; position: absolute; left: 0px; bottom: 7px;  }
#topContent #a04 #slider ul li { width: 15px; height: 15px; overflow: hidden; float: left; position: relative; margin: 0 3px 0 0; cursor: pointer; }
#topContent #a04 #slider ul li img { position: absolute; left: 0; top: 0px; }
#topContent #a04 #slider ul li.current {  cursor: default; }
#topContent #a04 #slider ul li.current img { top: -15px; }

#topContent #a05 { background: url(../../image/a05_bg1.jpg) no-repeat center bottom; }
#topContent #a05 .inner { height: 476px; background: none; }
#topContent #a05 .fade { position: absolute; left: 0; top: 0;}
#topContent #a05 h2 { position: absolute; left: 60px; top: 245px; }
#topContent #a05 .btnWrap { width: 400px; position: absolute; left: 60px; top: 326px; }

#topContent #a06 .fltL { width: 373px; }
#topContent #a06 .fltL h2 { margin: 0;}
#topContent #a06 .fltL .cap { font-size: 9px; }
#topContent #a06 .fltR { width: 387px; overflow: hidden; }
#topContent #a06 .fltR h3 { position: relative; margin: 0 0 8px; }
#topContent #a06 .fltR .atn1 { position: absolute; left: 358px; top: 38px; font-size: 10px; color: #3c6b9f; }
#topContent #a06 .fltR .cap { font-size: 9px; margin: 0 0 15px; }
#topContent #a06 .fltR .btnWrap { width: 441px; font-size: 12px }
#topContent #a06 .fltR .btnWrap .btn { margin: 0 9px 0 0; }
#topContent #a06 .fltR .btnWrap .estimate { padding: 4px 0 0 !important; }
#topContent #a06 .fltR .basicTB { width: 100%; table-layout: fixed; margin: 0 0 10px; }
#topContent #a06 .fltR .basicTB th,
#topContent #a06 .fltR .basicTB td { white-space: nowrap; font-size: 12px; text-align: center; border: 1px solid #fff; }
#topContent #a06 .fltR .basicTB th.wide { width: 106px; }
#topContent #a06 .fltR .basicTB th { background: #4b4b4b; color: #fff; padding: 2px 5px; }
#topContent #a06 .fltR .basicTB td { background: #e4e4e4; padding: 8px 5px; }
#topContent #a06 .fltR .basicTB a { color: #fff; }
#topContent #a06 #attention { font-size: 11px; padding: 30px 0 1px; }
#topContent #a06 #attention li { margin: 0 0 4px; }
#topContent #a06 #attention .cap { font-size: 10px; }

#topContent #a07 .inner { height: 256px; }

#topContent #a08 { background: url(../../image/a08_bg1.png) repeat-x left bottom; }
#topContent #a08 .inner { height: 348px; background: url(../../image/a08_bg2.png) repeat-x left bottom; }
#topContent #a08 h2 { position: absolute; left: 520px; top: 116px; }
#topContent #a08 .btn { position: absolute; left: 556px; top: 215px; }


#topNews .shadow { /* background: url(../image_gNavi/nav_btm_line.png); */ height: 35px; }
#topNews .inner { width: 900px; margin: 0 auto; position: relative; }
#topNews { font-size: 12px; font-family: Arial, Helvetica; background: url(../image_gNavi/nav_btm_line.png) no-repeat center bottom; height: 36px; margin: 0; _background: none; _border-bottom: 1px solid #eee; zoom: 1; }
#topNews .shadow { /* background: url(../image_gNavi/shadow.png) no-repeat 50% 0px; */ background: #fff; height: auto; _background: none; }
#topNews .inner { padding: 8px 0 10px; height: 15px; }
#topNews .inner .dummy { color: #999; }