@charset "utf-8";

/* -----------------------------------------------------------
CSS Information
Site Name: Otowa-no-mori
File name: 	blog_style.css
Style Info:   
Version: 1.00
update/auther: []
----------------------------------------------------------- */

/*index================================================



000: cleafix Huck base source
==================================================== */

/*key-color================================================
black→#000
blown1→#
blown3→#
blown2→#523400
back→#fffc
==================================================== */

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   common layout     ///////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------
 body , page  layout 
---------------------------------------------------------------------------------- */
body.blog{
    background-image:url();
	background-position:left top;
	background-repeat:repeat;
	border-top:9px solid #BDB6AC;
	background-color:#f9f7ec;
	border-top:none;
	background-color:#fff;
		padding: 0px;
}

/* ----------------------------------------------------------------------------------
 header layout 
---------------------------------------------------------------------------------- */

header#header{
	width:940px;
	margin:0 auto 20px auto;
	position:relative;
	

}

header#header h1#logo{
    float:left;
	display:inline;
	width:513px;
	padding:15px 0 0 0;

}

header#header h2#tagLine{
position:absolute;
	   top:5px;
	   left:0;
	width:500px;
	padding:0 0 0 0;
	color:#523400;
	font-size:12px;
	overflow:hidden;

}

header#header p.phone_number{
   	position:absolute;
	   top:15px;
	   right:0;
	width:288px;
	padding:0 0 0 0;
}


header#header p.hotel_link{
   	position:absolute;
	   top:45px;
	   right:0;
	width:207px;
	padding:0 0 0 0;
}


header#header p.back_home{
    position:absolute;
	top:0px;
	right:0px;
	width:175px;
	height:35px;
	border-bottom:1px solid #fff;
	border-radius:0 0 10px 10px;
}

header#header p.back_home a{
	width:175px;
	height:35px;
	display:block;
	background-color:#523400;
	color:#F9F6E8;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:35px;
	border-radius:0 0 10px 10px;
	
}

header#header p.back_home a:hover{
	background-color:#754900;
	color:#F9F6E8;
}


/* ----------------------------------------------------------------------------------
 main & primary & secondry layout 
---------------------------------------------------------------------------------- */

div#main{
	width:940px;
	margin:0 auto 15px auto;

}

/* ----------------------------------------------------------------------------------
 blog_nav layout 
---------------------------------------------------------------------------------- */

div#blog_nav{
	width:100%;
	/*background-color:#ECE8E1;*/
		padding:20px 0 0 0;
}

div#blog_nav_inner{
	width:940px;
	margin:0 auto 20px auto;	
	background-color:#fff;
	border-right:1px solid #DDD2BC;
	border-left:1px solid #DDD2BC;
	border-bottom:1px solid #DDD2BC;
	border-top:1px solid #DDD2BC;
	border-radius:10px;
	box-shadow:0 0 10px #dacdc1;
	position:relative;

}


div#blog_nav ul#nav_list{
    padding:30px;
}

div#blog_nav ul#nav_list li.category{
    width:25%;
    float:left;
	display:inline;
}

div#blog_nav ul#nav_list li.archive{
    width:25%;
    float:left;
	display:inline;
}

div#blog_nav ul#nav_list li.news{
    width:50%;
    float:left;
	display:inline;
}

div#blog_nav ul#nav_list li h3{
    font-size:14px;
	color:#F2666A;
	margin:0 0 10px 0;
    padding:0 0 0 20px;
}

div#blog_nav ul#nav_list li ul{
    padding:0 0 0 20px;
}

div#blog_nav ul#nav_list li ul li{
    margin:0 0 10px 0;
	padding:0 0 0 10px;
	background-image:url(../img/blog/blog_nav_btn_back.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div#blog_nav ul#nav_list li ul li a{
    color:#523400;
	font-size:12px;
}

div#blog_nav ul#nav_list li ul li a:hover{
    text-decoration:underline;
}

div#blog_nav div#blog_nav_inner p#back_top{
 position:absolute;
 top:-52px;
 right:0;
}



footer#footer{
    width:auto;
    background-color:#B9B0AA;
    

}


