@charaset "UTF-8";

/*---------------
 デフォルトclearfix
---------------*/
.clearfix:after {
font-size: 0;
height:0;
content:".";
display:block;
clear:both;
visibility: hidden;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}


/*---------------------
 デフォルト　p
---------------------*/
p{
	font-size:14px;font-size:1.4rem;	/*text-align: justify;*/
	/*text-justify: inter-ideograph;*/
	/*text-justify:distribute;*/
	line-height:1.8;
	color:#333;
}

/*---------------
 デフォルト a
---------------*/
a{リンクされた文字
	color:#00f;
	font-style:normal;
	text-decoration:underline;
}/*
a:link {/*未訪問のリンク*/
	color:#00f;
	font-style:normal;
	text-decoration:underline;
}*/
a:visited {/*訪問後のリンク*/
color:#934C7B;
/*    ＿color:lightslategray;
    color:#00f;*/

	text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
	color:#F00;
	font-style:normal;
	text-decoration:underline;
}
a:active {/*クリック中*/
	text-decoration:none;
}

/*---------------------
 body
--------------------- */
body{
	background-image:url(../img/bg/forest.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	width:100%;
}

/*---------------------
 wrap 
--------------------- */
#wrap{
	width:1000px;
	height:auto;
	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);
	margin:0 auto;
	border-top:solid 5px #4b2b16;
	background-color:#fff;
}

/*---------------------
 header部 
--------------------- */

header{height:120px;position:relative;}
header ul{position:absolute;right:10px;top:5px;line-height:1.5;}
header ul li{
	float:left;
	font-size:14px;
	color:#666;
	list-style:none;
	margin-left:15px;
}
header ul li:before{content:url(../img/lst/tri_gry.png);}
header ul li form input#to_sp{
	border:none;
	background-color:transparent;
	padding:0;font-size:12px;
	color:#666;
	cursor:pointer;
}

header ul li a{
	padding-left:3px;
	font-size:12px;
	color:#666;
	text-decoration:none;
}
header .bnr{
	position:absolute;
	right:10px;
	top:40px;
}
header .bnr a{display:block;}/* ←バナーの上位置をpaddingで調整するため */
h1{
	font-size:14px;
	color:#4b2b16;
	position:absolute;
	top:5px;
	left:5px;
}

a#logo{
	display:block;
	margin-bottom:5px;
	position:absolute;
	top:25px;
	left:0px;
}
a#logo img{	display:block;	height:90px;}

nav#head_nav{position:absolute;top:40px;left:400px;line-height:1.5;font-size:16px;font-size:1.6rem;}

nav#line_menu{
	width:100%;
	height:37px;
	background-color:#432f2f;
	background-image: url(../img/enjyu_bar.jpg);

	color:#fff;
	font-size:16px;
}
nav#line_menu a{
	color:#fff;
	line-height:37px;
	font-size:16px;
	text-decoration:none;
	background: url(../img/kugiri.png) no-repeat right center;
	display:table-cell;
	text-align: center;
	padding:0 15px;
}
nav#line_menu a:hover{color:yellow;text-decoration:underline;}
/*nav a:last-child{background:none;}*/

/*---------------------
 Google Search
--------------------- */
#google_sch{
	width:260px;
	position:absolute;
	right:4px;top:125px;
}
.gsc-control-cse {
	background-color: rgba(255,255,255,1.0); 
    border:none!important;
	padding:0px!important;
}
form.gsc-search-box{margin-bottom:0px!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right:0px!important;
}
table.gsc-search-box {margin-bottom:0px!important;}
input.gsc-search-button-v2 {
    width: 12px!important;
    height: 12px!important;
    padding: 6px 10px 7px 10px!important;
    min-width: 12px!important;
    margin-top: 0px!important;
}
	input.gsc-search-button {
    margin-left: 0px!important;
    border-radius: 0px!important;
    -moz-border-radius:0px!important;
    -webkit-border-radius:0px!important;

}
input.gsc-search-button {
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 0 8px;
    height: 29px;
    min-width: 54px;
    border: 1px solid #666666;
}

