@charset "utf-8";

/*  初期設定・ヘッダー・フッター・コンテンツ枠はcommon.cssに記載  */


/* -----------------------------------------------
 * コンテンツ/メイン（左カラム）
 * ----------------------------------------------- */

#contents div#main {
width:730px;
float:left;
overflow:hidden;
}

/* -----------------------------------------------
 * スポット紹介
 * ----------------------------------------------- */

#spot_intro {
overflow:hidden;
border:solid 1px #DECCC1;
border-bottom:0px;
background-color:#fff;
padding:10px;

}

/* -----------------------------------------------
 * スポット紹介左側
 * ----------------------------------------------- */

#spot_left {
width:340px;
float:left;
margin:10px 0px;
}

/*  店舗名  */

#spot_left h3.shopname {
font-size:1.8em;
font-size: 1.8rem;
font-weight:bold;
margin:10px 0px 15px 0px;
border-bottom: solid 1px #DECCC1;
}

/*  店舗名  */

#spot_left h2.shopname {
font-size:1.8em;
font-size: 1.8rem;
font-weight:bold;
margin:10px 0px 15px 0px;
border-bottom: solid 1px #DECCC1;
}

h1.eventname {
font-size:1.8em;
font-size: 1.8rem;
font-weight:bold;
margin:10px 0px 15px 0px;
border-bottom: solid 1px #DECCC1;
padding-bottom:5px;
}

#spot_left p {
line-height:20px;
margin-bottom:30px;
font-size: 1.2em;
font-size: 1.2rem;
}
#spot_left p.text{
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
}
/* -----------------------------------------------
 * スポット紹介右側
 * ----------------------------------------------- */

#spot_right {
width:355px;
float:right;
}

/* -----------------------------------------------
 * スポット紹介右側/画像表示スペース
 * ----------------------------------------------- */

#spot_right div#spot_img {
width:355px;
height:355px;
/*background-color:#d9d9d9;*/
}

#spot_right div#spot_img div#img_L {
width:345px;
height:258px;
overflow:hidden;/*2011/11/15追加*/
padding:5px 5px 0px 5px;
}

/*2012/01/13追加*/
#spot_right div#spot_img div#img_L img {
width:345px;
height:258px;
}
/*2012/01/13追加ここまで*/

#spot_right div#spot_img div#thumbnail {
width:355px;
height:93px;
overflow:hidden;
}

#spot_right div#spot_img div.img_S {
width:83px;
height:83px;
display:block;
float:left;
}

#spot_right div#spot_img div.img_S img {
width:83px;
height:83px;
margin-top:5px;
padding:0;
}

#spot_right div#spot_img div.img_S img:hover {
border:solid 5px #fee101;
position:relative;
right: 5px;
bottom:5px;
}

#spot_right div#spot_img div#img01 {
margin-left:4px;
}

#spot_right div#spot_img div#img02 {
margin-left:5px;
}

#spot_right div#spot_img div#img03 {
margin-left:5px;
}

#spot_right div#spot_img div#img04 {
margin-left:5px;
}


/* -----------------------------------------------
 * スポット紹介右側/動画
 * ----------------------------------------------- */

#spot_right div#movie {
width:360px;
margin:auto;
}


/* -----------------------------------------------
 * メイン/スポット情報
 * ----------------------------------------------- */

#main div#spot_info {
width:708px;
padding:10px;
overflow:hidden;
}

#shop_info_left {
float:left;
width:349px;
}

#shop_info_right {
float:right;
width:350px;
}

#shop_info_right p{	
font-size: 1.2em;	
font-size: 1.2rem;	
margin-bottom: 10px;	
}
/* スポット情報テーブル  */

table.info_table {
width:347px;
background-color:#ffffff;
border-collapse:collapse;
}

table.info_table td {
padding-left:10px;
line-height:18px;
border:solid 1px #DECCC1;
padding:5px;
font-size: 1.2em;
font-size: 1.2rem;
}

table.info_table td.item {
background-color:#EEE5E0;
color:#805959;
font-weight:bold;
width:95px;
border-right:solid 1px #DECCC1;
font-size: 1.3em;
font-size: 1.3rem;
}

table.info_table td a{
	text-decoration: underline;
}
/*  Google Map  */

div#googlemap {
width:350px;
height:300px;
}

/* -----------------------------------------------
 * コンテンツ/メイン/周辺の観光スポット
 * ----------------------------------------------- */

#contents div#main div#around_spot {
clear:both;
margin:10px 0px 0px 0px;
width:708px;
padding:10px;
zoom:1;
overflow:hidden;
}

#contents div#main div#around_spot div.shopinfo_wrap {
border-top: solid 5px #DECCC1;
}

#contents div#main div#around_spot img {
margin-bottom:5px;
}

#contents div#main div#around_spot div.shopinfo_left {
width:343px;
/*height:196px;*/
float:left;
}

#contents div#main div#around_spot div.shopinfo_right {
width:343px;
/*height:196px;*/
float:right;
}

#contents div#main div#around_spot div.shopinfo_pic {
float:left;
width:160px;
height:120px;
margin: 10px;
display:inline;
}

