/* -- Body設定 -- */
body {
	margin:0;
	#background: #FFF;
	#font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-family: Meiryo,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	z-index:0; 
}

img {border: 0; }

a:link {
	color: #404040;
	text-decoration: none;   /* 下線を消す */
}

a:visited {                 /* 既に見たリンク */
	color: #404040;
	text-decoration: none;     /* 下線を消す */
}

a:hover {                   /* カーソルが上にある時のリンク */
	color: #0094FF;
	text-decoration:underline;
}

a:active {
	color: #404040;
	text-decoration: none;   /* 下線を消す */
}

.link_text{
	font-size: 16px;
	width: 582px;
	margin-left: 8px;
	margin-bottom: 10px;
	color: #0085E5;
	line-height: 32px;
}

.link_text a:link {
	color: #0085E5;
	border-bottom:1px solid;
	padding-bottom: 0px;
}

.link_text a:visited {                 /* 既に見たリンク */
	#color: #57007F;
	color: #0085E5;
}

.link_text a:hover {                   /* カーソルが上にある時のリンク */
	color: #FF4949;
}

.link_text a:active {
	color: #0085E5;
}

#bread_crumb{
	margin-bottom:10px;
	font-size: 14px;
	background:#FF9;
	background: url("../img/main_menu_bg.jpg");
	padding: 5px;
	width:580px;
	
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

#bread_crumb a:link {
	color: #0085E5;
	border-bottom:1px solid;
	padding-bottom: 0px;
}

#bread_crumb a:visited {                 /* 既に見たリンク */
	#color: #57007F;
	color: #0085E5;
}

#bread_crumb a:hover {                   /* カーソルが上にある時のリンク */
	color: #FF4949;
}

li { list-style: none; }

h1{
	font-size: 32px;;
	font-weight:normal;
	margin: 0;
	padding: 0;
}

h2{
	font-size: 24px;
	line-height:36px;
	font-weight:normal;
	color: #000;
	margin:0px;
	padding-left: 15px;
	border-left: solid 5px #7F3300;
}

h3{
	font-size: 14px;
	line-height:18px;
	font-weight:normal;
	color: #000;
	margin:0px;
}

.img_box{
	margin-top:10px;
	margin-bottom:10px;	
}

/* 背景 */
.base {
	width: 100%;
	#background: #FFF6E0;
}

table{
	border-collapse:collapse;
	#border:1px #B3B2B3 solid;
}

.title_flame{
	width: 547px;
	height: 32px;
	line-height: 32px;
	background: #CCCCCC;
	#border-left: 10px solid #004A7F;
	#border-right: 10px solid #004A7F;
	border-left: 10px solid #C0C0C0;
	border-right: 10px solid #C0C0C0;
	text-align: center;
}

.title_flame_text{
	width: 527px;
	#width: 100%;
	height: 32px;
	line-height: 32px;
	#background: #CCCCCC;
	background: #fff;
	border-left: 10px solid #808080;
	border-right: 10px solid #808080;
	#border-left: 10px solid #B7B7B7;
	#border-right: 10px solid #B7B7B7;
	text-align: center;
	color: #696969;
	font-size: 14px;
}

#contents_image{
	margin-bottom:10px;	
}

/* テーブル */
.table_title{
	font-size: 16px;
	font-weight:bold;
	margin-top: 15px;
	margin-bottom:7px;
	text-align:center;
}

.table_header_1{
	text-align:center;
	border: #999 solid 1px;
	background:#CCC;
	font-weight:bold;
	padding:5px;
	font-size: 14px;
}

.table_content_1{
	text-align:center;
	border: #999 solid 1px;
	line-height: 24px;
	font-size: 14px;
}

/* トップメインイメージ */
#top_main {
	width: 936px;
	margin:0 auto;
	background: #ffffff;
}

#header{
	width: 936px;
	height: 70px;
	margin: 0 auto;
}

#title_logo a{
	display: block;
	position: absolute;
	text-decoration: none;
	width: 240px;
	height:60px;
	z-index:1;
	margin-top:25px;
}

#title_text{
	display: block;
	position: absolute;
	font-size: 12px;
	margin-top: 5px;
	width:750px;
	color: #404040;
	line-height:16px;
}

#header_line{
	width:100%;
	height:5px;
	#background: #606060;
	#background: #101010;
	background: url(../img/bg_6.jpg);
}

