@charset "euc-jp";

/* =======================================================
料金案内の設定
======================================================= */

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

1.コース紹介

2.お得な理由

3.支払い方法

4.決済方法一覧

/* =======================================================
1.コース紹介
==========================================================*/

/* =======================================================
10.左カラムメニュー
======================================================= */
#side_menu .side_button_dl a,
#side_menu .side_button_charge a,
#side_menu .side_button_payment a,
#side_menu .side_button_service a{
	display					:	block;
	width					:	177px;
	height					:	42px;
	margin					:	0 0 8px;
}
#side_menu .side_button_charge a, 
#side_menu .side_button_charge a:link, 
#side_menu .side_button_charge a:visited{
	background				:	url(../image/side_button_charge.png);
	background-position		:	0 0;
	background-repeat		:	no-repeat;
	background-size			:	177px 84px;
}
#side_menu .side_button_payment a, 
#side_menu .side_button_payment a:link, 
#side_menu .side_button_payment a:visited{
	background				:	url(../image/side_button_payment.png);
	background-position		:	0 0;
	background-repeat		:	no-repeat;
	background-size			:	177px 84px;
}
#side_menu .side_button_dl a, 
#side_menu .side_button_dl a:link, 
#side_menu .side_button_dl a:visited{
	background				:	url(../image/side_button_dl.png);
	background-position		:	0 0;
	background-repeat		:	no-repeat;
	background-size			:	177px 84px;
}
#side_menu .side_button_service a, 
#side_menu .side_button_service a:link, 
#side_menu .side_button_service a:visited{
	background				:	url(../image/side_button_service.png);
	background-position		:	0 0;
	background-repeat		:	no-repeat;
	background-size			:	177px 84px;
}
#side_menu .side_button_charge a:hover, 
#side_menu .side_button_charge a:active,
#side_menu .side_button_payment a:hover, 
#side_menu .side_button_payment a:active,
#side_menu .side_button_dl a:hover, 
#side_menu .side_button_dl a:active,
#side_menu .side_button_service a:hover, 
#side_menu .side_button_service a:active{
	background-position		:	0 -42px;
}
#side_menu .side_price_active{
	display					:	block;
	width					:	177px;
	height					:	42px;
	margin					:	0 0 8px;
	background				:	url(../image/side_button_charge.gif) 0 0 no-repeat;
	background-position		:	0 -42px;
}


/*===========iriyama_追加　2008/4/15===========*/

/* =======================================================
1.コース紹介
==========================================================*/
body.price .course_explanation{
	background:	url(../image/bg_course_explanation.jpg) 0 0 repeat-y;
}
/*---- キャンペーン用バナー ----*/
body.price .CampaignBnr{
	padding:	16px 0 12px 16px;
}


.course_explanation .point_box{
	padding:	0 16px 16px 16px;
	background:	url(../image/button_explanation_01.gif) 0 bottom no-repeat;
}

body.price .course_explanation h3{
	margin:	0 0 6px 0;
}

body.price .course_explanation p{
	margin:	0 150px 12px 0;
}

body.price .course_explanation p.price_attention{
	margin-bottom:	0;
	font-size:	80%;
	color:	#f00;
	text-align:	right;
}

body.price .course_explanation dl{
	width: 390px;
	margin: 0 0 12px 0;
}

body.price .course_explanation dt{
	margin:	5px 0;
}

body.price .course_explanation dd{
	float: left;
	margin:	0 5px 5px 0;
}

.course_explanation_point_1,
.course_explanation_point_2 {
	margin:	0;
	padding:	0;
	background:	url(../image/bg_price_point.gif) 0 0 repeat-y;
}

.course_explanation_point_1 .point_box{
	padding:	16px 16px 56px 16px ;
	background:	url(../image/button_explanation_02.gif) 0 bottom no-repeat;
}

.course_explanation_point_2 .point_box{
	margin:	0;
	padding:	8px 16px 16px 16px;
}

.course_explanation_point_2 .point_box_last{
	margin:	0;
	padding:	8px 16px 16px 16px;
	background:	url(../image/button_explanation_03.gif) 0 bottom no-repeat;
}

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

/*---- 決済方法一覧 ----*/
#use_credit_list{
	padding:	16px 16px 0 0;
}

#use_credit_list dl dt{
	width: 62px;
	float: left;
}

#use_credit_list dl dd{
	height: 50px;
}



/* =======================================================
1.5　新コース紹介用(080901版)
==========================================================*/
/*---- ボックス設定 ----*/
body.price .course_explanation2{
	/*background:	url(../image/bg_course_explanation2.gif) 0 0 repeat-y;*/
	background:	url(../image/bg_course_explanation2.gif) 0 0 no-repeat;
}

body.price .payment_explanation{
	background:	url(../image/bg_course_explanation.gif) 0 0 repeat-y;
}

/*---- 点が入る時用のボックスボトム背景 ----*/
.course_explanation2 .point_box,
.payment_explanation .point_box{
	padding:	0 16px 16px 16px;
	background:	url(../image/button_explanation_01.gif) 0 bottom no-repeat;
}

/*---- 点が入らない時用（ページ最下部のボックス） ----*/
.payment_explanation .point_box_last{
	margin:	0;
	padding:	8px 16px 16px 16px;
	background:	url(../image/button_explanation_03.gif) 0 bottom no-repeat;
}
.course_explanation2 .point_box_last {
	margin:	0;
	padding:	8px 16px 16px 16px;
	/*background:	url(../image/button_explanation_03.gif) 0 bottom no-repeat;*/
	background: #fff;
	border-left: solid 2px #026cba;
	border-right: solid 2px #026cba;
	border-bottom: solid 2px #026cba;
	border-radius: 0 0 20px 20px;
}

