/* CSS Document */

/* bodyで横幅決めます */
body {
	width:930px;
	text-align:center;
	background:#fffff0;
	margin:15px auto;
	
	}
/* bodyで横幅決めます */

/* レイアウトです */

#header {
	margin-bottom:5px;
	width: 930px;
	text-align:left;
}
.h_left {
	float:left;
	}
.h_right {
	float:right;
	text-align:right;
	background-image:url(img/puyo090912.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:85px;
	width:570px;
	
	

}

#g_navi {
	height:30px;
	background-color:#fffff0;
	margin-bottom:5px;
	width: 930px;
	text-align:left;
	padding-left:0px;
	border-bottom:1px solid #fa8074;
}

#pankuzu {
	height:20px;
	background-color:#fffff0;
	margin-bottom:5px;
	width: 930px;
	text-align:left;
	}
#c_navi {
	background-color:#fffff0;
	margin-right:24px;
	padding-right:10px;
	width: 165px;
	text-align:left;
	margin-bottom:5px;
	float: left;
	border-right:1px dotted #fa8074;
	}

#main {
	background-color:#fffff0;
	text-align:left;
	margin-bottom:10px;
	width:730px;
	float:right;
 	}
 
#main_top {
	background-color:#fffff0;
	width:730px;
	text-align:left;
	margin-bottom:10px;
 	}
#main_top_book {
	background-color:#555555;
	text-align:left;
	width:720px;
	margin-left:10px;	
 	}
	
#main_middle {
	background-color:#fffff0;
	width:730px;
	text-align:left;
	margin-bottom:10px;
 	}
	
#main_top_left {
	width:300px;
	margin:0px 10px 0px 0px;
	float:left;
	background-color:#fffff0;

	}
#main_top_right {
	width:420px;
	margin:0px;
	float:right;
	padding:0px;
	background-color:#fffff0;
	display:block;
	}

#main_top_left_lifedesign {
	width:480px;
	margin:0px 10px 0px 0px;
	float:left;
	background-color:#fffff0;

	}
#main_top_right_lifedesign  {
	width:240px;
	margin:0px;
	float:right;
	padding:0px;
	background-color:#fffff0;

	}
/* ↓↓↓ライフデザイン具体的な方法↓↓↓ */
.life_list ul li {
	list-style:none;
	font-size: 80%;
	font-weight:bolder;
	}

/* ↑↑↑ライフデザイン具体的な方法↑↑↑ */
	
	
.main_botom_left {
	width:360px;
	margin:5px 10px 0px 0px;
	float:left;
	background-color:#fffff0;
	}
.main_botom_right {
	width:360px;
	margin:5px 0px 0px 0px;
	float:right;
	background-color:#fffff0;
	}


#footer {
	background-color:#fffff0;
	border-top:1px solid #fa8074;
	width: 930px;
}
.box {
	margin-bottom:10px;
	padding:2px;
	background-color:#fffff0;
	border-bottom:1px dotted #fa8072;
	}
		
	

/* ↑↑↑レイアウト↑↑↑ */
/* ↓↓↓回り込み↓↓↓ */

.left {
	float:left;
	margin-right:15px;
	}

.clear {
	clear:both
}
/* ↑↑↑回り込み↑↑↑ */

/* ↓↓↓画像↓↓↓ */
.waku {
	border:1px solid #fa8074;
	}
.img_sp {
	margin:0px 0px 10px 0px;
	} 
/* ↑↑↑画像↑↑↑*/

/* ↓↓↓見出しタグ↓↓↓ */
h1 {
	color:#fa8074;
	font-size:100%;
	display:block;
	border-bottom:2px dotted #fa8074;
	text-indent:30px;
	background-image:url(img/hukidashi.gif);
	background-repeat:no-repeat;
	margin-top:0px;

	}
h2 {
	color:#333333;
	font-size:95%;
	display:block;
	text-indent:22px;
	background-image:url(img/book_h2.gif);
	background-repeat:no-repeat;
	margin-bottom:0px;
}
		
h2.c_list_ti a { 
	text-decoration:none; 
	color:#777777;
}

h2.c_list_ti a:hover { 
	color:#800000;
	}

