@charset "UTF-8";

/* インフォメーションボックス　*/
#INFO p{
  margin-top:10px;
  padding-bottom:4px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #9C3;
}

/*  協賛リスト用　----------------------------------------------*/
ul#compList{
	list-style:none;
}
ul#compList li{
	color:#1d190e;
	font-size:75%;
	line-height:180%;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: dotted 1px #937871;
}
ul#compList li span{
	padding-left:20px;
}

ul#compList li div{
	margin-left:20px;
	line-height:1.5em;
}



/* イベント情報用 
----------------------------------------------- */
dl.nensuke  dt.tit{
  font-size:1.5em;
  color:#8fc31f;
  margin-top:10px;
  padding-left: 10px;
  background: url("images/h3_bg.gif") no-repeat left top;
}

/* 街歩き　用 
----------------------------------------------- */
.coursebox{
	background: #e7eed7 url("images/bg_machi_001.jpg") no-repeat left top;
	margin-top:25px;
	margin-bottom:20px;
	padding-top:50px;
	padding-bottom:20px;
}


/* 注目スポット　用 
----------------------------------------------- */
#spot001{
	background: url("/img/spot/spot-001.jpg") no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:240px;
	padding-right:20px;
	height:200px;
}

#spot002{
	background: url("/img/spot/spot-002.jpg") no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:240px;
	padding-right:20px;
	height:200px;
}

#spot003{
	background: url("/img/spot/spot-003.jpg") no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:240px;
	padding-right:20px;
	height:200px;
}

#spot001 p.txt,#spot002 p.txt,#spot003 p.txt{
	padding-top:65px;
}

#spot_box-top{
	width: 715px;
	padding: 20px 0 0;
	background: url("/img/spot/spot_box_top.png");
	background-position: center top;
	background-repeat: no-repeat;
	text-align: left;
}

#spot_box-middle{
	padding: 0;
	background-image: url("/img/spot/spot_box_middle.png");
	background-position: center top;
	background-repeat: repeat-y;
	text-align: left;
}


#spot_box-bottom {
padding: 0 10px 10px;
margin-bottom: 20px;
background-image: url("/img/spot/spot_box_bottom.png");
background-position: center bottom;
background-repeat: no-repeat;
text-align: left;
}

.spot_box-first{
	margin-top:20px;
}

h5.spot_tit{
	padding :0;
	margin:0;
	border:none;
}



/* みどころ検索　目的一覧用 
----------------------------------------------- */
.msbox{
	background: url("images/h2_midokoro_002.jpg") no-repeat left top;
}

ul.midokoroS01list{
	list-style:none;
	margin-bottom:10px;
}
.midokoroS01list li,.midokoroS02list li,.midokoroS03list li,.midokoroS04list li,.midokoroS05list li,.midokoroS06list li,.midokoroS07list li,.midokoroS08list li{
  color:#666565;
  font-size:1em;
	margin-left:12px;
	padding-left:32px;
	margin-bottom:12px;
}

.midokoroS01list li{
	background:url(images/midokoroS01_ico_001.gif) no-repeat left center;
}

.midokoroS02list li{
	background:url(images/midokoroS02_ico_001.gif) no-repeat left center;
}

.midokoroS03list li{
	background:url(images/midokoroS03_ico_001.gif) no-repeat left center;
}

.midokoroS04list li{
	background:url(images/midokoroS04_ico_001.gif) no-repeat left center;
}
.midokoroS05list li{
	background:url(images/midokoroS05_ico_001.gif) no-repeat left center;
}
.midokoroS06list li{
	background:url(images/midokoroS06_ico_001.gif) no-repeat left center;
}
.midokoroS07list li{
	background:url(images/midokoroS07_ico_001.gif) no-repeat left center;
}
.midokoroS08list li{
	background:url(images/midokoroS08_ico_001.gif) no-repeat left center;
}

.midokoroS01list li a,.midokoroS02list li a,.midokoroS03list li a,.midokoroS04list li a,.midokoroS05list li a,.midokoroS06list li a,.midokoroS07list li a,.midokoroS08list li a{
  color:#2b0a00;
  text-decoration: none;
}

