@charset "euc-jp";

body{
 margin:0;
 padding:0;
 font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
 text-align:left;
 margin:0;
 padding:0px;
 font-size:90%;
 line-height:150%;
 color:#000000;
 /*background-image:url(images/bg.gif);
 background-repeat:repeat;
 background-color:#999999;*/
}

div{margin:0;padding:0;}

/*****   body→contents  *****/


/*****  header背景画像に重なるためposition設定  *****/

#header{
 width:860px;
 position:relative;
 top:-55px;
 /*border-bottom:dashed 1px #8b5c29;*/
 }

#logo{
 width:250px;
 height:68px;
 margin:0 0 0 20px;
 float:left;
/* background-image:url(images/logo.gif);
 background-repeat:no-repeat;*/
 }

h1{
 margin:0;
 padding-top:10px;
 padding-right:40px;
 font-size:16px;
 text-align:right;
 color:#2f2f2f;
}


h2{
 margin:20px 30px 15px 0;
 padding:0 0 0 15px;
 font-size:16px;
 font-weight:bold;
 line-height:135%;
 border-bottom:solid 2px #c7d9d9;
 color:#2f2f2f;
}


h3{
 margin:0 0 5px 0;
 padding:7px;
 font-size:14px;
 font-weight:bold;
 line-height:135%;
 background-color:#d9d9c7;
 color:#2f2f2f;
}

h4{
 margin;7px;
 padding:5px;
 font-size:14px;
 font-weight:bold;
 line-height:135%;
 background-color:#c7d9d9;
 color:#2f2f2f;
}

/**********   headermenu   **********/

.link{
	width:320px;
	height:30px;
	margin:10px 30px 0 0;
	float: right;
	display: inline;
}

.link div{
 float:left;
 padding:5px 10px;
 border-right:solid 1px #575757;
}

.link a{
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 white-space:nowrap;
 border-bottom:solid 3px #575757;
}

.link a:link, .link a:visited {
 color:#3f3f3f;
}

.link a:hover,.link a:active{
 color:#000000;
}

/**********    contents    **********/

#container_know{
 width:860px;
 margin-top:65px;
 margin-left:auto;
 margin-right:auto;
 background-image:url(images/bg_know.jpg);
 background-repeat:no-repeat;
}

#container_joy{
 width:860px;
 margin-top:65px;
 margin-left:auto;
 margin-right:auto;
 background-image:url(images/bg_joy.jpg);
 background-repeat:no-repeat;
}

#container_shop{
 width:860px;
 margin-top:65px;
 margin-left:auto;
 margin-right:auto;
 background-image:url(images/bg_food.jpg);
 background-repeat:no-repeat;
}

/********************   contents/side/rightfloatの親ボックス   *************************/

#contents{
 clear:both;
 width:860px;
 position:relative;
 top:-60px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:10px;
 padding:0;
 /*border:dashed 1px blue;*/
}

/********************   side    *************************/

#side{
 float:left;
 width:210px;
 height:100%;
 margin:0;
 padding:0;
 /*border-right:dashed 1px #f5f5dc;
 /**background-color:#f5f5dc**/
}


/********************   sidemenu 180px    *************************/

#menu{
width: 135px;
height:500px;
margin:300px 0 0 35px;
padding:0;
/*border: dashed 1px red;*/
}

#menu ul{
margin:0 0 15px 5px;
padding:0;
}

#menu li {
margin-left:0;
margin-bottom:5px;
list-style-type:none;
font-weight:bold;
text-align: left;
}

/*****   リンク文字   ****/

#menu li a{
font-size:12px;
text-decoration: none;
}

#menu li a:link,#menu li a:visited {
color: white;
}

#menu li a:hover,#menu li a:active {
color: white;
text-decoration: underline;
}

.title_know{
margin:10px 0 5px 5px;
height:35px;
padding:10px 0px 5px 50px;
background:  url(images/btn_know.gif);
background-repeat:no-repeat;
color: white;
font-weight:bold;
}

.title_food{
margin:10px 0 5px 5px;
height:35px;
padding:10px 0px 5px 50px;
background:  url(images/btn_food.gif);
background-repeat:no-repeat;
color: white;
font-weight:bold;
}

