@CHARSET "UTF-8";

/* ------------------------------------------------
　その他のデザイン設定CSSです。
------------------------------------------------- */


/* ------------------------------------------------
　サブメニューのデザイン
------------------------------------------------- */
#submenu li{
	padding:5px;
}


/* ------------------------------------------------
　ユーザーブログのデザイン
------------------------------------------------- */

#user_blog dl dt {
	font-size: 130%;
	font-weight: bold;
	background: #F8F8F8;
    padding: 10px 5px;
    text-align: left;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#user_blog dl dd {
	border-left: 2px  solid #CFBA9B;
    margin: 5px 5px 10px 10px;
	padding: 5px 5px 5px 15px;
}



/* ------------------------------------------------
　ディレクトリのデザイン
------------------------------------------------- */
#directory {
	border: 1px solid #EFEFEF;
	margin-bottom: 15px;
	margin-left: 5px;
}

#directory .box {
	line-height: 170%;
	margin-bottom: 5px;
	padding: 5px;
}

#directory h2 {
	overflow: hidden;
	text-indent: 5px;
}

#directory li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#directory span {
	background: url(../../img/131.png) no-repeat;
	background-position: left;
	margin: 3px;
	padding-left: 15px;
}

#directory span a {
	padding: 3px;
}

#directory span a:hover {
	background-color: #F6F3E3;
}

#directory ul {
	background-color: #F9F9F9;
	padding: 5px;
	vertical-align: middle;
}

#directory:after,#main-content  dl:after,#navi-content  dl:after {
	clear: both;
}

/* ------------------------------------------------
　サイトマップのデザイン
------------------------------------------------- */
#sitemap {
	margin: 10px;
}

#sitemap li {
	list-style: none;
	margin: 10px;
	text-indent: 20px;
}

/* ------------------------------------------------
　トレンドボックス
------------------------------------------------- */
.trendbox {
	background-color: #fff;
	padding: 5px;
}

.trendbox .tag {
	float: left;
	width: 360px;
}

.trendbox li.blog {
	background: url(../../img/165.png) no-repeat;
}

.trendbox li.movie {
	background: url(../../img/078.png) no-repeat;
}

.trendbox li.news {
	background: url(../../img/147.png) no-repeat;
}

.trendbox li.question {
	background: url(../../img/044.png) no-repeat;
}

.trendbox li.blog,
.trendbox li.movie,
.trendbox li.news,
.trendbox li.question {
	background-position: left center;
}

.trendbox ul li {
	line-height: 1.6em;
	border-bottom: 1px dotted #574945;
	padding: 6px 3px;
	text-indent: 16px;
}

.trendbox span.title {
	margin-left: 8px;
}

/* ------------------------------------------------
　フォトギャラリーのデザイン
------------------------------------------------- */
#images dd {
	text-align: center;
}

#images dd img {
	margin: 0px;
}

#images dd.image {
	max-height: 100px;
	overflow: hidden;
	padding: 5px;
}

#images dl {
	background-color: #000;
	float: left;
	height: 135px;
	margin: 3px;
	width: 115px;
}

/* ------------------------------------------------
　マップのデザイン
------------------------------------------------- */
#map table td {
	border: none;
	vertical-align: top;
}

/* ------------------------------------------------
　サポートページデザイン
------------------------------------------------- */
#support dd {
	background-color: #fff;
	float: right;
	width: 600px;
}

#support dd li {
	border-bottom: 1px dotted #555;
	margin: 5px;
	padding: 4px;
}

#support dl {
	background-color: #eaeff5;
}

#support dt {
	clear: both;
	float: left;
	padding: 5px;
	width: 146px;
}

#support h3 {
	border-bottom: 4px solid #ccc;
	margin: 5px 0 5px 0;
}

/* ------------------------------------------------
　ユーザーボックスのデザイン
------------------------------------------------- */
#left-content #userimg li {
	float: left;
	text-align: center;
	width: 63px;
}

#left-content #userimg li .centerimg {
	background-color: #CCC;
	height: 40px;
	margin: auto;
	overflow: hidden;
	width: 40px;
}

#left-content #userimg li img {
	margin-left: 0px;
	margin-right: 0px;
	width: 40px;
}

#left-content #userimg li span {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}


#navi-content #userimg li {
	float: left;
	text-align: center;
	width: 78px;
}

#navi-content #userimg li .centerimg {
	background-color: #CCC;
	height: 55px;
	margin: auto;
	overflow: hidden;
	width: 55px;
}

#navi-content #userimg li img {
	margin-left: 0px;
	margin-right: 0px;
	width: 55px;
}

#navi-content #userimg li span {
	display: table-cell;
	height: 55px;
	vertical-align: middle;
}

/* ------------------------------------------------
　イベント日付設定
------------------------------------------------- */
.event dl {
	float: left;
	margin: 0 4px 4px 0;
	padding: 4px;
	height: 62px;
	width: 62px;
	background: #FFFFFF;
	border: solid 2px #F6E92C;
}

.event dl dd.month {
	width: 20px;
	height: 20px;
	margin-bottom: 10px;
}

.event dl dd.day {
	/*float: left;*/
	margin-left: 6px;
}

.event div.text {
	position: relative;
	margin-left: 150px;
}

/* ------------------------------------------------
　テーブルのデザイン
------------------------------------------------- */
.linktable {
	border-spacing: 1px;
	width: 100%;
}

.linktable td {
	background-color: #fff;
	padding: 5px;
}

.linktable th {
	background-color: #E9E8F4;
	padding: 5px;
	vertical-align: top;
}

.linktable select {
	border: 3px solid #ccc;
}

.linktable select option {
	border-bottom: 1px dotted #ccc;
}