#header_hatena{
	display: block;
	position: absolute;
	#margin-top: 32px;
	margin-top: 62px;
	margin-left: 680px;
}

#header_link{
	margin-top: 5px;
	#margin-left: 720px;
	position: absolute;
	font-size: 14px;
	width: 936px;
	text-align:right;
}

#site_search {
	#margin-top: 57px;
	margin-top: 32px;
	#margin-left: 250px;
	margin-left: 680px;
	width: 194px;
	height: 30px;
	display: block;
	position: absolute;
}

#ads_header{
	border:1px #ccc solid;
	position: absolute;
	margin-top: 28px;
	margin-left: 430px;
}

#goto_top a{
	width: 60px;
	height: 25px;
	display: block;
	#border: solid 1px #000;
	margin-top: 15px;
	margin-left: 660px;
	position: absolute;
}

#footer {
	width: 100%;
	height: 320px;
	border-top: solid 1px #FFE0CC;
	background: url(../img/bg_3.jpg);
}

#footer_ads_box {
	width: 936px;
	margin: 0 auto;
	margin-bottom: 20px;
}


#footer_top_line{
	border-bottom: solid 1px #696969;
}

#footer_location {
	width: 936px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	color: #000;
}

#footer_location a:link{
	color: #000;
}


#footer_location a:visited{
	color: #000;
}

#footer_location a:hover{
	color: #FF0000;
}

#footer_left {
	position: absolute;
	width: 169px;
	text-align: left;
	line-height: 24px;
}

#footer_middle {
	position: absolute;
	width: 169px;
	margin-left: 249px;
	text-align: left;
	line-height: 24px;
}


#footer_right {
	position: absolute;
	width: 169px;
	margin-left: 498px;
	text-align: left;
	line-height: 24px;
}

#footer_4 {
	position: absolute;
	width: 169px;
	margin-left: 747px;
	line-height: 24px;
}

.footer_title{
	font-weight:bold;
	font-size:16px;
	border-bottom:solid 1px #2D2D2D;
	width: 179px;
	line-height:28px;
}

.footer_title_line{
	#border-top:solid 1px #A0A0A0;
	border-top:solid 1px #FFE0CC;
	width: 179px;
	height: 10px;
}

#footer_copyright {
	position: absolute;
	width: 936px;
	margin-top: 280px;
	text-align:center;
	color: DBDBDB;
	font-size: 10px
}

/* サイドメニュー */
#side_menu_1 a{
	width: 316px;
	height: 100px;
	display: block;
	background: url("../img/trees_and_mushrooms_2.png");
	#margin-top:10px;
	margin-left:10px;
}
#side_menu_1 a:hover{
	background-position: 0 -100px;
}

#side_menu_2 a{
	width: 316px;
	height: 100px;
	display: block;
	background: url("../img/food_and_mushrooms_2.png");
	margin-left:10px;
}
#side_menu_2 a:hover{
	background-position: 0 -100px;
}

#side_menu_3 a{
	width: 316px;
	height: 100px;
	display: block;
	background: url("../img/mushroom_hunting_2.png");
	margin-left:10px;
}
#side_menu_3 a:hover{
	background-position: 0 -100px;
}

#side_menu_4 a{
	width: 316px;
	height: 100px;
	display: block;
	background: url("../img/name_of_part_side.jpg");
	margin-left:10px;
}
#side_menu_4 a:hover{
	background-position: 0 -100px;
}

#side_menu_5 a{
	width: 316px;
	height: 100px;
	display: block;
	background: url("../img/preservation_side.jpg");
	margin-left:10px;
}
#side_menu_5 a:hover{
	background-position: 0 -100px;
}

#side_menu_6 a{
	width: 316px;
	height: 100px;
	display: block;
	background: url("../img/terminology_side.jpg");
	margin-left:10px;
}
#side_menu_6 a:hover{
	background-position: 0 -100px;
}

#side_menu_7 a{
	width: 316px;
	height: 100px;
	display: block;
	background: url("../img/mushroom_cultivation_side.jpg");
	margin-left:10px;
}
#side_menu_7 a:hover{
	background-position: 0 -100px;
}

.ranking_box{
	width:324px;
	border:solid 1px #ccc;
	line-height:24px;
	background:#FFF;
	padding:5px;	
}

/* メインメニュー */
#main_menu_box{
	background:#FF9;
	background: url("../img/main_menu_bg.jpg");
	margin-top:20px;
	margin-bottom:10px;
	padding:10px;
	
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
}

