@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_kickoff.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:39px;
}

body div#container div#wrapper div.presetBox001{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin:0 0 20px 0;
	padding:20px 0 20px 0;
}
/* kickoff */
body div#container div#wrapper div.kickoff_outline{
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

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:103px;
	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_h3_002{
	margin:0px;
	padding:0px;
	height:45px;
	background: url(../img/h3_member.gif) no-repeat left top;
}
*/
/*　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;
}
/*　kickoff　*/
body div#container div#wrapper div.kickoff_outline div.presetBox001 dl.present001{
	height:234px;
	background: url(../img/img-present_jtbgift.gif) no-repeat 10px top;
	margin:0 0 10px 0;
}

/* Kickoffキャンペーン！ */




body div#container div#wrapper div.presetBox002{
	margin:0 0 20px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: url(../img/img-kickoff_001.jpg) no-repeat -2px top;
	height:1168px;
	}
body div#container div#wrapper div.presetBox002 h3.kickoff{
	background: url(../img/h3-kickoff_001.jpg) no-repeat -2px top;
	height:117px;
	}
	
/* 1-1 */
body div#container div#wrapper div.presetBox002 dl.uniform{
	width:685px;
	height:202px;
	background: url(../img/img-uniform_01.jpg) no-repeat left top;
	float:left;
	margin:216px 0 0 18px;
	padding:0 0 0 0;
	clear:both;
	display:inline;
	}
* html body div#container div#wrapper div.presetBox002 dl.uniform{
	background: url(../img/img-uniform_01.jpg) no-repeat left top;
	}
/* 1-2 
body div#container div#wrapper div.presetBox002 dl.signball{
	width:334px;
	height:202px;
	background: url(../img/img-signball.gif) no-repeat left top;
	float:left;
	margin:186px 0 0 16px;
	}
*/	
/*
* html body div#container div#wrapper div.presetBox002 dl.signball{
	background: url(../img/img-signball.gif) no-repeat left top;
	}
*/
/* 2-01 */
body div#container div#wrapper div.presetBox002 dl.spike{
	width:335px;
	height:210px;
	background: url(../img/img-spike.gif) no-repeat left top;
	float:left;
	margin:0 0 0 18px;
	padding:0 0 0 0;
	clear:both;
	display:inline;
	}
* html body div#container div#wrapper div.presetBox002 dl.spike{
	background: url(../img/img-spike.gif) no-repeat left top;
	}
/* 2-02 */
body div#container div#wrapper div.presetBox002 dl.glove{
	width:334px;
	height:210px;
	background: url(../img/img-glove.gif) no-repeat left top;
	float:left;
	margin:0 0 0 16px;
	}
* html body div#container div#wrapper div.presetBox002 dl.glove{
	background: url(../img/img-glove.gif) no-repeat left top;
	}
	
/* 3-1 */
body div#container div#wrapper div.presetBox002 dl.tv{
	width:335px;
	height:212px;
	background: url(../img/img-tv.gif) no-repeat left top;
	float:left;
	margin:0 0 0 18px;
	display:inline;
	}
* html body div#container div#wrapper div.presetBox002 dl.tv{
	background: url(../img/img-tv.gif) no-repeat left top;
	}
/* 3-2 */
body div#container div#wrapper div.presetBox002 dl.recorder{
	width:334px;
	height:212px;
	background: url(../img/img-recorder.gif) no-repeat left top;
	float:left;
	margin:0 0 20px 16px;
	}
/* 表示くずれ 
* html body div#container div#wrapper div.presetBox002 dl.recorder{
	background: url(../img/img-recorder.gif) no-repeat left top;
*/

/* line */	
body div#container div#wrapper div.presetBox002 p.line_kickoff{
	width:685px;
	height:4px;
	background: url(../img/p_line_kickoff.gif) no-repeat left top;
	text-align:	center;
	margin:0 0 10px 20px;
	clear:	both;
	}
	
/* Wチャンス */

body div#container div#wrapper div.presetBox002 dl.quo-card{
	width:671px;
	height:143px;
	background: url(../img/img-w-chance.gif) no-repeat left top;
	margin:0 0 0 27px;
	clear:	both;
	}
* html body div#container div#wrapper div.presetBox002 dl.quo-card{
	background: url(../img/img-w-chance.gif) no-repeat left top;
	}
	
