@charset "utf-8";

/* CSS Document */
/* ##### リンク ##### */
a {
	color:#6666CC;	
}
.stand {
	color:#6666CC;
	display:block;
	font-size:12px;
	line-height:15px;
	padding-left:15px;
	text-decoration:none;
	background-image:url(img/share/link_mark_blue.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:5px;
}
.stand-right {
	float:right;
	color:#6666CC;
	display:block;
	font-size:12px;
	line-height:15px;
	padding-left:15px;
	text-decoration:none;
	background-image:url(img/share/link_mark_blue.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:5px;	
}
/* 茶色文字 */
.font_color_brown {
	color:#38302E;	
}
/* スペース確保　5px */
.space_height_5px {
	margin-bottom:5px;
	
}
/* ふと文字 */
.font_weight {
	font-weight:bold;	
}
* html .stand {
	padding-top:1px;
}

.side_thum_70 img {
	border: 1px solid #999;	
}

/* ベース */
#base {
	width:858px;
	margin-left:auto;
	margin-right:auto;
	padding-left:4px;
	padding-right:4px;
	background-image: url(img/share/base_bg.gif);
	background-repeat: repeat-y;
}

/* ##### メインエリア ##### */
#main-area {
	width:820px;
	padding-left: 15px;
	padding-right:15px;
}

#wrapper {
	float: left;
	/*width: 630px;*/
	width: 633px;
	/*padding-right: 10px;*/
}

#contents {
	float: right;
	width: 445px;

}


/* ##### 上部イメージの設定 ##### */

#main_g {
	height: 373px;
	width: 850px;
	background: url(img/top/flash.jpg) no-repeat 0px -1px ;
	/*margin-bottom:10px*/
}

#main_g {
	height: 368px;
	width: 850px;
	/*margin:3px 0 0 12px;*/
}

#main_g hr {
	display:none;	
}


/* 作州黒大バナー */
#sakusyuguro_banner {
	width:820px;
	height:284px;
	margin-top:10px;
	margin-bootom:10px;	
}


/* ##### ここからボックス ##### */

.content_box {
	width: 445px;
	margin-bottom:10px;
}
#content_box_event{
	/*height:500px;*/
	height:250px;
	overflow-x:hidden;
	overflow-y:auto;
}
/* ##### イベントエリア ##### */
#event_hd {
	height:29px;
	background-image:url(img/top/top_event_hd.gif);
	background-repeat:no-repeat;
	width: 445px;
	padding-top: 18px;
	padding-left: 0px;
}
#event_hd p {
	float:right;
	margin-right: 10px;
}
#event_box dl {
	clear:both;
	width: 410px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top:5px;
}
* html #event_box dl {
	margin-bottom:-1px;
}

#event_box dt {
	float: left;
	display: block;
	width: 5em;
	padding: 0px;
	line-height: 1.4em;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	margin-top:5px;
}
#event_box dd {
	display: block;
	float:right;
	text-align: left;
	text-indent: -2px;
	line-height: 1.4em;
	margin: 0px;
	padding-right: 0px;
	width:320px;
	padding-top:5px;
}

#event_box dd a {
	height: auto;
	zoom:1;
	padding: 0px;
}
.list_dot {
	background-image: url(img/top/top_event_bg.gif);
	background-repeat: repeat-x;
	background-position:top;	
}
.event_fukusuu {
	background-image: url(img/top/top_event_bg.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	padding-bottom:10px;	
}
#event_box .event_title,
.event_blog_body .event_title {
	/*color:#6666CC;*/
	font-weight: bold;
}
.event_title_new {
	font-weight: bold;
	color:#38302E;	
}
* html .event_title {
	text-indent: 0.1em;
}
#event_box .new {
	color: #F0A29B;
}


/* ##### 観光スポットエリア #####*/
#spot_box {
	width:262px;
	float:left;
}
#spot_hd {
	width: 262px;
	height:30px;
	background:url(img/top/top_spot_hd.gif) no-repeat;
	padding-top: 18px;
}
#spot_hd p {
	float:right;
	margin-right: 3px;
}
#spot_box dl{
	margin:0;
	padding-top:10px;
	width:86px;
	float:left;
}
#spot_box dl dt{
	margin:0;
	padding:0;
	text-align:center;
}
#spot_box dl dt img{
	border:1px solid #999;
}
#spot_box dl dd{
	margin:0;
	padding:2px 0 0 5px;
	font-size:12px;
}
#info_box {
	width:175px;
	float:right;
}
#panf_thumb {
	float:left;
	padding-left:5px;
}
#download_text {
	font-size:12px;
	width:100px;
	float:right;
}
#download_bt{
	margin:5px 0 0 10px;
}


