@charset "euc-jp";

/* =======================================================
キャンペーンの設定
======================================================= */


/* =======================================================
目次
==========================================================

1.キャンペーン設定

/* =======================================================
1.キャンペーン設定
======================================================= */

div.enquete_read h3.free{
	margin					:	0 0 12px 0;
	padding					:	6px;
	font-size				:	14px;
	border-left				:	6px solid #7fc471;
	background				:	#c5e9be;
}

div.enquete_read h3.charge{
	margin					:	0 0 12px 0;
	padding					:	6px;
	font-size				:	14px;
	border-left				:	6px solid #7196c4;
	background				:	#c1d3ea;
}

p.campaign{
	margin					:	0 0 0 10px !important;
}

div#enquete{
	margin					:	0 0 12px 0;
}

div.enquete_txt{
	margin					:	20px 0 0 0;
	text-align				:	center;
}

div.enquete_txt img{
	margin					:	0 auto;
}

/*----ドットのライン-----*/

div.dot_line{
	width						:	764px;
	height						:	2px;
	margin						:	0 100px 0 0 auto;
	text-align					:	center;
	background					:	url(../image/line_dot_newcampaign_01.gif) 0 0 no-repeat;
}

/*----ドットのライン ここまで-----*/

/*----リニューアル記念プレゼント-----*/

div.enquete_Present{
	margin					:	0;
	text-align				:	center;
}

div.enquete_Present p{
	margin					:	0;
	text-align				:	center;
}

/*----リニューアル記念プレゼント ここまで-----*/

/*----第１回　馬三郎大賞典【ＧＩ】-----*/

div.enquete_uma_no1{
	margin					:	0;
	text-align				:	center;
}

div.enquete_uma_no1 h3{
	margin					:	0;
	text-align				:	center;
}

div.enquete_uma_no1 p{
	margin					:	0;
	text-align				:	center;
}

/*----第１回　馬三郎大賞典【ＧＩ】 ここまで-----*/

div.enquete_box{
	width					:	820px;
	background				:	url(../image/bg_enquete_box.gif) 0 0 repeat-y;
}

div.enquete_box div.enquete_head div.enquete_read{
	margin					:	0 10px 10px 10px;
	border-style			:	none;
}

div.enquete_box div.enquete_head div.txt_box{
	float					:	left;
	width					:	420px;
}

div.enquete_box div.enquete_head div.txt_box dl dt{
	margin-bottom			:	8px;
	font-size				:	14px;
	font-weight				:	bold;
	text-align				:	center;
}

div.enquete_box div.enquete_head div.txt_box dl dd{
	margin-bottom			:	8px;
}

div.enquete_box div.enquete_head div.example{
	float					:	right;
	width					:	334px;
	border					:	1px solid #679d2e;
	background				:	#e8ffcf;
}

div.enquete_box div.enquete_head div.example dl dt{
	border-bottom				:	1px solid #679d2e;
}

div.enquete_box div.enquete_head div.example dl dd{
	margin					:	5px 0 5px 10px;
	padding					:	0;
}

div.enquete_box div.enquete_prize{
	padding-left				:	19px;
}

div.enquete_box div.enquete_answer{
	margin-top					:	20px;
}

div.enquete_box div.enquete_button{
	width						:	820px;
	margin						:	20px 0 0 0;
	background					:	url(../image/enquete_footer.gif) left bottom no-repeat;
}

div.enquete_box div.enquete_button ul{
	margin						:	0 0 0 120px;
	padding-bottom				:	20px;
}

div.enquete_box div.enquete_button ul li{
	float						:	left;
	display						:	inline;
	margin						:	0 6px;
}

div.enquete_box div.enquete_button ul li a{
	display						:	block;
	width						:	279px;
	height						:	47px;
}

