@charset "euc-jp";

/* =======================================================
馬三郎とは？の設定
======================================================= */


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

1.トップページ設定

2.トップ以下のページのメニュー設定

3.スタイル１

4.スタイル２

5.スタイル３

6.スタイル４

7.スタイル５

8.スタイル６

9.ダウンロード

10.左カラムメニュー

/* =======================================================
1.共通設定
======================================================= */

/*----見出しの設定----*/

p.whats_box_txt span.note{
	font-size				:	80%;
}

/*----詳しくは/拡大するボタン----*/
.ml_left{
	margin-left				:	278px;
}
.ml_left_2{
	margin-left				:	136px;
}
.ml_left_3{
	margin-left				:	100px;
}

.ml_left_4{
	margin-left				:	500px;
}

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

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

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

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

/* =======リード文========= */

body.whats div.whats_lead{
	width								:	 615px;
	background					:	url(../image/bg_whats_lead.gif) 0 0 repeat-y;
}

body.whats div.whats_lead p{
	margin							:	0 0 0 140px;
	padding							:	0 150px 20px 0;
	font-weight					:	bold;
}

body.whats div.whats_lead p.whats_lead_step_01{
	background					:	url(../image/bg_whats_lead_01.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_02{
	background					:	url(../image/bg_whats_lead_02.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_03{
	background					:	url(../image/bg_whats_lead_03.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_04{
	background					:	url(../image/bg_whats_lead_04.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_05{
	background					:	url(../image/bg_whats_lead_05.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_06{
	background					:	url(../image/bg_whats_lead_06.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_07{
	background					:	url(../image/bg_whats_lead_07.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_08{
	background					:	url(../image/bg_whats_lead_08.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_09{
	background					:	url(../image/bg_whats_lead_09.jpg) right 0 no-repeat;
}

body.whats div.whats_lead p.whats_lead_step_10{
	background					:	url(../image/bg_whats_lead_10.jpg) right 0 no-repeat;
}

/* =======サムネイル========= */
.ml_16{
	margin-left					:	16px;
}

.ml_267{
	margin-left					:	267px;
}

.miho_p{
	width						:	176px;
}

/* =======================================================
2.ボックス設定
======================================================= */

.toggler {
	overflow					:	visible;
	display						:	block;
	width							:	60px;
	height						:	19px;
	margin						:	0 0 0 16px;
}

body.whats .voice_box{
	overflow					:	visible;
}

/*----ユーザーポイント----*/
body.whats div.user{
	position						:	relative;
	float:left;
}

body.whats div.user .toggler-closed {
	background				:	url(../image/button_users_01.gif) 0 0 no-repeat;
}

body.whats div.user .toggler-closed:hover {
	background-position		:	0 -19px;
}

body.whats div.user .toggler-opened {
	background				:	url(../image/button_users_01.gif) 0 0 no-repeat;
}

body.whats div.user .toggler-opened:hover {
	background-position		:	0 -19px;
}

/*----美帆ポイント----*/
body.whats div.miho{
	position						:	relative;
	float:left;
}

body.whats div.miho .toggler-closed {
	background				:	url(../image/button_miho_01.gif) 0 0 no-repeat;
}

body.whats div.miho .toggler-closed:hover {
	background-position		:	0 -19px;
}

body.whats div.miho .toggler-opened {
	background				:	url(../image/button_miho_01.gif) 0 0 no-repeat;
}

body.whats div.miho .toggler-opened:hover {
	background-position		:	0 -19px;
}

/* =======箱１つ目========= */
body.whats div.whats_box_head_01{
	width								:	615px;
	padding							:	16px 0 0 0;
	background					:	url(../image/bg_whats_box_head_a.gif) 0 0 no-repeat;
}

body.whats div.whats_box_head_01 h3{
	padding-bottom							:	4px;
}

body.whats div.whats_box_head_01 p{
	margin							:	0 283px 0 16px;
}

body.whats div.whats_box_foot_01{
	width								:	615px;
	padding							:	0 0 13px 0;
	background					:	url(../image/bg_whats_box_foot_a.gif) 0 bottom no-repeat;
}

/* ---ユーザーの声box--- */

body.whats div.whats_box_head_01 .user .users_box{
	position						:	absolute;
	display							:	none;
	left								:	16px;
	top									:	32px;
	width								:	212px;
	background					:	url(../image/bg_whats_box_user_a.gif) 0 bottom no-repeat;
}

/* ---中のテキスト--- */
body.whats div.whats_box_head_01 dl{
	width								:	200px;
	padding							:	0 0 8px 0;
}

body.whats div.whats_box_head_01 dl dt{
	margin								:	8px;
}

body.whats div.whats_box_head_01 dl dd{
	margin								:	0 8px;
	font-size							:	11px;
}

/* =======箱２つ目========= */
body.whats div.whats_box_head_02{
	width								:	615px;
	margin								:	0;
	padding							:	56px 0 0 0;
	background					:	url(../image/bg_whats_box_head_b.gif) 251px 0 no-repeat;
}

body.whats div.whats_box_foot_02{
	width								:	615px;
	padding						:	0 0 69px 0;
	background					:	url(../image/bg_whats_box_foot_b.gif) 0 bottom no-repeat;
}

body.whats div.whats_box_head_02 h3{
	margin											:	0 0 0 268px;
	padding-bottom							:	4px;
}

body.whats div.whats_box_head_02 p{
	margin							:	0 32px 0 267px;
}
/* ---ユーザーの声box--- */


body.whats div.whats_box_head_02 .voice_box{
	margin							:	0 0 0 251px;
}

body.whats div.whats_box_head_02 .user .users_box{
	position						:	absolute;
	display							:	none;
	left								:	120px;
	top									:	32px;
	width								:	212px;
	background					:	url(../image/bg_whats_box_user_a.gif) 0 bottom no-repeat;
}

body.whats div.whats_box_head_02 .users_box dl{
	width								:	200px;
	padding							:	0 0 8px 0;
}

/* ---中のテキスト--- */
body.whats div.whats_box_head_02 dl dt{
	margin								:	8px;
}

body.whats div.whats_box_head_02 dl dd{
	margin								:	0 8px;
	font-size							:	11px;
}

/* =======箱３つ目========= */
body.whats div.whats_box_head_03{
	width								:	615px;
	padding							:	16px 0 0 0;
	background					:	url(../image/bg_whats_box_head_a.gif) 0 0 no-repeat;
}

body.whats div.whats_box_head_03 h3{
	padding-bottom							:	4px;
}

body.whats div.whats_box_head_03 p{
	margin							:	0 283px 0 16px;
}

body.whats div.whats_box_foot_03{
	width								:	615px;
	padding							:	0 0 13px 0;
	background					:	url(../image/bg_whats_box_foot_c.gif) 0 bottom no-repeat;
}

body.whats div.whats_box_head_03 .miho_box{
	position						:	relative;
}

/* ---美帆画像--- */
body.whats div.whats_box_head_03 .miho_box img.miho_img{
	position						:	absolute;
	left								:	191px;
	bottom							:	-9px;
}

body.whats div.whats_box_head_03 .miho_box img.miho_img_2{
	position						:	absolute;
	left								:	209px;
	bottom							:	-28px;
}

body.whats div.whats_box_head_03 .miho_box img.miho_img_3{
	position						:	absolute;
	left								:	217px;
	bottom							:	-9px;
}

body.whats div.whats_box_head_03 .miho_box img.miho_img_4{
	position						:	absolute;
	left								:	213px;
	bottom							:	-9px;
}

body.whats div.whats_box_head_03 .miho_box img.miho_img_5{
	position						:	absolute;
	left								:	196px;
	bottom							:	-9px;
}

/* ---美帆の声box--- */

body.whats div.whats_box_head_03 .miho .users_box{
	position						:	absolute;
	display							:	none;
	left								:	349px;
	bottom							:	16px;
	width								:	212px;
	background					:	url(../image/bg_whats_box_user_a.gif) 0 bottom no-repeat;
}

/* ---ユーザーの声box--- */

body.whats div.whats_box_head_03 .user .users_box{
	position						:	absolute;
	display							:	none;
	left								:	273px;
	bottom							:	16px;
	width								:	212px;
	background					:	url(../image/bg_whats_box_user_a.gif) 0 bottom no-repeat;
}

/* ---中のテキスト--- */
body.whats div.whats_box_head_03 dl{
	width								:	200px;
	padding							:	0 0 8px 0;
}

body.whats div.whats_box_head_03 dl dt{
	margin								:	8px;
}

body.whats div.whats_box_head_03 dl dd{
	margin								:	0 8px;
	font-size							:	11px;
}
/* =======箱４つ目========= */
body.whats div.whats_box_head_04{
	width								:	615px;
	padding							:	24px 0 0 0;
	background					:	url(../image/bg_whats_box_head_c.gif) 0 0 no-repeat;
}

body.whats div.whats_box_head_04 h3{
	margin											:	52px 0 0 252px;
	padding-bottom							:	4px;
}

body.whats div.whats_box_head_04 p{
	margin							:	0 32px 0 273px;
}

body.whats div.whats_box_foot_04{
	width								:	615px;
	padding						:	0 0 69px 0;
	background					:	url(../image/bg_whats_box_foot_d.gif) 0 bottom no-repeat;
}

/* ---美帆の声box--- */

body.whats div.whats_box_head_04 .voice_box{
	margin							:	0 0 0 251px;
}

body.whats .whats_box_head_step_02_04 .voice_box{
}


/* ---ユーザーの声box--- */

body.whats div.whats_box_head_04 .user .users_box{
	position						:	absolute;
	display							:	none;
	left								:	120px;
	top									:	32px;
	width								:	212px;
	background					:	url(../image/bg_whats_box_user_a.gif) 0 bottom no-repeat;
}

body.whats .whats_box_head_step_02_04 .user .users_box{
	position						:	absolute;
	display							:	none;
	left								:	300px;
	top									:	32px;
	width								:	212px;
	background					:	url(../image/bg_whats_box_user_a.gif) 0 bottom no-repeat;
}

body.whats div.whats_box_head_04 .users_box dl, 
body.whats .whats_box_head_step_02_04 .users_box dl{
	width								:	200px;
	padding							:	0 0 8px 0;
}

/* ---中のテキスト--- */
body.whats div.whats_box_head_04 dl dt, 
body.whats .whats_box_head_step_02_04 dl dt{
	margin								:	8px;
}

body.whats div.whats_box_head_04 dl dd, 
body.whats .whats_box_head_step_02_04 dl dd{
	margin								:	0 8px;
	font-size							:	11px;
}

/* =======箱５つ目========= */
body.whats div.whats_box_head_05{
	width								:	615px;
	padding							:	16px 0 0 0;
	background					:	url(../image/bg_whats_box_head_d.gif) 0 0 no-repeat;
}

body.whats div.whats_box_head_05 h3{
	padding-bottom							:	4px;
}

body.whats div.whats_box_foot_05 .img_box{
	margin							:	0 282px 16px 16px;
}

body.whats div.whats_box_foot_05 .img_box .img_left{
	float								:	left;
	width								:	158px;
}

body.whats div.whats_box_foot_05 .img_box p{
	float								:	right;
	width								:	152px;
}

body.whats div.whats_box_foot_05 .img_box_2{
	margin							:	6px 282px 0 16px;
}

body.whats div.whats_box_foot_05 .img_box_2 .img_right{
	float								:	right;
	width								:	158px;
}

body.whats div.whats_box_foot_05 .img_box_2 p{
	float								:	left;
	width								:	152px;
}

body.whats div.whats_box_foot_05{
	width								:	615px;
	padding							:	0 0 53px 0;
	background					:	url(../image/bg_whats_box_foot_e.gif) 0 bottom no-repeat;
}

/* ---ユーザーの声box--- */

body.whats div.whats_box_head_05 .user .users_box{
	position						:	absolute;
	display							:	none;
	left								:	349px;
	bottom							:	16px;
	width								:	212px;
	background					:	url(../image/bg_whats_box_user_a.gif) 0 bottom no-repeat;
}

body.whats div.whats_box_head_05 .user .users_box_2{
	position						:	absolute;
	display							:	none;
	left								:	273px;
	bottom							:	32px;
	width								:	212px;
	background					:	url(../image/bg_whats_box_user_a.gif) 0 bottom no-repeat;
}

/* ---中のテキスト--- */
body.whats div.whats_box_head_05 dl{
	width								:	200px;
	padding							:	0 0 8px 0;
}

body.whats div.whats_box_head_05 dl dt{
	margin								:	8px;
}

body.whats div.whats_box_head_05 dl dd{
	margin								:	0 8px;
	font-size							:	11px;
}

/* =======ネクスト========= */
body.whats div.whats_next{
	width								:	615px;
	background					:	url(../image/bg_whats_next_a.gif) 0 0 no-repeat;
}

body.whats div.whats_next img{
	margin							:	0 0 0 251px;
}

body.whats div.whats_next_02{
	width								:	615px;
	padding:	30px 0 0 0;
	background					:	url(../image/bg_whats_next_b.gif) 0 bottom no-repeat;
}

body.whats div.whats_next_02 img{
	margin							:	0 0 0 251px;
}

body.whats div.whats_next a{
	display:	block;
	width:	349px;
	height:	64px;
}

body.whats div.whats_next_02 a{
	display:	block;
	width:	349px;
	height:	64px;
}




/* =======================================================
2.トップ以下のページのメニュー設定終わり
======================================================= */

/* =======大枠設定========= */

body.whats div.whats_style_1_box , 
body.whats div.whats_style_2_box , 
body.whats div.whats_style_3_box , 
body.whats div.whats_style_4_box , 
body.whats div.whats_style_5_box , 
body.whats div.whats_style_6_box{
	position					:	relative;
	width						:	800px;
	margin						:	0 0 0 10px;
}

body.whats div.whats_style_1_box div.style_box_content , 
body.whats div.whats_style_2_box div.style_box_content , 
body.whats div.whats_style_3_box div.style_box_content , 
body.whats div.whats_style_4_box div.style_box_content , 
body.whats div.whats_style_5_box div.style_box_content , 
body.whats div.whats_style_6_box div.style_box_content{
	padding						:	12px 0;
	border-left					:	2px solid #ccc;
	border-right				:	2px solid #ccc;
	border-bottom				:	2px solid #ccc;
	background					:	url(../image/bg_style_shadow.gif) 0 0 repeat-x;
}

/* =======フッターボタン========= */

body.whats div.register_button{
	margin						:	20px 0;
}

body.whats div.register_button ul{
	margin						:	0 0 0 139px;
}

body.whats div.register_button ul li{
	float						:	left;
	display						:	inline;
	margin						:	0 6px;
}

body.whats div.next_prev ul{
	background:#fcc;
}

body.whats div.next_prev ul li.prev{
	float						:	left;
	width						:	12em;
	height						:	18px;
}

body.whats div.next_prev ul li.prev a{
	display						:	block;
	height						:	18px;
	padding						:	0 0 0 18px;
	background					:	url(../image/icon_prev.gif) 0 3px no-repeat;
}

body.whats div.next_prev ul li.next{
	float						:	right;
	width						:	5em;
	height						:	18px;
}

body.whats div.next_prev ul li.next a{
	display						:	block;
	height						:	18px;
	padding						:	0 4px 0 0 ;
	background					:	url(../image/icon_next.gif) right 3px no-repeat;
}

/* =======================================================
3.馬三郎とはトップ
======================================================= */
body.whats div.step_00_box{
	position	:	relative;
}

body.whats h3.step_00{
	position	:	absolute;
	top:	-20px;
	left:0;
}

body.whats h3.step_00_a{
	position	:	absolute;
	top:	-10px;
	left:	-17px;
}

body.whats h3.step_00_b{
	position	:	absolute;
	top:	-30px;
	left:	-1px;
}

body.whats h3.step_00_c{
	position	:	absolute;
	top:	0px;
	left:	-17px;
}

/* =======================================================
4.スタイル2
======================================================= */

div.thum_box{
	margin:	0 282px 0 16px;
}

div.thum_box .thum_left{
	float:	left;
}

div.thum_box .thum_right{
	float:	right;
}

body.whats .whats_box_head_step_02_04{
	background				:	url(../image/bg_whats_box_foot_f.gif) 0 bottom no-repeat;
}

body.whats .whats_box_head_step_02_04 h3{
	padding-top:	66px;
}

body.whats .whats_box_head_step_02_04 .sp_shisu{
	margin	:	12px 0 12px 16px;
}

body.whats .whats_box_head_step_02_04 p{
	margin	:	12px 16px;
}

body.whats .whats_box_head_step_02_04 .whats_box_foot_04{
	padding						:	0 0 33px 0;
	background				:	url(../image/bg_whats_box_head_e.gif) 0 0 no-repeat;
}

.whats_box_head_step_02_04_00{
	padding	:	30px 0;
	background				:	url(../image/bg_line_blue_y_03.gif) 477px 0 repeat-y;
}

body.whats .whats_box_head_step_02_04_01{
	margin						:	16px 0 0 0;
	background				:	url(../image/bg_whats_box_foot_g.gif) 0 bottom no-repeat;
}

body.whats .whats_box_head_step_02_04_01 .whats_box_foot_04{
	padding						:	0 0 16px 0;
	background				:	url(../image/bg_whats_box_head_f.gif) 0 0 no-repeat;
}

body.whats .whats_box_head_step_02_04_01 .whats_box_foot_04 h4{
	margin:	0 0 12px 32px;
	padding:	16px 0 0 0;
}

body.whats .whats_box_head_step_02_04_01 .whats_box_foot_04 p, 
body.whats .whats_box_head_step_02_04_01 .whats_box_foot_04 dl{
	margin:	0 166px 0 30px;
}

/* =======================================================
4.スタイル2終わり
======================================================= */


/* =======================================================
9.ダウンロード
======================================================= */

body.dl .dl_box{
	width					:	615px;
	padding:16px 0 0 0;
	background					:	url(../image/bg_dl_01_a.gif) 56px 0 no-repeat;
}

body.dl .dl_box table{
	margin					:	0px 32px 8px 88px;
	border					:	1px solid #ccc;
	background				:	#fff;
}

body.dl .dl_box_2 table{
	margin					:	0 32px;
	border					:	1px solid #ccc;
	background				:	#fff;
}

body.dl .dl_box table th, 
body.dl .dl_box_2 table th{
	padding					:	4px 3px;
	text-align				:	center;
	border					:	1px solid #ccc;
	background				:	#d2dffb;
}

body.dl .dl_box table td, 
body.dl .dl_box_2 table td{
	padding					:	8px 6px;
	line-height				:	1.6;
	border					:	1px solid #ccc;
	background			:	#f2f2f2;
}

body.dl .button_dl{
	margin						:	0 0 0 225px;
}

body.dl p{
	margin					:	8px 0 0 88px;
}

body.dl ul.dl_help{
	padding					:	8px 32px 16px 88px;
	background					:	url(../image/bg_dl_01_b.gif) 56px bottom no-repeat;
}

body.dl ul.dl_help li{
	float					:	right;
	margin-bottom			:	6px;
	padding-left			:	14px;
	clear					:	both;
	background				:	url(../image/icon_help.gif) 0 4px no-repeat;
}

body.dl ul.dl_help li a, 
body.dl ul.dl_help li a:link, 
body.dl ul.dl_help li a:visited{
	color					:	#c00;
	text-decoration			:	none;
}

body.dl ul.dl_help li a:hover, 
body.dl ul.dl_help li a:active{
	color					:	#c00;
	text-decoration			:	underline;
}

body.dl .dl_box_2{
	width					:	615px;
	padding:0 0 16px 0;
	background					:	url(../image/bg_dl_02_b.gif) 16px bottom no-repeat;
}

body.dl .dl_box_2 h3{
	margin				:	0 0 0 16px;
	padding				:	36px 0 0 16px;
	background					:	url(../image/bg_dl_02_a.gif) 0 0 no-repeat;
}


/* =======================================================
10.左カラムメニュー
======================================================= */
#side_menu .side_button_dl a,
#side_menu .side_button_charge a{
	display					:	block;
	width					:	177px;
	height					:	42px;
	margin					:	0 auto 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.gif) 0 0 no-repeat;
}
#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.gif) 0 0 no-repeat;
}
#side_menu .side_button_charge a:hover, 
#side_menu .side_button_charge a:active,
#side_menu .side_button_dl a:hover, 
#side_menu .side_button_dl a:active{
	background-position		:	0 -42px;
}