@charset "utf-8";

/*  観る・遊ぶカテゴリ用css（カテゴリTOP、スポットページ共通）  */
/*  category_top.css  kankou_spot.cssと一緒に使用して下さい     */


/* -----------------------------------------------
 * コンテンツ/メイン（中央カラム）/エリアマップ
 * ----------------------------------------------- */

div#main_serch_area {
width:728px;
margin-bottom:20px;
}

div#main_serch_area div#serch_area_title {
border-bottom: solid 1px #deccc1;
}

div#main_serch_area div#serch_area_map {
width:728px;
height:728px;
background-image: url(../img/map_all.png);
background-repeat: no-repeat;
position:relative;
}

div#main_serch_area div#serch_area_map div {
position:absolute;
width:188px;
height:188px;
}

div#main_serch_area div#serch_area_map div#area_kurashiki {
top:112px;
left:535px;
}

div#main_serch_area div#serch_area_map div#area_kojima {
top:367px;
left:530px;
}

div#main_serch_area div#serch_area_map div#area_mizushima {
top:470px;
left:220px;
}

div#main_serch_area div#serch_area_map div#area_tamashima {
top:260px;
left:10px;
}

div#main_serch_area div#serch_area_map div#area_mabi {
top:18px;
left:10px;
}

/*  エリアマップここまで  */

/* -----------------------------------------------
 * コンテンツ/右カラム/
 * ----------------------------------------------- */

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

/* -----------------------------------------------
 * コンテンツ/右カラム/各エリアについて
 * ----------------------------------------------- */

/*  全エリア共通部分  */

div#about_area {
width:226px;
}

div#about_area img.area_image {
margin:10px 0px 0px 10px;
}

div#about_area div#about_category {
border-top: solid 1px #DECCC1;
padding:10px 0px;
}

div#about_area div#about_category ul {
list-style-position:inside;
padding-left:10px;
line-height:30px;
}

div#about_area div#about_category ul li {
list-style: none;
padding-left: 14px;
font-size: 1.2em;
font-size: 1.2rem;
}

div#about_area div#about_category ul li a{
display:block;
color:#996b6b;
}
div#about_area div#about_category ul li span {
color:#000;
font-size:120%;
font-weight:bold;
}

div#about_area div#about_category ul li a:hover span {
color:#CC3340;
}

/*  倉敷エリア  */

ul.list_kurashiki li{
background: url(../img/icon_arrow_red.png) 3px 50% no-repeat;
}

/*  児島エリア  */

ul.list_kojima li{
background: url(../img/icon_arrow_blue.png) 3px 50% no-repeat;
}

/*  水島エリア  */

ul.list_mizushima li{
background: url(../img/icon_arrow_skyblue.png) 3px 50% no-repeat;
}

/*  玉島・船穂エリア  */

ul.list_tamashima li{
background: url(../img/icon_arrow_green.png) 3px 50% no-repeat;
}

/*  真備エリア  */

ul.list_mabi li{
background: url(../img/icon_arrow_orange.png) 3px 50% no-repeat;
}

/* -----------------------------------------------
 * コンテンツ/右カラム/スポット一覧
 * ----------------------------------------------- */

div#spot_list {
width:226px;
border-top:0px;
border: none!important;
}
#sub div#spot_list{
border: solid 1px #e6d7ce!important;
}
#spot_list div.serch_wrap {
width:226px;
background-color:#fff;
overflow:hidden;
}

#spot_list div.serch_wrap a {
color:#6f4343;
font-size: 1.2em;
font-size: 1.2rem;

}

#spot_list div.serch_wrap a:hover {
color:#CC3340;
}

#spot_list div.category_contents div.close {
width:60px;
line-height:20px;
text-align:center;
float:right;
padding:0px;
background-color:#deccc1;
color:#6f4343;
font-size: 1.2em;
font-size: 1.2rem;
}

#spot_list div.category_contents div.close:hover {
color:#CC3340;
}

