@charaset "UTF-8";

html {font-size: 62.5%;}
body,div,
dl,dt,dd,ul,ol,li,
h1, h2, h3, h4, h5, h6,
pre,p,blockquote,th,td,fieldset,form

{
		margin: 0;
		padding: 0;
		border:0;
		font-size:100%;
		font-style:normal;
}
body {font-size: 10px; font-size: 1.0rem;}

/*以下はリセットしない
input,textarea
*/

/*---------------------
　全ページ　
---------------------*/
body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ sans-serif;
	
	background-image:url(../img/bg_02.gif);
	background-image:url(../img/bg/forest.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	width:100%;
}

a{text-decoration:none;color:forestgreen;}
a:hover{color:#ff0000;text-decoration:underline;}

#wrap{
		width:790px;
		background-color:#fff;
		margin:0px auto;
		text-align:center;

	box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);

	}
#wrap img{border:0px;}
#wrap h1,div,p{
		text-align:justify;
		text-justify:distribute;
}

/*---------------------
　clearfix　
---------------------*/
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/
/*---------------------
　h1系　
---------------------*/

#h1{
	width:790px;
	height:20px;
	background-color:#fff;
	/*border-top:solid 5px saddlebrown;*/
	background-image:url(../img/enjyu_bar_top.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	float:left;
	padding:5px 0px 0px 0px;
	/*background-color:#FFC;*/
}

h1{
		float:left;
		width:510px;
		font-size:14px;
		color: #53311a;
		margin-left:5px;
		margin-top:3px;

}


#h1_right{
		float:left;
		width:270px;
		margin-left:0px;
		text-align:right;
		font-size:12px;
		height:20px;
}				

/*---------------------
　header（logo）系　
---------------------*/
#header{
	clear:both;
	float:left;
	width:790px;

	/*background-color:#0F3;*/
	margin:0px auto;
		}

#header div{
		height:76px;
}

#header_new{
		float:left;
		width:160px;
		margin-left:335px;
		display:inline;/*IEバグ対策*/
		/*background-color:#CF0;*/
}
#header_new img{
display:block;
margin-bottom:3px;
margin-top:3px;
}

#header_new ul{padding-top:1px;}
#header_new ul li{
		font-size:12px;
		height:16px;
		line-height:14px;
		padding:0px;
		list-style-type:none;
		margin:0px;
				}

#header_logo {
		float:left;
		width:320px;		
		margin-left:-490px;
	/*background-color:#FCC;*/
}
#header_logo img{
	display:block;
	margin-top:3px;
}


#header_ad{
		float:right;		
		width:280px;/*サイズ変更するとIE6で改行される可能性あり*/
		margin-right:5px;
		/*background-color:#FF0*/
}

#header_ad img{
		vertical-align:middle;
		display:block;
		float:right;
}

#header_ad iframe{
		vertical-align:middle;
		display:block;
		float:right;
}

/*---------------------
　line_menu系　
---------------------*/
#line_menu{
	clear:both;
	width:790px;
	height:28px;
	background-color:#600;
	margin:0px auto;
	text-align:center;
	background-image:url(../img/enjyu_bar.jpg);
}
#line_menu a{
		display:block;
		float:left;
		color:#fff;
		height:28px;
		font-size:14px;
		text-align:center;
		white-space:nowrap; 
		line-height:28px;
}


#line_menu a:hover{text-decoration:under-line;color:#FF0;}

#line_menu .l1{
		margin-left:5px;
		width:70px;
}
#line_menu .l2{
		width:110px;
}
#line_menu .l3{
		width:140px;
}
#line_menu .l4{
		width:90px;
}
#line_menu .l5{
		width:110px;
}
#line_menu .l6{
		width:110px;
}
#line_menu .l7{
		width:120px;
}

/*IE6 ↓これを設定しないと改行される*/
*html #line_menu .l7{
		width:110px;}
		
#line_menu .ll{
		width:5px;
				}


/*---------------------
　サイト内検索　
---------------------*/
#kensaku{
width:190px;
height:60px;
margin-top:5px;
background-color:#efefef;
text-align:center;
margin-right:5px;
position:absolute;
top:4px;
right:5px;
padding:3px;
border:solid 1px #ccc;

}


