/*
Theme Name: Kyoto Tabiya
Theme URI: http://kyoto-tabiya.jp
Description: 京都旅屋専用カスタムテンプレート2。
Version: 1.1
Author: uetani-m
*/

/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}
	
html{
	background: url(images/main_bg.jpg) repeat-x top;
	background-color:#f2f2ed;
}

body{
	background: url(images/bg_body.jpg) repeat-x top;
	background-color:#f2f2ed;
/*yahoo UI:http://developer.yahoo.com/yui/fonts*/
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
    font:13px/1.231 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', Arial, verdana, sans-serif;
    *font-size:small;
    *font:x-small;
	line-height: 1.5;
	color: #333;
	} 

a{ color: #549baf; text-decoration: none;}
	a:hover{ color: #b8d5d4; }

.clear{ clear: both; line-height: 0; }

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
 
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.font10 {font-size:77%;}
.font11 {font-size:85%;}
.font12 {font-size:93%;}
.font13 {font-size:100%;}
.font14 {font-size:108%;}
.font15 {font-size:116%;}
.font16 {font-size:123.1%;}
.font17 {font-size:131%;}
.font18 {font-size:138.5%;}
.font19 {font-size:146.5%;}
.font20 {font-size:153.9%;}

.txt_bold {font-weight:bold;}
.txt_red {bold;color:#F00;}
.txt_boldred {font-weight:bold;color:#F00;}

.txt_blue {bold;color:#549baf;}
.txt_boldblue {font-weight:bold;color:#549baf;}

.txt_green {bold;color:#7baf27;}
.txt_boldgreen {font-weight:bold;color:#7baf27;}

/****************************************
		2. Basic Layout 
*****************************************/

#wrapper {
	width:960px;
	margin:0 auto;
}

#header {
	height:240px;
}

#contents {
	min-height:663px;
	background:url(images/bg_contents.jpg) repeat-y;
	background-color:#FFF;
}

#main {
	width:600px;
	padding:30px 20px;
	float:left;
}

#side {
	width:280px;
	padding:30px 20px;
	float:left;
}

#footer {
	background:#FFF;
	border-top:solid 1px #CCC;
	width:100%;
	clear:both;
	padding:20px 0 30px;
}
#footer_cont {
	width:960px;
	margin:0 auto;
	padding-bottom:20px;
}

/****************************************
		2. Header Area 
*****************************************/
#header h1 {
	font-size:93%;
	font-weight:normal;
	line-height:20px;
	height:20px;
	margin-left:20px;
	float:left;
}

#header .sub_nav {
	font-size:93%;
	line-height:20px;
	height:20px;
	text-align:right;
	margin-right:20px;
	float:right;
}

#header_box {
	position:relative;
	height:168px;
	width:958px;
	padding-top:10px;
	background:#253a41;
	border:solid 1px #CCC;
}

#header_box #main_logo a {
	background:url(images/bg_mainlogo.png) no-repeat;
	position:absolute;
	top:10px;
	left:40px;
	width:210px;
	height:160px;
	text-indent:-9999px;
	
}

#header_box address {
	position:absolute;
	background:url(images/bg_telfax.png) no-repeat;
	width:180px;
	height:60px;
	right:20px;
	bottom:20px;
	text-indent:-9999px;
}

#header_box p {
	position:absolute;
	height:20px;
	width:300px;
	font-size:93%;
	line-height:20px;
	top:140px;
	left:40px;
	color:#FFF;
	font-weight:bold;
}

/****************************************
		3. Navigation Area 
*****************************************/

ul#nav {
	border:solid 1px #CCC;
	height:38px;
	background:#09F;
	background:url(images/bg_nav.jpg) repeat-x;
}

ul#nav li { float:left; }

ul#nav li a {
	display:block;
	height:38px;
	line-height:38px;
	padding:0 15px;
	color:#549baf;
	font-weight:bold;
}

ul#nav li a:hover {
	color:#3c7889;
	background:url(images/bg_nav_over.jpg) repeat-x;
}

ul#nav li.current_page_item a {
	color:#3c7889;
	background:url(images/bg_nav_over.jpg) repeat-x;
}

/****************************************
		4. Post Area 
*****************************************/
/* homepage infobox */
.infobox {
	margin:0 0 20px 0;
	padding:10px;
	/*background:#f2f2ed;*/
}

.infobox h2 {
	font-size:123.1%;
	line-height:1.6;
	margin-bottom:15px;
	padding-bottom:3px;
	border-bottom:solid 3px #6daec0;
}