div.enquete_box div.enquete_button ul li.left a, 
div.enquete_box div.enquete_button ul li.left a:link, 
div.enquete_box div.enquete_button ul li.left a:visited{
	background				:	url(../image/enquete_button_left.gif) 0 0 no-repeat;
}

div.enquete_box div.enquete_button ul li.left a:hover, 
div.enquete_box div.enquete_button ul li.left a:active{
	background-position		:	0 -47px;
}

div.enquete_box div.enquete_button ul li.right a, 
div.enquete_box div.enquete_button ul li.right a:link, 
div.enquete_box div.enquete_button ul li.right a:visited{
	background				:	url(../image/enquete_button_right.gif) 0 0 no-repeat;
}

div.enquete_box div.enquete_button ul li.right a:hover, 
div.enquete_box div.enquete_button ul li.right a:active{
	background-position		:	0 -47px;
}

div.enquete_box div.enquete_button ul li{
	text-align				:	center;
}

/*----終了のお知らせ-----*/

div.campaign_info{
	background				:	url(../image/bg_campaign_info.gif) 0 0 no-repeat;
	height					:	91px;
}

div.campaign_info p{
	text-align				:	center;
	line-height				:	1.6;
	margin-bottom			:	0;
}

/*----応募/購入とある場合のボタン-----*/

body.campaign div.campaign_entry{
	width					:	410px;
	margin					:	0 auto;
}

body.campaign div.campaign_entry p{
	margin					:	12px 0 0 0;
	text-align				:	center;
}

body.campaign div.campaign_entry li{
	float					:	left;
	display					:	inline;
	width					:	193px;
	height					:	54px;
	margin					:	0 0 0 12px;
}

body.campaign div.campaign_entry li a{
	display					:	block;
	width					:	193px;
	height					:	54px;
}

body.campaign div.campaign_entry li.btn_charge a, 
body.campaign div.campaign_entry li.btn_charge a:link, 
body.campaign div.campaign_entry li.btn_charge a:visited{
	background				:	url(../image/button_campaign_02.gif) 0 0 no-repeat;
}

body.campaign div.campaign_entry li.btn_charge a:hover{
	background-position		:	0 -54px;
}

body.campaign div.campaign_entry li.btn_charge a:active{
	background-position		:	0 -108px;
}

body.campaign div.campaign_entry li.btn_entry a, 
body.campaign div.campaign_entry li.btn_entry a:link, 
body.campaign div.campaign_entry li.btn_entry a:visited{
	background				:	url(../image/button_campaign_01.gif) 0 0 no-repeat;
}

body.campaign div.campaign_entry li.btn_entry a:hover{
	background-position		:	0 -54px;
}

body.campaign div.campaign_entry li.btn_entry a:active{
	background-position		:	0 -108px;
}


/*----無料体験30日間のボタン-----*/

body.campaign div.campaign_30day{
	width					:	359px;
	margin					:	0 auto;
}

body.campaign div.campaign_30day p{
	margin					:	0;
	text-align				:	center;
}

body.campaign div.campaign_30day p.center{
	text-align				:	center;
}

body.campaign div.campaign_30day li{
	display					:	inline;
	width					:	359px;
	height					:	92px;
	margin					:	0 0 0 0px;
}

body.campaign div.campaign_30day li a{
	display					:	block;
	width					:	359px;
	height					:	92px;
}

body.campaign div.campaign_30day li.btn_charge a, 
body.campaign div.campaign_30day li.btn_charge a:link, 
body.campaign div.campaign_30day li.btn_charge a:visited{
	background				:	url(../image/button_select_free.gif) 0 0 no-repeat;
}

body.campaign div.campaign_30day li.btn_charge a:hover,
body.campaign div.campaign_30day li.btn_charge a:active{
	background-position		:	0 -92px;
}

li.btn_charge2 a{
	display					:	block;
	width					:	260px;
	height					:	55px;
}

li.btn_charge2 a, 
li.btn_charge2 a:link, 
li.btn_charge2 a:visited{
	background				:	url(../image/button_top_charge.gif) 0 0 no-repeat;
}