/* IE6-7用上書き指定 */
*html #kensaku {
		position:absolute;
		top:6px;
		right:1px;
}
/*---------------------
　検索下　
---------------------*/
#kensaku_shita{
position:absolute;
top:80px;
right:9px;
width:200px;
height:40px;
background-color:#ffc;
font-size:10px;
line-height:14px;
}

/*---------------------
　タブ系　
---------------------*/

#tab_neo {
		float:left;
		width:790px;
		background:url("../img/tab/bg.png") repeat-x bottom;
		font-size:14px;
		margin-top:10px;/*NEW*/
}
#tab_neo ul {
margin:0;
padding:0px 10px 0px;
list-style:none;
		
}
#tab_neo li {
      float:left;
      margin:0 0 0 7px;/*---タブ左のスペース--*/	  
      padding:0 0 0 15px;/*=A 左画像の幅と高さ調整*/	  
      border-bottom:2px solid #cc9;

      }
#tab_neo a {
		float:left;
		display:block;
		width:.1em;
		padding:11px 0px 5px 5px;/*ここでタブ内文字位置を調節 */
		text-decoration:none;
	  	font-weight:normal;
      }
    #tab_neo > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tab_neo a {float:none;}
    /* End IE5-Mac hack */

	/*#tab_neo a:hover {
      color:#f00;
      }*/

/*------------------------------
　タブ下のラインありなし
（body_id と対応するタグidが一致した場合反転）
------------------------------*/
#cat_forest_japan #tab01{
		background-position:0 -150px;border-bottom:2px solid #ffc;
	}#cat_ringyou #tab02{
		background-position:0 -150px;border-bottom:2px solid #ffc;
	}#cat_mokuzai #tab03{
		background-position:0 -150px;border-bottom:2px solid #ffc;
	}#cat_ondanka_boushi #tab04{
		background-position:0 -150px;border-bottom:2px solid #ffc;
	}#cat_forest_world #tab05{
		background-position:0 -150px;border-bottom:2px solid #ffc;
	}#cat_topics #tab06{
		background-position:0 -150px;border-bottom:2px solid #ffc;
	}#cat_books #tab07{
		background-position:0 -150px;border-bottom:2px solid #ffc;
	}#cat_forest_japan #tab01 a{
		background-position:100% -150px;
		color: #f00;
	}#cat_ringyou #tab02 a{
		background-position:100% -150px;
		color: #f00;
	}#cat_mokuzai #tab03 a{
		background-position:100% -150px;
		color: #f00;
	}#cat_ondanka_boushi #tab04 a{
		background-position:100% -150px;
		color: #f00;
	}#cat_forest_world #tab05 a{
		background-position:100% -150px;
		color: #f00;
	}#cat_topics #tab06 a{
		background-position:100% -150px;
		color: #f00;
	}#cat_books #tab07 a{
		background-position:100% -150px;
		color: #f00;
	}
* html #nin #tab-nin a{background-position:100% -148px;}/*IE6*/

/*------------------------------
　マウスオーバでタブをUPする（IEはNG）
------------------------------*/

#tab_neo li:hover {
      	background-position:0% -150px;
	 	margin-top:-7px;  /*下のpadding-bottomとリンク*/
      }
		#tab_neo li:hover {margin-top/*\**/: 0px\9; } /* IE8 */
		*:first-child+html #tab_neo li:hover{margin-top:0px;} /*IE7*/
		* html #tab_neo li:hover{margin-top:0px;}/*IE6*/

#tab_neo li:hover a {
      background-position:100% -150px;
	  color:#F00;
	  padding:11px 0px 12px 5px;/*【重要】上のpadding-bottomの絶対値＋4px*/
      }
	  
		#tab_neo li:hover a {padding/*\**/: 11px\9 0px\9 5px\9 5px\9;} /* IE8 */ 
		*:first-child+html tab_neo li:hover a{padding:11px 0px 5px 5px;}/*IE7*/	
		* html #tab_neo li:hover a {padding:11px 0px 5px 5px;}/*IE6*/
/* タブのラインの色をカテゴリーごとに変える→NG印象がよくない
    #nin #tab_neo li{border-bottom:solid 2px #039!important;}
	#nin #tab_neo li#tab-nin{border-bottom:solid 2px #ffc!important;}
	#nin #tab_neo{background:url("http://www.kousotu.com/img/tab/nin.png") repeat-x bottom;}
	*/
    

	
