/*=== CSS For JV訴求 =========================
 creation date: 12/03/28
 
 1. 共通
 2. ヘッド
 3. メインカラム - topArea
 4. メインカラム - apfWrap
 5. メインカラム - inquiry
 6. 右カラム

==================================================== */



/*======================================================
1. 共通
==================================================== */

/* ------ margin ------ */
.mT5 { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT12 { margin-top: 12px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT50 { margin-top: 50px !important; }

/* ------ default setting ------ */
#mainColumn img { vertical-align: top ; }

#mainColumn h1 img { _vertical-align: text-bottom; }

#mainColumn h2 {
	height: auto;
	padding: 0;
	margin: 0;
	background: none;
}


/* ------ text style ------ */
.bold { font-weight: bold; }

/* ------ indent ------ */
.idt {
	text-indent: -1em;
	padding-left: 1em;
}

.ulIdt li {
	text-indent: -1em;
	padding-left: 1em;
}
.ulIdt li .lm_point {
	margin: 0 0.2em 0 0.3em;
}

/* ------ float ------ */
.flL { float: left; }
.flR { float: right; }


/* ------ clearfix ------ */
.clearfix {
	width: 100%;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/*======================================================
2. ヘッド
==================================================== */

/* グローバルナビの裏回り防止
--------------------------------------------*/
body#mx div#header2009 { z-index: 100; }


/*======================================================
3. メインカラム - topArea
==================================================== */

/* topArea - mvTop
----------------------------------------*/
#topArea #mvTop {
	position: relative;
	zoom: 1;
	height: 95px;
}

#topArea #mvTop #mvTopTxt02,
#topArea #mvTop #mvTopTxt03 {
	position: absolute;
	top: 52px;
}

#topArea #mvTop #mvTopTxt02 { left: 21px; }
#topArea #mvTop #mvTopTxt03 { left: 344px; }

/* topArea - mvArea
----------------------------------------*/
#topArea #mvArea {}
#topArea #mvArea #mainvisual02 {
	position: relative;
	zoom: 1;
	height: 118px;
	background: url(/int/promotion/apf/image/2012/mainvisual02.gif) no-repeat;
}
#topArea #mvArea #mainvisual02 #mvLoginBox {
	position: absolute;
	top: 8px;
	left: 10px;
}
#topArea #mvArea #mainvisual02 #mvLoginBoxInner {
	position: absolute;
	width: 305px;
	_width: 309px;
	height: 98px;
	_height: 102px;
	padding: 2px;
	background: #ffffff;
}
#topArea #mvArea #mainvisual02 #mvLoginBoxInner h3 {
	position: relative;
	zoom: 1;
	height: 25px;
	background: #00458d;
}
#topArea #mvArea #mainvisual02 #mvLoginBoxInner h3 img {
	position: absolute;
	top: 5px;
	left: 10px;
}
#topArea #mvArea #mainvisual02 #mvLoginBoxInner #mvLoginBtn01,
#topArea #mvArea #mainvisual02 #mvLoginBoxInner #mvLoginBtn02 {
	position: absolute;
	left: 9px;
}
#topArea #mvArea #mainvisual02 #mvLoginBoxInner #mvLoginBtn01 { top: 31px; }
#topArea #mvArea #mainvisual02 #mvLoginBoxInner #mvLoginBtn02 { top: 66px; }

/* topArea - mvBtm_apf_merit
----------------------------------------*/
#topArea #mvBtm_apf_merit { padding: 5px 0 6px 14px; }
#topArea #mvBtm_apf_merit p {
	float: left;
	margin: 8px 0 0 7px;
}

/* topArea - mvBtm_apf_about
----------------------------------------*/
#topArea #mvBtm_apf_about {
	margin-top: 9px;
}
#topArea #mvBtm_apf_about dt {
	float: left;
	width: 94px;
	text-align: right;
}
#topArea #mvBtm_apf_about dd {
	float: left;
	width: 563px;
	padding: 0 20px 25px 8px;
	font-size: 75%;
}

/*======================================================
4. メインカラム - apfWrap
==================================================== */

/* mainContents
----------------------------------------*/
#mainContents #apfWrap {
	padding-bottom: 20px;
	background: url(/int/promotion/apf/image/2012/apf_main_bg.gif) repeat-y;
}

/* mainContents - apfWrap
----------------------------------------*/
/*
#mainContents #apfWrap h3#apf_meritWrap_ttl {
	position: relative;
	zoom: 1;
	z-index: 100;
	height: 79px;
	background: url(/int/promotion/apf/image/2012/apf_merit_ttl_bg.gif) repeat-y !important;
}
#mainContents #apfWrap h3#apf_meritWrap_ttl img {
	position: absolute;
	top: 43px;
	left: 46px;
}
*/
#mainContents #apfWrap h2#apf_meritWrap_ttl {
	position: relative;
	zoom: 1;
	z-index: 100;
	height: 79px;
	background: url(/int/promotion/apf/image/2012/apf_merit_ttl_bg.gif) repeat-y !important;
}
#mainContents #apfWrap h2#apf_meritWrap_ttl img {
	position: absolute;
	top: 43px;
	left: 46px;
}
#mainContents #apfWrap #apf_meritWrap {
	padding: 23px 0 0 13px;
}
#mainContents #apfWrap #apf_meritWrap .apf_meritSecInner {
	padding: 14px 31px 0 44px;
}
#mainContents #apfWrap #apf_meritWrap #apf_meritSec01 #apf_meritSec01_imgWrap {
	padding: 0 0 6px 28px;
}
#mainContents #apfWrap #apf_meritWrap #apf_meritSec01 #apf_meritSec01_imgWrap p {
	float: left;
	margin-left: 8px;
}
#mainContents #apfWrap #apf_meritWrap #apf_meritSec01 #apf_meritSec01_txt01 { margin-left: 92px;}
#mainContents #apfWrap #apf_meritWrap #apf_meritSec01 #apf_meritSec01_txt02 { margin-left: 84px;}