/* ##### 生産者ブログエリア ##### */
#seisansya {
	margin-top:5px;
}
#seisansya-box {
	height:350px;
	overflow-x:hidden;
	overflow-y:auto;
}
.event_blog_body {
	width:441px;
	color:#412b09;
	padding-top: 6px;
	padding-bottom: 6px;
}
.blog_left {
	float:left;
	width: 80px;
	background-image: url(img/top/top_seisansya_img_bg.jpg);
	background-repeat: no-repeat;
	padding: 6px;
	/*margin-right: 10px;*/
}

.blog_right {
	float:right;
	width:320px;
	padding-right:20px;
}
.event_blog_body h3 {
	padding-left:1em;
	font-size: 90%;
	
}

.event_blog_body p {
	padding-left: 1em;
}
.blog_title {
	float: left;	
}
.blog_date {
	float: right;
}
.blog_right h3 {
	clear:both;	
}
/* ##### 湯郷ベルエリア ##### */
#yunogou {
	color: #38302E;
}
.bell_hd {
	color: #ec760d;
	font-size: 14px;
	font-weight: bold;
	padding:5px 0 0 10px;
	margin: 0px;
}
/*
#yunogou_hd {
	background-image:url(img/top/top_yiunogou_hd.gif);
	background-repeat:no-repeat;
	width:445px;
	height:31px;
	display: block;
	padding-top: 16px;
}
#yunogou_hd p {
	color:#6666CC;
	display:block;
	font-size:12px;
	line-height:15px;
	padding-left:15px;
	padding-right:5px;
	text-decoration:none;
	margin-bottom: 5px;
	background-image:url(img/share/link_mark_blue.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left: 270px;
}
*/
#yunogou_hd {
	background-image:url(img/top/bell_midasi.jpg);
	background-repeat:no-repeat;
	width:450px;
	height:167px;
	display: block;
}
#yunogou_hd div {
	padding :120px 0 0 330px;
}
#yunogou_hd p {
	color:#fff;
	display:block;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	padding-top:2px;
}

#yunogou_hd p a{
	color:#fff;
}
/*
* html #yunogou p {
	margin-left: 250px;
}
*/
#yunogou dl {
	width: 425px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top:0px;
	padding-bottom: 5px;
}
#yunogou dt {
	float: left;
	display: block;
	width: 105px;
	padding: 0px;
	line-height: 1.2em;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	margin-top:5px;
}
#yunogou dd {
	display: block;
	text-align: left;
	text-indent: -2px;
	line-height: 1.2em;
	margin: 0px;
	padding-right: 0px;
	padding-top:5px;
	padding-left: 90px;
}
/* ##### 国際サーキットエリア ##### */
#kokusai h3 {
	color: #ec760d;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0px;
	padding-bottom:0px;
}
* html #kokusai h3 {
	font-size: 12px;	
}
#kokusai h4 {
	color: #38302E;
	font-weight: bold;
	padding-left: 10px;
	margin: 0px;
	padding-bottom: 0px;
}
* html #kokusai h4 {
	line-height: 1.6em;	
}
*:first-child+html #kokusai h4 {
	line-height: 1.6em;	
}
#kokusai p {
	color: #38302E;
	padding:0 5px 0 10px;
	padding-bottom: 5px;
}
* html #kokusaib p {
	line-height: 1.6em;	
}
*:first-child+html #kokusai p {
	line-height: 1.6em;	
}
/* ##### 小バナーエリア ##### */
.top_banner_img a {
	display:block;
	margin-bottom: 5px;
/*
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
*/
}
.top_banner_img a img{
	border:1px solid #ddd;
}
.top_banner_img a:hover img{
	border:1px solid red;
}

#top_banner {
	padding-top: 5px;
}

#side_bar_right,
#side_bar_left {
	width: 176px;
}
#side_bar_left {
	float: left;
}

