/*  
Theme Name: Kyoto
Theme URI: http://www.yasuhisa.com
Description: Theme for Kyoto Craftman House.
Version: 1.5.1
Author: Yasuhisa Hasegawa
Author URI: http://www.yasuhisa.com/
*/

* {
	margin: 0;
	padding: 0;
}

html{
	height: 100%;
}	
body {
	font-size: 77%; 
	font-family: Geneva, Arial, "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3" "ヒラギノ角ゴ Pro W3", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
	background: #DEE7DF url("media/bg.gif");
	color: #000;
	height: 100%;
	margin: 20px;
}
* html body{
	font-size: 75%; 
}

a:link{
	color: #105058;
}
a:hover, 
a:visited:hover{
	color: #105058;
	text-decoration: overline underline;
}
a:active{
	color: #A90000;
}
a:visited{
	color: #39656A;
}

hr {
	display: none;
}

a img {
	background: none;
	border: none;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.n{
	display: none;
}

/* 基本構造 */
#container {
	text-align: left;
	height: 100%;
	width: 815px;
}
#section{
	float: left;
	width: 280px;
}
#maincontent{
	float: right;
	width: 411px;
}
#footer {
	text-align: center;
	margin: 20px 0 0 0;
}
#sign{
	position: absolute;
	left: 725px;
	top: 120px;
}
/* ******************************************************************-****************************************************************** */

/* 赤色部分 */
#syndication{
	background: #A90000 url("media/bg-red.gif") no-repeat 0 0;
	float: left;
	margin: 0 15px;
	width: 94px;
	height: 95%;
   min-height: 95%;
}
#syndication div{
	background: transparent url("media/bg-red2.gif") no-repeat 0 100%;
	height: 100%;
	min-height: 100%;
}
body > #syndication, 
body > #syndication div{
    height: auto;
}
#syndication div img{
	margin: 0 20px;
	position: absolute;
	top: 90%;
}
/* ******************************************************************-****************************************************************** */

/* ロゴ */
h1#header{
	font-size: 1.2em;
}
/* ******************************************************************-****************************************************************** */

/* 写真サムネイルとメイン写真 */
#photoset{
	text-align: center;
}
#mainphoto{
	display: block;
}
/* ******************************************************************-****************************************************************** */

/* ナビゲーション */
ul#navigation{
	list-style: none;
	margin: 10px 0 20px 0;
}
#navigation li{
	background: transparent no-repeat 0 0;
	margin-bottom: 4px;
}
#navigation li a{
	background: transparent no-repeat 0 0;
	display: block;
	height: 28px;
	text-decoration: none;
	text-indent: -1110em;
	width: 280px;
}
/* *Hides from IE-mac \*/
#navigation li a{
	overflow: hidden;
}
/* *End hide from IE-mac */
#navigation li.home a, #navigation li.home{ background-image: url("media/nav-home.gif"); }
#navigation li.dayori a, #navigation li.dayori{ background-image: url("media/nav-dayori.gif"); }
#navigation li.guesthouse a, #navigation li.guesthouse{ background-image: url("media/nav-guesthouse.gif"); }
#navigation li.nishijin a, #navigation li.nishijin{ background-image: url("media/nav-nishijin.gif"); }
#navigation li.contact a, #navigation li.contact{ background-image: url("media/nav-contact.gif"); }
#navigation li.homee a, #navigation li.homee{ background-image: url("media/nav-home-e.gif"); }
#navigation li.guesthousee a, #navigation li.guesthousee{ background-image: url("media/nav-guesthouse-e.gif"); }
#navigation li.nishijine a, #navigation li.nishijine{ background-image: url("media/nav-nishijin-e.gif"); }
#navigation li.contacte a, #navigation li.contacte{ background-image: url("media/nav-contact-e.gif"); }
#navigation li.home a:hover, 
#navigation li.dayori a:hover, 
#navigation li.guesthouse a:hover, 
#navigation li.nishijin a:hover, 
#navigation li.contact a:hover, 
#navigation li.homee a:hover, 
#navigation li.guesthousee a:hover, 
#navigation li.nishijine a:hover, 
#navigation li.contacte a:hover{
	background-position: 0 -28px;
}
/* ******************************************************************-****************************************************************** */

