@charset "euc-jp";

/*========================================================
目次
--------------------------------------------------------
1.基本レイアウト設定
	A.大枠　div#container

	B.コンテンツボックス設定　div#contents_container

	C.トップボックス設定　div#top_container
		C-1.ヘッダー設定　div#header
		C-2.フラッシュ設定　div#flash
		C-3.グローバルナビ設定　div#gnavi
		C-4.サブナビ設定　div#sabnavi
		C-5.フラッシュ注意文設定　div#flash_alert
		C-6.タイムズナビ設定　div#sabnavi

	D.フッター設定　div#footer

	E.背景設定　.bg
	
=======================================================*/
/* =======================================================
1.基本レイアウト設定
======================================================= */
/*=======================================================
	A.大枠　div#container
=======================================================*/
div#container{
	width					:	100%;
	margin					:	0 auto;
	text-align				:	center;
}

/*=======================================================
	B.コンテンツボックス設定　div#contents_container
=======================================================*/
div#contents_container{
	width					:	100%;
	text-align				:	center;
	margin					:	0 auto;
	background				:	url(../image/bg_shadow_01.gif) 50% 0 repeat-y;
}

div#contents_container div.contents_box{
	width					:	100%;
	margin					:	0 auto;
	text-align				:	center;
}

div#contents_container div.contents_box div.contents_body{
	width					:	820px;
	margin					:	0 auto;
	text-align				:	left;
}

body#toppage div.contents_body{
	width					:	820px;
	margin					:	0 auto;
	text-align				:	left;
	background				:	url(../image/bg_toppage.jpg) 0 0 no-repeat;
}

div#contents_container div.contents_box div.box{
	float					:	left;
}

div#mainbox{
	padding-bottom			:	40px;
}

body#content_2_column div#mainbox{
	padding			:	0 16px 40px 0;
}

body#content_1_column div#mainbox, 
body#content_2_column_3 div#mainbox, 
body#content_2_column_2 div#mainbox{
	width:	788px;
	margin					:	0 auto;
	padding-bottom			:	40px;
}

div.box_body{
	margin					:	10px;
}

div.min{
	height					:	540px;
}

/*=======================================================
	C.トップボックス設定　div#top_container
=======================================================*/
#top_container{
	position				:	relative;
	width					:	840px;
	height					:	86px;
	text-align				:	center;
	margin					:	0 auto;
	background				:	url(../image/bg_button_top.gif) 0 56px no-repeat;
}

/*=======================================================
		C-1.ヘッダー設定　div#header
=======================================================*/
#top_container #header{
	width					:	840px;
	margin					:	0 auto;
}

#top_container #header h1{
	position				:	absolute;
	top						:	12px;
	left					:	17px;
	display					:	block;
}

/*=======================================================
		C-2.フラッシュ設定　div#flash
=======================================================*/
#top_container #flash_bg{
	width					:	100%;
	height					:	480px;
	background				:	#000;
}

#top_container #flash{
	width					:	1200px;
	height					:	480px;
	margin					:	0 auto 0 auto;
	background				:	#000 url(../image/bg_horse.jpg) 0 0 no-repeat;
}

/*=======================================================
		C-3.グローバルナビ設定　div#gnavi
=======================================================*/
#top_container #gnavi{
	position				:	absolute;
	height					:	30px;
	top						:	56px;
	left					:	147px;
	margin					:	0 auto;
}

#top_container #gnavi ul li{
	float					:	left;
}

#top_container #gnavi ul li a{
	display					:	block;
	height					:	30px;
}
/* -------------------------------------------------
馬三郎とは？ボタン
------------------------------------------------- */
#top_container #gnavi ul li.whats_uma36 a, 
#top_container #gnavi ul li.whats_uma36 a:link, 
#top_container #gnavi ul li.whats_uma36 a:visited{
	width					:	115px;
	background				:	url(../image/button_top_whats_uma36.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.whats_uma36 a:hover, 
#top_container #gnavi ul li.whats_uma36 a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.whats_uma36_active a{
	background				:	url(../image/button_top_whats_uma36.gif) 0 -30px no-repeat;
	width					:	115px;
}

