@charset "utf-8";
/*
Theme Name: Hyousatuya
Theme URI: http://www.hyousatuya.jp
Description: リーベ表札屋.jp オリジナルテーマ
Version: 1.0
Author: Jiro Togashi
Author URI: -
Tags: blown, white, fixed width, three columns, widgets

*/

/*
-------------------------------------------------------
基本スタイルシート
制作者：神田 由香
作成日：2009年2月7日
更新日：
-------------------------------------------------------
目次：

・基本構造
・リンク
・ヘッダー
・メインコンテンツ
・フッター
・メインコンテンツ maincol
・メインコンテンツ subcol
・メインコンテンツ xcol
・メインコンテンツ 共通項目
・CSSハック
・トップページ
------------------------------------------------------- */


/* 基本構造
------------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%; /* 1emが10pxと計算になります　これ以降12pxを指定する場合は1.2em */
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",'Lucida Grande', Verdana, Arial,sans-serif;
	background-color: #f2efd0;
	color: #333333;
	text-align: center;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}


/* リンク
------------------------------------------------------- */
a { text-decoration: underline;}
a:link, a:visited { color: #0000ff;}
a:hover { color: #cc0000;}
a:active { color: #cccc00;}


/* ヘッダー
------------------------------------------------------- */
#header {
	width: 1000px;
	height: 160px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
	background-image: url(images/header-bg.png);
	background-repeat: repeat-x;
}

#header h1 {
	overflow: hidden;
	width: 1000px;
	height: 15px;
	padding-top: 3px;
	color: #ffffff;
	font-size: 1em;
	line-height: 105%;
	font-weight: normal;
}

#logo {
	float: left;
	width: 287px;
	height: 138px;
	margin-top: 4px;
	text-align: right;
}

#logo a img { border: none;}

#header-box {
	float: right;
	width: 591px;
	height: 108px;
	padding: 0px 10px 0px 0px;
	color: #cc0000;
	text-align: right;
}

#header-infobox {
	width: 591px;
	height: 35px;
	margin: 10px 0px 5px 0px;
	color: #cc0000;
	font-size: 1.4em;
	line-height: 150%;
	text-align: right;
}

#header-hello {
	width: 591px;
	height: 10px;
	margin: 10px 0px 5px 0px;
	color: #000000;
	font-size: 1.2em;
	line-height: 120%;
	text-align: right;
}

ul#header-navi {
	list-style: none;
	width: 591px;
	font-size: 1.2em;
	line-height: 180%;
}

ul#header-navi li {
	float: left;
	margin-right: 15px;
	padding: 0px 0px 0px 1em;
	background-image: url(images/header-navi-arrow.gif);
	background-position: 0 0.22em;
	background-repeat: no-repeat;

}

ul#header-navi li.last { margin-right: 0px;}
ul#header-navi li a { color: #4d6029; text-decoration: none; white-space: nowrap;}
ul#header-navi li a:hover { color: #cc0000; text-decoration: none;}
ul#header-navi li a:active { color: #cccc00; text-decoration: none;}


/* メインコンテンツ
------------------------------------------------------- */

#content {
	clear: both;
	width: 980px;
	margin: 0px auto;
	padding: 10px;
	background-color: #fff;
	text-align: left;
}

#wrap {
	float: left;
	width: 795px;
	margin: 0px;
	padding: 0px;	
}

#mailcol {
	overflow: auto;
	float: right;
	width: 610px;
	font-size: 1.2em;
}

#subcol {
	overflow: hidden;
	float: left;
	width: 170px;
}

#xcol {
	overflow: hidden;
	float: right;
	width: 170px;
}


/* フッター
------------------------------------------------------- */
#footer {
	clear: both;
	width: 980px;
	margin: 0px auto;
	padding: 10px;
	background-color: #3b270a;
	color: #fff;
}

