@charset "euc-jp";

/* =======================================================
馬三郎ライフの設定
======================================================= */


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

1.トップページ設定
2.ボックス設定


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

/* =======================================================
1.トップページ設定
======================================================= */
body.life p.read{
	font-size				:	1.1em;
	font-weight				:	bold;
}

body.life h3.life_writer{
	margin:	10px 0 0 0 !important;
	padding:	0;
}

body.life a.arrow_pos{
	display:	block;
	margin:	0 0 10px 0;
	padding:	0 0 0 13px;
}

body.life .life_reiko{
	position				:	relative;
	width					:	601px;
	padding-bottom			:	8px;
	background				:	url(../image/life_top_bg_reiko.gif) left bottom no-repeat;	
	margin-bottom			:	1.6em;
}
body.life .life_reiko h3{
	width					:	601px;
	height					:	67px;
	background				:	url(../image/life_top_h3_reiko.gif) 0 0 no-repeat;	
}

body.life .life_reiko img.life_reiko_photo{
	position				:	absolute;
	top						:	80px;
	right					:	20px;
}
body.life .life_reiko p{
	margin					:	10px 20px;
	padding					:	0 220px 0 0;
	font-size				:	1.1em;
}
body.life .life_reiko .button_reiko{
	width					:	209px;
	height					:	34px;
	margin					:	10px 20px;
}
body.life .life_reiko dl.info_reiko{
	padding-right			:	230px;
}
body.life .life_reiko dl.info_reiko dt{
	margin					:	10px 20px 2px;
	color					:	#f00;
	font-weight				:	bold;
}

body.life .life_reiko dl.info_reiko dd{
	margin					:	2px 20px 10px;
}

body.life .life_kaori{
	position				:	relative;
	width					:	601px;
	padding-bottom			:	8px;
	background				:	url(../image/life_top_bg.gif) left bottom no-repeat;	
	margin-bottom			:	1.6em;
}
body.life .life_kaori h3{
	width					:	601px;
	height					:	67px;
	background				:	url(../image/life_top_h3_kaori.gif) 0 0 no-repeat;	
}

body.life .life_kaori img.life_kaori_photo{
	position				:	absolute;
	top						:	80px;
	right					:	20px;
}
body.life .life_kaori p{
	margin					:	10px 20px;
	padding					:	0 220px 0 0;
	font-size				:	1.1em;
}
body.life .life_kaori .button_kaori{
	width					:	209px;
	height					:	34px;
	margin					:	10px 20px;
}
body.life .life_kaori dl.info_kaori{
	padding-right			:	230px;
}
body.life .life_kaori dl.info_kaori dt{
	margin					:	10px 20px 2px;
	color					:	#f00;
	font-weight				:	bold;
}

body.life .life_kaori dl.info_kaori dd{
	margin					:	2px 20px 10px;
}

body.life .life_iuchi{
	position				:	relative;
	width					:	601px;
	padding-bottom			:	8px;
	background				:	url(../image/life_top_bg.gif) left bottom no-repeat;	
	margin-bottom			:	1.6em;
}
body.life .life_iuchi h3{
	width					:	601px;
	height					:	67px;
	background				:	url(../image/life_top_h3_iuchi.gif) 0 0 no-repeat;	
}

body.life .life_iuchi img.life_iuchi_photo{
	position				:	absolute;
	top						:	80px;
	right					:	20px;
}
body.life .life_iuchi p{
	margin					:	10px 20px;
	padding					:	0 220px 0 0;
	font-size				:	1.1em;
}
body.life .life_iuchi .button_iuchi{
	width					:	209px;
	height					:	34px;
	margin					:	10px 20px;
}
body.life .life_iuchi dl.info_iuchi{
	padding-right			:	230px;
}
body.life .life_iuchi dl.info_iuchi dt{
	margin					:	10px 20px 2px;
	color					:	#f00;
	font-weight				:	bold;
}

body.life .life_iuchi dl.info_iuchi dd{
	margin					:	2px 20px 10px;
}

body.life .life_uma36times{
	position				:	relative;
	width					:	601px;
	padding-bottom			:	8px;
	background				:	url(../image/life_top_bg_uma36times.gif) left bottom no-repeat;	
}
body.life .life_uma36times h3{
	width					:	601px;
	height					:	112px;
	background				:	url(../image/life_top_h3_uma36times.gif) 0 0 no-repeat;	
}
body.life .life_uma36times p{
	margin					:	10px 20px;
	font-size				:	1.1em;
}
body.life .life_uma36times .button_uma36times{
	margin					:	10px 20px;
}
body.life .life_uma36times .button_uma36times a{
	display:	block;
	width					:	124px;
	height					:	34px;
}
body.life .life_uma36times ul.info_uma36times{
	margin					:	10px 20px;
}

body.life .life_uma36times ul.info_uma36times li{
	margin-bottom			:	6px;
}

