@charset "utf-8";

/************************************************************
 * ﾍﾞｰｽ調整
 ************************************************************/
#catchBox											{ position: relative; width: 970px;}
/*.pankuzu											{ top: 0;}*/
.pankuzu											{ position: absolute; top:-20px; }
#contents											{ position: relative; margin: -8px auto 0; padding-top: 17px; width: 980px; background: url(/cmn/images/baby/top_megaBanner_01.png) 594px 7px no-repeat;}

/************************************************************
 * 改行洗脳
 ************************************************************/
th, td, dt, dd, div, p								{ word-break: break-word; word-break: break-all; word-wrap: break-word;}

/************************************************************
 * ﾍﾞｰｽ設定
 ************************************************************/
.mainBox											{ position: relative; float: left; width: 695px; overflow: hidden;}
.sideBox											{ float: right; width: 260px;}
.mdsL												{ padding-left: 10px; height: 25px; line-height: 26px; background: url(/cmn/images/baby/mdsL.png) 0 0 no-repeat; overflow: hidden;}
.mdsS												{ padding-left: 10px; height: 17px; line-height: 18px; background: url(/cmn/images/baby/mdsS.png) 0 0 no-repeat; overflow: hidden;}
.mds_bk												{ padding-left: 10px; width: 250px; height: 29px; line-height: 27px; color: #fff; background: url(/cmn/images/baby/mds_bk.png) 0 0 no-repeat; overflow: hidden;}

/************************************************************
 * ﾒｶﾞﾊﾞﾅｰ
 ************************************************************/
.mainCatch											{ padding-left: 35px; width: 660px; height: 115px; font-size: 10px; line-height: 17px; background: url(/cmn/images/baby/top_megaBanner_03.png) 0 0 no-repeat;}
.startAct											{ width: 695px; height: 90px; background: url(/cmn/images/baby/top_megaBanner_05.png) 0 0 repeat-x; overflow: hidden;}
.startAct li										{ float: left; height: 90px;}
.startAct li a										{ height: 90px; background-image: url(/cmn/images/baby/top_megaBanner_04.png); background-repeat: no-repeat;}
.sA1 a												{ width: 231px; background-position: 0 0;}
.sA1 a:hover										{ background-position: 0 -90px;}
.sA2 a, .sA3 a										{ width: 232px;}
.sA2 a												{ background-position: -231px 0;}
.sA2 a:hover										{ background-position: -231px -90px;}
.sA3 a												{ background-position: -463px 0;}
.sA3 a:hover										{ background-position: -463px -90px;}

/************************************************************
 * ｷｬｯﾁ＆説明＆ﾊﾞﾅｰ
 ************************************************************/
.subCatch											{ padding: 10px 0 0 10px;}
.subBanner											{ border: 1px solid #ccc; padding: 6px 7px 6px 6px; width: 680px; height: 140px;}
.subBannerArrow										{ width: 695px; height: 22px; background: url(/cmn/images/baby/arrow.png) left bottom no-repeat;}
.secAct												{ position: relative; width: 711px;}
.secAct li											{ float: left; width: 237px; height: 135px;}
.secAct li a:hover									{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

/************************************************************
 * A～C
 ************************************************************/
.typeBoxFoot										{ padding-bottom: 15px; background: url(/cmn/images/baby/typeBox_02.png) left bottom no-repeat;}
.typeBoxHead										{ padding-top: 15px; background: url(/cmn/images/baby/typeBox_01.png) 0 0 no-repeat;}
.typeBoxInner										{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 14px; width: 665px; overflow: hidden; background: url(/cmn/images/baby/typeBox_03.png) 0 0 repeat-x;}
.typeBoxExp											{ position: relative; padding-left: 235px; width: 430px; min-height: 110px; height: auto !important; height: 110px;}
.typeBoxExp img										{ position: absolute; top: 0; left: 0;}
.typeBoxExp a:hover img								{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.typeBoxExp h2										{ padding-left: 10px; height: 17px; font-size: 14px; line-height: 20px; overflow: hidden; background: url(/cmn/images/baby/mdsM.png) 0 0 no-repeat;}
.typeBoxExp p										{ line-height: 18px;}
.mds_carvo											{ margin-top: 5px; margin-left: -10px; padding-left: 35px; height: 23px; font-size: 12px; line-height: 29px; overflow: hidden; background: url(/cmn/images/baby/ico_carvo.png) 0 0 no-repeat;}
.typeList											{ margin-top: 5px; width: 840px;}
.typeList li										{ float: left; width: 168px;}
.typeList li p										{ width: 162px; text-align: center; line-height: 18px;}
.typeList li p img									{ margin: 3px 0; border: 1px solid #ddd;}

/************************************************************
 * 安全・安心
 ************************************************************/
.safetyCnts											{ width: 685px; height: 210px; background: url(/cmn/images/baby/safetyCnts_01.png) left bottom no-repeat;}
.safetyInner										{ position: relative; width: 685px; height: 113px; background: url(/cmn/images/baby/safetyCnts_04.png) 0 0 no-repeat;}
.safetyInner dl										{ position: absolute; top: 0; width: 210px; height: 127px;}
.safetyInner dt, .safetyInner dd					{ width: 210px; background-image: url(/cmn/images/baby/safetyCnts_03.png); background-repeat: no-repeat;}
.safetyInner dt										{ height: 46px;}
.safetyInner dd										{ height: 81px;}
.sI1												{ left: 13px;}
.sI2												{ left: 235px;}
.sI3												{ left: 457px;}
.sI1 dt												{ background-position: 0 0;}
.sI1 dd												{ background-position: 0 -46px;}
.sI2 dt												{ background-position: 0 -127px;}
.sI2 dd												{ background-position: 0 -173px;}
.sI3 dt												{ background-position: 0 -254px;}
.sI3 dd												{ background-position: 0 -300px;}

/************************************************************
 * こんなｶｰ用品がおすすめ！
 ************************************************************/
.mdsClover											{ padding-left: 26px; height: 19px; line-height: 22px; overflow: hidden; background: url(/cmn/images/baby/ico_clover.png) 0 0 no-repeat;}
.mdsRed												{ padding-left: 10px; height: 25px; line-height: 27px; color: #fff; text-shadow: 1px 1px #c21e1e; overflow: hidden; background: url(/cmn/images/baby/mds_red.png) 0 0 no-repeat;}
.scrollBox											{ position: relative; width: 685px;}
.ptn_1, .ptn_2, .ptn_4								{ height: 197px;}
.ptn_a												{display:inline-block; /display:inline; /zoom:1; height: 197px;}
.ptn_b												{display:inline-block; /display:inline; /zoom:1; height: 197px;}
.ptn_c												{display:inline-block; /display:inline; /zoom:1; height: 197px;}
.ptn_1 .scrollBtn, .ptn_2 .scrollBtn, .ptn_4 .scrollBtn, .ptn_1 .scrollBtn a, .ptn_2 .scrollBtn a, .ptn_4 .scrollBtn a, .ptn_1 .scrollMask, .ptn_2 .scrollMask , .ptn_4 .scrollMask
													{ height: 187px;}
.ptn_3, .ptn_3-1, .ptn_3-2, .ptn_3-3 				{ height: 100px;}
.ptn3 .scrollBtn, .ptn_3-1 .scrollBtn, .ptn_3-2 .scrollBtn, .ptn_3-3 .scrollBtn, .ptn_3 .scrollMask, .ptn_3-1 .scrollMask, .ptn_3-2 .scrollMask, .ptn_3-3 .scrollMask, .ptn_3 .scrollMask a, .ptn_3-1 .scrollMask a, .ptn_3-2 .scrollMask a,.ptn_3-3 .scrollMask a
													{ height: 90px;}
.ptn_1, .ptn_2, .ptn_4								{ background: url(/cmn/images/baby/scrollBox_03.png) 0 0 no-repeat;}
.ptn_3, .ptn_3-1, .ptn_3-2, .ptn_3-3					{ background: url(/cmn/images/baby/scrollBox_04.png) 0 0 no-repeat;}
.scrollBtn											{ position: absolute; top: 0; width: 15px; background-image: url(/cmn/images/baby/scrollBox_01.png); background-repeat: no-repeat; z-index: 1;}
.scrollBtn a										{ width: 15px; background-image: url(/cmn/images/baby/scrollBox_01.png); background-repeat: no-repeat;}
.sBL												{ left: 0; background-position: 0 center; background-color: #eee;}
.sBR												{ right: 0; background-position: -45px center; background-color: #eee;}
.sBL a												{ background-position: -15px center; background-color: #ffa7a7;}
.sBL a:hover										{ background-position: -30px center; background-color: #e63333;}
.sBR a												{ background-position: -60px center; background-color: #ffa7a7;}
.sBR a:hover										{ background-position: -75px center; background-color: #e63333;}
.scrollMask											{ position: absolute; top: 0; left: 20px;}
.ptn_1 .scrollMask									{ width: 652px; overflow: hidden;}
.ptn_2 .scrollMask, .ptn_3 .scrollMask, .ptn_3-1 .scrollMask, .ptn_3-2 .scrollMask, .ptn_3-3 .scrollMask, .ptn_4 .scrollMask
													{ width: 652px; overflow: hidden;}
.scrollInner										{ position: relative; top: 0; left: 0;}
.ptn_1 .scrollInner									{ width: 3000px;}
.ptn_2 .scrollInner									{ width: 3000px;}
.ptn_4 .scrollInner									{ width: 3000px;}

.scrollInner li										{ float: left; margin: 0 7px 0 0; width: 210px; height: 97px; background: url(/cmn/images/baby/scrollBox_02.png) 0 0 no-repeat;}
.scrollInner li:hover								{ background-position: 0 -97px;}
.scrollInner li a									{ position: relative; display: block; text-decoration: none; outline: none; width: 210px; height: 90px;}
.scrollInner li span								{ cursor: pointer;}
.scrollInner li a img								{ position: absolute; top: 7px; left: 5px;}
a .s_link											{ position: absolute; top: 11px; left: 70px; display: block; width: 130px; line-height: 14px; text-decoration: underline;}
a .s_txt											{ position: absolute; top: 43px; left: 70px; display: block; width: 130px; font-size: 10px; line-height: 12px; color: #333;}
.noitem												{ position: absolute; width:100%; top:30px; left:-25px; text-align:center;}


/************************************************************
 * ｻｲﾄﾞﾘﾝｸ
 ************************************************************/
.sideList											{ margin-top: 10px;}
.sideList li										{ padding-left: 10px; height: 22px;}
.sideList li a										{ padding-left: 8px; background: url(/cmn/images/baby/ico_sankaku.png) 0 3px no-repeat;}

/************************************************************
 * おすすめの中古車ﾌｧﾐﾘｰｶｰ
 ************************************************************/
.osusuFoot											{ padding-bottom: 2px; background: url(/cmn/images/baby/osusu_01.png) left bottom no-repeat;}
.osusuHead											{ padding-top: 2px; background: url(/cmn/images/baby/osusu_02.png) 0 0 no-repeat;}
.osusu												{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 1px; width: 256px;}
.mds_osusu											{ padding-left: 8px; height: 29px; line-height: 29px; background: url(/cmn/images/baby/osusu_03.png) 0 0 repeat-x; overflow: hidden;}
.usedCar											{ margin: 0 9px; width: 238px;}
.usedCar li											{ position: relative; margin-top: 10px; border-bottom: 1px dotted #ccc; padding-left: 90px; padding-bottom: 10px; width: 148px; min-height: 60px; height: auto !important; height: 60px;}
.usedCar li h5										{ font-weight: 400;}
.uC1												{ position: absolute; top: 0; left: 0;}
.uC1 a img											{ width: 80px;}
.uC_price											{ font-size: 10px; line-height: 17px; text-align: right;}
.uC_price span										{ margin-right: 1px; font-weight: 700; vertical-align: -1px;}

/************************************************************
 * preFooter
 ************************************************************/
.preFoot											{ margin: 0 auto; padding-bottom: 20px; width: 980px; background: url(/cmn/images/baby/preFooter_01.png) left bottom no-repeat;}
.preHead											{ padding-top: 20px; background: url(/cmn/images/baby/preFooter_02.png) 0 0 no-repeat;}
.preFooter											{ border-left: 5px solid #efefef; border-right: 5px solid #efefef; padding: 0 15px 5px; background-color: #f9f9f9;}
.preFooter p										{ padding-left: 26px; height: 25px; font-weight: 700; line-height: 22px; background: url(/cmn/images/baby/ico_clover.png) 0 0 no-repeat;}
.preFooter ul										{ margin-left: 26px;}
.preFooter li										{ display: inline; font-size: 10px;}
.preFooter li a										{ margin-right: 4px;}

/* ﾍﾟｰｼﾞTOP */
.pageTopLink										{ margin-top: 10px; text-align: right;}
.pageTopLink a										{ padding-left: 12px; background: url(/cmn/images/baby/ico_top.png) 0 3px no-repeat;}

.mT7												{ margin-top: 7px;}
.mT10												{ margin-top: 10px;}
.mT20												{ margin-top: 20px;}
.mT30												{ margin-top: 30px;}
.mT40												{ margin-top: 40px;}

.mL10												{ margin-left: 10px;}

.pT3												{ padding-top: 3px;}
.p10												{ padding: 10px;}

.iMG												{ display: block; text-indent: -9999px; text-decoration: none; outline: none;}
.arial												{ font-family: arial;}
.bold												{ font-weight: 700;}
.fgRed												{ color: #c00;}
.fs12												{ font-size: 12px; vertical-align: -1px;}
.fs14												{ font-size: 14px;}
.fs16												{ font-size: 16px;}
.taR												{ text-align: right;}

/************************************************************
 * センタリング
 ************************************************************/
h1 {
	height: 59px;
}