.main_menu_title{
	float: left;
	background: #7F3300;
	color: #fff;
	line-height: 24px;
	width: 60px;
	text-align: center;
	font-size: 14px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

.main_menu_contents{
	float: left;
	line-height: 24px;
	height: 24px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.main_menu_contents a:hover{
	background:#963;
	
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	
	color:#fff;
	
	border-top: 1px solid #443900;
	border-bottom: 1px solid #fff;
	
	text-shadow: 0px 1px 3px #000;
	text-decoration:none;
}

.main_menu_border_first{
	float:left;
	line-height:24px;
	font-size:14px;
	color:#A0A0A0;
	margin-left:20px;
}

.main_menu_border{
	float:left;
	line-height:24px;
	font-size:14px;
	color:#A0A0A0;
}

.menu_season{
	width:70px;
	height:24px;
	display:block;
	text-align:center;
}

.menu_1{
	width:60px;
	height:24px;
	display:block;
	text-align:center;
}

.menu_2{
	width:80px;
	height:24px;
	display:block;
	text-align:center;
}

.menu_3{
	width:100px;
	height:24px;
	display:block;
	text-align:center;
}

.menu_4{
	width:150px;
	height:24px;
	display:block;
	text-align:center;
}

/* トップ画面 */

#top_main_contents {
	width: 936px;
	margin:0 auto;
	background: #fff;
}

.top_bottom_menu_1{
	float: left;
	width: 311px;
	height: 160px;
	border: solid 1px #ccc;
}

.top_bottom_menu_1_btn a{
	width: 290px;
	height: 100px;
	display:block;
	background: url("../img/top/trees_and_mushrooms_2.png");
	margin-top:10px;
	margin-left:10px;
}
.top_bottom_menu_1_btn a:hover{
	background-position: 0 -100px;
}

.top_bottom_menu_2{
	float: left;
	width: 310px;
	height: 160px;
	border: solid 1px #ccc;
	border-left: 0px;
}

.top_bottom_menu_2_btn a{
	width: 290px;
	height: 100px;
	display:block;
	background: url("../img/top/food_and_mushrooms_2.png");
	margin-top:10px;
	margin-left:10px;
}
.top_bottom_menu_2_btn a:hover{
	background-position: 0 -100px;
}

.top_bottom_menu_3{
	float: left;
	width: 311px;
	height: 160px;
	border: solid 1px #ccc;
	border-left: 0px;
}

.top_bottom_menu_3_btn a{
	width: 290px;
	height: 100px;
	display:block;
	background: url("../img/top/mushroom_hunting_2.png");
	margin-top:10px;
	margin-left:10px;
}
.top_bottom_menu_3_btn a:hover{
	background-position: 0 -100px;
}

.top_bottom_menu_4{
	float: left;
	width: 311px;
	height: 160px;
	border: solid 1px #ccc;
	border-top: 0px;
}

.top_bottom_menu_4_btn a{
	width: 290px;
	height: 100px;
	display:block;
	background: url("../img/top/name_of_part.jpg");
	margin-top:10px;
	margin-left:10px;
}
.top_bottom_menu_4_btn a:hover{
	background-position: 0 -100px;
}

.top_bottom_menu_5{
	float: left;
	width: 310px;
	height: 160px;
	border: solid 1px #ccc;
	border-top: 0px;
	border-left: 0px;
}

.top_bottom_menu_5_btn a{
	width: 290px;
	height: 100px;
	display:block;
	background: url("../img/top/preservation.jpg");
	margin-top:10px;
	margin-left:10px;
}
.top_bottom_menu_5_btn a:hover{
	background-position: 0 -100px;
}

.top_bottom_menu_6{
	float: left;
	width: 310px;
	height: 160px;
	border: solid 1px #ccc;
	border-top: 0px;
	border-left: 0px;
}

.top_bottom_menu_6_btn a{
	width: 290px;
	height: 100px;
	display:block;
	background: url("../img/top/terminology_top.jpg");
	margin-top:10px;
	margin-left:10px;
}
.top_bottom_menu_6_btn a:hover{
	background-position: 0 -100px;
}

.top_bottom_menu_0_2{
	float: left;
	width: 311px;
	height: 160px;
	border: solid 1px #ccc;
	border-top: 0px;
	border-left: 0px;
}

.top_bottom_menu_0_2_btn a{
	width: 290px;
	height: 100px;
	display:block;
	margin-top:10px;
	margin-left:10px;
}
.top_bottom_menu_0_2_btn a:hover{
	background-position: 0 -100px;
}



.top_bottom_menu_text{
	margin-top: 5px;
	margin-left: 10px;
	width: 292px;
	font-size: 12px;
	line-height: 18px;
}

.top_bottom_contents_box{
	float: left;
	width: 300px;
}

.top_bottom_banner_box{
	float: left;
	#width: 300px;
	width: 336px;
	background: url(../img/bg_7.jpg);
}

.side_banner_box{
	float: left;
	width: 336px;
	#background: url(../img/bg_7.jpg);
}

.side_banner_box_menu{
	padding-top:10px;
	width: 336px;
	background: url(../img/bg_7.jpg);
}

.top_bottom_contents_title{
	width: 265px;
	font-size: 16px;
	border-left: solid 5px #7F3300;
	padding-left: 15px;
	line-height: 30px;
	font-weight:bold;
}

#top_bottom_news_contents{
	width: 290px;
	height: 450px;
	border: solid 1px #E5E5E5;
	margin-top: 5px;
	overflow:auto;
	background:#E5E5E5;
}