/*---------------------
 slippry（スライド）系
---------------------*/
#slider_slippry h3{font-size:18px;font-size:1.8rem;	margin-bottom:12px;
	font-weight:normal;
	line-height:2.0;
}
#slider_slippry h3 span{font-size:12.5px;font-size:1.25rem;	display:block;
}
#slider_slippry p{font-size:12.5px;font-size:1.25rem;	line-height:2;
}
.sy-box {margin-bottom:10px;}

/*---------------------
　タブ下(border-topを後に上書きするのでここに書く)
---------------------*/
#tab_shita{
	width:1000px;
	height:auto;
	margin:0px auto 10px auto;
	background-color:#ffffed;
	clear:both;
	min-height:25px;
	border-top:solid 2px #432F2F;
	position:relative;/*取ったらダメ*/
	padding-bottom:5px;
}
#tab_shita div{margin-left:15px;margin-right:15px;line-height:2.0;padding-top:5px;}
#tab_shita>div>p>a{display:inline;}
/*  */
/*---------------------
 タブ系
--------------------- */
/* div#tab…tab_shitaを含む */
#tab {
	width:1000px;
	font-size:16px;
	position:relative;
}
/* タブ群 */
#tab ul {
	margin:0;
	padding:10px 10px 0px 10px;
}
#tab li {
	list-style:none;
	float:left;
	margin:0 0 -4px 10px;/*---タブ左のスペース--*//*★1*/	
	padding-left:15px;/*　=A 左画像の幅と高さ調整*/
}
#tab a {
	/*float:left;*/
	display:block;
	/*width:auto;*/
	padding:15px 14px 14px 7px ;
	text-decoration:none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tab a {float:none;}

/*------------------------------
　マウスオーバでタブをUPする
------------------------------*/
#tab li:hover {
	background-position:0% -150px;
	margin-top:-7px;/*下のpadding-bottomとリンク*/
}
#tab li:hover {margin-top/*\**/: 0px\9; } /* IE8 */
*:first-child+html #tab li:hover{margin-top:0px;} /*IE7*/
* html #tab li:hover{margin-top:0px;}/*IE6*/
#tab li:hover a {
	background-position:100% -150px;
	padding:15px 14px 14px 7px ;
/*【重要】上のpadding-bottomの絶対値＋アップするpx*/
	padding-bottom:21px;
}
	#tab li:hover a {padding/*\**/: 11px\9 0px\9 5px\9 5px\9;} /* IE8 */ 
	*:first-child+html tab li:hover a{padding:11px 0px 5px 5px;}/*IE7*/	
	* html #tab li:hover a {padding:11px 0px 5px 5px;}/*IE6*/

/*---------------------
 タブの背景画像設定と全体にかかるボーダー色
---------------------*/

	li#tab_01 a{background:url(../img/tab/right_both_01.png) no-repeat right top;color:forestgreen;}
	li#tab_01{background:url(../img/tab/left_both_01.png) no-repeat left top;}
	#01 #tab_shita{border-top:solid 2px forestgreen;}

	li#tab_02 a{background:url(../img/tab/right_both_02.png) no-repeat right top;color:#4b1b26;}
	li#tab_02{background:url(../img/tab/left_both_02.png) no-repeat left top;}
	#02 #tab_shita{border-top:solid 2px #4b1b26;}

	li#tab_03 a{background:url(../img/tab/right_both_03.png) no-repeat right top;color:chocolate;}
	li#tab_03{background:url(../img/tab/left_both_03.png) no-repeat left top;}
	#03 #tab_shita{border-top:solid 2px chocolate;}

	li#tab_04 a{background:url(../img/tab/right_both_04.png) no-repeat right top;color:royalblue;}
	li#tab_04{background:url(../img/tab/left_both_04.png) no-repeat left top;}
	#04 #tab_shita{border-top:solid 2px royalblue;}

	li#tab_05 a{background:url(../img/tab/right_both_05.png) no-repeat right top;color:darkolivegreen;}
	li#tab_05{background:url(../img/tab/left_both_05.png) no-repeat left top;}
	#05 #tab_shita{border-top:solid 2px darkolivegreen;}

	li#tab_06 a{background:url(../img/tab/right_both_06.png) no-repeat right top;color:#bc64a4;}
	li#tab_06{background:url(../img/tab/left_both_06.png) no-repeat left top;}
	#06 #tab_shita{border-top:solid 2px #bc64a4;}

	li#tab_07 a{background:url(../img/tab/right_both_07.png) no-repeat right top;color:#d3381c;}
	li#tab_07{background:url(../img/tab/left_both_07.png) no-repeat left top;}
	#07 #tab_shita{border-top:solid 2px #d3381c;}

	li#tab_08 a{background:url(../img/tab/right_both_08.png) no-repeat right top;color:#316745;}
	li#tab_08{background:url(../img/tab/left_both_08.png) no-repeat left top;}
	#08 #tab_shita{border-top:solid 2px #316745;}