#serch_theme + ul > li{
list-style: none;
}
#spot_list ul.serch {
width:228px;
line-height:33px;
font-size:120%;
font-weight:bold;
}

#spot_list div.serch_wrap div.parent {
border-bottom:solid 1px #DECCC1;
background:url('../img/icon_arrow2.png') no-repeat 200px 12px;
}

#spot_list div.serch_wrap div.parent a{
font-weight: bold;
line-height: 33px;
padding: 0px 0px 0px 20px;
}

#spot_list div.serch_wrap div.parent > a{
display: block;
}
div#spot_list div.serch_wrap div ul {
list-style-position:inside;
list-style-type:none;
overflow:hidden;

}

#spot_list div.parent ul li {
font-weight:bold;
line-height:33px;
padding:0px 0px 0px 20px;
display:hidden;
}

#spot_list ul.sub {
padding-left:20px;
width:208px;
font-size:100%;
list-style-image:url('../img/icon_arrow.png');
background-color:#efe5e1;
border-bottom:solid 1px #DECCC1;
}

#spot_list ul.sub li {
margin:10px 0px;
line-height:18px;
}

/* -----------------------------------------------
 * コンテンツ/右カラム/エリア一覧（MAP)
 * ----------------------------------------------- */

div#serch_map {
width:220px;
height:250px;
background: url(../img/map.png) no-repeat 0px 0px;
background-color:#d9d9d9;
position:relative;
border-left:solid 1px #DECCC1;
border-right:solid 1px #DECCC1;
border-bottom:solid 1px #DECCC1;
}

div#serch_map div {
color:#ffffff;
position:absolute;
padding:5px 10px 5px 5px;
height:30px;
}

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

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

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

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

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

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

div.serch_button {
margin:10px 0px;
}

/*  差分のみ  */

div#spot_list div#serch_map div.area a {
color:#fff;
margin-left:20px;
line-height:20px;background: none; padding: 0; font-weight : normal;
font-size: 1.4em;
font-size: 1.4rem;
/* display: block; */
}
div#spot_list div#serch_map div.tamashimaarea a {
	margin-left:15px;
}
div#spot_list div#serch_map div.allarea a {
	margin-left:15px;
}
/* -----------------------------------------------
 * コンテンツ/右カラム/ブログ情報
 * ----------------------------------------------- */

div#blogarea {
border:solid 1px #c1cae4;
background-color:#fff;
margin-top:20px;
}

div#blogarea div.blogarea_header {
width:228px;
height:68px;
}

div#blogarea div.blogarea_contents {
border-top: solid 5px #c1cae4;
}

div#blogarea div.blogarea_contents a{
	display: block
}

div#blogarea div.blogarea_contents div.bloginfo {
margin: 5px 10px 5px 5px;
width:205px;
zoom:1;
overflow:hidden;
}

div#blogarea div.blogarea_contents li {
border-bottom: 1px solid #c1cae4;
list-style: none;
}

div#blogarea div.blogarea_contents li:last-child{
border: none;
}
div#blogarea div.blogarea_contents .seeblog div.bloginfo {
border-bottom: none !important;
}
div#blogarea div.blogarea_contents div.bloginfo div.bloginfo_right {
float:right;
width:50px;
height:auto;
}

div#blogarea div.blogarea_contents div.bloginfo div.bloginfo_left {
float:left;
width:145px;
text-align:left;
}

div#blogarea div.blogarea_contents a div.bloginfo div.bloginfo_left div.blogtitle{
font-size: 1.2em;
font-size: 1.2rem;
font-weight:bold;
color:#5277c5;
}

div#blogarea div.blogarea_contents a:hover div.bloginfo div.bloginfo_left div.blogtitle {
color:#CC3340;
}

div#blogarea div.blogarea_contents a div.bloginfo div.bloginfo_left div.blogtext {
margin-top:10px;
font-size: 1.0em;
font-size: 1.0rem;
color: #603939;
}

#container2013 div#kekka2{
display:none!important;
}