/* homepage infobox*/

/* Post Area Grobal Set */
img.alignleft {
	float:left;
	margin:5px 10px 5px 13px !important;
}

img.alignright {
	float:right;
	margin:5px 5px 5px 10px !important;
}

img.aligncenter {
	display:block;

	margin:13px auto !important;
}

.post,
.post_blog_home,
.post_topic,
.post_topic_home {
	padding:10px;
	margin-bottom:20px;
}

.post img,
.post_topic_home img,
.post_topic img,
.post_blog_home img {
	border:1px #ccc solid;
	padding: 3px;
	background: #fff;
	margin:10px 0 10px 10px;
	}
	.post img.wp-smiley, .post_topic_home img.wp-smiley, .post_blog_home img.wp-smiley, .post_topic img.wp-smiley
	{border:none;padding:0;background:none;margin:0;}

.post p, 
.post_blog_home p, 
.post_topic_home p, 
.post_topic p {
	font-size:108%;
	line-height:1.6;
	padding:1em;
}

.post h2, 
.post_blog_home h2,
.post_topic h2,
.post_topic_home h2 {
	font-size:138.5%;
	line-height:1.6;
	margin-left:13px;
	margin-bottom:15px;
	padding:10px 0 5px;
}

.post h2, 
.post_blog_home h2 {
	border-bottom:solid 4px #b8d5d4;
}

.post_topic h2,
.post_topic_home h2 {
	border-bottom:solid 4px #aacb79;
	
}

.post h3, 
.post_blog_home h3,
.post_topic h3,
.post_topic_home h3 {
	font-size:123.1%;
	line-height:1.6;
	margin-left:13px;
	margin-bottom:10px;
	padding:10px 0 3px;
}

.post h3, 
.post_blog_home h3 {
	border-bottom:solid 2px #b8d5d4;
}

.post_topic h3,
.post_topic_home h3 {
	border-bottom:solid 2px #aacb79;
	
}

.post h4, 
.post_blog_home h4,
.post_topic h4,
.post_topic_home h4{
	font-size:123.1%;
	line-height:1.6;
	margin-left:18px;
	margin-bottom:10px;
	padding:5px 0 5px 8px;
}

.post h4, 
.post_blog_home h4 {
	border-left:solid 6px #b8d5d4;
}

.post_topic h4,
.post_topic_home h4 {
	border-left:solid 6px #aacb79;	
}

.post h5, 
.post_blog_home h5,
.post_topic h5,
.post_topic_home h5{
	font-size:116%;
	line-height:1.6;
	margin-left:18px;
	margin-bottom:10px;
	padding:5px 0;
}

.post h6, 
.post_blog_home h6,
.post_topic h6,
.post_topic_home h6{
	font-size:108%;
	line-height:1.6;
	margin-left:18px;
	padding:5px 0;
}

.post ul, 
.post_blog_home ul,
.post_topic ul,
.post_topic_home ul,
.post ol, 
.post_blog_home ol,
.post_topic ol,
.post_topic_home ol{
	font-size:108%;
	line-height:1.6;
	margin:14px 0 25px 45px;
}

.post ul li, 
.post_blog_home ul li,
.post_topic ul li,
.post_topic_home ul li{
	list-style-image:url(images/list_mark.jpg);
}

.post ol li, 
.post_blog_home ol li,
.post_topic ol li,
.post_topic_home ol li{
	list-style-type:decimal;
}

.post blockquote, 
.post_blog_home blockquote,
.post_topic blockquote,
.post_topic_home blockquote{
	font-size:100%;
	line-height:1.6;
	margin:10px 0 10px 13px;
	padding:10px;
	border-left:solid 4px #ddd;
	background:#eaeaea;
	font-style:oblique;
}

div.wp-caption img {
	margin-bottom:0;
}
div.wp-caption p {
	font-size:85%;
	margin-top:3px;
	padding-top:0;
}

/* Grobal Set End */

h2#home_topic_tit {/*トップページ区切り用*/
	font-size:123.1%;
	height:60px;
	line-height:60px;
	margin-bottom:20px;
	padding:0 20px;
	background:url(images/maintit_topic_home.jpg);
}

h2#home_blog_tit {/*トップページ区切り用*/
	font-size:123.1%;
	height:60px;
	line-height:60px;
	margin-top:40px;
	margin-bottom:20px;
	padding:0 20px;
	background:url(images/maintit_blog_home.jpg);
}

