/* ****************************************************************************
			兵藤善紀建築設計事務所 stylesheet
			www.hyodo-arch.com
		Copyright 2004-2015 Yoshinori Hyodo All Rights Reserved. 

	2016.03.28	文字の大きさのCSSとthickbox.cssを一つのCSSファイルとする
	2016.02.25	写真の縦位置、横位置を横並びにしたときに高さが等しくなるレイアウトを追加
	2015.01.21	共用SSLの使用を中止
	2014.08.05	SSLと一般ページ両方に対応させる
	2014.08.05	「お問合せ」SSLに対応
	2011.03.25	CMSをMODxに変更。
	2011.03.07	CMSをWPに変更。buryoshaki.css を元に作成開始
**************************************************************************** */

@charset "utf-8";

/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */
*	{margin: 0; padding: 0;}
img	{border: 0;}

body {
	background-color: #fbfaf5;
	text-align: justify;
	font-family: sans-serif;
	text-justify: inter-ideograph;
	}

#header, #main, #footer-wrap {
	margin-right: auto;
	margin-left: auto;
	}

/* ++++++ clearfix http://codezine.jp/article/detail/4939?p=3 ++++++ */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
	}
.clearfix {
	display: inline-block; /* for IE 7 */
	}
/* Hides from Mac IE \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from Mac IE */

/* +++++++++++++++++++++ ヘッダー（全体、バナー部分）+++++++++++++++++++++ */
#header	{
	width: 909px;	/* @@@@@ width @@@@@ */
	background-color: transparent;
	padding-bottom: 10px;
	}

#banner	{
	float: left;
	padding: 30px 8px 10px;
	}

#banner h1	{line-height: 1;}

/* +++++++++++++++++++ ヘッダー（コントロール部分） +++++++++++++++++++ */
#header-ctrl	{
	float: right;
	padding-top: 15px;
	text-align: right;
	}

#header-ctrl p span	{
	padding-right: 6px;
	color: #777773;
	font: normal normal normal 9pt /1 sans-serif;
	}

#header-ctrl p a	{
	padding: 6px 5px 4px 6px;
	background-color: #999999;
	color: #ffffff;
	border-radius: 3px;			/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	}

#header-ctrl p a:hover	{color: #fad630; text-decoration: none;}

/* +++++++++++++++++++ フッター部分のデザイン +++++++++++++++++++ */
#footer-line	{
	clear: both;
	background-image: url("http://www.hyodo-arch.com/assets/images/common/footer_line.png");
	background-repeat: repeat-x;
	background-position: center;
	height: 36px;
	margin-top: 25px;
	}

#footer	{
	clear: both;
	background-color: #d3d7cf;
	padding: 20px 0 25px;
	}

#footer-wrap {width: 909px;} /* @@@@@ width @@@@@ */

/* +++++++++ フッターメニュー +++++++++ */
.f-menu	{
	float:left;
	padding: 0 40px 0 10px;
	}

#footer a				{text-decoration: none;}

#footer .f-menu ul li.current ul li a,
#footer a:link			{color: #555555;}

#footer .f-menu ul li.current ul li a,
#footer a:visited		{color: #555555;}

#footer .f-menu ul li.current ul li a:hover,
#footer .f-menu ul li.current a,
#footer .f-menu ul li.current ul li.current a,
#footer a:hover		{color: #5A7F26;}

#footer a:hover		{text-decoration: underline;}

#footer ul			{padding-bottom: 5px;}
#footer ul li ul	{padding: 3px 0 3px;}

#footer ul li	{
	list-style-type: none;
	font-weight: bold;
	}

#footer ul li ul li	{
	margin-left: 1.5em;
	list-style-image: url("http://www.hyodo-arch.com/assets/images/common/list-maker.png");
	font-weight: normal;
	line-height: 1.5;
	}

#footer ul li ul li.current	{
	list-style-image: url("/assets/images/common/list-maker-current.gif");
	}


/* +++++++++ コピーライト +++++++++ */
#copyright {
	clear: both;
	padding: 5px 9px;
	}

#copyright p, #copyright address {
	font-family: sans-serif;
	font-style: normal;
	color: #666666;
	text-align: right;
	}

/* +++++++++++++++++++ コンテンツ部分のデザイン +++++++++++++++++++ */
#main	{	/* content と sidebar をくくる */
	clear: both;
	width: 909px;	/* @@@@@ width @@@@@ */
	}

#content	{
	float:left;
	width: 660px;	/* @@@@@ width @@@@@ */
	}

#sidebar	{
	float: right;
	padding: 0px 9px 0px 27px;
	width: 213px;	/* @@@@@ width @@@@@ */
	}

.entry,
.group {
	clear: both;
	padding-bottom: 12px;
	display: inline-block; /* clearfix for IE 7 */
	}

.entry:after,
.group:after {		/* clearfix */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
	}

