@charset "utf-8";

/* HEADER
---------------------------------------*/
/* グローバルナビゲーション アクティブ */
div#header ul#g_navi li#g_navi_present a{
	background-position: -582px -34px;
	}

/* WRAPPER
---------------------------------------*/
body div#container div#wrapper h1.title{
	background-image: url(../img/h1.gif);
	background-repeat: no-repeat;
}
body div#container div#wrapper p.lead{
	background-image: url(../img/p_lead.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:103px;
}
body div#container div#wrapper p.lead-in{
	background-image: url(../img/p_lead_member.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:80px;
}
body div#container div#wrapper div.presetBox001,
body div#container div#wrapper div.presetBox002{
	border-top: 1px solid #ccc;
	border-top:none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin:0 0 20px 0;
	padding:30px 0 50px 0;
}
body div#container div#wrapper div.presetBox002{
	border-top:none;
	margin:0;
	padding-top:15px;
}
body div#container div#wrapper div.presetBox001 p.present001{
	background-image: url(../img/p_lead001.gif) no-repeat left top;
}
/* kickoff */
body div#container div#wrapper div.kickoff_outline div.presetBox001 p.present001{
	background-image: url(../img/p_lead001.gif) no-repeat left top;
}



body div#container div#wrapper h2#h2_001{
	margin:0px;
	padding:0px;
	height:109px;
	background: url(../img/h2_001.gif) no-repeat left top;
}
body div#container div#wrapper h2#h2_002{
	margin:0 0 10px 0;
	padding:0px;
	height:30px;
	background: url(../img/h2_002.gif) no-repeat left top;
}
body div#container div#wrapper div.presetBox001 h3#h3_001{
	height:35px;
	background: url(../img/h3_001.gif) no-repeat 10px top;
}

/*　kickoff　
body div#container div#wrapper div.kickoff_outline div.presetBox001 h3#h3_001{
	height:35px;
	background: url(../img/h3_001.gif) no-repeat 10px top;
}*/

body div#container div#wrapper h3#h3_notMember{
	margin:0px;
	padding:0px;
	height:45px;
	background: url(../img/h3_notmember.gif) no-repeat left top;
}
body div#container div#wrapper h3#h3_member{
	margin:0px;
	padding:0px;
	height:45px;
	background: url(../img/h3_member.gif) no-repeat left top;
}
/*冬のキャンペーン*/
body div#container div#wrapper h3#h3_002{
	margin:0px;
	padding:0px;
	height:170px;
	background: url(../img/h3_002.gif) no-repeat left top;
}

body div#container div#wrapper div.presetBox002 p.copy002{
	height:200px;
	background: url(../img/p_copy002.jpg) no-repeat left top;
}

body div#container div#wrapper div.presetBox002 dl.present002{
	height:165px;
	background: url(../img/img_drivespot.jpg) no-repeat left top;
	margin:0 0 10px 0;
}
/*　kickoff　
body div#container div#wrapper div.kickoff_outline div.presetBox001 p.copy001{
	height:28px;
	background: url(../img/p_copy001.gif) no-repeat 10px top;
}*/

body div#container div#wrapper div.presetBox001 dl.present001{
	height:234px;
	background: url(../img/img-present_jtbgift.gif) no-repeat 10px top;
	margin:0 0 10px 0;
}

/* プレゼント概要　以下 */
body div#container div#wrapper div p.line{
	background: url(../img/img-dot.gif) no-repeat;
	height:8px;
	margin-bottom:10px;
}
body div#container div#wrapper div.presetBox001 h4
body div#container div#wrapper div.presetBox002 h4#h4_002{
	height:15px;
	border-left: 3px solid #1D5FC1;
	margin:0 0 10px 20px;
	clear:both;
}
body div#container div#wrapper div.presetBox001 h4#h4_001{
	background: url(../img/h4_001.gif) no-repeat 5px top;
}
body div#container div#wrapper div.presetBox001 h4#h4_002{
	background: url(../img/h4_002.gif) no-repeat 10px top;
}
body div#container div#wrapper div.presetBox001 table.summary001,
body div#container div#wrapper div.presetBox002 table.summary001{
	width:684px;
	margin:20px;
}
body div#container div#wrapper p.btn_member_reg01 a,
body div#container div#wrapper p.btn_member_reg02 a,
body div#container div#wrapper p.btn_to_mypage01 a,
body div#container div#wrapper p.btn_to_mypage02 a{
	width:268px;
	height:47px;
	text-indent:-999em;
	display:block;
	margin:0 0 20px 228px;
	}
	body div#container div#wrapper p.btn_member_reg01 a{
	background:url(../img/btn_member_reg01.gif) left top no-repeat;
	position:absolute;
	top:330px;
	margin-bottom:10px;
	}
body div#container div#wrapper p.btn_member_reg02 a{
	background:url(../img/btn_member_reg02.gif) left top no-repeat;
	margin-bottom:10px;
	}
body div#container div#wrapper p.btn_to_mypage01 a{
	background:url(../img/btn_to_mypage01.gif) left top no-repeat;
	position:absolute;
	top:330px;
}
body div#container div#wrapper p.btn_to_mypage02 a{
	background:url(../img/btn_to_mypage02.gif) left top no-repeat;
}

body div#container div#wrapper p.btn_member_reg01 a:hover,
body div#container div#wrapper p.btn_member_reg02 a:hover,
body div#container div#wrapper p.btn_to_mypage01 a:hover,
body div#container div#wrapper p.btn_to_mypage02 a:hover{
	background-position:left -47px;
	}
body div#container div#wrapper p.about{
	width:724px;
	text-align:center;
	line-height: 1.2;
	font-size: 90%;
	margin-bottom: 20px;
	}	