div#footer-categoriesnavi {
	clear: both;
	width: 970px;
	margin: 0px auto;
	padding: 5px;
	background-color: #e0dcba;
	color: #3b270a;
	font-size: 1.2em;
	line-height: 160%;
	text-align: left;
}

div#footer-categoriesnavi ul {
	margin: 0px;
	padding: 0px;
}

div#footer-categoriesnavi ul li {
	margin: 0px;
	padding: 0px 0.8em 0px 0.8em;
	border-right: 1px solid #000;
	display: inline;
}

div#footer-categoriesnavi li a { color: #3b270a; text-decoration: none;	white-space: nowrap;}
div#footer-categoriesnavi li a:hover { color: #cc0000; text-decoration: none;}
div#footer-categoriesnavi li a:active { color: #cc0000; text-decoration: none;}

ul#footer-sitenavi {
	clear: both;
	width: 980px;
	list-style-type: none;
	margin: 1.2em 0px;
	padding: 0px 0px 0.8em 0px;
	border-bottom: 1px solid #1a0000;
	font-size: 1.2em;
	text-align: center;
}

ul#footer-sitenavi li {
	margin: 0px;
	padding: 0px 1.2em 0px 1.5em;
	border-right: 1px solid #ffffff;
	display: inline;
}

ul#footer-sitenavi li.last {
	border-right: none;
}

ul#footer-sitenavi li a { color: #ffffff; text-decoration: none; white-space: nowrap;}
ul#footer-sitenavi li a:hover { color: #cc9900; text-decoration: none;}
ul#footer-sitenavi li a:active { color: #cc9900; text-decoration: none;}



/* メインコンテンツ maincol
------------------------------------------------------- */
#mailcol h2 {
	margin: 1em 0;
	font-size: 1.6em;
	font-weight: bold;
}


#mailcol p {
	margin: 0 0 1em;
	padding: 10px 0 0 0;
	line-height: 150%;
}

#mailcol .full-size-box {
	clear: both;
	width: 610px;
	margin: 0px auto 20px auto;
	padding: 0px;
}

#mailcol .zen-full-size-box {
	overflow: auto;
	clear: both;
	width: 610px;
	margin: 0px auto 20px auto;
	padding: 0px;
}

#mailcol .breadcrumb {
	clear: both;
	width: 610px;
	margin: 0px auto 20px auto;
	padding: 0px;
	color: #444444;
}

#mailcol .breadcrumb a {
	color: #444444;
}

#mailcol .breadcrumb a:hover {
	color: #cc0000;
}

#mailcol ul {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
}

#mailcol ul li{
	margin-bottom: 5px;
}

#mailcol ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 20px;
}

#mailcol ol li{
	margin-bottom: 5px;
}



/* メインコンテンツ subcol
------------------------------------------------------- */
#subcol ul {
	font-size: 1.2em;
}

#sidemenu {
	width: 100%;
	text-align: left;
}
	
img, #sidemenu img {
	border: none;
	behavior:url("/wp-content/themes/hyousatuya/images/iepngfix/iepngfix.htc");
	vertical-align: bottom;
}

#sidemenu ul{
	list-style: none;
	margin-bottom: 20px;
}

#sidemenu ul li {
	background: url(/wp-content/themes/hyousatuya/images/sidemenu-bg.gif) top left;
	border-bottom: 1px solid #c6c5c4;
}

#sidemenu ul li.last {
	background: url(/wp-content/themes/hyousatuya/images/sidemenu-bg.gif) top left;
	border-bottom: 5px solid #d6cabc;
}


#sidemenu ul li a, #sidemenu ul li.last a {
	display: block;
	text-decoration: none;
}

#sidemenu ul li a:visited, #sidemenu ul li.last a:visited {
	border: none;
}                 

#sidemenu ul li a:hover, #sidemenu ul li.last a:hover {
	background: url(/wp-content/themes/hyousatuya/images/sidemenu-bg-hover.gif) top left;
	border: none;
}


