@charset "utf-8";
/*
Theme Name: Nakayamadaira
Theme URI: http://www.nakayamadaira.com/
Description: 中山平温泉用テーマ
Version: 1.0
Author: Trek
Author URI: http://trek.co.jp/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
/*color:#252525;*/
/*background: #ffffff url(images/bg.png) repeat-x top;*/
}

body#toppage {
/*background: url(images/bg_top.png) repeat-x top;*/
}


a{color:#A74F25;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active, a:focus {outline: 0;}

img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 900px;
}

/*************
/* ヘッダー
*************/
#header{
/*background: url(images/header.png) no-repeat 100%;*/
height: 80px;
}

#header h1 {
padding: 7px 0 0;
font-size: 10px;
font-weight: normal;
}


.navi {
	margin-top: 10px;
	margin-bottom: 20px;
}
.douga {
	margin-bottom: 10px;
}
/***温泉旅館バナー***/
.onsen_bnr {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	width: 250;
	height: 60;
	border: 0;

    background-color:#CC4E53;
}

.onsen_bnr a{
	display:block;
	filter:alpha(opacity=100);
    -moz-opacity:1.00;
    -khtml-opacity: 1.00;
    opacity:1.00;
	height:60px;
	width:250px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

.onsen_bnr a:hover {
	filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity:0.85;
}
/*****温泉バナー_end***/

/*****マウスオーバでホワイトフェード****/
.whitefade{
	background-color:#FFFFFF;
}

.whitefade a{
	filter:alpha(opacity=100);
    -moz-opacity:1.00;
    -khtml-opacity: 1.00;
    opacity:1.00;
}

.whitefade a:hover{
	filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity: 0.65;
    opacity:0.65;
}
/*************************************/
.bnr_620 {
	height: 60px;
	width: 620px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
h2 {
	font-size: 22px;
	color: #A74F25;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #703B28;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	background-image: url(./images/ndo_icon_oke.png);
	background-repeat: no-repeat;
}
.midashi_620 {
	font-size: 22px;
	color: #A74F25;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	background-image: url(./images/ndo_icon_oke.png);
	background-repeat: no-repeat;
	width: 595px;
}
.midashi_295-1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #703B28;
	font-size: 20px;
	text-align: left;
	color: #A74F25;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	height: 30px;
	background-image: url(./images/ndo_icon_oke.png);
	background-repeat: no-repeat;
	width: 270px;
}
.midashi_295-2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #703B28;
	font-size: 20px;
	font-weight: bold;
	color: #A74F25;
	background-image: url(./images/ndo_icon_oke.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 270px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.cms1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #703B28;
	font-size: 14px;
	line-height: 24px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	padding-left: 0px;
	width: 590px;
	margin-bottom: 15px;
}
.day {
	width: 130px;
	float: left;
}
.boxleft {
	float: left;
	width: 295px;
	font-size: 13px;
	line-height: 20px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding: 0px;
}
.boxright {
	float: right;
	width: 295px;
	font-size: 13px;
	line-height: 20px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding: 0px;
}
.photobpx_mini {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #CCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.danraku1 {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.textlink {
	text-align: right;
	margin-top: 10px;
}
.footlink {
	margin-top: 0px;
	width: 130px;
	float: left;
}
.foottext {
	margin-top: 0px;
	float: right;
}
.subContent {
	padding: 0px;
	width: 620px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}



/*************
メイン（右側）コンテンツ
*************/
#main {
float: left;
width: 900px;
padding: 15px 0;
display: inline;
}

/*#main h2{
margin-bottom: 10px;
padding: 0 10px 0px 20px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading.png) no-repeat;
}*/

#main h3 {
font-size: 13px;
font-weight: normal;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #e16c84;
border-bottom: 1px solid #cccccc;
}

#main p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#e16c84;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#e16c84;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* 矢印 */
p.yaji{
text-align: center;
background: url(images/button2.bmp) no-repeat;
}

p.yaji a{
display:block;
background: url(images/button2.bmp) no-repeat;
margin: 0 -20px;
}

p.yaji a:hover{
cursor:pointer;
background-position: 0 -32px;
}


/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（右側）コンテンツ
*************/
#sidebar {
float: right;
width: 250px;
padding: 10px 0;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-right: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}




/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/***ナビゲーションバー****/
/*トップ*/
#nav_top_p{
	float: left;
	background:url(./images/ndo_navi_01-over.jpg) no-repeat;
	height:50px;
	width:68px;
}


#nav_top{
	float: left;
	background:url(./images/ndo_navi_01-over.jpg) no-repeat;
}