.post h2.title a,
.post_blog_home h2.title a,
.post_topic h2.title a,
.post_topic_home h2.title a {/*ページタイトル全般*/
	color:#333;
}

.post h2.title {/*ブログシングルページ用タイトル*/
	font-size:138.5%;
	width:540px;
	padding:10px 0 10px 30px;
	margin-bottom:20px;
	background:url(images/tit_blog.jpg) repeat-y;
	color:#333;
	margin-left:0;
	border:none;
}

.post_topic h2.title {/*トピックシングルページ用タイトル*/
	font-size:138.5%;
	width:540px;
	padding:10px 0 10px 30px;
	margin-bottom:20px;
	background:url(images/tit_topic.jpg) repeat-y;
	color:#333;
	margin-left:0;
	border:none;
}

.post_topic_home h2.title {/*トップページトピックタイトル用*/
	font-size:123.1%;
	padding:5px 0 5px 25px;
	margin-bottom:15px;
	background:url(images/tit_topic_home.jpg) repeat-y left;
	border-bottom:solid 1px #7baf28;
	margin-left:0;
	border-botom:solid 1px #7baf28;
}

.post_blog_home h2.title {/*トップページブログタイトル用*/
	font-size:123.1%;
	padding:5px 0 5px 25px;
	margin-bottom:15px;
	background:url(images/tit_blog_home.jpg) repeat-y left;
	border-bottom:solid 1px #6daec0;
	margin-left:0;
	border-botom:solid 1px #6daec0;
}

.blog_info {
	background:url(images/bg_blog_category.jpg);
}

.blog_info ul {
	margin:0;
	padding:3px;
	width:100%;
	color:#FFF
}
	
.blog_info ul li {
	font-size:85%;
	float:left;
	padding:3px 5px 3px 15px;
	list-style-image:none;
}



.blog_info ul li a {
	color:#FFF;
}

.blog_info ul li.cal {
	
}

.blog_info ul li.cat {
}

.blog_info ul li.tag {
}

.topic_field ul {
	margin:0;
	padding:3px;
	width:100%;
	color:#7baf28;
}

.topic_field ul li {
	font-size:85%;
	float:left;
	padding:3px 5px 3px 15px;
	list-style-image:none;
}

.topic_field ul li a {
	color:#7baf28;
}

/* topic_info(from custom field) */
table.topic_info_home {
	font-size:85%;
	width:90%;
	border-collapse:collapse;
	border:solid 1px #7baf28;
	margin-bottom:10px;
}

table.topic_info {
	font-size:100%;
	width:90%;
	border-collapse:collapse;
	border:solid 1px #7baf28;
	margin-bottom:5px;
}

table.topic_info_home tr th,
table.topic_info th {
	padding:3px;
	border-right:solid 1px #7baf28;
	border-top:dotted 1px #7baf28;
	text-align:center;
	width:6em;
	background:#aacb79;
}


table.topic_info_home td,
table.topic_info td {
	padding:3px 3px 3px 5px;
	border-top:dotted 1px #7baf28;
}

/****************************/



/*** contents eyecatch images ***/
img.attachment-post-thumbnail{float: left; margin:13px 15px 10px 13px !important;}

/*** More Link Button ***/

.post_topic a.more-link, .post_topic_home a.more-link, .infobox p a.more-link {
	background:url(images/btn_topic_more.jpg);
}

.post a.more-link, .post_blog_home a.more-link {
	background:url(images/btn_blog_more.jpg);
}

a.more-link{
	color:#FFF;
	font-size:85%;
	display:block;
	width:90px;
	height:28px;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	margin-left:470px;
	}
	a.more-link:hover{color: #999}

/*** Bottom Navigation, Comment Navigation ***/	
div.nav-below {
	margin:20px 5px;
	overflow:auto;
}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#FFF;
		font-size:85%;
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			color: #CCC;
			}
			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-align:center;
		background:url(images/btn_prev.jpg);
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-align:center;
		background:url(images/btn_next.jpg);
		}

/* table class */
table.tb_green {
	font-size:85%;
	border-collapse:collapse;
	border:solid 1px #7baf28;
	margin:10px 5px;
}


table.tb_green th {
	padding:3px;
	border:solid 1px #7baf28;
	text-align:center;
	background:#aacb79;
}


table.tb_green td {
	padding:3px 3px 3px 5px;
	border:solid 1px #7baf28;
	background:#FFFFFF;
}