#contents div#main div#around_spot div.shopinfo_data {
float:right;
margin-top:10px;
width:163px;
display:inline;
}

#contents div#main div#around_spot div.shopinfo_data div.shopinfo_name {
font-size: 1.4em;
font-size: 1.4rem;
font-weight:bold;
margin: 5px 0px 10px;
}

#contents div#main div#around_spot div.shopinfo_data div.shopinfo_category {
color:#606060;
margin-bottom:10px;
font-size: 1.0em;
font-size: 1.0rem;
}

#contents div#main div#around_spot div.shopinfo_text {
clear:both;
border-top: solid 1px #DECCC1;
width:328px;
padding:10px 5px 10px 10px;
line-height:1.5em;
font-size: 1.2em;
font-size:1.2rem;
}

div.category {
color:#E06148;
margin-bottom:15px;
font-size: 1.3em;
font-size:1.3rem;
font-weight:bold;
line-height:120%;
}

div.category a.red {
color:red;
}

/* -----------------------------------------------
 * コンテンツ/スポットオプション
 * ----------------------------------------------- */
#contents #main div#option {
width:730px;
float:left;
overflow:hidden;
padding-top:35px;
}

/* -----------------------------------------------
 * コンテンツ/サブ（右カラム）
 * ----------------------------------------------- */

#contents div#sub {
width:228px;
float:right;
}

/* -----------------------------------------------
 * コンテンツ/右カラム/検索（観る・遊ぶ）
 * ----------------------------------------------- */

#serch_shop {
width:228px;
background-color: #fff;
}

#serch_shop div.serch_title {
border-bottom:solid 1px #DECCC1;
}

#serch_shop div.serch {
width:228px;
height:33px;
line-height:33px;
border-bottom:solid 1px #DECCC1;
font-size:120%;
font-weight:bold;
}

/* 季節で探す */

#serch_shop div.month {
padding-left:2em;
}

/* エリアで探す */

#serch_shop div#serch_map {
width:228px;
height:250px;
background: url(../img/map.png) no-repeat 0px 0px;
background-color:#fff;
position:relative;
margin-bottom:10px;
}

#serch_shop div#serch_map div {
color:#ffffff;
font-size:120%;
position:absolute;
padding:8px 10px 5px 5px;
height:30px;
}

#serch_shop div#serch_map div.kurashikiarea {
width:70px;
background: url(../img/map_w76.png) no-repeat 0px 0px;
top:50px;
left:120px;
}

#serch_shop div#serch_map div.kojimaarea {
width:70px;
background: url(../img/map_w76.png) no-repeat 0px 0px;
top:150px;
left:130px;
}

#serch_shop div#serch_map div.mizushimaarea {
width:70px;
background: url(../img/map_w76.png) no-repeat 0px 0px;
top:115px;
left:75px;
padding-top:8px;
}

#serch_shop div#serch_map div.tamashimaarea {
width:100px;
background: url(../img/map_w106.png) no-repeat 0px 0px;
top:70px;
left:10px;
padding-top:8px;
}

#serch_shop div#serch_map div.mabiarea {
width:70px;
background: url(../img/map_w76.png) no-repeat 0px 0px;
top:10px;
left:25px;
padding-top:8px;
}

#serch_shop div#serch_map div.allarea {
width:120px;
background: url(../img/map_w120.png) no-repeat 0px 0px;
top:214px;
left:2px;
padding-top:8px;
}

#serch_shop div#serch_map div input {
position:relative;
left:3px;
top:1px;
}

#serch_shop div#serch_map div.area a {
display:block;
margin:3px 0px 0px 0px;
color:#fff;
text-align:center;
}

#serch_shop div.area label {
display:block;
margin-left:3px;
}

/* -----------------------------------------------
 * スポット紹介　クーポン
 * ----------------------------------------------- */

div#coupon {
width:345px;
border:solid 5px #ccc;
overflow:hidden;
}

#coupon div.coupon_left {
float:left;
width:160px;
margin:5px 0px 5px 5px;
}

* html #coupon div.coupon_left {
margin:2.5px 0px 2.5px 2.5px;
}

#coupon div.coupon_right {
float:right;
width:180px;
text-align:center;
margin-bottom:5px;
}

#coupon div.coupon_right img {
margin:0px auto;
}

#coupon div.coupon_bottom {
clear:both;
padding:5px;
border-top:solid 1px #ccc;
}

#coupon div.coupon_bottom h3 {
font-size:140%;
font-weight:bold;
line-height:30px;
}


/*  お知らせ(2012 01 18追加)  */

#spot_intro ul{
margin-left:1em;
line-height:1.25em;
}

#spot_intro li{
margin-bottom:0.5em;
font-size: 1.2em;
font-size: 1.2rem;
}

#spot_intro div.news_table{
margin-top:2em;
}

/*  一覧ページへ戻る  */

div.return {
clear:both;
margin:20px 0px;
font-size:1.4em;
font-size: 1.4rem;
font-weight:bold;
}

div.top {
margin:0px 0px 20px 0px;
}