footer#footer div#footer_banner{
    width:auto;
    background-color:#B9B0AA;
}

footer#footer div#footer_banner ul{
    width:650px;
	margin:0 auto;
	padding:15px 0 0 0;
	text-align:center;
}

footer#footer div#footer_banner ul li{
	display:inline;
}

footer#footer div#footer_banner ul li a{

}

footer#footer div#footer_banner ul li a img{
	padding:0 15px 15px 0;
}

footer#footer div#footer_contents{
    background-color:#B9B0AA;
	width:auto;
}

footer#footer div#footer_contents ul{
    width:900px;
	margin:0 auto;
	padding:0 0 0 0;
}

footer#footer div#footer_contents ul li{
    float:left;
	display:inline;
	margin:30px 35px 30px 0;
	padding:0 35px 0 0;
	border-right:1px dotted #A8997F;
}

footer#footer div#footer_contents ul li.lastchild{
	border-right:none;
		margin:30px 0 30px 0;
}


footer#footer div#footer_contents ul li.lastchild  p.hotel_link_bottom{
  
	padding:20px 0 0 0;

}


footer#footer div#footer_contents ul li h2{
    
}

footer#footer div#footer_contents ul li h3{
    color:#381103;
	font-size:12px;
	text-align:center;
	margin:0 0 10px 0;
}

footer#footer div#footer_contents ul li p{
    color:#381103;
	font-size:11px;
	text-align:center;
	line-height:20px;
}

footer#footer div#footer_contents ul li a{
    color:#381103;
	text-decoration:underline;
}

footer#footer div#footer_copyright{
    background-color:#381103;
	width:auto;
}

footer#footer div#footer_copyright div#footer_copyright_inner{
    width:900px;
	margin:0 auto;
		text-align:center;
}

footer#footer div#footer_copyright div#footer_copyright_inner p#privacy{
    float:right;
	display:inline;
	text-align:right;
	width:114px;
	padding:8px 0 0 0;
}

footer#footer div#footer_copyright div#footer_copyright_inner p#copyright{
    float:none;
	display:inline;
	line-height:30px;
	width:auto;
	text-align:center;
	color:#fff;
}








/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   list page layout     ////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */

body.list h1.search{
    font-size:16px;
	color:#523400;
	margin:0 auto 30px auto;
	width:918px;
	background-color:#fff;
	border:1px solid #DDD2BC;
	padding:10px;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝";
	border-radius:10px;
	box-shadow:0 0 10px #dacdc1;
}


div#main_list {
    width:960px;
	margin:0 auto;
	padding:0 0 35px 0;

}


/* ----------------------------------------------------------------------------------
 blog_nav layout 
---------------------------------------------------------------------------------- */
div#main_list article.report {

	width:300px;
	margin:0 10px 20px 10px;
	float:left;
	display:inline;
	border-radius:5px;
	box-shadow:0 0 10px #dacdc1;
	
    /*transition-property: box-shadow;  
    transition-duration: 1s;  
    transition-timing-function: linear;*/

	cursor: pointer;
	
}

div#main_list article.report:hover {
    /*cursor:pointer;*/
	box-shadow:0 0 10px #a6876b;
}

div#main_list article.report div.article_inner{
	background-color:#fff;
	border-top:1px solid #DDD2BC;
	border-right:1px solid #DDD2BC;
	border-left:1px solid #DDD2BC;
	border-bottom:1px solid #DDD2BC;
	border-radius:5px;
	padding:20px 20px 20px 20px;
	position:relative;
	margin:0px;
}

div#main_list article.report h2{
    font-size:16px;
	color:#523400;
	line-height:20px;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝";
	padding:25px 0 0 0 ;
	margin:0 0 15px 0;
	float:right;
	display:inline;
	width:170px;

}

div#main_list article.report h2 a{
	color:#523400;
}

div#main_list article.report h2 a:hover{
    text-decoration:underline;
}

div#main_list article.report ul.category_list {
    position:absolute;
	top:20px;
	left:100px;
	width:180px;
	height:17px;
	overflow:hidden;
}