.linktable tr {
	border-bottom: 1px dotted #ccc;
}

/* ------------------------------------------------
　スポットのデザイン
------------------------------------------------- */
#gallery {
	position:relative;
	background:#000 url(../../img/loading.gif) no-repeat 50% 50%;
}



.note {
	background-color: #FAF6F3;
	margin: 5px;
	padding: 10px;
	font-size:15px;
	border: solid 1px #BBB1A9
}

.note_desc {
    background-image: url("../../image/nic/2108/note_bg.gif");
    line-height: 25px;
    margin: 10px;
}


#main-content .note_desc p, #wide-content .note_desc p{
	line-height: 25px;
}
.note img{
	margin:0px 10px 10px 0px;	
}
.note_desc table th {
	line-height: 25px;
}

/* ------------------------------------------------
　ショップ関連デザイン
------------------------------------------------- */
.shophead {
	padding: 5px;
	background: #F6F3E3;
	position: relative;
}

.shophead img {
	margin: 0 6px 0 0;
}


.shop_item {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

/* ------------------------------------------------
　ディレクトリ用マップ関連
------------------------------------------------- */
#map_canvas #content{
	font-size:11px;
}
#linkbox {
	width: 140px;
	height: 700px;
	overflow: auto;
}

#linkbox p {
	background-color: #F7FAFA;
	border: 1px solid #ccc;
	margin: 4px;
	overflow: hidden;
}
/* ------------------------------------------------
　ディレクトリ用マップ関連下用
------------------------------------------------- */
#linkbox_under {
	height: 130px;
	overflow-x: scroll;
	overflow-y: visible;
}
#linkbox_under table td {
	width:100px;
	font-size:10px;
	}
#linkbox_under table td dd.image{
	text-align:center;	
}
#linkbox_under p {
	background-color: #F7FAFA;
	border: 1px solid #ccc;
	margin: 4px;
	overflow: hidden;
}
/* ------------------------------------------------
カレンダー関係
------------------------------------------------- */
.calendar .today{
	background-color:#CFE4FF;
}
.calendar .red{
	background-color:#FFAFD0;
}
/* ------------------------------------------------
　その他
------------------------------------------------- */
.myres {
	background-color: #fdffe9;
}

.report {
	background-color: #fff;
}

span.tag_g_r{
	height:15px;
	background: url(../../img/tag_g_r_l.png) no-repeat left;
}

span.tag_g_r .tag_inner{
	background-color:#337D8E;
	padding-left:10px;
	padding-right:5px;
	line-height:15px;
	height:15px;
	font-size:13px;
	color:#fff;
}
span.tag_g_r .tag_end{
	background:url(../../img/tag_g_r_r.png) no-repeat right;
	height:15px;
	width:4px;
}

/**
	ページスライド
**/
.pageslide_wrapper{
	clear:both;
	overflow:hidden;
}
.pageslide .panel{
	float:left;
}

.coda-nav-left {
	
	width:30px;
	height:30px;
	position:absolute;left:0px;top:50%
}
.coda-nav-left a{
	background:url(../../img/slide_navi_left.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
} 
.coda-nav-right {
	width:30px;
	height:30px;
	position:absolute;right:0px;top:50%
} 
.coda-nav-right a{
	background:url(../../img/slide_navi_right.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	}
/**
	ユーザーボックス用
**/
.userbox .message li{
	font-size:11px;
	border : 1px dotted #ccc;
}
.userbox .message a{
	color:red;
}



.event dl {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #75BE4D;
    float: left;
    height: 70px;
    margin: 0 4px 4px 0;
    padding: 0;
    width: 70px;
}

.event dl dd.month {
    background: none repeat scroll 0 0 #75BE4D;
    color: #FFFFFF;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    width: 70px;
}

.event dl dd.month span {
display: none;
}

.event dl dd.month {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.event dl dd.day {
    /*float: left;*/
    clear: both!important;
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    text-align: center;
    letter-spacing: -0.08em;
}

.event dl dd.day {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 35px;
    font-weight: bold;
}

.shop_list_box {
    background: #F6F3E3;
    border: 1px solid #BBB1A9;
    border-radius: 3px 3px 3px 3px;
    float: left;
    height: 140px;
    margin: 10px;
    overflow: auto;
    padding: 5px;
    width: 658px;
}

div.community_toolbox_5 div.bottombar,
div.topic_toolbox_0  div.bottombar {
display: none;
}
/* SIN_START[8] */
/* 2012/04/06 23:34:38 */

ul.t_tag li{
	display:inline-block;
	*display: inline;	/*for IE*/
	*zoom: 1;		/*for IE*/
	margin:2px;
	padding:3px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border:1px solid #C6C2AD; /* 枠線の装飾 */
	background-color:#F6F3E3;   /* 背景色 */
	font-size:100%;
	white-space:nowrap;
}
.hottag{
	padding:5px;
}

body#index_index #main-content .bottombar,
body#index_index #left-content .bottombar {
display: none;
}

/* SIN_END[8] */
/* SIN_START[12] */
/* 2012/12/07 17:15:36 */

#navi-content .topic_tb li ,#left-content .topic_tb li{
	background:url(../../img/transmit_blue.png) no-repeat left;
	text-indent:20px;
}
/* SIN_END[12] */
/* SIN_START[13] */
/* 2013/08/19 21:53:35 */

s_side {
float: left;
width: 150px;
}
s_right {
float: right;
width: 800px;
}
/* SIN_END[13] */
/* SIN_START[14] */
/* 2013/08/19 21:56:46 */

#s_side {
float: left;
width: 150px;
}
#s_right {
float: right;
width: 800px;
}
/* SIN_END[14] */