/* =======================================================
2.竹下かおり体験レポート
======================================================= */
body.life h3{
	margin-bottom			:	1em;
}
body.life h3{
	margin-bottom			:	1em;
}
body.life .life_kaori_main h4{
	width					:	601px;
	height					:	41px;
	margin-bottom			:	1em;
	background-position		:	0 0;
	background-repeat		:	no-repeat;
}
body.life .life_kaori_main img.kaori_photo_01{
	float					:	right;
	margin					:	0 0 1em 1em;
}

body.life .life_kaori_main img.kaori_photo_02{
	float					:	left;
	margin					:	0 1em 1em 0;
}
body.life .register_button ul{
	width					:	520px;
	margin					:	0 auto;
}
body.life .register_button ul li{
	float					:	left;
	display					:	block;
	width					:	250px;
	height					:	55px;
	margin					:	0;
}
body.life .register_button ul li.btn_charge{
	margin					:	0 0 0 10px !important;	
}
body.life dl.info_kaori_main{
	margin:	0 0 20px 0;
	border					:	1px solid #f00;
	padding					:	8px 12px;
}
body.life dl.info_kaori_main dt{
	margin					:	0 0 2px;
	color					:	#f00;
	font-weight				:	bold;
}

body.life dl.info_kaori_main dd{
	margin					:	2px 0 0;
}

/* =======================================================
2.井内利彰さんの馬三郎活用法
======================================================= */
body.life h3{
	margin-bottom			:	1em;
}
body.life h3{
	margin-bottom			:	1em;
}
body.life .life_iuchi_main h4{
	width					:	601px;
	height					:	41px;
	margin-bottom			:	1em;
	background-position		:	0 0;
	background-repeat		:	no-repeat;
}
body.life .life_iuchi_main img.iuchi_photo_01{
	float					:	right;
	margin					:	0 0 1em 1em;
}

body.life .life_iuchi_main img.iuchi_photo_02{
	float					:	left;
	margin					:	0 1em 1em 0;
}
body.life .register_button ul{
	width					:	520px;
	margin					:	0 auto;
}
body.life .register_button ul li{
	float					:	left;
	display					:	block;
	width					:	250px;
	height					:	55px;
	margin					:	0;
}
body.life .register_button ul li.btn_charge{
	margin					:	0 0 0 10px !important;	
}
body.life dl.info_iuchi_main{
	margin:	0 0 20px 0;
	border					:	1px solid #f00;
	padding					:	8px 12px;
}
body.life dl.info_iuchi_main dt{
	margin					:	0 0 2px;
	color					:	#f00;
	font-weight				:	bold;
}

body.life dl.info_iuchi_main dd{
	margin					:	2px 0 0;
}

/* =======================================================
2.岡部玲子+お客様の活用法
======================================================= */

body.life h3.life_user_h3{
	margin:	0 0 5px 0;
	padding:	0 0 0 0;
}

body.life .life_reiko_main h4{
	width					:	601px;
	height					:	41px;
	margin-top:	1em;
	margin-bottom			:	1em;
	background-position		:	0 0;
	background-repeat		:	no-repeat;
}

body.life .life_reiko_main_last h4{
	width					:	601px;
	height					:	41px;
	margin-bottom			:	1em;
	background-position		:	0 0;
	background-repeat		:	no-repeat;
}

body.life .life_user_main h4{
	width					:	601px;
	height					:	41px;
	margin-top:	1em;
	margin-bottom			:	1em;
	background-position		:	0 0;
	background-repeat		:	no-repeat;
}

body.life p.user_voice{
	margin:	0 0 10px 0;
	padding: 0;
}

body.life p.user_name{
	margin:	0 0 0 0;
	padding:	0;
}

body.life p.user_voice_b{
	margin:	12px 0 10px 0;
	padding: 0;
}

body.life p.user_name_b{
	border-bottom: 1px dashed #666;
	margin:	0 0 0 0;
	padding:	0 0 12px 0;
}

body.life p.uma_q{
	display:	block;
	margin:	0 0 5px 0;
	padding:	0 0 0 0;
}

body.life p.reiko_answer{
	display:	block;
	margin:	0 0 20px 0;
	padding:	0 0 0 0;
	color:	#333;
	font-weight:	bold;
}

body.life p.uma_q span{
	color:	#174ea2;
}

body.life p.reiko_answer span{
	color:	#ff0000;
}

body.life .life_reiko_main img.reiko_photo_01{
	float					:	right;
	margin					:	0 0 1em 1em;
}

body.life .life_reiko_main img.reiko_photo_02{
	float					:	left;
	margin					:	0 1em 1em 0;
}

body.life dl.info_reiko_main{
	margin:	10px 0 20px 0;
	border					:	1px solid #f00;
	padding					:	8px 12px;
}
body.life dl.info_reiko_main dt{
	margin					:	0 0 2px;
	color					:	#f00;
	font-weight				:	bold;
}

body.life dl.info_reiko_main dd{
	margin					:	2px 0 0;
}

/* === ページ送りボタンの設定 ==== */

body.life div.page_box{
	text-align					:	center;
}