/* -------------------------------------------------
特長ボタン
------------------------------------------------- */
#top_container #gnavi ul li.feature a, 
#top_container #gnavi ul li.feature a:link, 
#top_container #gnavi ul li.feature a:visited{
	width					:	102px;
	background				:	url(../image/button_top_feature.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.feature a:hover, 
#top_container #gnavi ul li.feature a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.feature_active a{
	width					:	102px;
	background				:	url(../image/button_top_feature.gif) 0 -30px no-repeat;
}

/* -------------------------------------------------
無料お試しボタン 09-05-26 takimoto
------------------------------------------------- */
#top_container #gnavi ul li.trial a, 
#top_container #gnavi ul li.trial a:link, 
#top_container #gnavi ul li.trial a:visited{
	width					:	123px;
	background				:	url(../image/button_top_trial.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.trial a:hover, 
#top_container #gnavi ul li.trial a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.trial_active a{
	width					:	123px;
	background				:	url(../image/button_top_trial.gif) 0 -30px no-repeat;
}
/* -------------------------------------------------
購入ボタン 09-05-26 takimoto
------------------------------------------------- */
#top_container #gnavi ul li.charge a, 
#top_container #gnavi ul li.charge a:link, 
#top_container #gnavi ul li.charge a:visited{
	width					:	103px;
	background				:	url(../image/button_top_buy.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.charge a:hover, 
#top_container #gnavi ul li.charge a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.charge_active a{
	width					:	103px;
	background				:	url(../image/button_top_buy.gif) 0 -30px no-repeat;
}

/* -------------------------------------------------
重賞特集ボタン
------------------------------------------------- */
#top_container #gnavi ul li.graderace a, 
#top_container #gnavi ul li.graderace a:link, 
#top_container #gnavi ul li.graderace a:visited{
	width					:	108px;
	background				:	url(../image/button_top_graderace.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.graderace a:hover, 
#top_container #gnavi ul li.graderace a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.graderace_active a{
	width					:	108px;
	background				:	url(../image/button_top_graderace.gif) 0 -30px no-repeat;
}

/* -------------------------------------------------
予想ランキングボタン
------------------------------------------------- */
#top_container #gnavi ul li.ranking a, 
#top_container #gnavi ul li.ranking a:link, 
#top_container #gnavi ul li.ranking a:visited{
	width					:	125px;
	background				:	url(../image/button_top_ranking.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.ranking a:hover, 
#top_container #gnavi ul li.ranking a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.ranking_active a{
	width					:	125px;
	background				:	url(../image/button_top_ranking.gif) 0 -30px no-repeat;
}

/*=======================================================
		C-4.サブナビ設定　div#subnavi
=======================================================*/
.no_gnavi{
	margin					:	0 auto !important;
}

#top_container #subnavi ul{
	position				:	absolute;
	top						:	36px;
	right					:	0;
}

#top_container #subnavi ul li{
	float					:	left;
	margin					:	0 7px 0 0;
	text-align				:	left;
}

#top_container #subnavi ul li a{
	display					:	block;
	height					:	14px;
}

/* -------------------------------------------------
お知らせボタン
------------------------------------------------- */
#top_container #subnavi ul li.sub_info a,
#top_container #subnavi ul li.sub_info a:link,
#top_container #subnavi ul li.sub_info a:visited{
	width					:	65px;
	background				:	url(../image/button_top_sub_01.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_info a:hover,
#top_container #subnavi ul li.sub_info a:active{
	background				:	url(../image/button_top_sub_01_over.gif) 0 0 no-repeat;
}
/* -------------------------------------------------
よくある質問ボタン
------------------------------------------------- */
#top_container #subnavi ul li.sub_faq a,
#top_container #subnavi ul li.sub_faq a:link,
#top_container #subnavi ul li.sub_faq a:visited{
	width					:	85px;
	background				:	url(../image/button_top_sub_02.gif) 0 0 no-repeat;
}
#top_container #subnavi ul li.sub_faq a:hover, 
#top_container #subnavi ul li.sub_faq a:active{
	background				:	url(../image/button_top_sub_02_over.gif) 0 0 no-repeat;
}
/* -------------------------------------------------
マニュアルボタン
------------------------------------------------- */
#top_container #subnavi ul li.sub_manual a,
#top_container #subnavi ul li.sub_manual a:link,
#top_container #subnavi ul li.sub_manual a:visited{
	width					:	111px;
	background				:	url(../image/button_top_sub_03.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_manual a:hover,
#top_container #subnavi ul li.sub_manual a:active{
	background				:	url(../image/button_top_sub_03_over.gif) 0 0 no-repeat;
}

