@charset "utf-8";

/* HEADER
---------------------------------------*/
body div#container div#wrapper h1{
	background-image: url(../img/h1.gif);
	background-repeat: no-repeat;
}

body div#container div#wrapper p.lead{
	margin:0 0 20px 0;
}

body div#container div#wrapper h2.h2_101{
	background-image: url(../img/h2_003.gif);
	background-repeat: no-repeat;
	margin-bottom:0px;
	height:47px;
}

body div#container div#wrapper h2#h2_001{
	background-image: url(../img/img-members01.gif);
	background-repeat: no-repeat;
	height: 65px;
}

body div#container div#wrapper h2#h2_002{
	background-image: url(../img/h2_002.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom: 1px solid #CCC;
	border-left: 3px solid #1D5FC1;
}

body div#container div#wrapper h2#h2_003{
	background-image: url(../img/h2_003.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom: 1px solid #CCC;
	border-left: 3px solid #1D5FC1;
}

body div#container div#wrapper h2#h2_004{
	background-image: url(../img/h2_004.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom: 1px solid #CCC;
	border-left: 3px solid #1D5FC1;
}

body div#container div#wrapper ul.promotion{
	background-image: url(../img/img-members02.jpg);
	background-repeat: no-repeat;
	height: 246px;
	margin-bottom: 10px;
}

body div#container div#wrapper h3.link{
	padding-left:15px;
	background-image: url(../../common/img/footer_li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height:100%;
	margin-bottom:5px;
}

body div#container div#wrapper h3.link a{
	font-weight:bold;
}

body div#container div#wrapper div.categoryBox001,
body div#container div#wrapper div.categoryBox002,
body div#container div#wrapper div.categoryBox003,
body div#container div#wrapper div.categoryBox004{
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 115px;
	margin-bottom:10px;
	min-height:45px;
	_height: 45px;	/*IE*/
}

body div#container div#wrapper div.categoryBox001 h3,
body div#container div#wrapper div.categoryBox002 h3,
body div#container div#wrapper div.categoryBox003 h3{
	font-weight:bold;
}

body div#container div#wrapper div.categoryBox001{
	background-image: url(../img/bgi-search.gif);
}

body div#container div#wrapper div.categoryBox002{
	background-image: url(../img/bgi-shop.gif);
}

body div#container div#wrapper div.categoryBox003{
	background-image: url(../img/bgi-drive.gif);
}

body div#container div#wrapper div.categoryBox004{
	background-image: url(../img/bgi-present.gif);
	background-color:#fff;
	padding-bottom:5px;
}

body div#container div#wrapper dl.englishBox{
	background-color: #EDEDED;
	border: 1px solid #E4E4E4;
	background-image: url(../img/bgi-capture.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding:10px 10px 10px 125px;
	margin-bottom: 20px;
}

body div#container div#wrapper dt.english01{
	padding-left:15px;
	background-image: url(../../common/img/footer_li.gif);
	background-position: left center;
	background-repeat: no-repeat;	
	line-height:100%;
	margin-bottom:10px;
}

body div#container div#wrapper dt.english01 a{
	font-weight:bold;
}

body div#container div#wrapper dl.merit{
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}

body div#container div#wrapper dl.merit dd.method,
body div#container div#wrapper dl.merit dd,
body div#container div#wrapper dl.meritLast dd.method,
body div#container div#wrapper dl.meritLast dd{
	float:left;
	width:555px;
	margin:0 0 5px 0;
}

/*IEで動画ボタンが落ちなくする対策*/
* html body div#container div#wrapper dl.merit dd.method,
* html body div#container div#wrapper dl.merit dd,
* html body div#container div#wrapper dl.meritLast dd.method,
* html body div#container div#wrapper dl.meritLast dd{
	float:left;
	width:545px;
}

body div#container div#wrapper dl.merit dd.btn,
body div#container div#wrapper dl.meritLast dd.btn{
	float:left;
	width:170px;
}

body div#container div#wrapper dl.merit dd.btn a,
body div#container div#wrapper dl.meritLast dd.btn a{
	display:block;
	width:172px;
	height:39px;
	background: url(../img/btn-movie.gif) no-repeat left top;
}

body div#container div#wrapper dl.merit dd.btn a:hover,
body div#container div#wrapper dl.meritLast dd.btn a:hover{
	background: url(../img/btn-movie.gif) no-repeat left -39px;
}

body div#container div#wrapper dl.meritLast{
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}

body div#container div#wrapper dt.title{
	font-weight: bold;
	width:555px;
}

body div#container div#wrapper dd.method span{
	background-color:#1D5FC1;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
	padding:2px;
	line-height:100%;
	text-align:center;
}

body div#container div#wrapper dl.step01 dt,
body div#container div#wrapper dl.step02 dt,
body div#container div#wrapper dl.step03 dt,
body div#container div#wrapper dl.step04 dt,
body div#container div#wrapper dl.step05 dt,
body div#container div#wrapper dl.step06 dt{
	padding-left:15px;
	background-image: url(../img/img-frame-up.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height:100%;
	color:#1D5FC1;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 3px;
}

body div#container div#wrapper dl.step01 dd,
body div#container div#wrapper dl.step02 dd,
body div#container div#wrapper dl.step03 dd,
body div#container div#wrapper dl.step04 dd,
body div#container div#wrapper dl.step05 dd,
body div#container div#wrapper dl.step06 dd{
	padding-left:15px;
	background-image: url(../img/img-frame-down.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	line-height:100%;
	margin-bottom:5px;
	padding-bottom: 10px;
}

body div#container div#wrapper dl.step01,
body div#container div#wrapper dl.step02,
body div#container div#wrapper dl.step03,
body div#container div#wrapper dl.step04,
body div#container div#wrapper dl.step05{
	background-image: url(../img/img-yajirusi.gif);
	background-repeat: no-repeat;
	padding:0 0 15px;
	background-position: center bottom;
	margin-bottom: 5px;
}