.top_bottom_contents_text{
	width: 280px;
	font-size: 12px;
	line-height: 20px;
	margin-top: 5px;
}

.top_date_text{
	font-size: 12px;
	line-height:20px;
	margin-top:5px;
	margin-left:10px;
	color:#0094FF;
	
}

.top_news_text{
	font-size: 12px;
	line-height:20px;
	width:250px;
	margin-left:10px;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
}

/* ページコンテンツ */
.index_contents{
	width: 280px;
	border: solid 1px #ccc;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 14px;
	line-height: 24px;s
}

#wood_name{
	width: 570px;
	font-size: 32px;
	color: #000;
	line-height:48px;
	height:48px;
	padding-left:20px;
	border-left: solid #7F0000 6px;
	
	margin-bottom:10px;
}

#wood_name span{
	font-size: 16px;
	color: #404040;
	margin-left: 20px;
}

#wood_name_line{
	width: 580px;
	height:14px;
	display:block;
	border-left: solid #000 6px;
	border-bottom: solid #000 1px;
}

#kinoco_name{
	width: 570px;
	font-size: 32px;
	color: #000;
	line-height:48px;
	height:48px;
	padding-left:20px;
	border-left: solid #7F0000 6px;
	
	margin-bottom:10px;
}

#kinoco_name span{
	font-size: 16px;
	color: #404040;
	margin-left: 20px;
}

#kinoco_name_line{
	width: 580px;
	height:14px;
	display:block;
	border-left: solid #000 6px;
	border-bottom: solid #000 1px;
}

.wood_contents{
	width: 290px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size:14px;
	line-height:26px;
}

.wood_contents a{
	color: #0026FF;
}


.kinoco_contents{
	width: 290px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size:14px;
	line-height:26px;
}

.kinoco_contents a{
	color: #0026FF;
}

.kinoco_contents2{
	width: 590px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size:14px;
	line-height:26px;
}

.kinoco_contents2 a{
	color: #0026FF;
}



.contents_title{
	width: 570px;
	font-size: 24px;
	color: #000;
	line-height:40px;
	padding-left:20px;
	border-left: solid #7F0000 6px;
}

.contents_title span{
	font-size: 16px;
	color: #404040;
	margin-left: 20px;
}

.description{
	width: 580px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
}

.affiliate_description{
	float:left;
	width:278px;
	padding:10px;
	line-height:24px;
	font-size:14px;
	background:#666;
	color:#fff;
	border:#000 1px solid;
}

.affiliate_banner{
	float:left;
	width:300px;
}


/* お問合せ */
.contact_header{
	#background: #004A7F;
	background: #808080;
	border: 4px solid #fff;
	color: #fff;
	line-height: 36px;
	width: 160px;
	text-align: center;
}

.contact_contact{
	background: #e2e2e2;
	border: 4px solid #fff;
	color: #000;
	text-align: left;
	padding: 10px 4px;
	width: 400px;
}

#contact_send{
	font-size: 16px;
	float:left;
	margin-top: 10px;
}

#contact_reset{
	font-size: 16px;
	float:left;
	margin-top: 10px;
	margin-left:20px;
}

/* コンテンツ記事用 */
.contentes_left_photo{
	float:left;
	width:240px;
}

.contentes_left_text{
	float:left;
	width:325px;
	margin-left:15px;
}