#nav_top a{
	display:block;
	background:url(./images/ndo_navi_01.jpg) no-repeat;
	height:50px;
	width:68px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#nav_top a:hover {
	background:url(./images/ndo_navi_01-over.jpg) no-repeat;
}
/*中山平温泉紹介*/
#nav_intro_p{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_03-over.jpg) no-repeat;
	height:50px;
	width:158px;
}

#nav_intro{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_03-over.jpg) no-repeat;
}

#nav_intro a{
	display:block;
	background:url(./images/ndo_navi_03.jpg) no-repeat;
	height:50px;
	width:158px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#nav_intro a:hover {
	background:url(./images/ndo_navi_03-over.jpg) no-repeat;
}

/*自然・観光*/
#nav_spot_p{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_05-over.jpg) no-repeat;
	height:50px;
	width:121px;
}

#nav_spot{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_05-over.jpg) no-repeat;
}

#nav_spot a{
	display:block;
	background:url(./images/ndo_navi_05.jpg) no-repeat;
	height:50px;
	width:121px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#nav_spot a:hover {
	background:url(./images/ndo_navi_05-over.jpg) no-repeat;
}

/*インベント*/
#nav_event_p{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_07-over.jpg) no-repeat;
	height:50px;
	width:100px;
}

#nav_event{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_07-over.jpg) no-repeat;
}

#nav_event a{
	display:block;
	background:url(./images/ndo_navi_07.jpg) no-repeat;
	height:50px;
	width:100px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#nav_event a:hover {
	background:url(./images/ndo_navi_07-over.jpg) no-repeat;
}

/*泊まる*/
#nav_inn_p{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_09-over.jpg) no-repeat;
	height:50px;
	width:83px;
}

#nav_inn{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_09-over.jpg) no-repeat;
}

#nav_inn a{
	display:block;
	background:url(./images/ndo_navi_09.jpg) no-repeat;
	height:50px;
	width:83px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#nav_inn a:hover {
	background:url(./images/ndo_navi_09-over.jpg) no-repeat;
}

/*特産品*/
#nav_product_p{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_11-over.jpg) no-repeat;
	height:50px;
	width:90px;
}

#nav_product{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_11-over.jpg) no-repeat;
}

#nav_product a{
	display:block;
	background:url(./images/ndo_navi_11.jpg) no-repeat;
	height:50px;
	width:90px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#nav_product a:hover {
	background:url(./images/ndo_navi_11-over.jpg) no-repeat;
}

/*街のお店*/
#nav_shop_p{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_13-over.jpg) no-repeat;
	height:50px;
	width:111px;
}

#nav_shop{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_13-over.jpg) no-repeat;
}

#nav_shop a{
	display:block;
	background:url(./images/ndo_navi_13.jpg) no-repeat;
	height:50px;
	width:111px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#nav_shop a:hover {
	background:url(./images/ndo_navi_13-over.jpg) no-repeat;
}

/*交通アクセス*/
#nav_access_p{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_15-over.jpg) no-repeat;
	height:50px;
	width:127px;
}

#nav_access{
	float: left;
	margin-left: 6px;
	background:url(./images/ndo_navi_15-over.jpg) no-repeat;
}

#nav_access a{
	display:block;
	background:url(./images/ndo_navi_15.jpg) no-repeat;
	height:50px;
	width:127px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#nav_access a:hover {
	background:url(./images/ndo_navi_15-over.jpg) no-repeat;
}
/*************************/

/*****************************************
 * マウスオーバー処理 *
 *****************************************/

/**ホーム**/
#img_toptitle{
	background:url(./images/ndo_title_01-over.jpg) no-repeat;
}

#img_toptitle a{
	display:block;
	background:url(./images/ndo_title_01.jpg) no-repeat;
	height:86px;
	width:600px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#img_toptitle a:hover {
	background:url(./images/ndo_title_01-over.jpg) no-repeat;
}

/**横バー**/
#img_bar{
	background:url(./images/ndo_title_02.jpg) no-repeat;
}
#img_bar a{
	display:block;
	background:url(./images/ndo_title_02.jpg) no-repeat;
	height:86px;
	width:165px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

/**お問い合わせ**/
#img_inquiry{
	background:url(./images/ndo_title_03-over.jpg) no-repeat;
}

#img_inquiry a{
	display:block;
	background:url(./images/ndo_title_03.jpg) no-repeat;
	height:53px;
	width:135px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#img_inquiry a:hover {
	background:url(./images/ndo_title_03-over.jpg) no-repeat;
}

/**サイトマップ**/
#img_sitemap{
	background:url(./images/ndo_title_04-over.jpg) no-repeat;
}

#img_sitemap a{
	display:block;
	background:url(./images/ndo_title_04.jpg) no-repeat;
	height:33px;
	width:135px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
}