h2.c_list_ti a:active { 
	color:#800000;
	 }

h2.c_list_ti a:visited { 
	color:#d2b48c;
	 }

	color:#fa8074;
	margin-top:0px;
	font-size:100%;
	}


#c_m {
	color:#fa8074;
	margin-top:0px;
	font-size:100%;
	}

#main_h1 {
	color:#fffff0;
	margin:0px 0px 5px 0px;
	padding:5px 0px;
	font-size:100%;
	background-color:#fa8074;
	display:block;
	height:25px;
	width:730px;
	text-indent:10px;
	}
	
.main_h2 {
	color:#fffff0;
	margin:0px 0px 5px 0px;
	padding:5px 0px;
	font-size:100%;
	background-color:#fa8074;
	display:block;
	height:25px;
	width:730px;
	text-indent:10px;
	}
.main_h3 {
	color:#fffff0;
	margin:0px 0px 5px 0px;
	padding:5px 0px;
	font-size:100%;
	background-color:#fa8074;
	display:block;
	height:25px;
	width:360px;
	text-indent:10px;
	}
.main_h3 a:link { 
	color:#fffff0;
	 }
.main_h3 a:hover { 
	color:#fffff0;
	}
.main_h3 a:active { 
	color:#fffff0;
	 }
.main_h3 a:visited { 
	color:#fffff0;
	 }


/* ↑↑↑見出しタグ↑↑↑ */
/* ↓↓↓グローバルナビ↓↓↓ */
#g_navi ul {
	height: 30px;
	float: left;
 	margin: 0px;
	padding:0px;
	list-style: none;
	}
#g_navi li {
	height: 30px;
	float: left;
	margin:0px 1px 0px 0px;
	}
#g_navi li a {
	color:#fffff0;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	line-height:150%;
		}
	
#g_navi li a:hover {
	color:#fa8074;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;

	}

#g_navi li a .g_navi_lett {
	height: 30px;
	width:4px;
	background-image:url(img/g_navi_l.gif);
	background-repeat:no-repeat;
	margin:0;
	display:block;
	float: left;

	}

#g_navi li a .g_navi_center {
	height: 30px;
	background-image:url(img/g_navi_c.gif);
	margin:0;
	display:block;
	float: left;

	}
#g_navi li a .g_navi_right {
	height: 30px;
	width:14px;
	background-image:url(img/g_navi_r.gif);
	background-repeat:no-repeat;
	margin:0;
	display:block;
	float: left;

	}
#g_navi li a:hover .g_navi_lett {
	height: 30px;
	width:4px;
	background-image:url(img/g_navi_l_on.gif);
	background-repeat:no-repeat;
	margin:0;
	display:block;
	float: left;

	}

#g_navi li a:hover .g_navi_center {
	height: 30px;
	background-image:url(img/g_navi_c_on.gif);
	margin:0;
	display:block;
	float: left;

	}
#g_navi li a:hover .g_navi_right {
	height: 30px;
	width:14px;
	background-image:url(img/g_navi_r_on.gif);
	background-repeat:no-repeat;
	margin:0;
	display:block;
	float: left;
	}

/* ↑↑↑グローバルナビ↑↑↑ */

/* ↓↓↓カテゴリーナビ↓↓↓ */
#c_navi ul {
	width:165px;
	margin:15px 0px 15px 0px;
	padding:0px;
	list-style: none;
	}
#c_navi li {
	margin:0px 0px 2px 0px;
	display:block;

	}
#c_navi li a {
	color:#fffff0;
	text-decoration:none;
	font-size:80%;
	height:25px;
	width:165px;
	background-color:#fa8074;
	border:1px solid #fa8074;
	display:block;
	text-indent:3px;
	}
#c_navi li a:hover {
	color:#fa8074;
	text-decoration:none;
	font-size:80%;
	height:25px;
	width:165px;
	background-color:#fffff0;
	border:1px solid #fa8074;
	display:block;
	text-indent:3px;
	}
.img_space {
	margin-bottom:5px;
	}


/* ↑↑↑カテゴリーナビ↑↑↑ */