li.btn_charge2 a:hover,
body.campaign div.campaign_30day li.btn_charge2 a:active{
	background-position		:	0 -55px;
}

/*----初月無料-----*/

body.campaign div.first{
	width					:	260px;
	margin					:	0 auto;
	padding					:	280px 0 0 470px;
}

body.campaign div.first li{
	display					:	inline;
	width					:	260px;
	height					:	92px;
	margin					:	0 0 0 0px;
}

body.campaign div.first li a{
	display					:	block;
	width					:	260px;
	height					:	55px;
}

body.campaign div.first li.btn_charge2 a, 
body.campaign div.first li.btn_charge2 a:link, 
body.campaign div.first li.btn_charge2 a:visited{
	background				:	url(../image/button_top_charge.gif) 0 0 no-repeat;
}

body.campaign div.first li.btn_charge2 a:hover,
body.campaign div.first li.btn_charge2 a:active{
	background-position		:	0 -55px;
}

/* =======================================================
*キャンペーン応募フォーム
======================================================= */

div.campaign_entry_read div.txt_box{
	float					:	left;
	width					:	425px;
}

div.campaign_entry_read div.img_box{
	float					:	right;
	width					:	119px;
}

div.campaign_entry_read p.alert{
	font-size				:	11px;
}

body.campaign form{
	margin					:	0 0 12px 0;
}

dl.campaign_form{
	margin					:	0 0 12px 0;
}

dl.campaign_form dt{
	margin					:	0 0 6px 0;
	font-size				:	14px;
	color					:	#c00;
	font-weight				:	bold;
}

dl.campaign_form dd.check{
	float					:	left;
	display					:	inline;
	width					:	250px;
	line-height				:	24px;
	margin					:	0 10px;
	background				:	none !important;
}

dl.campaign_form dd.check input{
	margin-right			:	3px;
}
dl.campaign_form dd.textarea{
	text-align				:	center;
}

dl.campaign_form dd.textarea textarea{
	width					:	560px;
	height					:	120px;
	margin					:	12px auto 0 auto;
	font-size				:	13px;
	font-family					:'ＭＳ ゴシック','Osaka−等幅',monospace;
}

p.campaign_txt{
	display					:	block;
	width					:	290px;
	height					:	21px;
	background				:	url(../image/txt_p_09.gif) 0 0 no-repeat;
	margin					:	0 0 20px 0;
}


/*----第１回　馬三郎大賞典【ＧＩ】 詳細ページ-----*/

/*----共通-----*/

div.daishoten p{
	padding					:	0 10px 0 10px;
	margin-bottom				:	25px;
}

div.daishoten h2{
	margin-bottom				:	35px;
}

div.daishoten h3{
	margin-bottom				:	25px;
}

div.daishoten h4.dash{
	margin					:	0 10px 10px 10px;
	padding-bottom				:	7px;
	border-bottom				:	1px dashed #26b817;
}

div.daishoten .nextbtn{
	margin					:	25px 0 0 0;
}

div.daishoten .nextbtn a{
	width					:	128px;
	height					:	23px;
	display					:	block;
	float					:	right;
}



#side_menu ul.side_content_menu li.sub_link a,
#side_menu ul.side_content_menu li.sub_link a:link,
#side_menu ul.side_content_menu li.sub_link a:visited{
	display					:	block;
	width					:	137px;
	height					:	36px;
	margin-left				:	21px;
	background-position		:	0 0;
	background-repeat		:	no-repeat;
}
#side_menu ul.side_content_menu li.sub_link a:active,
#side_menu ul.side_content_menu li.sub_link a:hover{
	background-position		:	0 -36px;
}
#side_menu ul.side_content_menu li.sub_link_active a{
	margin-left				:	21px;
	width					:	137px;
	height					:	36px;
	margin-left				:	21px;
	background-position		:	0 -36px;
}