/* ロケーションボックス用 
----------------------------------------------- */
.l_box{
	background: #dcdddd;
	margin-bottom:20px;
	padding-left:2px;
}

.l_box dt{
	font-size:110%;
	border-bottom: solid 1px #fff;
	border-left: solid 10px #4c4948;
	padding:4px 8px;
}

.l_box dt span{
	margin-left:10px;
}


.l_box dd{
	border-bottom: dotted 1px #595757;
	margin-left:4px;
}

.l_box dd.photo{
	float:left;
	padding-right:10px;
	border: none;
	
}

ol.OList{
	margin-left:40px;
}

ol.OList li{
	border-bottom: dotted 1px #595757;
}


/* side-navi
----------------------------------------------- */
.side-navi{
	margin-top:30px;
}
.side-navi h2
{
	background:url(images/bg_list_head_square_s.gif) no-repeat 10px center;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 35px;
	font-size:14px;
	margin-bottom:0px;
	vertical-align:bottom;
}
.side-navi ul,
.side-navi table
{
	margin-left:0px;
}
.side-navi ul li
{
	background:url(images/bg_list_circle.gif) no-repeat left 8px;
	padding-left:16px;
	line-height:20px!important;
	font-size:12px;
}

/* infomation
----------------------------------------------- */
#infomation{
}
#infomation h2
{
	background:url(images/bg_list_head_square_s.gif) no-repeat 10px center;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 35px;
	font-size:14px;
	margin-bottom:0px;
	vertical-align:bottom;
}
#infomation ul,
#infomation table
{
	margin-left:0px;
}
#infomation ul li
{
	background:url(images/bg_list_circle.gif) no-repeat left 8px;
	padding-left:16px;
	line-height:20px!important;
	font-size:12px;
}

#blogDescription{
	margin-left:35px;
	margin-right:35px;
}
#contentsBody p {
	line-height: 2em!important;
}
#contentsBody .section {
	margin:0 35px 20px 35px;
}
#contentsBody ul.section,
.post ul{
	margin:0 35px 20px 35px;
}

/* loginUser
----------------------------------------------- */
#login{
	margin:50px auto;
	width:400px;
}
#loginUser{
	width:150px;
	float:right;
	color:#688A00;
	font-size:10px;
	text-align:right;	
}
#loginUser span{
	background:url("images/bg_user_icon.gif") no-repeat left center;
	padding-left:20px;	
}
#loginUser span a{
        text-decoration:underline;
}

/* box-01
----------------------------------------------- */
.box-01
{
	margin-bottom:20px;
}
.box-01 .box-head
{
	background:url(images/bg_box_head_01.gif) left top no-repeat;
	width:400px;
	height:38px;
}
.box-01 .box-body
{
	background:url(images/bg_box_body_01.gif) left top repeat-y;
	width:350px;
	padding:25px 25px 5px 25px;
}
.box-01 .box-foot
{
	background:url(images/bg_box_foot_01.gif) left top no-repeat;
	width:400px;
	height:15px;

}
.box-01 .box-head h3
{
	background:url(images/bg_box_blt_01.gif) left 10px no-repeat;
	padding-top:10px;
	padding-left:30px;
	margin-left:15px;
	line-height:26px;
	margin-top:0px;
	margin-bottom:0px;
}
.box-01 .box-body ol,
.box-01 .box-body ul
{
	margin-left:0px!important;
	padding-left:0px!important;
}
.box-01 .box-body li
{
	margin-left:0px!important;
	margin-bottom:5px;
}
.box-01 .box-body ol li
{
	list-style-position:inside!important;
}

/* calendar
----------------------------------------------- */
.blog-calendar th{
    border-bottom:1px solid #e2e2e2;
}
.blog-calendar th,
.blog-calendar td
{
    padding:3px 5px;
}
.blog-calendar .sunday{
    color:#ff6633;
}
.blog-calendar .saturday{
    color:#3366FF;
}
.blog-calendar .today{
    background-color:#e2e2e2;
}