/* メインコンテンツ xcol
------------------------------------------------------- */
#xcol h4.widgettitle, #subcol h4.widgettitle {
	margin: 15px 0px 5px 0px;
	color: #660000;
	font-size: 1.2em;
	font-weight: bold;
}

#xcol ul {
	font-size: 1.2em;
}

#xcol ul li ul {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
}

#xcol ul li ul li{
	margin-bottom: 5px;
}


#xcol ul li.widget widget_text ul li, #xcol ul li.widget widget_search ul li {
	margin-left: 0px;
	margin-bottom: 0px;
}

li.widget_slideshow {
	margin-bottom: 20px;
}

/* メインコンテンツ 共通項目
------------------------------------------------------- */
img.bnr {
	margin-bottom: 20px;
}

img.bnr2 {
	margin-bottom: 10px;
}

img.left {
	float: left;
	margin: 0px 5px 5px 0px;
}

a img.bnr, a img.bnr2 {
	padding: 0px;
	border: none;
}

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
}

span.price {
	color: #cc0000;
	font-size: 1.4em;
	font-weight: bold;
}

span.white {
	color: #fff;
}
		/* 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
			}
		/* End Images */
		
		
		
		/* Begin Lists
		
			Special stylized non-IE bullets
			Do not work in Internet Explorer, which merely default to normal bullets. */
		
		html>body .entry ul {
			margin-left: 0px;
			padding: 0 0 0 30px;
			list-style: none;
			padding-left: 10px;
			text-indent: -10px;
			}
		
		html>body .entry li {
			margin: 7px 0 8px 10px;
			}
		
		.entry ul li:before, #subcol ul ul li:before {
			content: "\00BB \0020";
			}
		
		.entry ol {
			padding: 0 0 0 35px;
			margin: 0;
			}
		
		.entry ol li {
			margin: 0;
			padding: 0;
			}

		.postmetadata {
			width: 538px;
			margin: 20px auto;
			padding: 5px;
			border: 1px solid #AC9F77;
			background-color: #DFD7C1;
			line-height: 150%;
			}
			
		.postmetadata ul, .postmetadata li {
			display: inline;
			list-style-type: none;
			list-style-image: none;
			}

		.postmetadata a { text-decoration: underline;}
		.postmetadata a:link, .postmetadata  a:visited { color: #3b270a;}
		.postmetadata a:hover { color: #cc0000;}
		.postmetadata a:active { color: #cccc00;}

		
		#subcol ul, #subcol ul ol, #xcol ul, #xcol ul ol {
			margin: 0;
			padding: 0;
			}
		
		#subcol ul li, #xcol ul li {
			list-style-type: none;
			list-style-image: none;
			margin-bottom: 0;
			}
		
		#subcol ul p, #subcol ul select, #xcol ul p, #xcol ul select {
			margin: 5px 0 8px;
			}
		
		#subcol ul ul, #subcol ul ol, #xcol ul ul, #xcol ul ol {
			margin: 0;
			}
		
		#subcol ul ul ul, #subcol ul ol, #xcol ul ul ul, #xcol ul ol {
			margin: 0 0 0 0px;
			}
		
		#subcol ul ul li, #subcol ul ol li, #xcol ul ul li, #xcol ul ol li {
			margin: 0;
			padding: 0;
			}
		/* End Entry Lists */
		
		
		
		/* Begin Form Elements */
		#searchform {
			margin: 5px auto;
			padding: 5px 3px;
			text-align: left;
			}
		
		#subcol #searchform #s,	#xcol #searchform #s {
			width: 110px;
			padding: 2px;
			}
		
		#subcol #searchsubmit, #xcol #searchsubmit {
			padding: 1px;
			}
		
		.entry form { /* This is mainly for password protected posts, makes them look better. */
			text-align:center;
			}
		
		select {
			width: 200px;
			}
		
		#commentform input {
			width: 170px;
			padding: 2px;
			margin: 5px 5px 1px 0;
			}
		
		#commentform {
			margin: 5px 10px 0 0;
			}
		#commentform textarea {
			width: 95%;
			padding: 2px;
			}
		#respond:after {
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
			}
		#commentform #submit {
			margin: 0 0 5px auto;
			float: right;
			}
		/* End Form Elements */
		
		
		
		/* Begin Comments*/
		.alt {
			margin: 0;
			padding: 10px;
			}
		
		.commentlist {
			padding: 0;
		/*	text-align: justify; */
			}
		
		.commentlist li {
			margin: 15px 0 10px;
			padding: 5px 5px 10px 10px;
			list-style: none;
		
			}
		.commentlist li ul li { 
			margin-right: -5px;
			margin-left: 10px;
		}
		
		.commentlist p {
			margin: 10px 5px 10px 0;
		}
		.children { padding: 0; }
		
		#commentform p {
			margin: 5px 0;
			}
		
		.nocomments {
			text-align: center;
			margin: 0;
			padding: 0;
			}
		
		.commentmetadata {
			margin: 0;
			display: block;
			}
		/* End Comments */

		/* Begin Calendar */
		#wp-calendar {
			empty-cells: show;
			margin: 10px auto 0;
			width: 155px;
			}
		
		#wp-calendar #next a {
			padding-right: 10px;
			text-align: right;
			}
		
		#wp-calendar #prev a {
			padding-left: 10px;
			text-align: left;
			}
		
		#wp-calendar a {
			display: block;
			}
		
		#wp-calendar caption {
			text-align: center;
			width: 100%;
			}
		
		#wp-calendar td {
			padding: 3px 0;
			text-align: center;
			}
		
		#wp-calendar td.pad:hover { /* Doesn't work in IE */
			background-color: #fff; }
		/* End Calendar */
		
		
		
		/* Begin Various Tags & Classes */
		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;
			}
		
		.center {
			text-align: center;
			}
		
		.hidden {
			display: none;
			}
		
		hr {
			display: none;
			}
		
		a img {
			border: none;
			}
		
		.navigation {
			clear: both;
			display: block;
			text-align: center;
			margin-top: 10px;
			margin-bottom: 60px;
			}
		/* End Various Tags & Classes*/
		
		
		
		/* Captions */
		.aligncenter,
		div.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.wp-caption {
			border: 1px solid #ddd;
			text-align: center;
			background-color: #f3f3f3;
			padding-top: 4px;
			margin: 10px;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
		
		.wp-caption img {
			margin: 0;
			padding: 0;
			border: 0 none;
		}
		
		.wp-caption p.wp-caption-text {
			font-size: 11px;
			line-height: 17px;
			padding: 0 4px 5px;
			margin: 0;
		}
		/* End captions */



/* CSSハック
------------------------------------------------------- */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */



/* トップページ
------------------------------------------------------- */

.full-size-box div.inner-three-column {
	float: left;
	width: 180px;
	margin: 0px 10px 10px 0px;
}

.full-size-box div.inner-three-column-last {
	float: left;
	width: 180px;
	margin: 0px 0px 10px 0px;
}

div.ranking {
	width: 180px;
	height: 115px;
	margin: 0px;
	padding: 5px 0px;
	border-bottom: 3px solid #3b270a;
	font-size: 0.85em;
	line-height: 110%;
}

div.ranking img {
	float: left;
	margin: 0px 3px 3px 0px;
}

div.ranking a { color: #003399; text-decoration: none;}
div.ranking a:hover { color: #cc0000; text-decoration: none;}
div.ranking a:active { color: #cc0000; text-decoration: none;}

dl.news {
	overflow: auto;
	width: 548px;
	margin: 0px;
	padding: 5px;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}

dl.news dt {
	float: left;
	clear: both;
	width: 145px;
	margin-right: 10px;
	margin-bottom: 2px;
	font-weight: bold;
}

dl.news dd {
	float: left;
	width: 390px;
	margin-bottom: 2px;
}