/*----馬三郎大賞典トップ-----*/

div.daishoten .flow dl{
	margin-left				:	15px;
}

div.daishoten .flow dd{
	margin-left				:	43px;
	margin-top				:	-10px;
}

/*----ルール説明・大会スケジュール-----*/

div.daishoten .schedule table{
	width					:	583px;
	margin					:	0 0 20px 15px;
	border					:	1px solid #26b817;
	border-collapse				:	collapse;
}

div.daishoten .schedule th.top{
	width					:	auto;
	color					:	#fff;
	background-color			:	#26b817;
	border					:	1px solid #26b817;
	font-weight				:	bold;
	text-align				:	center;
}

div.daishoten .schedule th{
	width					:	160px;
	background-color			:	#daffd6;
	border					:	1px solid #26b817;
	font-weight				:	normal;
	padding					:	2px 0 2px 10px;
}

div.daishoten .schedule td{
	border					:	1px solid #26b817;
	padding					:	2px 0 2px 10px;
}

/*----表彰・賞品について-----*/
/*----表彰-----*/

div.daishoten table.commendation{
	width					:	600px;
	margin					:	0 0 20px 3px;
	border-collapse				:	collapse;
}

div.daishoten table.commendation th{
	width					:	200px;
	height					:	30px;
	padding					:	2px 0 2px 10px;
}

div.daishoten table.commendation td{
	height					:	30px;
	padding					:	2px 0 2px 10px;
}

/*----賞品-----*/

div.daishoten table.present{
	width					:	600px;
	margin					:	0 0 20px 3px;
	border-collapse				:	collapse;
	border-bottom				:	1px dashed #26b817;
}


div.daishoten table.present th{
	width					:	35px;
	padding					:	2px 0 12px 10px;
	vertical-align				:	top;
}

div.daishoten table.present th.present_top{
	padding-bottom				:	10px;
}

div.daishoten table.present td{
	padding					:	2px 0 12px 0;
	vertical-align				:	top;
}

.bottom_line{
	padding-bottom				:	20px !important;
}

/*----ランキング-----*/

div.daishoten .ranking table{
	width					:	583px;
	margin					:	0 0 20px 15px;
	border					:	1px solid #26b817;
	border-collapse				:	collapse;
}

div.daishoten .ranking th.rank_top{
	color					:	#fff;
	width					:	auto;
	text-align				:	center;
	background-color			:	#26b817;
	padding					:	2px 0 2px 0;
}

div.daishoten .ranking th.user_top{
	color					:	#fff;
	width					:	260px;
	text-align				:	center;
	background-color			:	#26b817;
	border-top				:	1px solid #26b817;
	border-bottom				:	1px solid #26b817;
	border-left				:	1px solid #fff;
	border-right				:	1px solid #fff;
	font-weight				:	bold;
	padding					:	2px 0 2px 0;
}

div.daishoten .ranking th.point_top{
	color					:	#fff;
	width					:	260px;
	text-align				:	center;
	background-color			:	#26b817;
	border-top				:	1px solid #26b817;
	border-bottom				:	1px solid #26b817;
	border-left				:	1px solid #fff;
	border-right				:	1px solid #fff;
	font-weight				:	bold;
	padding					:	2px 0 2px 0;
}

div.daishoten .ranking td.rank{
	border					:	1px solid #26b817;
	padding					:	2px 0 2px 4px;
}

div.daishoten .ranking td{
	border					:	1px solid #26b817;
	text-align				:	center;
	padding					:	2px 0 2px 0;
}

div.daishoten .ranking tr.green{
	border					:	1px solid #26b817;
	background-color			:	#daffd6;
}

div.daishoten .round_txt{
	margin-bottom				:	10px;
}

div.daishoten ul.rank_menu{
	margin-bottom				:	15px;
}

div.daishoten ul.rank_menu li{
	display					:	inline;
}	


