@charset "utf-8";

/* margin
---------------------------------------------*/
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.mat0 { margin-top: 0px !important; }
.mat5 { margin-top: 5px !important; }
.mat10 { margin-top: 10px !important; }
.mat15 { margin-top: 15px !important; }
.mat20 { margin-top: 20px !important; }
.mat25 { margin-top: 25px !important; }
.mat30 { margin-top: 30px !important; }
.mat28 { margin-top: 28px !important; }
.mat35 { margin-top: 35px !important; }
.mat40 { margin-top: 40px !important; }
.mat45 { margin-top: 45px !important; }
.mat50 { margin-top: 50px !important; }
.mar0 { margin-right: 0px !important; }
.mar5 { margin-right: 5px !important; }
.mar10 { margin-right: 10px !important; }
.mar15 { margin-right: 15px !important; }
.mar20 { margin-right: 20px !important; }
.mar25 { margin-right: 25px !important; }
.mar30 { margin-right: 30px !important; }
.mar35 { margin-right: 35px !important; }
.mar40 { margin-right: 40px !important; }
.mar45 { margin-right: 45px !important; }
.mar50 { margin-right: 50px !important; }
.mab0 { margin-bottom: 0px !important; }
.mab5 { margin-bottom: 5px !important; }
.mab10 { margin-bottom: 10px !important; }
.mab15 { margin-bottom: 15px !important; }
.mab20 { margin-bottom: 20px !important; }
.mab25 { margin-bottom: 25px !important; }
.mab30 { margin-bottom: 30px !important; }
.mab35 { margin-bottom: 35px !important; }
.mab40 { margin-bottom: 40px !important; }
.mab45 { margin-bottom: 45px !important; }
.mab50 { margin-bottom: 50px !important; }
.mal0 { margin-left: 0px !important; }
.mal5 { margin-left: 5px !important; }
.mal10 { margin-left: 10px !important; }
.mal15 { margin-left: 15px !important; }
.mal20 { margin-left: 20px !important; }
.mal25 { margin-left: 25px !important; }
.mal30 { margin-left: 30px !important; }
.mal35 { margin-left: 35px !important; }
.mal40 { margin-left: 40px !important; }
.mal45 { margin-left: 45px !important; }
.mal50 { margin-left: 50px !important; }
.mal95 { margin-left: 95px !important; }

/* padding
---------------------------------------------*/}
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }
.pat0 { padding-top: 0px !important; }
.pat5 { padding-top: 5px !important; }
.pat10 { padding-top: 10px !important; }
.pat15 { padding-top: 15px !important; }
.pat20 { padding-top: 20px !important; }
.pat25 { padding-top: 25px !important; }
.pat30 { padding-top: 30px !important; }
.pat35 { padding-top: 35px !important; }
.pat40 { padding-top: 40px !important; }
.pat45 { padding-top: 45px !important; }
.pat50 { padding-top: 50px !important; }
.par0 { padding-right: 0px !important; }
.par5 { padding-right: 5px !important; }
.par10 { padding-right: 10px !important; }
.par15 { padding-right: 15px !important; }
.par20 { padding-right: 20px !important; }
.par25 { padding-right: 25px !important; }
.par30 { padding-right: 30px !important; }
.par35 { padding-right: 35px !important; }
.par40 { padding-right: 40px !important; }
.par45 { padding-right: 45px !important; }
.par50 { padding-right: 50px !important; }
.pab0 { padding-bottom: 0px !important; }
.pab5 { padding-bottom: 5px !important; }
.pab10 { padding-bottom: 10px !important; }
.pab15 { padding-bottom: 15px !important; }
.pab20 { padding-bottom: 20px !important; }
.pab25 { padding-bottom: 25px !important; }
.pab30 { padding-bottom: 30px !important; }
.pab35 { padding-bottom: 35px !important; }
.pab40 { padding-bottom: 40px !important; }
.pab45 { padding-bottom: 45px !important; }
.pab50 { padding-bottom: 50px !important; }
.pal0 { padding-left: 0px !important; }
.pal5 { padding-left: 5px !important; }
.pal8 { padding-left: 8px !important; }
.pal10 { padding-left: 10px !important; }
.pal15 { padding-left: 15px !important; }
.pal20 { padding-left: 20px !important; }
.pal25 { padding-left: 25px !important; }
.pal30 { padding-left: 30px !important; }
.pal35 { padding-left: 35px !important; }
.pal40 { padding-left: 40px !important; }
.pal45 { padding-left: 45px !important; }
.pal50 { padding-left: 50px !important; }

/* main
---------------------------------------------*/}