/* -------------------------------------------------
キャンペーンボタン
------------------------------------------------- */
#top_container #subnavi ul li.sub_campaign a,
#top_container #subnavi ul li.sub_campaign a:link,
#top_container #subnavi ul li.sub_campaign a:visited{
	width					:	80px;
	background				:	url(../image/button_top_sub_04.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_campaign a:hover,
#top_container #subnavi ul li.sub_campaign a:active{
	background				:	url(../image/button_top_sub_04_over.gif) 0 0 no-repeat;
}

/* -------------------------------------------------
ご利用方法ボタン
------------------------------------------------- */
#top_container #subnavi ul li.sub_use a,
#top_container #subnavi ul li.sub_use a:link,
#top_container #subnavi ul li.sub_use a:visited{
	width					:	80px;
	background				:	url(../image/button_top_sub_05.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_use a:hover,
#top_container #subnavi ul li.sub_use a:active{
	background				:	url(../image/button_top_sub_05_over.gif) 0 0 no-repeat;
}




#top_container #subnavi ul li a.icon_info{
	width					:	4.2em;
	background				:	url(../image/info_icon01.gif) 0 2px no-repeat;
}

#top_container #subnavi ul li a.icon_faq{
	width					:	5.8em;
	background				:	url(../image/info_icon02.gif) 0 2px no-repeat;
}

#top_container #subnavi ul li a.icon_procedure{
	width					:	5.8em;
	background				:	url(../image/info_icon03.gif) 0 2px no-repeat;
}

#top_container #subnavi ul li a.icon_registry{
	width					:	5em;
	background				:	url(../image/info_icon04.gif) 0 2px no-repeat;
}

#top_container #subnavi ul li a.icon_manual{
	width					:	3.6em;
	background				:	url(../image/info_icon05.gif) 0 2px no-repeat;
}

/*=======================================================
	D.フッター設定　div#footer
=======================================================*/
#footer{
	width					:	100%;
	background				:	url(../image/bg_footer_01.jpg) 50% 0 no-repeat #dfdfdf;
	padding-top				:	88px;
	margin					:	0;
}

#footer .contents_box{
	width					:	100%;
	height					:	31px;
	background				:	url(../image/bg_footer_02.jpg) 0 0 repeat-x;
	text-align				:	center;
}
#footer .contents_box .foot_block{
	position				:	relative;
	width					:	850px;
	height					:	31px;
	margin					:	0 auto;
}
#footer ul{
	position				:	absolute;
	top						:	11px;
	left					:	0px;
}

#footer ul li{
	float					:	left;
	margin					:	0 10px 0 0;
	text-align				:	left;
}

#footer ul li a{
	display					:	block;
	height					:	10px;
}

#footer address{
	text-align				:	left;
	position				:	absolute;
	top						:	11px;
	right					:	2px;
	display					:	block;
	width					:	303px;
	height					:	10px;
	background				:	url(../image/footer_copyright08.gif) 0 0 no-repeat ;
}

#footer .powerd_txt{
	position:relative;
	width					:	846px;
	margin					:	0 auto;
	text-align:	right;
	background				:	#dfdfdf;
}

#footer .powerd_txt p{
	margin:	0;
	padding:	0;
	font-size:	75%;
}

#footer .powerd_txt p a{
	color:	#333;
}

#footer .powerd_txt .FooterLogo{
	background:	#dfdfdf;
}

#footer .powerd_txt .FooterLogo img{
	height:	27px;
	margin-left:	670px;
}


/*===========IEエラー用アラート=================*/
#footer .powerd_txt p.IE_Alert{
	position:absolute;
	top:2px;
	left:0;
	background:#dfdfdf;
}

html>/**/body #footer .powerd_txt p.IE_Alert{
	display:none;
}