table.tb_blue {
	font-size:85%;
	border-collapse:collapse;
	border:solid 1px #549baf;
	margin:10px 5px;
}


table.tb_blue th {
	padding:3px;
	border:solid 1px #549baf;
	text-align:center;
	background:#7ebed0;
}


table.tb_blue td {
	padding:3px 3px 3px 5px;
	border:solid 1px #549baf;
	background:#FFFFFF;
}

/****************************************
		5. Comment Area 
*****************************************/

h3#comments{
	padding: 10px 0 10px 13px;
	margin-top:30px;
	border-top:1px solid #ccc;
	}
	
.commentlist{margin-bottom:30px;}
	.commentlist li {
		border-top:1px solid #ddd;
		padding:15px 0 0 13px;
		position:relative;
		}
	/*.commentlist .avatar {
		background:#fff;
		border:1px solid #ddd;
		left:0;
		margin:0 16px 0 0;
		padding:3px;
		position:absolute;
		top:15px;
		}*/
	.commentlist .comment-meta{margin-bottom:10px;}
		.commentlist .comment-meta a{
			color: #999;
			font-size:85%;
			text-decoration:none;
			}
			.commentlist .comment-meta a:hover{color: #ccc;}
	.commentlist p{margin-bottom:15px;}
	.commentlist .reply a{
		position: absolute;
		top: 15px;
		right: 0;
		padding: 2px 10px;
		background: #6daec0;
		font-size: 85%;
		color: #FFF;
		text-decoration: none;
		}
		.commentlist .reply a:hover {color: #CCC}

/*** Comment form ***/
#respond{margin-top:70px;}
#respond h3{
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:10px 0 10px 13px;
	}

#commentform{margin-top:20px;}
	#commentform p{clear: both}
	#commentform label{margin: 10px 5px;font-size:85%;}
	*:first-child+html #commentform label{ position:relative\9; top: -15px\9; } /* IE7 */
	#commentform input[type="text"], #commentform textarea{
		margin: 5px 0 10px;
		}
		#commentform input[type="text"]:focus, #commentform textarea:focus{
			border:1px solid #06c;
			}


/****************************************
		6. Side Area 
*****************************************/

#side .widget-area {
	margin-bottom:20px;
}

#side .widget-container {
	margin-bottom:30px;
}

#side .widget-container h3 {
	font-size:108%;
	height:33px;
	line-height:35px;
	padding-left:15px;
	margin-bottom:10px;
	background:url(images/tit_side_h3.jpg);
}

#side .widget-container ul {
	margin:5px 0 5px 30px;
}

#side .widget-container ul li {
	list-style-image:url(images/list_mark_side.jpg);
}

/****************************************
		7. Footer Area 
*****************************************/

#footer .sub_nav {
	font-size:93%;
	line-height:20px;
	height:20px;
	margin-left:20px;
}

#footer_cont .widget-area {
	width:280px;
	margin-left:30px;
	float:left;
}

#footer_cont .widget-container h3 {
	font-size:108%;
	height:33px;
	line-height:35px;
	padding-left:15px;
	margin-bottom:10px;
	background:url(images/tit_side_h3.jpg);
}

#footer_cont .widget-container ul {
	margin:5px 0 5px 30px;
}

#footer_cont .widget-container ul li {
	list-style-image:url(images/list_mark_side.jpg);
}

#footer_cont p.copy {
	text-align:right;
	margin-top:30px;
	margin-right:20px;
}

/****************************************
		8. Form Area 
*****************************************/

table.form_contact, table.form_tour {
	font-size:100%;
	width:98%;
	border-collapse:collapse;
}

table.form_contact {border:solid 1px #549baf;}
table.form_tour {border:solid 1px #7baf28;}

table.form_contact tr th,
table.form_tour tr th {
	padding:10px 5px 10px 10px;
	text-align:left;
	width:16em;
	vertical-align:middle;
}

table.form_contact tr th {
	border-right:solid 1px #549baf;
	border-top:dotted 1px #549baf;
	background:#acd6e2;
}

table.form_tour tr th {
	border-right:solid 1px #7baf28;
	border-top:dotted 1px #7baf28;
	background:#bddc8f;
}
table.form_contact td,
table.form_tour td {
	padding:10px;
}

table.form_contact td {border-top:dotted 1px #549baf;}
table.form_tour td {border-top:dotted 1px #7baf28;}

.must_item {
	font-size:77%;
	color:#C30;
}