#img_sitemap a:hover {
	background:url(./images/ndo_title_04-over.jpg) no-repeat;
}

.bar_gray{
	width: 900px;
	background-image: url('/images/bar_gray.jpg');
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	margin: 10px auto 0;
	padding:3px 0 0 0;
}
.bar_gray div {
	padding-left: 15px;
	color: #000000 !important;
	text-shadow:-1px -1px white;
}

p.img{ /*イメージフォルダ（デバッグ用）*/
 background-color:#8c8;
 width:64px;
 height:64px;
 margin:0;
 padding:0 !important;
}
p.img32{ /*イメージフォルダ（デバッグ用）*/
 background-color:#4c8;
 width:32px !important;
 height:32px;
 margin:0;
 padding:0 !important;
 margin-left: 5px !important;
}

ul.comments{
 list-style: none;
 padding:0px 60px;
 margin-bottom:0px;
}
/*アバターと名前*/
ul.comments >li>div.profile{
 width:100px;
 display:inline-block;
 vertical-align:top;
 padding-top:0px;
 margin-top:20px;
}
ul.comments >li>div.profile>span{/*名前*/
 font-size:small;
 overflow:visible;
 margin-left:auto;
 margin-right:auto;
}
/*吹き出し*/
ul.comments >li>div.comment{
 display:inline-block;
 position:relative;
 left:20px;
 padding:15px;
 margin:1em 0 0.5em; /*次の吹き出しまでのmargin*/

 background-color:#FAF6F2;
 border-radius: 10px;
 width: 450px;
 box-shadow: 1px 1px 4px #ccc; /* 影　縦・横・ぼかし・色 */
}

ul.comments >li >div.comment:after{ /*矢印*/
 content:"";
 display:block; /* reduce the damage in FF3.0 */
 position:absolute;
 bottom:-15px;
 left:-40px;
 width:0;
 top:32px;
 bottom:auto;
 border-width:15px 0 0 40px;
 border-style:solid;
 border-color:#FAF6F2 transparent;

}
ul.comments >li>div> h6{
 display:inline;
 font-weight:normal;
 font-style:italic;
 font-size:medium;
}
/*日付*/
ul.comments >li>div> h6 +span{
 float:right;
 display:inline;
 font-weight:normal;
 font-style:italic;
 font-size:medium;
}
ul.comments >li>div> h6 +span:after{
 comment:"";
 clear: both;
}
/*返信*/
ul.children{
 margin:0 !important;
 padding:0;
 list-style:none;
}
ul.children>li{
 border-radius: 6px;
 background-color:#F2E5DD;
 border-bottom: 1px solid #D8CFCC;
 margin-bottom:3px;
 padding-bottom:1.1em;
}
ul.children>li>*{
 display:inline-block;
}
ul.children>li>div{ /*ミニアバターと名前の日時*/
 margin-top:10px;
 width:400px;
}


ul.children>li>div>span{ /*日付*/
 float:right;
 font-size:small;
}
ul.children>li>div>span:after{
 comment:"";
 clear:both; /*floatを初期化*/
}
ul.children>li>p{
 padding:0;
 padding-left:20px;
 margin:0;
 width: 100%;
}
ul.children>li>p.img32{
 margin-top:5px;
 vertical-align:top;
}
/*フロントエンド返信*/
ul.children>li>ol,
div.comment>ol{
 float:right;
 text-align:right;
 right:0;
 list-style:none;
 opacity:1;
 height:1em;
 vertical-align:bottom;
 padding-left:0px;
 padding-bottom:5px;
}

ul.children>li>ol:after,
div.comment>ol:after{
 clear:both;
}
/* ホバー時のみに表示させる部分
ul.children>li>ol>li>a,
div.comment>ol>li>a{
 opacity: 0;
}

ul.children>li:hover>ol>li>a,
div.comment:hover>ol>li>a{
 opacity: 1;
}
*/
ul.children>li>ol>li,
div.comment>ol>li{
 display:inline;
 margin-left:5px;
}

ul.categories {
	text-align:center;
	list-style-type:none;
	margin-bottom:100px;
}

ul.categories li {
	background: #8a3926; /* Old browsers */
	background: linear-gradient(to bottom,  #8a3926 1%,#a64f24 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3926', endColorstr='#a64f24',GradientType=0 ); /* IE6-9 */
	width:300px;
	height:40px;
	border:1px solid #A74F25;
	border-radius: 10px;
	margin-top:1em !important;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}

ul.categories li:hover {
	border:1px solid #CCC;
}

ul.categories li a {
	color:#FFF;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	padding-top:8px;
	width:100%;
	height:100%;
	display:block;
	outline:none;
}

ul.categories li a:hover {
	color:#FF9;
}