div#main_list article.report ul.category_list li{
    float:left;
	display:inline;
	margin:0 10px 0 0;
}

div#main_list article.report ul.category_list li p.category{

}

div#main_list article.report p.eye_catch{
    position:relative;
	width:260px;
	height:184px;
	clear:both;
	background-image:url(../img/blog/ajax-loader03.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

div#main_list article.report p.eye_catch span.decoration{
   position:absolute;
   top:0;
   left:0; 

}

div#main_list article.report p.eye_catch a{
	width:260px;
	height:184px;
	overflow:hidden;
	display:block;
}

div#main_list article.report p.eye_catch a img{
    max-width:300px;
	max-height:300px;
	min-width:260px;
	min-height:184px;
}


div#main_list article.report p.category span{
	font-size: 12px;
	padding: 2px 8px 0px 8px;
	background-color: #000;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
}

div#main_list article.report p.category span.color0{
	background-color: #000;
}

div#main_list article.report p.category span.color1{
	background-color: #AE0040;
}

div#main_list article.report p.category span.color2{
	background-color: #920783;
}

div#main_list article.report p.category span.color3{
	background-color: #F39800;
}


div#main_list article.report div.date{
    background-image:url(../img/blog/date_back01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:63px;
	height:70px;
    padding:16px 0 0 0;
	float:left;
	display:inline;
	margin:0 0 15px 0;
	
    /*position:absolute;
	top:17px;
	left:20px;*/
}

div#main_list article.report div.date time{

}

div#main_list article.report div.date time span{
    display:block;
	text-align:center;
	font-weight:bold;
	color:#523400;
}

div#main_list article.report div.date time span.manth{
    font-size:12px;
	line-height:12px;
	padding:2px 0 0 0;
	margin:0;
}

div#main_list article.report div.date time span.day{
	line-height:38px;
    font-size:40px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝";
	margin:0;
}

div#main_list article.report div.date time span.year{
    font-size:10px;
	line-height:10px;
	color:#7F6240;
}

div#main_list article.report p.new{
    position:absolute;
	top:-5px;
	left:-5px;
}

/* ----------------------------------------------------------------------------------
 wp-pagenavi layout 
---------------------------------------------------------------------------------- */
div.wp-pagenavi{
    width:900px;
	margin:15px auto 30px auto;
	padding:0 30px;
	clear:both;
	line-height:24px;
	text-align:center;
}

div.wp-pagenavi span{
	float:left;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	margin:0 10px 0 0;
	display:block;
	float:left;
	border-radius:5px;
	font-size:14px;
}

div.wp-pagenavi span.current{
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	background-color:#ffe100;
	color:#804F1B;
	margin:0 10px 0 0;
	display:block;
	float:left;
	border-radius:5px;
	font-size:14px;
}

div.wp-pagenavi a{
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	background-color:#804F1B;
	color:#fff;
	border-radius:5px;
	margin:0 10px 0 0;
	display:block;
	float:left;
	font-size:14px;
}

div.wp-pagenavi a:hover{
	background-color:#523400;
}

/* ----------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   detail page layout     ////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */

div#main_detail {
    width:720px;
	margin:0 auto;
	padding:0 0 0 0;

}


/* ----------------------------------------------------------------------------------
 article layout 
---------------------------------------------------------------------------------- */
div#main_detail article {
	width:720px;
	margin:0 0 30px 0;
	position:relative;
	
}


div#main_detail article header.article_header{
	width:700px;
	padding:0 10px ;
	position:relative;
}

div#main_detail article header.article_header h1{
    font-size:23px;
	color:#523400;
	line-height:30px;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝";
	padding:25px 0 0 0 ;
	margin:0 0 15px 0;
	float:right;
	display:inline;
/*	width:625px;*/
	color:#F2666A;
	width:600px;

}

/*div#main_detail article header.article_header p.category{
    position:absolute;
	top:3px;
	left:85px;
}*/

div#main_detail article header.article_header p.category{
}


div#main_detail article header.article_header p.category span{
	font-size: 12px;
	padding: 2px 8px 0px 8px;
	background-color: #000;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
}