/*------タブUPここまで------------------------*/
#tab01{width:90px;}* html li#tab01 {width:87px;}#tab02{width:90px;}* html li#tab02 {width:87px;}#tab03{width:50px;}* html li#tab03 {width:47px;}#tab04{width:128px;}* html li#tab04 {width:125px;}#tab05{width:90px;}* html li#tab05 {width:87px;}#tab06{width:90px;}* html li#tab06 {width:87px;}#tab07{width:80px;}* html li#tab07 {width:77px;}li#tab01{margin-left:0px;}
* html li#tab01{display:inline;}


li#tab01 a,li#tab01{
	background:url("http://www.shinrin-ringyou.com/img/tab/right_both_grn.png") no-repeat right top;color:forestgreen;
}
li#tab02 a{
	background:url("http://www.shinrin-ringyou.com/img/tab/right_both_wod.png") no-repeat right top;color:#543A29;
}
li#tab03 a{
	background:url("http://www.shinrin-ringyou.com/img/tab/right_both_choco.png") no-repeat right top;color:#d2691e;
}

* html li#tab01 a{
	display:inline;
	line-height:32px;
	padding-right:15px;
	background:url("http://www.shinrin-ringyou.com/img/tab/right_both_grn.png") no-repeat right 2px;
	}
li#tab01{background:url("http://www.shinrin-ringyou.com/img/tab/left_both_grn.png") no-repeat left top;}
li#tab02{background:url("http://www.shinrin-ringyou.com/img/tab/left_both_wod.png") no-repeat left top;}
li#tab03{background:url("http://www.shinrin-ringyou.com/img/tab/left_both_choco.png") no-repeat left top;}

li#tab04 a{background:url("http://www.shinrin-ringyou.com/img/tab/right_both_royal.png") no-repeat right top;
color:royalblue;}
li#tab04 {background:url("http://www.shinrin-ringyou.com/img/tab/left_both_royal.png") no-repeat left top;}

li#tab05 a{background:url("http://www.shinrin-ringyou.com/img/tab/right_both_d-olv.png") no-repeat right top;
color:darkolivegreen;}
li#tab05 {background:url("http://www.shinrin-ringyou.com/img/tab/left_both_d-olv.png") no-repeat left top;}

li#tab06 a{background:url("http://www.shinrin-ringyou.com/img/tab/right_both_d-gold.png") no-repeat right top;
color:darkgoldenrod;}
li#tab06 {background:url("http://www.shinrin-ringyou.com/img/tab/left_both_d-gold.png") no-repeat left top;}

li#tab07 a{background:url("http://www.shinrin-ringyou.com/img/tab/right_both_fire.png") no-repeat right top;
color:firebrick;}
li#tab07 {background:url("http://www.shinrin-ringyou.com/img/tab/left_both_fire.png") no-repeat left top;}

/*---------------------
　タブ下
---------------------*/
#tab_shita{
		width:790px;
		height:auto;
		margin:0px auto 10px auto;
		background-color:#ffc;
		clear:both;
		/*background-image:url(../img/bg_tab_shita.png);*/
}
#tab_shita p{font-size:14px;font-size:1.4rem;margin-left:10px;line-height:180%;}
/*---------------------
　骨格　
---------------------*/
#main{
	
/*background-color:#efefef;*/
width:430px;
margin-left:180px;
float:left;
display:inline;/*IEバグ対策*/
}

#left{
float:left;
width:160px;
/*background-color:#ffc;*/
margin-left:-600px;
display:inline;/*IEバグ対策*/
}

	
	
#right{
float:left;
width:160px;
/*background-color:#ffc;*/
margin-left:10px;
display:inline;/*IEバグ対策*/
}


#footer{
clear:both;
width:790px;
height:27px;
background-color:#500;
background-image:url(../img/enjyu_bar.jpg);
background-repeat:no-repeat;
margin:0px auto 10px auto;
padding:auto;
}


/*---------------------
　フッターデザイン　
---------------------*/
#footer {
font-size:14px;
color:#fff;
text-align:center;
line-height:24px;
}

#footer a{
			color:#fff;
			text-decoration:none;
}

#footer a:hover
			{
			color:yellow;
			text-decoration:underline;
			}

#footer img{
			vertical-align:middle;
			border:0px;
		}




/*---------------------
　メニュー系　
---------------------*/
.menu{
		width:155px;
		margin-bottom:20px;
}
.menu_title{
	border-left:solid 0.4em forestgreen;
	border-bottom:dashed 1px forestgreen;
	color:forestgreen;
	padding-left:0.5em;
	font-size:14px;
	height:24px;
	line-height:24px;
	}