/* プレゼント応募の流れ　*/
body div#container div#wrapper div ul#flow{
	width:704px;
	margin:0 0 10px 20px;
}
body div#container div#wrapper div ul#flow li{
	height:146px;
	display:block;
	float:left;
}
body div#container div#wrapper div ul#flow li#step1{
	width:221px;
	background:url(../img/img_member_reg.gif) left top no-repeat;
}
body div#container div#wrapper div ul#flow li#step1-member{
	width:221px;
	background:url(../img/img_member_step1.gif) left top no-repeat;
}
body div#container div#wrapper div ul#flow li#step2{
	width:221px;
	background:url(../img/img_login.gif) left top no-repeat;
	margin-left:30px;
}
body div#container div#wrapper div ul#flow li#step2-member{
	width:221px;
	background:url(../img/img_member_step2.gif) left top no-repeat;
	margin-left:30px;
}
body div#container div#wrapper div ul#flow li#step3{
	width:182px;
	background:url(../img/img_entry.gif) left top no-repeat;
	margin-left:30px;
}
body div#container div#wrapper div ul#flow li p{
 	margin-top:151px;
	text-align:center;
	width:182px;
	font-size:90%;
	}
/*　プレゼント応募の流れ　ここまで------　*/
body div#container div#wrapper div.presetBox001 table.summary001 th,
body div#container div#wrapper div.presetBox002 table.summary001 th{
	border-bottom: 1px solid #CCCCCC;
	padding:0 5px 3px 0;
	font-weight:bold;
	white-space:nowrap;
}
body div#container div#wrapper div.presetBox001 table.summary001 td,
body div#container div#wrapper div.presetBox002 table.summary001 td{
	border-bottom: 1px solid #CCCCCC;
	padding:0 5px 3px 0;
}
body div#container div#wrapper div.wrapperLeft{
	float:left;
	width:363px;
	background: url(../img/bgi-box_harf.gif) left bottom;
}	
body div#container div#wrapper div.wrapperLeft p.wrapperLeft{
	padding:0 20px 10px 20px;
}	
body div#container div#wrapper div.wrapperLeft p.caption{
	font-size:80%;
	padding:0 20px 10px 20px;
}
body div#container div#wrapper div.wrapperLeft p.flag a{
	padding-left:15px;
	background-image: url(../../common/img/footer_li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height:100%;
}

body div#container div#wrapper div.wrapperLeft p.newEntryBtn a{
	padding:0px;
	margin:0px;
	display:block;
	width:212px;
	height:50px;
	background: url(../img/entry_a.gif) no-repeat left top;	
}
body div#container div#wrapper div.wrapperLeft p.newEntryBtn a:hover,
body div#container div#wrapper div.wrapperLeft p.newEntryBtn a:active{
	background: url(../img/entry_a.gif) no-repeat left -25px;	
}

body div#container div#wrapper div.categoryBox001,
body div#container div#wrapper div.categoryBox002,
body div#container div#wrapper div.categoryBox003{
	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{
	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-present.gif);
}
body div#container div#wrapper div.categoryBox004{
	background-image: url(../img/bgi-bubulog.gif);
	background-color:#fff;
	padding-bottom:5px;
}

body div#container div#wrapper p.captionGray{
	font-size:90%;
	color:#666;
	margin-bottom:20px;
	margin-left:115px;
	line-height:100%;
}
body div#container div#wrapper ul.btnCenter li.mail{
	text-align:center;
}
body div#container div#wrapper ul.btnCenter li.mail a{
	display:block;
	height:25px;
	text-align:center;
	background-image: url(../img/btn-mail.gif);
	background-repeat: no-repeat;
	background-position: center 0px;	
}
body div#container div#wrapper ul.btnCenter li.mail a:hover{
	background-image: url(../img/btn-mail.gif);
	background-repeat: no-repeat;
	background-position: center -25px;	
}
body div#container div#wrapper p.imageHolder{
	margin-bottom:20px;
}
body div#container div#wrapper div.wrapperInner001{
	clear:both;
}
body div#container div#wrapper div.wrapperInner001 div.leftArea{
	color:#fff;
	float:left;
	width:210px;
	border: 1px solid #666;
	padding:10px;
	margin-left:10px;
	background-image: url(../img/bgi-mailbox.gif);
	background-repeat: repeat;
}
body div#container div#wrapper div.wrapperInner001 div.rightArea{
	float:right;
	width:450px;
	padding:10px;
	border: 1px solid #e4e4e4;
	background-color:#ededed;
}
body div#container div#wrapper div.wrapperInner001 div.rightArea div.boxGray{
	border: 1px solid #e4e4e4;
	padding:10px;
	margin-top:10px;
	background-color:#fff;
}
body div#container div#wrapper div.wrapperInner001 div.rightArea div.boxGray p.imageHolder{
	text-align:center;
	margin:0px;
}
body div#container div#wrapper div.wrapperInner001 div.rightArea div.boxGray p.caption{
	font-size:90%;
	color:#666;
	line-height:120%;	
}
body div#container div#wrapper div.wrapperInner001 div.rightArea div.bgiHolder{
	background-image: url(../img/bgi-capture.jpg);
	background-repeat: no-repeat;
	padding-left:105px;
	height:90px;
}
body div#container div#wrapper div.wrapperInner001 div.rightArea div.boxGray p img{
	padding-top:5px;
	padding-bottom:5px;
}

/* 110412中止のご案内
---------------------------------------*/
p.discontinuance01 ,
p.discontinuance02{
	width: 500px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 110px;
	background-color:#ffe8e8;
	font-weight: bold;
	margin-bottom: 1em;
	}
p.discontinuance01{
	position: absolute;
	top: 340px;
	}