/* /* Kickoffキャンペーン！ プレゼント概要　以下 */
body div#container div#wrapper div.kickoff_outline p.line{
	background: url(../img/img-dot.gif) no-repeat;
	height:8px;
	margin-bottom:10px;
	clear:both;
}
body div#container div#wrapper div.kickoff_outline h4#h4_001,
body div#container div#wrapper div.kickoff_outline h4#h4_002{
	background: url(../img/h4_001.gif) no-repeat left top;
	height:15px;
	border-left: 3px solid #1D5FC1;
	margin:0 0 10px 20px;
	margin:0 0 10px 20px;
	clear:both;
}
body div#container div#wrapper div.kickoff_outline table.summary001,
body div#container div#wrapper div.kickoff_outline table.summary001{
	margin:20px;
}



body div#container div#wrapper div.kickoff_outline table.summary001 th,
body div#container div#wrapper div.kickoff_outline 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.kickoff_outline table.summary001 td,
body div#container div#wrapper div.kickoff_outline table.summary001 td{
	border-bottom: 1px solid #CCCCCC;
	padding:0 5px 3px 0;
}
body div#container div#wrapper div.kickoff_outline p.wrapperLeft{
	padding:0 20px 10px 20px;
}	
body div#container div#wrapper div.kickoff_outline p.caption{
	font-size:80%;
	padding:0 20px 10px 20px;
}
body div#container div#wrapper div.kickoff_outline 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.kickoff_outline 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.kickoff_outline p.newEntryBtn a:hover,
body div#container div#wrapper div.kickoff_outline p.newEntryBtn a:active{
	background: url(../img/entry_a.gif) no-repeat left -25px;	
}
/*
body div#container div#wrapper div.kickoff_outline 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 div.kickoff_outline h3.link a{
	font-weight:bold;
}
*/





/*
body div#container div#wrapper div.kickoff_outline h3,
body div#container div#wrapper div.kickoff_outline h3,
body div#container div#wrapper div.kickoff_outline h3{
	font-weight:bold;
}
body div#container div#wrapper div.kickoff_outline{
	background-image: url(../img/bgi-search.gif);
}
body div#container div#wrapper div.kickoff_outline{
	background-image: url(../img/bgi-shop.gif);
}
body div#container div#wrapper div.kickoff_outline{
	background-image: url(../img/bgi-present.gif);
}
body div#container div#wrapper div.kickoff_outline{
	background-image: url(../img/bgi-bubulog.gif);
	background-color:#fff;
	padding-bottom:5px;
}

body div#container div#wrapper div.kickoff_outline p.captionGray{
	font-size:90%;
	color:#666;
	margin-bottom:20px;
	margin-left:115px;
	line-height:100%;
}
body div#container div#wrapper div.kickoff_outline ul.btnCenter li.mail{
	text-align:center;
}
body div#container div#wrapper div.kickoff_outline 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;	
}

	
	
/* Kickoffキャンペーン！ ここまで*/

/* プレゼント概要　以下 */
body div#container div#wrapper div.presetBox001 p.line{
	background: url(../img/img-dot.gif) no-repeat;
	height:8px;
	margin-bottom:10px;
}
body div#container div#wrapper div.presetBox001 h4#h4_001,
body div#container div#wrapper div.presetBox002 h4#h4_002{
	background: url(../img/h4_001.gif) no-repeat left top;
	height:15px;
	border-left: 3px solid #1D5FC1;
	margin:0 0 10px 20px;
	margin:0 0 10px 20px;
	clear:both;
}
body div#container div#wrapper div.presetBox001 table.summary001,
body div#container div#wrapper div.presetBox002 table.summary001{
	margin:20px;
}



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,
body div#container div#wrapper div.wrapperLeft form
{
	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 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{
	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-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;
}
/*
body div#container div#wrapper div.wrapperInner001 div.leftArea h3{
	background-image: url(../img/ico-mail.gif);
	background-repeat: no-repeat;
	padding-left: 43px;
	height:35px;
}

body div#container div#wrapper div.wrapperInner001 div.leftArea h3,
body div#container div#wrapper div.wrapperInner001 div.rightArea h3,
body div#container div#wrapper div.wrapperInner001 div.rightArea h4{
	font-weight:bold;
	margin-bottom:5px;
}
*/
