@charset "Shift_JIS";

/* ラインナップ  New Style
------------------------------------------ */

/* top */
#allToggle { float: right; width: 160px; text-align: right; }

.parentTtl01 { position: relative; width: 640px; height: 42px; }
.parentTtl01 .switch li { position: absolute; top: 13px; right: 10px; width: 85px; text-align: left; }
.catTtl01 { position: relative; width: 620px; height: 26px; margin: 0 auto; }
.catTtl01 .switch li { position: absolute; top: 5px; right: 10px; width: 85px; text-align: left; }
.switch .act { display: block; }
.switch .none { display: none; }

.category01 { width: 620px; margin-left: auto; margin-right: auto; background: url(../lineup/img/bg_category_m_01.gif) repeat-y; text-align: left; }
.category01 .bgT { background: url(../lineup/img/bg_category_t_01.gif) no-repeat; }
.category01 .bgB { background: url(../lineup/img/bg_category_b_01.gif) no-repeat left bottom; padding-bottom: 10px; }
.category01 li { float: left; margin-top: 10px; margin-left: 5px; display: inline; }
.category01 li img { display: block; }

/* menu */
.lineupMenu01 { position: relative; width: 640px; height: 30px; margin-top: 20px; }
.lineupMenu01 li { position: absolute; }
.lineupMenu01 .menu01 { z-index: 6; top: 0px; left: 0px; }
.lineupMenu01 .menu02 { z-index: 5; top: 0px; left: 86px; }
.lineupMenu01 .menu03 { z-index: 4; top: 0px; left: 182px; }
.lineupMenu01 .menu04 { z-index: 3; top: 0px; left: 302px; }
.lineupMenu01 .menu05 { z-index: 2; top: 0px; left: 398px; }
.lineupMenu01 .menu06 { z-index: 1; top: 0px; left: 518px; }
.lineupMenu01 .active { z-index: 10!important }
.lineupMenu01 li img { display: block; }