/*---- 共通の左右ボックス ----*/
body.price div.TextBox{
	float: left;
	width: 415px;
}

body.price div.ImgBox{
	float: left;
	width: 167px;
}

/*---- キャンペーン用バナー ----*/
body.price .CampaignBnr{
	padding:	16px 0 12px 16px;
}

/*---- コース別のタブ ----*/
#tab_courseguide{
	width: 575px;
	margin: 0 0 0 16px;
	padding: 55px 0 0 0;
}

li.c_button{
	float: left;
	display:inline;
	width: 168px;
}

#tab_courseguide p{
	float:	right;
	width: 570px;
	margin:	4px 0 0 0;
}

#tab_courseguide p a{
	float:	right;
}

/*---- コース別のタイトル部分 ----*/
#course_intro{
	margin:	0 0 20px 2px;
}

#course_intro .TextBox p,
#course_intro .TextBox ul{
	margin:	0 0 0 16px;
}

#course_intro .ImgBox li{
	height:	25px;
	margin:	0 0 12px 0;
}

/*---- 各コースコンテンツ紹介部分 ----*/
#Course500,
#Course1600,
#Course2600{
	margin:	0 2px;
}

#Course500 h4,
#Course1600 h4,
#Course2600 h4{
	margin:	0 0 0 16px;
}

#Course500 .ContentsGuide{
	width: 596px;
	margin:	0 0 12px 0;
	background:	url(../image/bg_contentsgide.gif) 16px 29px no-repeat;
}

#Course1600 .ContentsGuide{
	width: 596px;
	margin:	0 0 12px 0;
	background:	url(../image/bg_contentsgide_1600.gif) 16px 29px no-repeat;
}


#Course2600 .ContentsGuide{
	width: 596px;
	margin:	0 0 12px 0;
	background:	url(../image/bg_contentsgide_2600.gif) 16px 29px no-repeat;
}

.ContentsGuide dl{
	width: 350px;
	margin:	2px 0 0 16px;
}

.ContentsGuide dl dd.range{
	color: #f60;
	font-weight: bold;
}

.ContentsGuide dl dd.range_500{
	color: #666;
	font-weight: bold;
}


.course_txt dl{
	float:none;
	width:176px !important;
}

.course_txt dl dd{
	float:none;
}

.course_txt dl dd p{
	width:176px ;
	padding:0 !important;;
	margin:0 !important;;
}

.course_details{
	width: 557px;
}

body.price .course_explanation2 .course_details dl{
	float:left;
	width:390px;
}

body.price .course_explanation2 .course_details dl dt.course_details_title{
	border-bottom	: solid 2px #016cba;
	border-left		: solid 10px #016cba;
}

body.price .course_explanation2 .course_details dl dt.course_details_title img{
	padding:3px	0 3px 10px;
}

body.price .course_explanation2 .course_details dl dd dl.course_details_txt{
	padding-left:20px;
	width:370px;
}

dl.course_details_txt li.c_limit{
	font-weight	:bold;
	color	:#ff6600;
}

/*---「拡大する」ボタン----*/

ul.zoom{
	margin:	4px 0 8px 0;
}

ul.zoom li{
	float:	right;
}

ul.zoom li a,
ul.zoom li a:link,
ul.zoom li a:visited{
	display						:	block;
	width							:	55px;
	height						:	13px;
	background				:	url(../image/button_whats_zoom_01.gif) 0 0 no-repeat;
}

ul.zoom li a:hover, 
ul.zoom li a:active{
	background				:	url(../image/button_whats_zoom_01_over.gif) 0 0 no-repeat;
}


/* =======================================================
2.コース別利用サービス一覧
======================================================= */

table.service_info{
	margin						:	0;
	border-top					:	1px solid #ccc;
	border-left					:	1px solid #ccc;
	background					:	#fff;
}

table.service_info tbody th , 
table.service_info td{
	margin						:	0;
	padding						:	6px 4px;
	border-right				:	1px solid #ccc;
	border-bottom				:	1px solid #ccc;
}

table.service_info th{
	text-align					:	center;
}

table.service_info thead{
	background					:	url(../image/bg_sevice_info_thead.gif) 0 0 repeat-x;
}

table.service_info thead th{
	color						:	#fff;
	font-weight					:;
	border-right				:	1px solid #267fda;
	border-bottom				:	1px solid #267fda;
}

table.service_info tfoot{
	background					:	#ededed;
	text-align					:	center;
}

table.service_info tfoot th{
	font-weight					:	bold;
	border-bottom				:	1px solid #ccc;
}

table.service_info tfoot td.dl{
	background					:	#fff;
	border-right				:	1px solid #fff;
	border-bottom				:	1px solid #fff;
	
}

table.service_info tbody.main_menu th{
	background					:	#eef7ff;
}

table.service_info tbody.race_menu th{
	background					:	#ffe;
}

table.service_info tbody.howtor_menu th{
	background					:	#fff0f0;
}

table.service_info tbody tr.cel_2 td{
	background					:	#f8f8f8;
}

table.service_info tbody td.price{
	text-align					:	center;
}

table.service_info tbody td.none{
	font-weight					:	bold;
	color						:	#c00;
}

table.service_info tbody td.no_time{
	text-align					:	center;
}

p.service_info_alert{
	text-align					:	right;
}

table.service_info th.menu{
	background					:	#ddd !important;
}