#side_bar_right {
	float: right;
}
/* ###### サイドボックス ##### */
.sidebox_wrapper_top {
	background-image:url(img/top/top_sidebox_hd.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:176px;
}
.sidebox_wrapper_bottom {
	background-image:url(img/top/top_sidebox_footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:176px;
	margin-bottom:10px;
	padding-bottom: 5px;
}
.side_box_hd {
	width:176px;
	height:52px;

}
.sidebox_hd_img {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}
.thumb_box {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	display: block;
	width: 160px;
	text-align:left;
}
/* サイドボックス内の70_thum.jpg共通 */
.side_thum_70 {
	width: 70px;
	float: left;
	padding: 4px;
}
/* ###### サイドボックス_直売所から ##### */
#top_sidebox_tyokubai {
	background-image:url(img/top/top_sidebox_tyokubai.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;
}
/* ###### サイドボックス_人気商品 ##### */
#top_sidebox_ninki {
	background-image:url(img/top/side_ninki_hd.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;	
}
.side_ninki {
	float: left;
	font-size: 12px;
	width:70px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	display: block;
	margin: 5px;
}
/*
.side_ninki a {
	margin-left:-15px;	
}
*/
#gold_text {
	background-image: url(img/top/gold.jpg);
}
#silver_text {
	background-image: url(img/top/silver.jpg);
}
#blond_text {
	background-image: url(img/top/blond.jpg);
}
/* ###### サイドボックス_おすすめ ##### */
#top_sidebox_osusume {
	background-image:url(img/top/top_sidebox_osusume.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;
}
#side_osusume {
	float: left;
	font-size: 12px;
	width:75px;
	margin-top:5px;
}
#side_osusume img {
	float:left;
	margin-top: 10px;
}
/* ###### サイドボックス_レシピ ##### */
#top_sidebox_recipe {
	background-image:url(img/top/top_sidebox_recipe.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;
}
/* ###### サイドボックス_食堂のメニュー ##### */
#top_sidebox_menu {
	background-image:url(img/top/top_sidebox_menu.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;
	
}
/* ###### サイドボックス_アクセス ##### */
#top_sidebox_access {
	background-image:url(img/top/top_sidebox_access.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;	
}
#side_accessmap {
	margin-top: 30px;	
}
#side_address {
	margin-top:8px;
	line-height: 1.2em;	
}
#side_minimap {
	margin-top: 8px;	
}
#minimap {
	width:151px;
	height:115px;
	border:3px solid #E4EBCB;
}
/* ###### サイドボックス_館内図 ##### */
#top_sidebox_kannai {
	background-image:url(img/top/top_sidebox_kannai.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;		
}
#side_minikannaimap {
	margin-top:8px;
	margin-bottom:10px;
}
/* ###### サイドボックス_彩菜みまさか ##### */
#top_sidebox_mimasaka {
	background-image:url(img/top/top_sidebox_mimasaka.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;
}
#top_sidebox_mimasaka .sidebox_hd_img {
	padding-top: 6px;
}
#side_mimasaka {
	float: left;
	font-size: 12px;
	width:75px;
	margin-top:5px;
}
#side_mimasaka img {
	float:left;
	margin-top: 10px;
}
/* ###### サイドボックス_美作NOW ##### */
#top_sidebox_now {
	background-image:url(img/top/top_sidebox_now.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;	
}
#top_sidebox_tokusan {
	background-image:url(img/top/top_sidebox_tokusan.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;	
}

.no_image {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.now_text {
	padding-left:5px;
	text-align:left!important;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	font-size:12px;
}
/* ###### サイドボックス_美作写真集 ##### */
#top_sidebox_photo {
	background-image:url(img/top/top_sidebox_photo.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:176px;	
}
#side_photo_text {
	margin-top: 5px;
	padding: 0px;
}
#side_photo_img {
	width:150px;
	margin-right: auto;
	margin-left: auto;
}
#side_photo_img img {
	margin: 0px;
	padding: 0px;
}
#qrcode {
	color:#6666CC;
	font-size:12px;
	text-decoration:underline;
	margin-bottom: 5px;
	text-align:center;
}
#qrcode_image {
	background-image: url(img/top/qr_code.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 86px;
	display: block;
	padding-left:70px;
	padding-top:30px;
	font-size: 12px;
	line-height: 1.4em;
	margin-left: 5px;
	margin-bottom: 10px;
}
/* サイドボックスここまで */





/* IE6 css fixer v0.8: Thu, 09 Sep 2010 10:38:48 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.side_thum_70,
#event_box dt,
#event_box dd,
#information_left,
#infromation_right,
.side_thum_70_center,
.side_thum_70_left,
.side_thum_70_right,
#panf_thumb,
.blog_left,
.blog_date,
#yunogou dt,
.side_ninki,
#side_osusume,
#side_osusume p,
#side_osusume img,
.blog_right,.blog_title {display:inline;}