/* +++++++++ ハイパーリンクの設定 +++++++++ */
a			{text-decoration: none;}
a:link		{color: #1d3994;}
a:visited	{color: #941d55;}
a:hover		{text-decoration: underline;}

a:hover img{filter: alpha(opacity= 70);opacity:0.7;}


/* ################# コンテンツの文字設定 ################# */

/* ++++++ カラム ++++++ */
#content .q-col		{float:left; width: 147px; padding: 0px 9px;}
#content .q-col img	{width: 147px;}

#content .three-q-col		{float:left; width: 477px; padding: 0px 9px;}
#content .three-q-col img	{width: 477px;}

#content .s-col		{float:left; width: 202px; padding: 0px 9px;}
#content .s-col img	{width: 202px;}

#content .m-col		{float:left; width: 312px; padding: 0px 9px;}
#content .m-col img	{width: 312px;}

#content .l-col		{float:left; width: 422px; padding: 0px 9px;}
#content .l-col img	{width: 422px;}

#content .w-col		{float:left; width: 642px; padding: 0px 9px;}
#content .w-col img	{width: 642px;}	/* ++++++ whole ++++++ */

#content .one-5-col		{float:left; width: 114px; padding: 0px 9px;}
#content .one-5-col img	{width: 114px;}

#content .two-5-col		{float:left; width: 246px; padding: 0px 9px;}
#content .two-5-col img	{width: 246px;}

#content .thumb-col		{float:left; width: 92px; padding: 0px 9px;}
#content .thumb-col img	{width: 92px;}

#content .ql-col		{float:left; width: 587px; padding: 0px 9px;}
#content .ql-col img	{width: 587px;}

#content .l2-col		{float:left; width: 432px; padding: 0px 9px;}
#content .l2-col img	{width: 432px;}

#content .s2-col		{float:left; width: 192px; padding: 0px 9px;}
#content .s2-col img	{width: 192px;}

/* +++++++++ 記事タイトル +++++++++ */
#content h2	{
	color: #739e39;
	line-height: 1.5;
	padding: 0.1em 0 0;
	}

#content h2.tx	{line-height: 1; padding: 0 0 0.3em;}

#content h2.description	{
	color: #444444;
	line-height: 1.8;
	padding-bottom: 1em;
	font-weight: normal;
	}

/* +++++++++ サブ・タイトル +++++++++ */
#content h3	{
	color: #666666;
	line-height: 1.5;
	padding: 0.1em 0 0;
	}

#content h3 a	{color: #739e39;}

#content h3.tx	{line-height: 1; padding: 0.2em 0 0.3em;}

#content h3.bbd	{border-bottom: 1px dashed #999; margin-bottom: 0.2em;}

/* +++++++++ サブ・タイトル2 +++++++++ */
#content h4	{
	color: #444444;
	line-height: 1.5;
	padding: 0.3em 0 0;
	}

#content h4.tx	{line-height: 1; padding: 0.2em 0 0.3em;}

/* +++++++++ 本文 +++++++++ */
#content p	{
	color: #444444;
	line-height: 1.8;
	padding-bottom: 1em;
	}

#content p.cl	{padding-bottom: 0;} /* +++ 1行空け無し +++ */

/* +++++++++ ページ先頭へ +++++++++ */


/* +++++ 画像配置用 +++++ */
#content p.photo	{
	line-height: 1;
	padding-bottom: 0px;
	}

#content p.photo-sp	{ /* +++++ 画像下にスペースを空ける +++++ */
	line-height: 1;
	padding-bottom: 12px;
	}

/* +++++ 画像キャプション用 +++++ */
#content p.cap	{
	color: #666666;
	line-height: 1.8;
	padding-bottom: 1em;
	text-align: right;
	}

/* +++++++++ リストの設定 +++++++++ */
#content ul	{
	padding-top: 0.1em;
	padding-left: 1em;
	padding-bottom: 1em;
	}

#content ul li	{
	color: #444444;
	margin-left: 10px;
	list-style-image: url("images/list-maker.png");
	line-height: 1.5;
	padding-bottom: 0.5em;
	}

#content ol	{
	padding-top: 0.1em;
	padding-left: 2em;
	padding-bottom: 1em;
	}

#content ol li	{
	color: #444444;
	list-style-type: decimal;
	line-height: 1.5;
	padding-bottom: 0.5em;
	}

#content dl {
	overflow: auto;
	padding-bottom: 1em;
	display: block;
	}

#content dl dt {
	color: #666666;
	font-weight: bold;
	float: left;
	clear: left;
	padding: 0 0 0.5em 0.5em;
	display: block;
	line-height: 1.8;
	}


#content dl dt.query	{color: #0000ff; margin-left: 0.5em;}
#content dl dt.answer	{color: #ff0000; margin-left: 0.5em;}


#content dl dt a	{color: #739e39;}

#content dl dd {
	padding: 0 0 0.5em 0.5em;
	display: block;
	line-height: 1.8;
	}