div#main_detail article header.article_header p.category span.color0{
	background-color: #000;
}

div#main_detail article header.article_header p.category span.color1{
	background-color: #AE0040;
}

div#main_detail article header.article_header p.category span.color2{
	background-color: #920783;
}

div#main_detail article header.article_header p.category span.color3{
	background-color: #F39800;
}



div#main_detail article header.article_header ul.category_list {
    position:absolute;
	top:3px;
	left:85px;
	width:180px;
	height:17px;
	overflow:hidden;
}

div#main_detail article header.article_header ul.category_list li{
    float:left;
	display:inline;
	margin:0 10px 0 0;
}

div#main_detail article header.article_header ul.category_list li p.category{

}

div#main_detail article header.article_header div.date{
    background-image:url(../img/blog/date_back01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:63px;
	height:70px;
    padding:16px 0 0 0;
	float:left;
	display:inline;
	margin:0 0 15px 0;
	
    /*position:absolute;
	top:17px;
	left:20px;*/
}

div#main_detail article header.article_header div.date time{

}

div#main_detail article header.article_header div.date time span{
    display:block;
	text-align:center;
	font-weight:bold;
	color:#523400;
}

div#main_detail article header.article_header div.date time span.manth{
    font-size:12px;
	line-height:12px;
	padding:2px 0 0 0;
	margin:0;
}

div#main_detail article header.article_header div.date time span.day{
	line-height:38px;
    font-size:40px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝";
	margin:0;
}

div#main_detail article header.article_header div.date time span.year{
    font-size:10px;
	line-height:10px;
	color:#7F6240;
}

div#main_detail article header.article_header p.new{
    position:absolute;
	top:-8px;
	left:-15px;
}

/* ----------------------------------------------------------------------------------
body_contents 
---------------------------------------------------------------------------------- */
div#main_detail article section.body_contents{
	width:700px;
	padding:0 10px ;
	margin:0 0 40px 0;
}

div#main_detail article section.body_contents h1.eye_catch{
    position:relative;
	width:700px;
	height:495px;
	margin:0 0 30px 0;
	overflow:hidden;
	background-image:url(../img/blog/ajax-loader08.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#f9f7ec;
}

div#main_detail article section.body_contents h1.eye_catch img{
    max-width:800px;
	max-height:567px;
	min-width:700px;
	min-height:496px;
}

div#main_detail article section.body_contents h1.eye_catch span.decoration{
    position:absolute;
	top:0;
	left:0;
}

div#main_detail article section.body_contents h1.eye_catch span.decoration img{
	width:700px;
	height:496px;
}

div#main_detail article section.body_contents div.blog_body{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝";
}

div#main_detail article section.body_contents div.blog_body p{
    font-size:16px;
	line-height:28px;
	color:#523400;
	text-align:center;
	font-weight:normal;
}

/* ----------------------------------------------------------------------------------
photo_gallery 
---------------------------------------------------------------------------------- */
div#main_detail article section.photo_gallery{
	width:720px;
	padding:0;
}

div#main_detail article section.photo_gallery h1{
    text-align:center;
	margin:0 0 15px 0;
}

div#main_detail article section.photo_gallery ul{
    text-align:center;
}

div#main_detail article section.photo_gallery ul li{
    float:left;
	display:inline;
	margin:0 10px 20px 10px;
	width:220px;
	height:164px;
	box-shadow:0 0 10px #dacdc1;
}

div#main_detail article section.photo_gallery ul li:hover{
    box-shadow:0 0 10px #a6876b;
}

div#main_detail article section.photo_gallery ul li a{
    border:1px solid #8D7957;
	padding:3px;
	background-color:#fff;
	display:block;
	width:212px;
}

div#main_detail article section.photo_gallery ul li a span{
	width:212px;
	height:156px;
	overflow:hidden;
	display:block;

}


div#main_detail article section.photo_gallery ul li a span img{
    max-width:300px;
	max-height:200px;
    min-width:212px;
	min-height:156px;
}