/* ↓↓↓リスト設定(ツーリング／ライフデザイン本/勝手伝記)↓↓↓ */
.c_list ul {
 	list-style-image:url(img/w_list.gif);
	margin: 0 0 15px 20px;
	padding:0;
	font-size: 80%;
	 }

.c_list a {
    color:#777777;
	line-height:150%;
}


.c_list a:hover { 
	color:#800000;
	line-height:150%;
}
.c_list a:active { 
	color:#800000;
	line-height:150%;
	 }

.c_list a:visited { 
	color:#d2b48c;
	line-height:150%;
	 }

.c_list ul li ul li {
	font-size: 125%; 
	list-style:none;
	line-height:150%;
	margin-left:5px;
	 }



/* ↑↑↑リスト設定↑↑↑ */
/* ↓↓↓線指定↓↓↓ */

hr.or_dotted {
	background-image:url(img/hr_or_dotted.gif);
	border:0px;
}
/* ↑↑↑線設定↑↑↑ */


/* ↓↓↓テキスト指定↓↓↓ */
.header_font70 { 
	font-size:70%;
	margin-top:55px;
	}
.header_font70 a:link { 
	color:#777777 ;
	 }
.header_font70 a:hover { 
	color:#800000;
	}
.header_font70 a:active { 
	color:#800000;
	 }
.header_font70 a:visited { 
	color:#d2b48c;
	 }
	 
.font70 { 
	font-size:70%;
	line-height:150%;
	}
.font70 a:link { 
	color:#777777 ;
	 }
.font70 a:hover { 
	color:#800000;
	}
.font70 a:active { 
	color:#800000;
	 }
.font70 a:visited { 
	color:#d2b48c;
	 }
	
.font100_or{
	color:#fa8074;
	line-height:150%;
	font-size:100%;
	}

.font90_or { 
	font-size:90%;
	line-height:150%;
	color:#fa8074;
	font-weight:bold;
	}


.font80_or { 
	font-size:80%;
	line-height:150%;
	color:#fa8074;
	font-weight:bold;
	}
.font80_or a { 
	line-height:150%;
	color:#fa8074;
	font-weight:bold;
	text-decoration:none;
	}


.font80 { 
	font-size:80%;
	line-height:150%;
	}
.font80 a:link { 
	color:#777777 ;
	 }
.font80 a:hover { 
	color:#800000;
	}
.font80 a:active { 
	color:#800000;
	 }
.font80 a:visited { 
	color:#d2b48c;
	 }

	
/* ↑↑↑テキスト指定↑↑↑ */

/* ↓↓↓ライフデザイン本（カテゴリーごと）↓↓↓ */
.book_list ul {
	padding:0 0 0 0;
	} 
.book_list ul li {
	list-style-image:url(img/book_list.gif);
	line-height:120%;
    margin: 0 0 0 1em;
	}
.book_list ul li a {
    color:#777777;
	font-size: 80%; 
	}


.book_list ul li a:hover { 
	color:#800000;
	}

.book_list ul li a:active { 
	color:#800000;
	 }

.book_list ul li a:visited { 
	color:#d2b48c;
	 }
	 
	 
.box_book {
	margin-bottom:10px;
	padding:2px;
	}


.book_list_busi a {
    color:#777777;
	}


/* ↑↑↑ライフデザイン本（カテゴリーごと）↑↑↑ */
/* ↓↓↓サイドメニューのバナー指定↓↓↓ */

.ba_link a {
  	background-image:url(/book/img/ba_menu.gif);
	background-repeat:no-repeat;
    color:#fffff0;
	font-size:100%;
	font-weight:bold;
	text-indent:10px;
	display:block;
	text-decoration:none;
	height:40px;
	width:165px;
	padding-top:5px;
	}
.ba_link a:hover { 
  	background-image:url(/book/img/ba_menu_on.gif);
	background-repeat:no-repeat;
	color:#fa8072;
	font-size:100%;
	font-weight:bold;
	text-indent:10px;
	display:block;
	text-decoration:none;
	height:40px;
	width:165px;
	padding-top:5px;

}
.ba_link {
	margin:10px 0px 10px 0px;
	display:block;

 	}