/* -------------------------------------------------
会社概要ボタン
------------------------------------------------- */
#footer ul li.company a,
#footer ul li.company a:link,
#footer ul li.company a:visited{
	width					:	59px;
	background				:	url(../image/button_footer_01.gif) 0 0 no-repeat;
}
#footer ul li.company a:hover, 
#footer ul li.company a:active{
	background				:	url(../image/button_footer_01_over.gif) 0 0 no-repeat;
}
/* -------------------------------------------------
プライバシーポリシーボタン
------------------------------------------------- */
#footer ul li.policy a,
#footer ul li.policy a:link,
#footer ul li.policy a:visited{
	width					:	125px;
	background				:	url(../image/button_footer_02.gif) 0 0 no-repeat;
}
#footer ul li.policy a:hover, 
#footer ul li.policy a:active{
	background				:	url(../image/button_footer_02_over.gif) 0 0 no-repeat;
}
/* -------------------------------------------------
利用規約ボタン
------------------------------------------------- */
#footer ul li.rule a,
#footer ul li.rule a:link,
#footer ul li.rule a:visited{
	width					:	58px;
	background				:	url(../image/button_footer_03.gif) 0 0 no-repeat;
}
#footer ul li.rule a:hover, 
#footer ul li.rule a:active{
	background				:	url(../image/button_footer_03_over.gif) 0 0 no-repeat;
}
/* -------------------------------------------------
サイトマップボタン
------------------------------------------------- */
#footer ul li.from a,
#footer ul li.from a:link,
#footer ul li.from a:visited{
	width					:	82px;
	background				:	url(../image/button_footer_04.gif) 0 0 no-repeat;
}
#footer ul li.from a:hover, 
#footer ul li.from a:active{
	background				:	url(../image/button_footer_04_over.gif) 0 0 no-repeat;
}

/*=======================================================
	E.背景設定　.bg
=======================================================*/

.bg_01{
	background				:	url(../image/img_bg_01.jpg) right top no-repeat;
}

.bg_02{
	background				:	 url(../image/img_bg_02.jpg) right top no-repeat;
}

.bg_03{
	background				:	 url(../image/img_bg_03.jpg) right top no-repeat;
}

.bg_04{
	background				:	 url(../image/img_bg_04.jpg) right top no-repeat;
}

.bg_05{
	background				:	 url(../image/img_bg_05.jpg) right top no-repeat;
}

.bg_06{
	background				:	url(../image/img_bg_06.jpg) right top no-repeat;
}

.bg_07{
	background				:	url(../image/img_bg_07.jpg) right top no-repeat;
}

.bg_08{
	background				:	url(../image/img_bg_08.jpg) right top no-repeat;
}

.bg_09{
	background				:	url(../image/img_bg_09.jpg) right top no-repeat;
}

.bg_10{
	background				:	url(../image/img_bg_10.jpg) right top no-repeat;
}

.bg_11{
	background				:	url(../image/img_bg_11.jpg) right top no-repeat;
}

.bg_12{
	background				:	url(../image/img_bg_12.jpg) right top no-repeat;
}

.bg_13{
	background				:	url(../image/img_bg_13.jpg) right top no-repeat;
}

.bg_14{
	background				:	url(../image/img_bg_14.jpg) right top no-repeat;
}

.bg_15{
	background				:	url(../image/img_bg_15.jpg) right top no-repeat;
}

.bg_16{
	background				:	url(../image/img_bg_16.jpg) right top no-repeat;
}

.bg_17{
	background				:	url(../image/img_bg_17.jpg) right top no-repeat;
}

/*=======================================================
	F.ボタンの設定
=======================================================*/
/*------ 右カラム下にお試し-購入と並ぶボタン ------*/
div.button_set{
	width:	540px;
	margin:	30px auto 0 auto;
}

div.button_set ul li{
	float:	left;
}

div.button_set ul li.free{
	float:	left;
	width					:	260px;
	height					:	55px;
}

div.button_set ul li.charge{
	float:	right;
	width					:	260px;
	height					:	55px;
}

div.button_set ul li.free a, 
div.button_set ul li.charge a{
	display					:	block;
	width					:	260px;
	height					:	55px;
}

div.button_set ul li.free a, 
div.button_set ul li.free a:link, 
div.button_set ul li.free a:visited{
	background				:	url(../image/button_free_register_30.gif) 0 0 no-repeat;
}