#content dl.two dt {width: 2em;}
#content dl.two dd {margin-left: 3em;}

#content dl.three dt {width: 3em;}
#content dl.three dd {margin-left: 4em;}

#content dl.five dt {width: 5em;}
#content dl.five dd {margin-left: 6em;}

#content dl.seven dt {width: 7em;}
#content dl.seven dd {margin-left: 8em;}

#content dl.nine dt {width: 9em;}
#content dl.nine dd {margin-left: 10em;}

#content dl.twelve dt {width: 12em;}
#content dl.twelve dd {margin-left: 13em;}

/* +++++++++ テーブルの設定 +++++++++ */


/* +++++++++ 引用、整形済みテキストの設定 +++++++++ */
#content pre	{
	overflow: scroll;
	margin: 0 0 1em 0;
	padding: 0.8em 0.8em 0 0.8em;
	border: solid 1px #cccccc;
	background-color: #f6f6f6;
	}

#content code	{

	}

#content blockquote	{
	margin: 0 0 1em 0;
	padding: 0.8em 0.8em 0 0.8em;
	border: solid 1px #cccccc;
	background-color: #f6f6f6;
	}


/* ################# サイドバーの文字設定 ################# */

/* +++++++++ ハイパーリンクの設定 +++++++++ */
#sidebar a				{text-decoration: none;}

#sidebar .menu ul li.current ul li a,
#sidebar a:link			{color: #444444;}

#sidebar .menu ul li.current ul li a,
#sidebar a:visited		{color: #777777;}

#sidebar .menu ul li.current ul li a:hover,
#sidebar .menu ul li.current a,
#sidebar .menu ul li.current ul li.current a,
#sidebar a:hover		{color: #739e39;}

#sidebar a:hover		{text-decoration: underline;}

#sidebar div.menu	{padding-bottom: 1em;}

#sidebar h2	{
	color: #777777;
	line-height: 1.5;
	padding: 0.1em 0 0.5em;
	}

#sidebar p.banner	{
	line-height: 1;
	color: #778899;
	padding: 0 0 1em 1em;
	}

#sidebar ul	{	}

#sidebar ul li	{
	/* margin-left: 10px; */
	/* list-style-image: url("/assets/images/common/list-maker.png"); */
	list-style-type: none;
	padding-bottom: 0.8em;
	font-weight: bold;
	}

#sidebar ul li ul	{padding-top: 0.5em;}

#sidebar ul li ul li	{
	margin-left: 1.5em;
	list-style-image: url("/assets/images/common/list-maker.png");
	font-weight: normal;
	padding-bottom: 0.5em;
	}

#sidebar ul li ul li.current	{
	list-style-image: url("/assets/images/common/list-maker-current.gif");
	}


/* ################# 【お問合せ】 ページ用 ################# */
.contact {
	padding: 0px 9px;
	}

.eform form	{
	border: 1px solid #999;
	}

.eform fieldset{
	border-style: none;
	padding: 15px 15px;
	}

.eform legend{
	padding-top: 15px;
	}

div.errors{
	padding: 10px 10px;
	color: #990033;
	font-size: 9pt;
	}

div.thankyou {
	margin: 15px 0px;
	padding: 15px 15px;
	border: solid 1px #999999;
	}

.eform input {	width: 33%;}
.eform input#submit {	width: 24%;}


/* ++++++ コンテンツの文字サイズ中 ++++++ */
/* h2＞ページ・タイトル				小 12pt		大 15 pt */
h2	{font-size: 16pt;}

/* h3＞サブ・タイトル				小 9pt		大 12 pt */
h3	{font-size: 12pt;}

/* h4＞サブ・タイトル2				小 9pt		大 12 pt */
h4, p.larger	{font-size: 10.5pt;}

/* 普通のテキスト */
p, li, dt, dd, pre, code, blockquote, address,h2.description {font-size: 9pt;}

/* ++++++ サイドバーの文字サイズ中 ++++++ */
/* li＞				小 12pt		大 15 pt */
#sidebar ul li			{font-size: 10.5pt;}
#sidebar h2, #sidebar ul li ul li	{font-size: 9.5pt;}

/* カレント文字サイズの色 */
#header #header-ctrl p a#default	{color: #fad630;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: normal normal normal 9pt /1.5 sans-serif;
	color: #333333;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
}

#TB_caption{
	/* height:25px; */
	padding:7px 18px 10px 18px;
	float:left;
	color:#444444;
}

#TB_secondLine {
	font: normal normal normal 9pt /1.5 sans-serif;
	color: #666666;
	height: 25px;
	width: 280px;	/* ie6 対策。closeWindow の width を107pxとする */
	padding: 11px 0 10px 18px;
	float: left;
	clear: both;
}

#TB_closeWindow{
	height:25px;
	width: 140px;	/* ie6 対策。closeWindow の width を107pxとする */
	padding:11px 18px 10px 0;
	float:right;
	text-align: right;
	color:#666666;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}