.w710 { width:710px; !important; }
.tac {text-align:center;}
.mod-red { color: #c00;}
.fw { font-weight: 600 !important;}
.fs12 {font-size:12px;}
.back					{ padding:10px;background-color: #ffffff !important;margin-top:20px; width: 710px;}

#main					{ width: 710px;float:left;}
#headBlock				{ width: 710px;position: relative;}
#headBlock h2			{ position: relative; z-index: 3; }
#headBlock dd			{ width: 430px; }
#headBlock .illust		{ position: absolute; top: 1px; right: 1px; z-index: 1; }

.box710GrayTop		{ margin-top:20px;padding-top: 3px; background: url("/images/takuhai_kaitori/bg_710_gray_top.gif") no-repeat; }
.box710GrayBtm		{ padding-bottom: 3px; background: url("/images/takuhai_kaitori/bg_710_gray_btm.gif") no-repeat bottom; }
.box710DeepGrayBtm	{ padding-bottom: 3px; background: url("/images/takuhai_kaitori/bg_710_deepgray_btm.gif") no-repeat bottom left 0; }
.box710DeepGray2Btm	{ padding-bottom: 3px; background: url("/images/takuhai_kaitori/bg_710_deepgray2_btm.gif") no-repeat bottom left 0; }
.box710DeepGray2top	{ margin-top:20px;padding-top: 3px; background: url("/images/takuhai_kaitori/bg_710_deepgray2_top.gif") no-repeat; }

.bgWhite		{ background-color: #fff !important; width:710px;}
.bgLightGray	{ background-color: #f9f9f9 !important; }
.bgLightGray2	{ background-color: #f8f8f8 !important; }
.bgGray			{ background-color: #666 !important; }
.bgGray2			{ background-color: #f0f0f0 !important; }
.bd1Gray		{ border: 1px solid #e5e5e5; }
.bdt1Gray		{ border-top: 1px solid #e5e5e5; }
.bdr1Gray		{ border-right: 1px solid #e5e5e5; }
.bdb1Gray		{ border-bottom: 1px solid #e5e5e5; }
.bdl1Gray		{ border-left: 1px solid #e5e5e5; }
.fl				{ float:left;}
.right			{ text-align:right;}

.section			{ clear: both; margin-top: 20px ; zoom: 1; }
.set				{ position: relative; height:29px; border-bottom: 2px solid #5fc1ff; background: url("/images/takuhai_kaitori/bg_h2.gif") repeat-x; width:710px;}
.h2left			{ width: 708px; float: left; padding-left: 2px; background: url("/images/takuhai_kaitori/bg_h2_left.gif") no-repeat; }
.h2right		{ width: 706px; padding-right: 2px; background: url("/images/takuhai_kaitori/bg_h2_right.gif") no-repeat right 0; }
.set h2			{ width: 500px; padding: 3px 9px 2px; font-weight: bold; font-size: 134%; color: #666; }

#pickupFlow ol					{ margin: -3px 0 0 0; }
#pickupFlow li					{ float: left; }
#pickupFlow dd					{ padding: 10px; background: #f0f0f0; height:119px; }
#pickupFlow .pickupFlow			{ width: 145px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
#pickupFlow .pickupFlow1		{ width: 140px; border-right: 1px solid #e5e5e5; }
#pickupFlow .pickupFlow2		{ width: 140px; border-right: 1px solid #e5e5e5; }
#pickupFlow .pickupFlow3		{ width: 139px; border-right: 1px solid #e5e5e5; }
#pickupFlow .pickupFlow4		{ width: 140px; border-right: 1px solid #e5e5e5; }
.pickupFlow4 p					{ height:90px; }

#movie2						{ background: url("/images/takuhai_kaitori/bg_710_btm_br.gif") no-repeat 0; }
#movie2 .block				{ padding: 20px 19px 17px ; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
#movie2 .list li			{ margin-left:160px;}
#movie2 .list li.lastChild	{ margin-right: 0; }
#movie2 .list dt			{ padding: 3px 12px 2px; font-size: 100%; background: url("/images/takuhai_kaitori/bg_heading01.gif") no-repeat 0 bottom ; font-weight: bold; color:#fff;}

#transport_averageData { position: relative; z-index: 2; width: 710px; }
#trans_average_title_wrap{ width:710px; height: 45px; background: #71ba2b;}
#transport_averageData #trans_average_title{ width:494px; height: 24px; margin: 0px 0 0 150px; padding: 10px 0 0 0;}
#transport_averageData #Cardboard { position: absolute; top: -10px; left: 10px;}
#transport_averageData #Ribon { position: absolute; top: -20px; left: 600px;}
#transport_averageData .mod-sideunit { margin: 20px 0 0 -10px;}
#transport_averageData .mod-sideunit li { margin-left: 9px; text-align: center;}
#transport_averageData .mod-sideunit dd { margin-top: 10px;}
#transport_averageData #bordBox {
  background: #ffffea url("/images/takuhai_kaitori/p_trans_board_box2.gif") no-repeat 550px 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
  border-left-color: #e5e5e5;
}
#transport_averageData #bordBox .photoInfo { width: 345px; margin-left: 185px; padding-top: 20px;}
#transport_averageData #bordBox .photo { float: left; width: 185px;}
#transport_averageData #bordBox .photoHead { color: #660000; font-size: 117%; font-weight: bold; }
#transport_averageData #bordBox .photoCnt { margin-top: 10px; margin-left: 10px;}
#transport_averageData #bordBox .photoCnt span { font-weight: bold;}
#transport_averageData #bordBox .photoInfoList { margin-top: 10px;}
#transport_averageData #bordBox .photoInfoList li { margin-left: 1em; text-indent: -1em;}
/* pointBox */
#pointBox { *zoom: 1; height: 64px; margin: 10px 0 0 0; border: 1px solid #70ba2d; background: #fff;}
#transport_averageData #pointBox:before, #pointBox:after { content: ""; display: table;}
#transport_averageData #pointBox:after { clear: both;}
#transport_averageData #pointBox dt { float: left;}
#transport_averageData #pointBox dd { margin: 5px 0 0 70px;}
#transport_averageData #pointBox li { padding-left: 25px; padding-right: 16px; background: url("/images/takuhai_kaitori/i_rd_green.gif") no-repeat 18px 0.48em; color: #70ba2d; font-weight: 600;}
#transport_txtbox p{text-align: center;}

#popular .mod-floatunit {
  margin: 10px 0 0 -2px;
}
#popular .mod-floatunit li {
  display: inline;
  margin: 2px 0 0 2px;
}
.mod-box-eco { width: 665px; padding: 12px;  border: 4px solid #e5e5e5;margin-top:15px;}
.mod-box-eco dt {font-size: 114%;font-weight: 600;color: #600;background-color: #fff;}
.mod-box-eco dd {font-size: 12px; background-color: #fff;}

.voiceSection ul { position: relative; width: 700px; height: 405px; margin: 0 auto;}
.voiceSection ul #voiceItem { position: absolute; left: 0; top: 0;}
.voiceSection ul #voiceItem2 { position: absolute; right: 0; top: 0;}
.voiceSection ul #voiceItem3 { position: absolute; left: 0; top: 190px;}
.voiceSection ul #voiceItem4 { position: absolute; right: 0; top: 232px;}

#kindOk { position: relative;width:694px;padding-left:7px;}
#kindOk #kindOkBall { position: absolute; left: 10px; top: -43px;}
#kindOk h4 { background: #0049b7; color: #fff; font-weight: 600; text-align: center; line-height: 41px;}
#kindOk #kindOkList { *zoom: 1; margin-left: -2px;}
#kindOk #kindOkList:before, #kindOk #kindOkList:after { content: ""; display: table;}
#kindOk #kindOkList:after { clear: both;}
#kindOk #kindOkList .kindOkListItem { display: inline; float: left; width: 172px; margin-left: 2px; background: #f3f9ff;}
#kindOk #kindOkList .kindOkListItem dd { padding: 5px; height:145px;}
#kindNg { position: relative;width:694px;padding-left:7px;}
#kindNg h4 { background: #666; color: #fff; font-weight: 600; text-align: center; line-height: 41px;}
#kindNg #kindNgList { *zoom: 1; margin-left: -2px;}
#kindNg #kindNgList:before, #kindNg #kindNgList:after { content: ""; display: table;}
#kindNg #kindNgList:after { clear: both;}
#kindNg #kindNgList .kindNgListItem { display: inline; float: left; width: 172px; margin-left: 2px; background: #f8f8f8;}
#kindNg #kindNgList .kindNgListItem dd { padding: 5px; height:150px;}
#kindNg2 { position: relative;width:694px;}
#kindAttent { margin: 2px 0 0 0; padding: 25px 0 20px 120px; background: #fbebec url("/images/takuhai_kaitori/bg_exclamation2.gif") no-repeat 35px 15px; font-weight: 600;font-size:14px;}
.mod-list-rd li { padding-left: 12px; background: url("/images/takuhai_kaitori/i_rd_black.png") no-repeat left 0.5em;}

.whyTop { width: 694px; margin: 20px auto 0; padding-top: 5px; background: url("/images/takuhai_kaitori/whyframetop.gif") no-repeat;}
.whyBtm { padding-bottom: 30px; background: url("/images/takuhai_kaitori/whyframebtm.gif") no-repeat 0 bottom;}
.why { padding: 16px 190px 0 32px; border-right: 2px solid #cf3a22; border-left: 2px solid #cf3a22;}
.why dl { padding: 9px 0 0 66px; background: url("/images/takuhai_kaitori/bg_exclamation.gif") no-repeat;}
.why dt { margin-bottom: 15px;}

#attention2{padding:20px;}
.attentList { padding: 20px 20px 20px 90px; background: url("/images/takuhai_kaitori/bg_exclamation.gif") no-repeat 30px 20px; *zoom: 1;}
.attentList li { padding-left: 17px; background: url("/images/takuhai_kaitori/i_rd.gif") no-repeat left 0.5em; line-height: 1.75;}