/* mainContents - apf_plusMerit
----------------------------------------*/
#mainContents #apf_plusMerit_ttl {
	position: relative;
	zoom: 1;
	z-index: 100;
	height: 41px;
	width: 666px;
	margin-left: 9px;
	background: #ed6d00;
}
#mainContents #apf_plusMerit_ttl img {
	position: absolute;
	top: 3px;
	left: 70px;
}
#mainContents #apf_plusMeritWrap h3 {
	margin-left: 13px;
}
#mainContents #apf_plusMeritWrap .apf_plusMeritSecInner {
	padding: 14px 31px 0 55px;
}

#mainContents #apf_plusMeritWrap .apf_plusMeritTable {
	font-size: 100%;
	background: #b8c3e4;
	border-spacing: 1px;
	boer-collapse: collapse;
}
#mainContents #apf_plusMeritWrap #apf_plusMeritTable02 { margin-left: 81px; }
#mainContents #apf_plusMeritWrap .apf_plusMeritTable th {
	text-align: center;
	background: #dff1fc;
}

#mainContents #apf_plusMeritWrap #apf_plusMeritTable01 td {
	padding: 13px 9px;
	text-align: center;
	background: #ffffff;
}
#mainContents #apf_plusMeritWrap #apf_plusMeritTable02 td {
	text-align: center;
	background: #ffffff;
}

#mainContents #apf_plusMeritWrap ul .li_dl {
	text-indent: 0;
	padding: 0;
}
#mainContents #apf_plusMeritWrap ul .li_dl dl {
	margin-bottom: -6px;
	_margin-bottom: 0;
}
#mainContents #apf_plusMeritWrap ul .li_dl dl dd { margin-left: 20em; }

#mainContents #apf_plusMeritWrap #apf_plusMeritBtnArea p {
	float: left;
	margin-right: 5px;
}

#mainContents #apf_plusMeritWrap #apf_plusMeritRf dd dl dt {
	float: left;
	height: 15px;
	margin-top: 3px;
}
#mainContents #apf_plusMeritWrap #apf_plusMeritRf dd dl dd { 
	min-height: 15px;
	margin-top: 3px;
	margin-left: 67px;
}


/*======================================================
5. メインカラム - inquiry
==================================================== */

#mainContents #inquiry { padding: 11px 0 0 10px; }
#mainContents #inquiry p { float: left; }
#mainContents #inquiry #inquiry_txt02 { margin-left: 10px; }
#mainContents #inquiry #inquiry_txt03 { margin-left: 12px; }


/*======================================================
6. 右カラム
==================================================== */
*html #rightColumn .logoArea {
	padding: 10px 0;
}
#rightColumn .logoArea {
	width: 223px;
	margin: 10px 0 10px 10px;
}
#rightColumn .logoArea dl {
	width: 223px;
	padding-bottom: 1px;
	background: url(/image/renewal09/dot.gif) repeat-x bottom left;
	margin-bottom: 10px;
}
#rightColumn .logoArea dl.none {
	background: none;
	margin-bottom: 0;
}
#rightColumn .logoArea dt {
	float: left;
	widht: 60px;
}

#rightColumn .logoArea dd {
	float: right;
	width: 159px;
	padding-top: 5px;
	line-height: 140%;
}

#rightColumn .logoArea dl:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
} 
#rightColumn .logoArea dl {
	zoom:1;
	display: inline-block;
}

/*======================================================
12/04/23 追記
==================================================== */

#mainContents #tokutenWrap #tokuten_ttl {
	position: relative;
	height: 52px;
	background: url(/int/promotion/apf/image/2012/tokuten_ttl_bg.gif) repeat-x bottom left;
}
#mainContents #tokutenWrap #tokuten_ttl img {
	position: absolute;
	top: 9px;
	left: 7px;
}

#mainContents #apf_merit_ttl {
	position: relative;
	height: 40px;
	background: #39a2dc;
}
#mainContents #apf_merit_ttl img {
	position: absolute;
	top: 6px;
	left: 259px;
}

/*======================================================
13/04/17 追記
==================================================== */
#topArea #mvArea {
	width: 685px;
}
#mvBtm_merit {
	width: 326px;
	float: left;
	margin: 13px -2px 0 4px;
}
#mvBtm_plus {
	width: 330px;
	float: left;
	margin: 13px 0 0 0;
}
#mvBtm_plus .merit_box {
	padding-left: 2px;
}
#mvBtm_merit dt, #mvBtm_merit dd,
#mvBtm_plus dt, #mvBtm_plus dd{
	display: block;
}
#mvBtm_merit .merit_box li,
#mvBtm_plus .merit_box li{
	display: block;
	float: left;
	padding: 0 6px 6px 0;
}