.contentes_banner_1{
	margin-bottom:10px;
}

.contentes_banner_2{
	margin-bottom:20px;
	margin-top:10px;
}

.contentes_banner_3{
	width:250px;
	margin-bottom:10px;
	margin-top:10px;
	border:#E5E5E5 20px solid;
}

/* サイトマップ */
.sitemap_contents_box{
	float: left;
	width: 200px;
}

.sitemap_contents_title{
	width: 190px;
	font-size: 14px;
	border-left: solid 5px #7F0000;
	padding-left: 15px;
	line-height: 24px;
}

.sitemap_contents_text{
	width: 190px;
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
}

.sitemap_line{
	width:580px;
	border-top: solid 1px #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sitemap_wood_name{
	width: 570px;
	font-size: 18px;
	color: #000;
	line-height:28px;
	padding-left:20px;
	border-left: solid #7F0000 6px;
	#margin-bottom:10px;
}

#sitemap_wood_name span{
	font-size: 14px;
	color: #404040;
	margin-left: 20px;
}

.sitemap_contents_title_2{
	width: 190px;
	font-size: 14px;
	border-left: solid 5px #7F0000;
	padding-left: 15px;
	line-height: 24px;
	margin-top: 10px;
}

/* 木材の性質 */
.nature_description{
	width: 600px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
}

.nature_contents_title{
	width: 570px;
	font-size: 16px;
	border-left: solid 5px #7F0000;
	padding-left: 15px;
	line-height: 26px;
}

.nature_contents_text{
	width: 570px;
	font-size: 14px;
	line-height: 18px;
	margin-top: 5px;
}

.nature_photo_box{
	float:left;
	width:300px;
}


#ranking_titel{
	width:326px;
	background:#7F3300;
	color:#FFF;
	font-size:16px;
	text-align:center;
	vertical-align : middle;
	padding:5px;
}

/* サイドメニュー */
#side_ads_title{
	width:322px;
	background:#fff;
	color:#303030;
	font-size:16px;
	text-align:center;
	vertical-align : middle;
	padding:3px;
}


/* フッターAds */
#footer_ads_title{
	width:718px;
	background:#fff;
	color:#303030;
	font-size:16px;
	text-align:center;
	vertical-align : middle;
	padding:3px;
}

/* コンテンツ内Ads */
#contentes_banner_title{
	width:462px;
	background:#fff;
	color:#303030;
	font-size:16px;
	text-align:center;
	vertical-align : middle;
	padding:3px;
}

/* アコーディオン */
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
	color :#000;
    font-weight: bold;
	background :#f0dfaf;
    cursor :pointer;
    #transition: all 0.5s;
	font-size:16px;
	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#996633;
	color: #fff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    #transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
	
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.relation_ads_title{
	width: 920px;
	background:#7F3300;
	color:#FFF;
	font-size:16px;
	text-align:center;
	vertical-align : middle;
	padding:5px;
}

.photolist {
	width: 146px;
	height: 146px;
	object-fit: cover;
	display: block;
}

/* 栽培メニューボタン */
#kinshousaibai_kikurage a{
	width: 564px;
	height: 88px;
	display: block;
	background: url("../img/kinsyou_kikurage_button2_pc.jpg");
	border-radius: 5px;
}
#kinshousaibai_kikurage a:hover{
	background-position: 0 -88px;
}

#kinshousaibai_shiitake a{
	width: 564px;
	height: 88px;
	display: block;
	background: url("../img/kinsyou_shiitake_button2_pc.jpg");
	border-radius: 5px;
}
#kinshousaibai_shiitake a:hover{
	background-position: 0 -88px;
}

/* Amazonボタン*/
.btn-square-so-pop-amazon {
  position: relative;
  display: inline-block;
  padding: 0.3em 0.8em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
	font-size: 18px;
  border: solid 2px #d27d00;/*線色*/
	text-align: center;
	width: 180px;
}

/* 楽天ボタン*/
.btn-square-so-pop-rakuten {
  position: relative;
  display: inline-block;
  padding: 0.3em 0.8em;
  text-decoration: none;
  color: #FFF;
  background: #ff918f;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
	font-size: 18px;
  border: solid 2px #a51313;/*線色*/
	text-align: center;
	width: 180px;
}

.afi_box{
	border: solid #ff7200 4px;
	border-radius: 8px;/*角の丸み*/
	width: 490px;
	padding-top: 15px;
	font-size: 18px;
}