.title_joy{
margin:10px 0 5px 5px;
height:35px;
padding:10px 0px 5px 50px;
background:  url(images/btn_joy.gif);
background-repeat:no-repeat;
color: white;
font-weight:bold;
}


/*****   rignt   *****/

#right{
 float:right;
 width:635px;
 margin:0;
 padding:0;
 /*border: dashed 1px red;*/
 /**background-color:#ffebcd;**/
}

#topimage{
 width:605px;
 height:226px;
 margin-top:0;
 margin-left:0;
 maring-right:0;
 padding:0;
 background-image:url(images/content_top.jpg);
 background-repeat:no-repeat;
 }

#topimage_cam{
 width:605px;
 height:226px;
 margin-top:0;
 margin-left:0;
 maring-right:0;
 padding:0;
 background-image:url(images/cam/top2010.jpg);
 background-repeat:no-repeat;
 }

/*****   column   *****/

.column{
 padding:0;
 padding-bottom:10px;
 width:600px;
 margin:0 15px 15px 0;
 color:#3f3f3f;
 border: dashed 1px #d9d9c7;
}

.column_left{
 float:left;
 padding:5px 0 5px 10px;
 width:280px;
 color:#3f3f3f;
}

.column_right{
 float:right;
 margin:0;
 padding:5px 10px 5px 5px;
 width:290px;
 color:#3f3f3f;
}

.column p{margin:15px 10px;}

/*****   レポートページ上部の右コラムに適用（背景と重ならないよう）   *****/
.column_s{
 float:right;
 line-height:140%;
 margin:0;
 padding:5px;
 width:280px;
 color:#3f3f3f;
}


/*****   観光リンク   *****/

dl{
 margin:20px;
 line-height:200%;
} 

dt{
 font-weight:bold;
}

dt a:link, dt a:visited {
 color:#8b5c29;
}

dt a:hover, dt a:active{
 color:#8fbc8f;
}


/*****   footer   *****/

#footer{
 clear:both;
 width:860px;
 padding:5px 0;
 text-align:center;
 font-weight:bold;
 font-size:90%;
 color:white;
 background-color:#000000;
}
 
.floatclear{
 clear:both;
 overflow:hidden;
}

/*****  レポートページ画像 *****/

.rep_img{
 margin-top:40px;
}

.rep_img2{
 margin-top:65px;
}

/*****  a要素画像 *****/

a img{
 margin:0;
 border-style:none;
}

/*****  メンバー画像 *****/

.member{
 margin:5px ;
 }

/*****  サイトマップ *****/

#sitemap ul {
 margin:30px;
 list-style-type:none;
}

#sitemap ul#block01 {
 margin-top:5px;
}
#sitemap ul#block02 {
 margin-bottom:10px;
}

#sitemap ul li {
 margin-top:10px;
}
#sitemap ul li span{
 margin-right:5px
}

#sitemap ul li a{
 text-decoration:none;
}

#sitemap ul li a:link,#sitemap ul li a:visited{
 color:#575757;
}

#sitemap ul li a:hover,#sitemap ul li a:active{
 color:#5a3d1c;
 font-weight:bold;
}


/*****  リンク文字 *****/

a:link { color: #1f3666; } 
a:visited { color: #1f1f66; } 
a:hover { color: #1f6666; } 
a:active { color: #4c264d; } 



/*****  text *****/

.jump {
 font-size:105%;
 text-align:right;
 margin:10px 20px;
 white-space:nowrap;
}

.jump a:link, .jump a:visited {
 color:#ff7f50;   /****  #8b5c29 #8fbc8f ****/
}

.jump a:hover,.jump a:active{
 color:#ff6347;
}

/*****  サイドメニュー用リンク文字 *****/

.jump_2 {
 font-size:90%;
 margin:10px 0 10px 5px;
 white-space:nowrap;
}

.jump_2 a:link, .jump_2 a:visited {
 color:#ff7f50;   /****  #8b5c29 #8fbc8f ****/
}

.jump_2 a:hover,.jump_2 a:active{
 color:#ff6347;
}


/* clearfix ---------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display:inline-block;
}
/*\*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}