/*----FAQ-----*/

div.daishoten dl.q_a{
	width						:	600px;
	padding					:	0 0 20px 0;
}

div.daishoten dl.q_a dt.question{
	margin					:	0 0 0 22px;
	padding					:	0 40px 4px 28px;
	font-size				:	105%;
	line-height				:	19px;
	color					:	#c30;
	background				:	url(../image/icon_question.gif) 0 0 no-repeat;
}

div.daishoten dl.q_a dd.answer{
	line-height				:	19px;
	background				:	url(../image/icon_answer.gif) 0 8px no-repeat;
}

div.daishoten dl.q_a dd{
	padding					:	8px 40px 20px 28px;
	margin					:	0 0 0 22px;
}

#side_menu ul.side_content_menu li.sub_link a,
#side_menu ul.side_content_menu li.sub_link a:link,
#side_menu ul.side_content_menu li.sub_link a:visited{
	display					:	block;
	width					:	137px !important;
	height					:	36px !important;
	margin-left				:	21px;
	background-position		:	0 0 !important;
	background-repeat		:	no-repeat;
}

#side_menu ul.side_content_menu li.sub_link a:active,
#side_menu ul.side_content_menu li.sub_link a:hover{
	background-position		:	0 -36px !important;
}

#side_menu ul.side_content_menu li.sub_link_active a:link,
#side_menu ul.side_content_menu li.sub_link_active a:visited,
#side_menu ul.side_content_menu li.sub_link_active a:active,
#side_menu ul.side_content_menu li.sub_link_active a:hover{
	margin-left				:	21px;
	width					:	137px !important;
	height					:	36px !important;
	background-position		:	0 -36px !important;
}

/* =======================================================
キャンペーンメニュー
======================================================= */
div#campaign_menu{
	margin-bottom			:	12px;
	padding-bottom			:	18px;
	background				:	url(../image/button_select_charge_footer.gif) left bottom no-repeat;
}

div#campaign_menu ul li{
	float					:	left;
	margin-right			:	5px;
}

div#campaign_menu ul li.charge_01{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_01.gif) 0 0 no-repeat;
}

div#campaign_menu ul li.charge_01 a,
div#campaign_menu ul li.charge_01 a:link,
div#campaign_menu ul li.charge_01 a:visited{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_01.gif) 0 0 no-repeat;
}

div#campaign_menu ul li.charge_01 a:hover,
div#campaign_menu ul li.charge_01 a:active{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_01.gif) 0 -35px no-repeat;
}

div#campaign_menu ul li.charge_01 a.active{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_01.gif) 0 -35px no-repeat;
}

div#campaign_menu ul li.charge_02{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_02.gif) 0 0 no-repeat;
}

div#campaign_menu ul li.charge_02 a,
div#campaign_menu ul li.charge_02 a:link,
div#campaign_menu ul li.charge_02 a:visited{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_02.gif) 0 0 no-repeat;
}

div#campaign_menu ul li.charge_02 a:hover,
div#campaign_menu ul li.charge_02 a:active{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_02.gif) 0 -35px no-repeat;
}

div#campaign_menu ul li.charge_02 a.active{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_02.gif) 0 -35px no-repeat;
}

div#campaign_menu ul li.charge_03{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_03.gif) 0 0 no-repeat;
}

div#campaign_menu ul li.charge_03 a,
div#campaign_menu ul li.charge_03 a:link,
div#campaign_menu ul li.charge_03 a:visited{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_03.gif) 0 0 no-repeat;
}

div#campaign_menu ul li.charge_03 a:hover,
div#campaign_menu ul li.charge_03 a:active{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_03.gif) 0 -35px no-repeat;
}

div#campaign_menu ul li.charge_03 a.active{
	display					:	block;
	width					:	155px;
	height					:	35px;
	background				:	url(../image/button_select_charge_03.gif) 0 -35px no-repeat;
}