/* ----------------------------------------------------------------------------------
prev & next 
---------------------------------------------------------------------------------- */
div#main_detail article p#prev_btn{
    position:absolute;
	top:300px;
	left:-100px;
	
}

div#main_detail article p#next_btn{
    position:absolute;
	top:300px;
	right:-100px;
}

/*----------------------------------------------------------------------------------
  cleafix Huck base source
---------------------------------------------------------------------------------- */

.clearfix:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac$BHG(BIE$B$N$_$KE,MQ(B \*//*/
.clearfix { overflow: hidden; }
/* */


	
/* OPERA huck */

div#page div#header h1#top_logo:not(\*|*) { 

	}





ul#mainNav{
	margin: 0 -5px 0 0;
	padding: 4px;
	width:450px;
	height:32px;
	z-index:100;
	background-image:url(../img/subPage_nav_bg.png) ;
	background-repeat:repeat;
	background-position: top left;
	position:absolute;
	top:-10px;
	right:0;
	text-align:center;


}


ul#mainNav li{
margin: 0 0 0 0;
padding: 0;
float:left;
display:inline;

}

ul#mainNav li a{
cursor: pointer;
}

ul#mainNav li h3{
margin: 0 0 0 0;
padding: 0;
line-height:1;

}
ul#mainNav li a:active{
	position: relative;
 	top: 0;

}

/* 2: Header Nav style
---------------------------------------------------------------------------------- */	
ul#header_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
	top:30px;
	right:-12px;

}
*html ul#header_nav {
	position:absolute;
	top:40px;
	right:-12px;
}

*:first-child+html body ul#header_nav {
	position:absolute;
	top:30px;
	right:-12px;
}



ul#header_nav li {
	margin: 0 10px 0 0;
	padding: 0;
	width:auto;
	float:left;
	display:inline;
}

div#header ul#header_nav li a {
cursor: pointer;
}

div#header ul#header_nav li a {
	cursor: pointer;
}

div#header ul#header_nav li#last_item {
	margin: 0 0 0 0;
	padding: 0;
	width:auto;
	float:left;
	display:inline;
}

/* 2012-10-04追加
---------------------------------------------------------------------------------- */

a.noBg{
background-color:transparent;
}
p#english_banner{
position:absolute;
bottom:5px;
right:0;
}


div#main_detail article section.body_contents p.plan_link a{
display:block;
width:479px;
line-height:58px;
font-size:16px;
color:#381103;
font-weight:bold;
text-align:center;

margin:25px auto 15px auto;
	background-image:url(../img/blog/plan_link_bg.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div#main_detail article section.body_contents p.plan_link a:hover{
text-decoration:underline;

}	


div#main_detail article section.body_contents p.plan_link2 a{
display:block;
width:479px;
line-height:58px;
font-size:16px;
color:#381103;
font-weight:bold;
text-align:center;

margin:25px auto 15px auto;
	background-image:url(../img/blog/plan_link_bg2.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div#main_detail article section.body_contents p.plan_link2 a:hover{
text-decoration:underline;

}	

div#main_detail article section.body_contents p.plan_link3 a{
display:block;
width:479px;
line-height:58px;
font-size:16px;
color:#381103;
font-weight:bold;
text-align:center;

margin:25px auto 15px auto;
	background-image:url(../img/blog/plan_link_bg3.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div#main_detail article section.body_contents p.plan_link3 a:hover{
text-decoration:underline;

}	

div#main_detail article section.body_contents p.plan_link4 a{
display:block;
width:479px;
line-height:58px;
font-size:16px;
color:#381103;
font-weight:bold;
text-align:center;

margin:25px auto 15px auto;
	background-image:url(../img/blog/plan_link_bg4.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div#main_detail article section.body_contents p.plan_link4 a:hover{
text-decoration:underline;

}

div#main_detail article section.body_contents p.plan_link5 a{
display:block;
width:479px;
line-height:58px;
font-size:16px;
color:#381103;
font-weight:bold;
text-align:center;

margin:25px auto 15px auto;
	background-image:url(../img/blog/plan_link_bg5.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div#main_detail article section.body_contents p.plan_link5 a:hover{
text-decoration:underline;

}