/*---------------------
 タブの反転設定
---------------------*/
#forest_japan #tab_01 a{background-position:100% -150px;}#forest_japan #tab_01{
    border-bottom:solid 2px #ffc;
    z-index:10!important;
    background-position:0 -150px;
    position: relative;}#forest_japan #tab_shita{border-top-color:forestgreen;}#ringyou #tab_02 a{background-position:100% -150px;}#ringyou #tab_02{
    border-bottom:solid 2px #ffc;
    z-index:10!important;
    background-position:0 -150px;
    position: relative;}#ringyou #tab_shita{border-top-color:#4b1b26;}#mokuzai #tab_03 a{background-position:100% -150px;}#mokuzai #tab_03{
    border-bottom:solid 2px #ffc;
    z-index:10!important;
    background-position:0 -150px;
    position: relative;}#mokuzai #tab_shita{border-top-color:chocolate;}#ondanka_boushi #tab_04 a{background-position:100% -150px;}#ondanka_boushi #tab_04{
    border-bottom:solid 2px #ffc;
    z-index:10!important;
    background-position:0 -150px;
    position: relative;}#ondanka_boushi #tab_shita{border-top-color:royalblue;}#forest_world #tab_05 a{background-position:100% -150px;}#forest_world #tab_05{
    border-bottom:solid 2px #ffc;
    z-index:10!important;
    background-position:0 -150px;
    position: relative;}#forest_world #tab_shita{border-top-color:darkolivegreen;}#topi #tab_06 a{background-position:100% -150px;}#topi #tab_06{
    border-bottom:solid 2px #ffc;
    z-index:10!important;
    background-position:0 -150px;
    position: relative;}#topi #tab_shita{border-top-color:#bc64a4;}#data #tab_07 a{background-position:100% -150px;}#data #tab_07{
    border-bottom:solid 2px #ffc;
    z-index:10!important;
    background-position:0 -150px;
    position: relative;}#data #tab_shita{border-top-color:#d3381c;}#tree #tab_08 a{background-position:100% -150px;}#tree #tab_08{
    border-bottom:solid 2px #ffc;
    z-index:10!important;
    background-position:0 -150px;
    position: relative;}#tree #tab_shita{border-top-color:#316745;}
/*---------------------
 footer
---------------------*/
footer {
width:100%;height:30px;
margin:auto;
padding:auto;
font-size:14px;font-size:1.4rem;color:#fff;
text-align:center;
line-height:2.3;
background-color:#4b2b16;
overflow:hidden;
}/* overflow:hiddenを入れないと、footerが上がってきてしまう.heightが計算されないため*/
footer a{color:#fff;text-decoration:none;}
footer a:hover{color:yellow;text-decoration:underline;}
footer img{vertical-align:middle;border:0px;}

/*---------------------
 デザイン系
---------------------*/
.mkr{color:#ba2636;background-color:#fdeff2;}
.px12{font-size:12px;font-size:1.2rem;}
.px10{font-size:10px;font-size:1rem;}
div.clear{clear:both;}