/* common */
.h3Tit { padding: 0!important; margin-top: 30px; text-align: left; }
.brdTop01 { padding-top: 20px; border-top: 1px solid #E4D5D5; }
.imgC { text-align: center; }
.imgC img { display: block; margin: 0 auto; }
.w370 { width: 370px; }
.w315 { width: 315px; }
.w310 { width: 310px; }
.w250 { width: 250px; }
.w207 { width: 207px; }
.w206 { width: 206px; }

.module01 { padding-bottom: 21px; background: url(../img_cmn/bg_dot_03.gif) repeat-x left bottom; text-align: left; }
.module01 .image01 { float: left; width: 270px; }
.module01 .image02 { float: right; width: 270px; }
.module01 .text01 { float: right; width: 355px; }
.module01 .text02 { float: left; width: 355px; }
.module01.nobg { padding: 0; background: none; }

.module02 { text-align: left; }
.module02 .text01 { float: left; width: 460px; }
.module02 .image01 { float: right; width: 170px; }
.module02 .itemList li { float: left; width: 90px; margin-left: 20px; display: inline; }
.module02 .itemList li.first { margin: 0; }
.module02 .clmL { float: left; }
.module02 .clmC { float: left; margin-left: 10px; display: inline; }
.module02 .clmR { float: right; }

.module03 { width: 620px; margin-left: auto; margin-right: auto; text-align: left; }
.module03 .text01 { float: left; width: 360px; }
.module03 .image01 { float: right; width: 240px; }

.ttlModule01 .ttl01 { float: left; width: 450px; padding-top: 20px; }
.ttlModule01 .image01 { float: right; width: 103px; }

/* 画像切り替え */
.imgChanger .target { float: left; width: 540px; }
.imgChanger .target img { display: block; }
.imgChanger .target p { width: 520px; text-align: right; }
.imgChanger .button { float: left; width: 94px; }
.imgChanger .button li { margin-bottom: 10px; padding: 2px 0; text-align: center; }
.imgChanger .button li img { display: block; vertical-align: bottom; margin: 0 auto; }
.imgChanger .button li.act { background: #decfa0; }

/* タイプ切り替え */
.typeToggle01 { text-align: left; min-height: 35px; background: url(../lineup/img/bg_type_02.gif) repeat-x 0 34px; }
.typeToggle01 .type { float: left; position: relative; width: 455px; height: 34px; background: url(../lineup/img/bg_type_01.gif); }
.typeToggle01 li { position: absolute; width: 220px; }
.typeToggle01 li img { display: block; }
.typeToggle01 .button01 { top: 5px; left: 5px; }
.typeToggle01 .button02 { top: 5px; left: 230px; }
.typeToggle01 .owner { float: right; width: 145px; }
.typeToggle01 .owner p { padding-left: 16px; background: url(../img_cmn/i_arrow_05.gif) no-repeat 0 0.45em; }

.typeToggle02 { text-align: left; min-height: 45px; background: url(../lineup/img/bg_type_02.gif) repeat-x 0 44px; }
.typeToggle02 .type { float: left; position: relative; width: 640px; height: 44px; background: url(../lineup/img/bg_type_01.gif); }
.typeToggle02 li { position: absolute; width: 220px; }
.typeToggle02 li img { display: block; }
.typeToggle02 .button01 { top: 5px; left: 5px; width: 206px; }
.typeToggle02 .button02 { top: 5px; left: 216px; width: 206px; }
.typeToggle02 .button03 { top: 5px; left: 427px; width: 208px; }

*:first-child+html .typeToggle01 .owner p { min-height: 1%; }
/*\*/
* html .typeToggle01 { height: 35px; }
* html .typeToggle02 { height: 45px; }
* html .typeToggle01 .owner p { height: 1%; }
/**/

/* 構造設計 ライセンス */
.licenseBox01 { width: 640px; text-align: left; }
.licenseBox01 .bgM { padding: 15px; border: 1px solid #f7f3e7; background: url(../lineup/img/bg_license_01.gif); }
.licenseBox01 .text01 { float: left; width: 518px; }
.licenseBox01 .text01 h3 { padding-left: 5px; padding-bottom: 7px;  border-bottom: 1px solid #decfa0; }
.licenseBox01 .text01 p { padding: 10px 15px; }
.licenseBox01 .image01 { float: right; width: 82px; }

.otherBox01 { width: 640px; text-align: left; }
.otherBox01 h3 { padding-left: 5px; padding-bottom: 7px;  border-bottom: 1px solid #decfa0; }
.otherBox01 p.pdg { padding: 10px 15px 0 15px; }
.otherBox01 .bgM { padding: 15px; border: 1px solid #f7f3e7; background: url(../lineup/img/bg_license_01.gif); }
.otherBox01 .text01 { float: left; width: 512px; }
.otherBox01 .text01 p { padding: 10px 15px; }
.otherBox01 .image01 { float: right; width: 88px; }
.otherBox01 .text02 { float: left; width: 466px; }
.otherBox01 .text02 p { padding: 10px 15px; }
.otherBox01 .image02 { float: right; width: 134px; }

.otherBox01.narrow .bgM { padding: 7px 10px; }
.otherBox01.purple .bgM, 
.licenseBox01.purple .bgM { border: 1px solid #F1EDF1; background: url(../lineup/img/bg_license_02.gif); }
.otherBox01.purple h3,
.otherBox01.purple h3,
.licenseBox01.purple .text01 h3 { border-bottom: 1px solid #C7B8C7; }



/* ポップアップ
------------------------------------------ */

/* common */
#popup02 { width: 684px; margin: 0 auto; background: #fff url(../img_cmn/bg_popup_02.gif) repeat-y; text-align: left; }
#popup02 #popHead { width: 680px; margin: 0 2px; padding-bottom: 10px; border-bottom: 2px solid #039; }
#popup02 #popHead .logo { float: left; width: 104px; margin: 10px 0 0 20px; display: inline; }
#popup02 #popHead .catch { float: left; width: 264px; margin: 20px 0 0 40px; display: inline; }
#popup02 #popHead .call { float: right; width: 137px; margin: 7px 20px 0 0; display: inline; }
#popup02 #popConv { width: 680px; margin: 0 2px; padding-top: 10px; }
#popup02 #popConv ul { float: right; padding-right: 10px; }
#popup02 #popConv ul li { display: inline; margin-right: 5px; }
#popup02 #popConv ul li img { vertical-align: bottom; }
#popup02 #popFoot { width: 680px; margin: 0 2px; padding: 30px 0 50px 0; text-align: center; }
#popup02 #popFoot img { display: block; margin: 0 auto; }
#popup02 #popFoot .copy { margin-top: 30px; }
#popup02 #popMain { width: 640px; margin: 0 22px 0 22px; text-align: left; }
#popup02 #popMain .imgChanger .button { float: right; }

/* menu */
.popupMenu01 { position: relative; width: 640px; height: 30px; margin-top: 20px; }
.popupMenu01 li { position: absolute; }
.popupMenu01 li img { display: block; }
.popupMenu01 .menu01 { z-index: 3; top: 0px; left: 0px; }
.popupMenu01 .menu02 { z-index: 2; top: 0px; left: 174px; }
.popupMenu01 .menu03 { z-index: 1; top: 0px; left: 405px; }
.popupMenu01 .active { z-index: 10!important }

/* タイプ切り替え */
.typeToggle02 .button04 { top: 5px; left: 5px; width: 200px; }
.typeToggle02 .button05 { top: 5px; left: 210px; width: 200px; }
.typeToggle02 .button06 { top: 5px; left: 415px; width: 220px; }

/* レピード */
.imgChanger .target { float: left; width: 540px; }
.imgChanger .target ul { margin-left: 3px; padding: 5px 0 0 10px; }
.imgChanger .target ul.blue { border-left: 2px solid #273C4C; }
.imgChanger .target ul.red { border-left: 2px solid #7A2B2D; }
.imgChanger .target ul li { display: none; }
.imgChanger .target ul li p { text-align: left; }
.imgChanger .target ul li.act { display: block; }
.imgChanger .button li.act2 { background: #684355; }

/* メリット */
.merit01 dt { float: left; width: 30px; text-align: center; clear: both; }
.merit01 dt img { display: block; margin: 0 auto; }
.merit01 dd { margin-left: 40px; }
.merit01 dd.pdg { padding: 0 5px; }