.menu_con{margin-bottom:24px;}
.menu_con li{list-style-type: none;letter-spacing:-0.1px;}	

.menu_con a{
	color:forestgreen;
	padding-left:14px;
	font-size:12px;
	margin:0px 0px 0px 3px;
	border-bottom:dashed 1px forestgreen;
	display:block;
	text-decoration:none;
	background-image:url(../img/box_list_grn.gif);
	background-repeat:no-repeat;
	background-position: 0px 7px;
	height:24px;
	line-height:24px;
	overflow:hidden;
	}

.menu_con a:hover{
	color:#ff0000;
	background-color:#ffc;
	background-image:url(../img/box_list_red.gif);		
	}
.menu_con li a span{
	color:firebrick;
	font-size:10px;font-size:1rem;}

#right div.bnr img,#left div.bnr img{display:block;margin:10px auto;}	
#right div.bnr iframe,#left div.bnr iframe{display:block;margin:10px auto;}	



/*---------------------
　サイドブック紹介
---------------------*/
.side_book{
width:160px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom:15px;
}

.side_book h2{
	font-size:14px;
	margin:10px 5px 5px 5px;
	text-align:center;
}

.side_book h3 {
margin:10px auto 8px auto;
font-weight:normal;
width:145px;
text-shadow: 1px 1px 0px white;	
}

.side_book h3 a span{
	font-size:12px;
}
.side_book h4{
	width:145px;
	font-size:12px;
	margin:0px auto 8px auto;
	color:royalblue;
	line-height:16px;
}


.side_book img{
	display:block;
	margin:0px auto 10px auto;
}


.side_book .bok_img{
	display:block;
	width:140px;
	margin:10px auto;
}

.side_book p{
color:#333;
text-shadow: 1px 1px 0px white;	
text-align:justify;
text-justify:inter-word;
margin:5px 10px 0px 10px;
padding-bottom:0px;
line-height:24px;
font-size:13px;
}

.side_book li{
	list-style-type:none;
	margin-bottom:10px;
	width:140px;
	margin:5px auto;	
	margin-left:5px;
	font-size:12px;	
		}

.side_book hr{
	border-style:dashed;
	border-width:1px;
	margin:7px 3px;
	border-color: #fff #fff #666 #fff;
}
a.to_detail{margin:7px auto;font-size:12px;}
.p_p{font-size:12px;margin:10px 0px 10px 5px;}
a.to_detail{
	display:block;
	width:96%;
	text-align:right;
	font-size:14px;
}

/*---------------------
　書籍購入ボタン
---------------------*/

.bokshop_side{
	width:160px;
	margin:0px auto 10px auto;
}

.bokshop_side li{
	float:left;
	list-style-type:none;
	margin:5px 0px 3px 7px;
	width:70px;
}
.bokshop_side li a{
	display:block;
	width:72px;
	height:20px;
	}

.bokshop_side a:hover{text-decoration:none;}
	ul.bokshop_side li.amazon a{background-image:url(../books/img/btn/amazon/s/off.png);}
	ul.bokshop_side li.amazon a:hover{background-image:url(../books/img/btn/amazon/s/on.png);}
	
	ul.bokshop_side li.maruzen a{background-image:url(../books/img/btn/maruzen/s/off.png);}
	ul.bokshop_side li.maruzen a:hover{background-image:url(../books/img/btn/maruzen/s/on.png);}
	
	ul.bokshop_side li.honto a{background-image:url(../books/img/btn/honto/s/off.png);}
	ul.bokshop_side li.honto a:hover{background-image:url(../books/img/btn/honto/s/on.png);}
	
	ul.bokshop_side li.kino a{background-image:url(../books/img/btn/kino/s/off.png);}
	ul.bokshop_side li.kino a:hover{background-image:url(../books/img/btn/kino/s/on.png);}
	
	ul.bokshop_side li.e-hon a{background-image:url(../books/img/btn/e-hon/s/off.png);}
	ul.bokshop_side li.e-hon a:hover{background-image:url(../books/img/btn/e-hon/s/on.png);}

/*---------------------
　リンクアイコン付加　
---------------------*/
.exlnk {
background-image: url(http://www.shinrin-ringyou.com/img/icn_win.gif);
background-position: right 0px;
background-repeat: no-repeat;
padding-right:22px;
}