/* no-data
----------------------------------------------- */
.no-data{
	text-align:center;
}

/* BlogComment
----------------------------------------------- */
#BlogComment{
    margin-top:40px;
    padding:0 10px;
}
#BlogCommentList{
    padding:10px 20px;
    margin-top:20px;
}
#BlogCommentAddForm{
    padding:10px 20px;
}
#BlogCommentList .comment{
    padding-bottom:8px;
    border-bottom:1px dashed #CCCCCC;
    margin-bottom:20px;
}

/* map
----------------------------------------------- */
#map{
    /*
    margin-bottom:30px;
    margin-left:30px;
    */
}
/* staticmap
----------------------------------------------- */
#staticmap{
    /*
    margin-left:30px;
    margin-bottom:30px;
    */
}
/* route
----------------------------------------------- */
#route{
    margin-left:30px;
    margin-bottom:30px;
}

/* edit-link
----------------------------------------------- */
.edit-link{
    padding:10px;
}

/* contentsNavi
----------------------------------------------- */
#contentsNavi{
    text-align:center;
}

/* bt-content
----------------------------------------------- */
.bt-content small{
    color:#688A00;
}

/* bt-content
----------------------------------------------- */
.customize-navi{
    background-color:#f2ffde;
    padding:10px;
    margin: 10px 0 10px 0;
}

/* map
----------------------------------------------- */
#map .sitename{
	color:#360;
	font-weight: bold;
}

/* tweet
----------------------------------------------- */
.tweet h2{
	color:#FFFFFF;
	margin-top:0;
	font-size: 2em;
	padding-left:0;
	margin-left:0;
	background: none;
}
.tweet h2 a{
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}
.tweet h2 a:hover{
	text-decoration:underline;
}
.tweet, .query {
	font-size: 0.9em;
	background-color: #BBDD53;
	padding:10px;
}
.tweet .tweet_list,
.query .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
.tweet .tweet_list .awesome,
.tweet .tweet_list .epic,
.query .tweet_list .awesome,
.query .tweet_list .epic {
	text-transform: uppercase;
}
.tweet .tweet_list li,
.query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: .7em;
	background: none;
}
.tweet .tweet_list .tweet_even,
.query .tweet_list .tweet_even {
	background-color: #f2ffde;
}
.tweet .tweet_list .tweet_avatar,
.query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
.tweet .tweet_list .tweet_avatar img,
.query .tweet_list .tweet_avatar img {
	vertical-align: middle;
}
.tweet_time a{
	color:#999999;
	font-size: 9px;
	text-decoration:none;
}
.tweet_time a:hover{
	text-decoration:underline;
}
.loading{
	color:#FFFFFF;
	font-weight: bold;
}

/* photograph
----------------------------------------------- */
ul#gallery_list li{
  display: inline-block;
  vertical-align: middle;
  padding-bottom:20px;
  border-bottom: dotted 1px #480848;
}

.gallery_tit{
  padding-bottom:0.5em;
}

/* スマホ部門トップページ用　----------------------------------------------*/

div.spg ul{
	    text-align: center;
}

.thumb li{
    width: 100%;
    height: 148px;
    position: relative;
    overflow: hidden;
}
.thumb li a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: 2000px;/* 縦は用途応じて改変 */
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}
.thumb li a img{
 z-index: 100;
}

img.pict {
    border: 5px solid #fff;
    box-shadow: 0 3px 8px rgba(51, 51, 51, 0.2);
    height: auto;
    margin: 1em 50px 1.5em !important;
    max-width: 98.4%;
}
img.pict {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
}

div.clip_ph {
   background: #2c1c29;
   width:225px;
    height:148px;
    overflow:hidden;
    position:relative;
    box-shadow: 0 3px 8px rgba(51, 51, 51, 0.2);
	 margin-bottom:0.5em;
}

div.clip_ph img {
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
    top: 0; /* top位置を0 */
    bottom: 0; /* bottom位置も0 */
    width: auto;
    height: auto;
    max-width: 90%;
}

.spg_tit{
	padding-bottom:2em;
}