div.button_set ul li.free a:hover, 
div.button_set ul li.free a:active{
	background-position		:	0 -55px;
}

div.button_set ul li.charge a, 
div.button_set ul li.charge a:link, 
div.button_set ul li.charge a:visited{
	background				:	url(../image/button_charge_register.gif) 0 0 no-repeat;
}

div.button_set ul li.charge a:hover, 
div.button_set ul li.charge a:active{
	background-position		:	0 -55px;
}

/*------ 右カラム下のお試しか購入、一つだけの形 ------*/
div.button_free, 
div.button_charge{
	width:	260px;
	margin:	30px auto 0 auto;
}

div.button_free ul li a, 
div.button_charge ul li a{
	display					:	block;
	width					:	260px;
	height					:	55px;
}

div.button_free ul li a, 
div.button_free ul li a:link, 
div.button_free ul li a:visited{
	background				:	url(../image/button_free_register_30.gif) 0 0 no-repeat;
}

div.button_charge ul li a:hover, 
div.button_charge ul li a:active{
	background-position		:	0 -55px;
}

div.button_charge ul li a, 
div.button_charge ul li a:link, 
div.button_charge ul li a:visited{
	background				:	url(../image/button_charge_register.gif) 0 0 no-repeat;
}

div.button_free ul li a:hover, 
div.button_free ul li a:active{
	background-position		:	0 -55px;
}



/* =======================================================
	A.左カラムの設定
=======================================================*/
/* ==== 無料体験14日間ボタン ==============*/
#side_menu .side_button_free a{
	display					:	block;
	background				:	url("../image/side_button_free.gif") no-repeat 0 0;
	width					:	177px;
	height					:	91px;
	margin-bottom			:	11px;
}
/* ==== コンテンツメニュー ==============*/
#side_menu ul.side_content_menu{
	width					:	177px;
	margin-bottom			:	8px;
	background				:	url("../image/side_ul_bg.gif") repeat-y 50% 0;
}
#side_menu ul.side_content_menu li{
	margin-bottom			:	8px;
}

#side_menu ul.side_content_menu li.last_link,
#side_menu ul.side_content_menu li.last_link_active{
	margin-bottom			:	0 !important;
}
#side_menu ul.side_content_menu li a,
#side_menu ul.side_content_menu li a:link,
#side_menu ul.side_content_menu li a:visited{
	display					:	block;
	width					:	177px;
	height					:	42px;
	background-position		:	0 0;
	background-repeat		:	no-repeat;
}
#side_menu ul.side_content_menu li a:active,
#side_menu ul.side_content_menu li a:hover,
#side_menu ul.side_content_menu li.active a,
#side_menu ul.side_content_menu li.last_link_active a{
	background-position		:	0 -42px;
}
#side_menu ul.side_content_menu li.item a:active,
#side_menu ul.side_content_menu li.item a:hover{
	background-position		:	0 0 !important;
}











li.btn_free a{
	display					:	block;
	width					:	250px;
	height					:	55px;
}

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

li.btn_free a:hover{
	background-position		:	0 -55px;
}

li.btn_free a:active{
	background-position		:	0 -110px;
}

li.btn_charge a{
	display					:	block;
	width					:	250px;
	height					:	55px;
}

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

li.btn_charge a:hover{
	background-position		:	0 -55px;
}

li.btn_charge a:active{
	background-position		:	0 -110px;
}

li.btn_charge_l{
	text-align				:	center;
}

li.btn_charge_l a{
	display					:	block;
	width					:	364px;
	height					:	68px;
	margin					:	0 auto;
}

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

li.btn_charge_l a:hover{
	background-position		:	0 -68px;
}

li.btn_charge_l a:active{
	background-position		:	0 -136px;
}

div.return_top{
	float					:	right;
	margin					:	30px 0 0 0;
}
div.return_top p{
	text-align				:	left;
}
div.return_top p a{
	display					:	block;
	width					:	127px;
	height					:	15px;
}
div.return_top p a,
div.return_top p a:link,
div.return_top p a:visited{
	background				:	url(../image/button_return_top.gif) 0 0 no-repeat;
}
div.return_top p a:hover,
div.return_top p a:active{
	background				:	url(../image/button_return_top_over.gif) 0 0 no-repeat;
}