/* 所在地 */
#basicinfo{
	background: transparent url("media/bg-basicinfo.gif") no-repeat 0 100%;
	padding: 0 0 15px 0;
}
#basicinfo h2{
	background: transparent url("media/h2-basicinfo.gif") no-repeat 0 0;
	font-size: 1em;
	height: 35px;
	text-indent: -1110em;
	width: 280px;
}
/* *Hides from IE-mac \*/
#basicinfo h2{
	overflow: hidden;
}
/* *End hide from IE-mac */
#basicinfo p{
	background: #fff;
	color: #333;
	font-size: 1em;
	line-height: 1.6em;
	padding: 5px 20px 10px 20px;
}
/* ******************************************************************-****************************************************************** */

/* ページヘッダー */
.pageheader{
	background: transparent no-repeat 0 0;
	font-size: 1em;
	height: 41px;
	text-indent: -1110em;
	width: 411px;
}
/* *Hides from IE-mac \*/
.pageheader{
	overflow: hidden;
}
#catid3{ background-image: url("media/h2-guesthouse.gif"); }
#catid4{ background-image: url("media/h2-guesthouse-e.gif"); }
#catid5{ background-image: url("media/h2-nishijin.gif"); }
#catid6{ background-image: url("media/h2-nishijin-e.gif"); }
#catid7{ background-image: url("media/h2-contact.gif"); }
#catid8{ background-image: url("media/h2-contact-e.gif"); }
#catid9{ background-image: url("media/h2-dayori.gif"); }
/* *End hide from IE-mac */
/* ******************************************************************-****************************************************************** */

/* エントリーのフォーマット */
.post h3{
	background: #454545 url("media/h3-icon.gif") no-repeat 0 50%;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6", HiraKakuPro-W6, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
	font-size: 1.4em;
	border-bottom: 1px solid #B2B2B2;
}
.post h3 a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 0 5px 15px;
	width: 396px;
}
* html .post h3 a{ width: 411px; }
.post h3 a:hover,
.post h3 a:visited,  
.post h3 a:visited:hover{
	color: #fff;
	text-decoration: none;
}
.post .postdate{
	background: #cecece;
	color: #666;
	font-size: 1em;
	padding: 3px 10px;
	text-align: right;
}
.entry{
	background: #fff;
	padding: 0 20px;
}
.entry p{
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 5px 0 10px 0;
}
.entry ul, 
.entry ol{
	font-size: 1.1em;
	padding: 5px 20px;
}
.entry li{
	margin: 3px 0;
}
.entry table{
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
.post .postmetadata{
	background: #fff;
	padding: 0 20px 10px 20px;
	text-align: right;
}
.post .postmetadata a{
	background: transparent url("media/icon-comment.gif") no-repeat 0 50%;
	padding: 3px 0 3px 23px;
}
/* ******************************************************************-****************************************************************** */

/* コメントシステム */
.commentsection{
	background: #fff;
	padding: 10px 20px 20px 20px;
}
h4#comments, 
h4#respond{
	background: #efefef;
	color: #333;
	font-size: 1.1em;
	margin: 0;
	padding: 5px 20px;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 1em Verdana, Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;;
}	
.commentlist li {
	font-weight: bold;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	padding: 5px 0;
}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
}

.commentlist li {
	margin: 0 0 5px 0;
	padding: 5px 10px 3px;
	list-style: none;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}
/* ******************************************************************-****************************************************************** */

/* ページ下のバナー */
#banner{
	background: transparent url("media/bg-banner.gif") no-repeat 0 0;
	text-align: center;
}
/* ******************************************************************-****************************************************************** */

.pagenav{
	background: #fff;
	display: block;
	padding: 20px 0;
	text-align: center;
}
	
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


small {
	font-size: 1em;
	line-height: 1.5em;
	}



.description {
	font-size: 1.2em;
	text-align: left;
	}

#sidebar h2 {
	font-family: Osaka, Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}
	
code {
	font: 1.1em Osaka, Verdana, Arial, Sans-Serif;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
/* ******************************************************************-****************************************************************** */





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
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
}
.center {
	text-align: center;
}
.clear{
	clear: both;
	height: 1;
}
/* ******************************************************************-****************************************************************** */



/* Begin Form Elements */
#searchform {
	padding: 5px 3px; 
	text-align: center;
}
select {
	width: 130px;
}

#commentform input {
	border: 1px solid #999;
	width: 170px;
	margin: 5px 0;
	padding: 2px;
}

#commentform textarea {
	border: 1px solid #999;
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	font-size: 1.2em;
	width: auto;
}
/* ******************************************************************-****************************************************************** */




#container:after, 
.pagenav:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#container, .pagenav{ display: inline-table; }
/* *Hides from IE-mac \*/
* html #container, * html .pagenav {height: 1%;}
#container, .pagenav {display: block;}
/* *End hide from IE-mac */