body.life div.page_box p.next a{
	display						:	block;
	width						:	140px;
	height						:	25px;
	margin						:	0 auto;
	background					:	url(../image/btn_report_next.gif) 0 0 no-repeat;
}

body.life div.page_box p.next a:hover, 
body.life div.page_box p.next a:active{
	background-position		:	0 -25px;
}

body.life div.page_box p.prev a{
	display						:	block;
	width						:	140px;
	height						:	25px;
	margin						:	0 auto;
	background					:	url(../image/btn_report_prev.gif) 0 0 no-repeat;
}

body.life div.page_box p.prev a:hover, 
body.life div.page_box p.prev a:active{
	background-position		:	0 -25px;
}
/* =======================================================
3.左カラムメニュー
======================================================= */
#side_menu .side_button_times a{
	display					:	block;
	width					:	177px;
	height					:	42px;
	margin					:	0 0 8px;
}
#side_menu .side_button_times a, 
#side_menu .side_button_times a:link, 
#side_menu .side_button_times a:visited{
	background				:	url(../image/side_button_uma36times.gif) 0 0 no-repeat;
}
#side_menu .side_button_times a:hover, 
#side_menu .side_button_times a:active{
	background-position		:	0 -42px;
}
#side_menu .side_button_times_active{
	display					:	block;
	width					:	177px;
	height					:	42px;
	margin					:	0 0 8px;
	background				:	url(../image/side_button_uma36times.gif) 0 -42px no-repeat;
}
#side_menu .side_button_times_active a,
#side_menu .side_button_times_active a:link,
#side_menu .side_button_times_active a:visited{
	display					:	block;
	width					:	177px;
	height					:	42px;
	background				:	url(../image/side_button_uma36times.gif) 0 -42px no-repeat;
}
#side_menu .side_button_times_active a:hover,
#side_menu .side_button_times_active a:active{
	display					:	block;
	width					:	177px;
	height					:	42px;
	background				:	url(../image/side_button_uma36times.gif) 0 -42px no-repeat;
}

/* =======================================================
4.tabメニュー
======================================================= */

body.life ul.life_tab_btn{
	margin:	0 0 15px 0;
	padding:	0 0 2px 0;
	display:	block;
	width:	601px;
	background:	url(../image/life_button_border.gif) left bottom no-repeat;
}

body.life ul.life_tab_btn li.life_tab_writer{
	display:	block;
	float:	left;
	margin:	0 6px 0 0;
	padding:	0;
	width:	166px;
	height:	43px;
	background:	url(../image/life_writer_button_01.gif) 0 0 no-repeat;
}

body.life ul.life_tab_btn li.life_tab_writer a,
body.life ul.life_tab_btn li.life_tab_writer a:link,
body.life ul.life_tab_btn li.life_tab_writer a:visited{
	display:	block;
	width:	166px;
	height:	43px;
	background:	url(../image/life_writer_button_01.gif) 0 0 no-repeat;
}

body.life ul.life_tab_btn li.life_tab_writer a:hover,
body.life ul.life_tab_btn li.life_tab_writer a:active{
	display:	block;
	width:	166px;
	height:	43px;
	background:	url(../image/life_writer_button_01.gif) 0 -43px no-repeat;
}

body.life ul.life_tab_btn li.life_tab_writer a.active,
body.life ul.life_tab_btn li.life_tab_writer a.active:link,
body.life ul.life_tab_btn li.life_tab_writer a.active:visited,
body.life ul.life_tab_btn li.life_tab_writer a.active:hover,
body.life ul.life_tab_btn li.life_tab_writer a.active:active{
	display:	block;
	width:	166px;
	height:	43px;
	background:	url(../image/life_writer_button_01.gif) 0 -43px no-repeat;
}

body.life ul.life_tab_btn li.life_tab_user{
	display:	block;
	float:	left;
	width:	166px;
	height:	43px;
	background:	url(../image/life_user_button_01.gif) 0 0 no-repeat;
}

body.life ul.life_tab_btn li.life_tab_user a,
body.life ul.life_tab_btn li.life_tab_user a:link,
body.life ul.life_tab_btn li.life_tab_user a:visited{
	display:	block;
	width:	166px;
	height:	43px;
	background:	url(../image/life_user_button_01.gif) 0 0 no-repeat;
}

body.life ul.life_tab_btn li.life_tab_user a:hover,
body.life ul.life_tab_btn li.life_tab_user a:active{
	display:	block;
	width:	166px;
	height:	43px;
	background:	url(../image/life_user_button_01.gif) 0 -43px no-repeat;
}

body.life ul.life_tab_btn li.life_tab_user a.active,
body.life ul.life_tab_btn li.life_tab_user a.active:link,
body.life ul.life_tab_btn li.life_tab_user a.active:visited,
body.life ul.life_tab_btn li.life_tab_user a.active:hover,
body.life ul.life_tab_btn li.life_tab_user a.active:active{
	display:	block;
	width:	166px;
	height:	43px;
	background:	url(../image/life_user_button_01.gif) 0 -43px no-repeat;
}