@charset "utf-8";
/* CSS Document */

/*
Theme Name: 民宿コクボ荘
Author: Kenichi Yanai
Version: 1.0
Theme URI: http://www.kokubosou.com/
License: Copyright © 2013 KOKUBOSOU. All Right Reserved.

//Table of Content//
-font
-base_layout
-fix
-wp_default
*/


/*=====================================================================
font
======================================================================*/
p, a, h1, h2, h3, h4, h5, h6, li, dt, dd, th, td, address, .phone span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ丸ゴ Pro W4";
	font-weight: normal;
}

h1 {
	font-size: 0.94em;
	margin-right: auto;
	margin-left: auto;
	line-height: 28px;
	color: #FFF;
	font-weight: normal;
}

p {
	font-size: 1em;
	line-height: 160%;
}

p.more {
	margin-top: 20px;
	text-align: right;
}

.more a {
	font-size: 0.81em;

}

.more a:before {
	content: "»";
	font-weight: bold;
	color: #358E2B;
	font-size: 1.50em;
	vertical-align: baseline;
}

.note:before {
	content:"※";
}

p.centered {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

.strong {
	font-weight: bold;
}

a.jump {
	color: #000;
}

a.jump:hover {
	text-decoration: underline;
}

a.jump:before {
	content: "»";
	font-weight: bold;
	color: #358E2B;
	vertical-align: baseline;
}

a.green {
	color: #358E2B;
}

a.green:hover {
	text-decoration: underline;
}

a.underline:hover {
	text-decoration: underline;
}

a.mail:hover {
	text-decoration: underline;
}

/*plan-price==============================================*/
.icon-en,
.icon-tax {
	font-size: 0.81em;
}

p.plan-price:after {
	font-size: 0.81em;
}

p.plan-price-off:after {
	content:"～";
	font-size: 0.81em;
}

p.plan-price,
p.plan-price-off {
	font-weight: bold;
	color: #633A00;
	font-size: 1.38em;
}


/*=====================================================================
base_layout
======================================================================*/
body {
	background-color: #F0F0E1;
}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 100px;
}

#container:after {
	content: "";
	display: block;
	clear: both;
}

/*hedaer==============================================*/
#headline {
	background-color: #358E2B;
	height: 28px;
	margin-bottom: 35px;
}

#headline span {
	display: block;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

header .box {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
}

#logo_header {
	height: 75px;
	width: 290px;
	float: left;
	margin-bottom: 35px;
}

#phone_header {
	width: 235px;
	float: right;
	margin-bottom: 20px;
}

#phone_header p {
	font-size: 0.88em;
	font-style: normal;
}

#phone_header img {
	margin-bottom: 5px;
}

/*navbar*/
nav {
	clear: both;
	margin-bottom: 30px;
}

nav#site-navigation ul {
	width: 965px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(img/bg_navbar.png?001);
}

nav#site-navigation li {
	float: left;
	height: 45px;
	width: 192px;
	text-align: center;
	letter-spacing: 0.1em;
}

nav#site-navigation a {
	font-size: 0.94em;
	line-height: 45px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.6);
	display: block;
	height: 45px;
	width: 192px;
	background-image: url(img/bg_navbar.png?001);
	background-repeat: no-repeat;
	background-position: left top;
}

nav#site-navigation a:hover {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}

nav#site-navigation #menu-item-20 a{
	background-position: left top;
}

nav#site-navigation #menu-item-19 a {
	background-position: -192px top;
}

nav#site-navigation #menu-item-18 a {
	background-position: -384px top;
}

nav#site-navigation #menu-item-17 a {
	background-position: -576px top;
}

nav#site-navigation #menu-item-16 a {
	background-position: -768px top;
}

nav#site-navigation #menu-item-20.current_page_item a, 
nav#site-navigation #menu-item-20 a:hover {
	background-position: left -50px;
}

nav#site-navigation #menu-item-19.current_page_item a, 
nav#site-navigation #menu-item-19 a:hover {
	background-position: -192px -50px;
}

nav#site-navigation #menu-item-18.current_page_item a, 
nav#site-navigation #menu-item-18 a:hover {
	background-position: -384px -50px;
}

nav#site-navigation #menu-item-17.current_page_item a, 
nav#site-navigation #menu-item-17 a:hover {
	background-position: -576px -50px;
}

nav#site-navigation #menu-item-16.current_page_item a, 
nav#site-navigation #menu-item-16 a:hover {
	background-position: -768px -50px;
}
/*==============================================hedaer*/

/*footer==============================================*/
footer {
	background-image: url(img/bg_footer.png?001);
	background-repeat: repeat-x;
	background-position: center top;
	height: 295px;
	clear: both;
}

footer .box {
	background-image: url(img/bg_footer-box.png?001);
	background-position: center top;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 130px;
	padding-top: 140px;
}

footer h3 {
	font-size: 0.94em;
	margin-bottom: 10px;
	font-weight: bold;
	color: #FFF;
}

#phone_footer {
	float: right;
	font-size: 0.88em;
	font-style: normal;
	color: #FFF;
	width: 220px;
	margin-top: 10px;
}

#info_footer {
	font-size: 0.88em;
	font-style: normal;
	color: #FFF;
	line-height: 150%;
	margin-bottom: 10px;
}

#menu-utility {
	float: left;
	clear: both;
}

#menu-utility li {
	font-size: 0.81em;
	display: inline;
	margin-right: 6px;
}

#menu-utility li:after {
	content: "|";
	margin-left: 8px;
	color: #FFF;
}

#menu-utility li:last-child:after {
	content:none;
}

#menu-utility a {
	text-decoration: none;
	color: #FFF;
}

#menu-utility a:hover {
	font-weight: bold;
}

#copyright {
	background-color: #358E2B;
}

#copyright p {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.75em;
	text-align: right;
	font-family: "Lucida Console", Monaco, monospace;
	line-height: 25px;
	height: 25px;
	color: #FFF;
}
/*==============================================footer*/


/*=====================================================================
fix
======================================================================*/
.clearfix,
#content section {
	zoom: 1;
	clear: both;
}

.clearfix:after,
#content section:after {
    content: ""; 
    display: block; 
    clear: both;
}


/*=====================================================================
wp_default
======================================================================*/
img.centered {
	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
}