@charset "euc-jp";

/*========================================================
目次
--------------------------------------------------------
1.2カラム時のレイアウト設定

2.2カラム時のレイアウト設定その２（購入フロー導入部等）

3.2カラム時のレイアウト設定その３（サイトマップ・FAQ）

4.2カラム時のレイアウト設定その４（FAQ）

=======================================================*/
/* =======================================================
1.2カラム時のレイアウト設定
======================================================= */
body#content_2_column #mainbox .leftbox{
	float					:	left;
	width					:	199px;
	text-align:	left;
}

body#content_2_column #mainbox .rightbox{
	float:	right;
	display:	inline;
	width:	600px;
}

/* =======================================================
1.左カラムメニュー設定
======================================================= */
#side_menu{
	text-align:	left;
}

/* ==== 無料体験30日間ボタン ==============*/
#side_menu .side_button_free{
	margin:	0 0 12px 0;
}

#side_menu .side_button_free a, 
#side_menu .side_button_free a:link, 
#side_menu .side_button_free a:visited{
	display					:	block;
	background				:	url("../image/side_button_free.gif") no-repeat 0 0;
	width					:	177px;
	height					:	91px;
}

#side_menu .side_button_free a:hover,
#side_menu .side_button_free a:active{
	display					:	block;
	background				:	url("../image/side_button_free.gif") no-repeat 0 0;
	background-position:	0 -91px;
	width					:	177px;
	height					:	91px;
}
/* ==== コンテンツメニュー ==============*/
#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;
	margin					:	0;
}
#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 !important;
}
#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;
}


/* =======================================================
2.2カラム時のレイアウト設定その２（購入フロー導入部等）
======================================================= */
body#content_2_column_2 .box_bg{
	background				:	url(../image/bg_loginform_box.gif) 0 bottom no-repeat;
}

body#content_2_column_2 div.contentsbox div.box_login{
	width					:	388px;
	float					:	left;
}
body#content_2_column_2 div.contentsbox div.box_charge{
	width					:	388px;
	float					:	right;
}

div.box_body_2{
	position				:	relative;
	margin					:	16px;
}

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

p.charge_txt{
	margin					:	10px 10px 20px;
}

div.box_body_2 h3{
	position				:	absolute;
	top						:	-16px;
	left					:	-16px;
}

body#content_2_column_2 div.contentsbox div.box_body_2 dl.nk{
	margin-bottom			:	12px;
}

body#content_2_column_2 div.contentsbox div.box_body_2 dl.nk dd{
	margin					:	3px 6px 6px 6px;
}

body#content_2_column_2 div.contentsbox div.box_body_2 dl{
	border					:	1px solid #ccc;
	background				:	#e6fde2;
}

body#content_2_column_2 div.contentsbox div.box_body_2 dl dt{
	margin					:	6px 6px 0 6px;
	padding-bottom			:	2px;
	color					:	#060;
	font-weight				:	bold;
	border-bottom			:	1px solid #ccc;
}

body#content_2_column_2 div.contentsbox div.box_body_2 ol{
	margin					:	3px 0 6px 0;
	margin-left				:	32px;
}

body#content_2_column_2 div.contentsbox div.box_body_2 ol li{
	list-style-type			:	decimal !important;
}

/* =======================================================
3.2カラム時のレイアウト設定その３（サイトマップ）
======================================================= */

body#content_2_column_3 div.contentsbox div.box_2{
	float					:	left;
	width					:	389px;
	margin-bottom			:	10px;
}

body#content_2_column_3 div.contentsbox div.box_3{
	float					:	right;
	width					:	389px;
	margin-bottom			:	10px;
}

body#content_2_column_3 div.box_body_3{
	margin					:	12px 0 0 0;
}

/* =======================================================
4.2カラム時のレイアウト設定その４（FAQ）
======================================================= */

body.faq div#right_container{
	float					:	right;
	width					:	600px;
}

body.faq p.faq_lead{
	width					:	500px;
	margin				:	0 0 0 54px;
	padding				:	8px 0 20px 10px;
	background		:	url(../image/bg_line_blue_y.gif) 0 0 repeat-y;
}

body.faq div.faq_top10{
	float					:	none;
	width					:	600px;
	background		:	url(../image/bg_faq_01.gif) 0 0 no-repeat;
}

body.faq div.faq_top10 h3{
	margin				:	0 0 0 42px;
	padding				:	28px 0 0 0;
	font-size			:	120%;
}

body.faq div.faq_top10 h4{
	margin				:	0 0 0 42px;
	padding				:	28px 0 0 0;
	font-size			:	120%;
	font-weight		:	bold;
}

body.faq div.faq_top10 ol.faq_list{
	padding				:	2px 0 20px 20px;
	background		:	url(../image/bg_faq_01_a.gif) 0 bottom no-repeat;
}

body.faq div.faq_q_a{
	width					:	600px;
	background		:	url(../image/bg_faq_02.gif) 0 0 no-repeat;
}

body.faq  h3#h_category{
	margin				:	0;
	padding				:	28px 0 60px 42px;
	background		:	url(../image/bg_faq_02_a.gif) 0 bottom no-repeat;
}
/* =======================================================
2.2カラム時のレイアウト設定その５（無料お試しTOP）
======================================================= */
.use_select{
	padding-top		:	10px;
}
.use_select .left_box{
	width			:	260px;
	padding-top		:	100px;
}
.use_select .right_box{
	width			:	400px;
}