/* 要素リセット */
*{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro';
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

*html body {font-size: 65%;}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div,dl,dt,dd {zoom: 1;}

div:after,dl:after,dt:after,dd:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

textarea {font-size: 100%;}
img {
	vertical-align: bottom;
	border: 0;
}
table {border-collapse: collapse;}
th,td {border-collapse:collapse;}
hr { display: none; }

body {
	overflow-y: scroll; 
	color: #818181;
	background: url('./img/bg.gif') repeat;
	text-align: center;
	overflow-y: scroll; /* スクロールバー対策 */
}

html {
}
*html body {  
   overflow-y:auto;/*IE6だけに適用*/
}

*+html body {
   overflow-y:auto;/*IE7だけに適用*/
}

a {
	color: #0080ff;
	text-decoration: none;
	overflow: hidden;	/*FF点線対応*/
}
a:link{}
a:hover{ color: #ff9000;}
a:visited{}

/* =========================================================
■Container
========================================================= */
div#container {
	margin: 0 auto;
	padding: 0;
	border-left: 3px solid #e4e4e5;
	border-right: 3px solid #e4e4e5;
	width: 856px;
	height: 100%;
	background-color: #FFF;
	text-align: left;
}

/* =========================================================
■Wrap
========================================================= */
div#wrap {
	margin: 0 0 0 30px;
	width: 790px;
}

/* =========================================================
■Header
========================================================= */
div#header {
	width: 790px;
	height: 92px;
}

div#logo {
	margin: 23px 0 0 0 ;
	padding: 0;
	float: left;
	width: 201px;
	height: 47px;
	background: url('./img/logo.gif') no-repeat;
	text-indent: -9999em;
}

div#logo a {
	display: block;
	width: 201px;
	height: 47px;
}

div#header_txt {
	margin: 23px 0 0 0 ;
	float: right;
}

#img_area {
	margin: 0 0 5px 0;
}

/* =========================================================
■navi
========================================================= */
div#navi {
	margin: 0;
	padding: 0;
	width: 790px;
	height: 61px;
background-color: red;
	background: url('./img/navi.gif') no-repeat;
}

div#navi ul {
	width: 790px;
	height: 61px;
}

div#navi .top {
	float: left;
	width: 113px;
	height: 61px;
}

div#navi .btn_1 {
	float: left;
	width: 113px;
	height: 61px;
}

div#navi .btn_2 {
	float: left;
	width: 113px;
	height: 61px;
}

div#navi .btn_3 {
	float: left;
	width: 113px;
	height: 61px;
}

div#navi .btn_4 {
	float: left;
	width: 113px;
	height: 61px;
}

div#navi .btn_5 {
	float: left;
	width: 113px;
	height: 61px;
}

div#navi .btn_6 {
	float: left;
	width: 112px;
	height: 61px;
}

div#navi .top a {
	display: block;
	width: 113px;
	height: 61px;
}

div#navi .btn_1 a {
	display: block;
	width: 113px;
	height: 61px;
}

div#navi .btn_2 a {
	display: block;
	width: 113px;
	height: 61px;
}

div#navi .btn_3 a {
	display: block;
	width: 113px;
	height: 61px;
}

div#navi .btn_4 a {
	display: block;
	width: 113px;
	height: 61px;
}

div#navi .btn_5 a {
	display: block;
	width: 113px;
	height: 61px;
}

div#navi .btn_6 a {
	display: block;
	width: 112px;
	height: 61px;
}

.top a:hover {background-color: transparent;}
.btn_1 a:hover {background-color: transparent;}
.btn_2 a:hover {background-color: transparent;}
.btn_3 a:hover {background-color: transparent;}
.btn_4 a:hover {background-color: transparent;}
.btn_5 a:hover {background-color: transparent;}
.btn_6 a:hover {background-color: transparent;}

.top a:hover img {visibility: hidden;}
.btn_1 a:hover img {visibility: hidden;}
.btn_2 a:hover img {visibility: hidden;}
.btn_3 a:hover img {visibility: hidden;}
.btn_4 a:hover img {visibility: hidden;}
.btn_5 a:hover img {visibility: hidden;}
.btn_6 a:hover img {visibility: hidden;}

/* =========================================================
■Contents
========================================================= */
div#contents {
	margin: 50px 0;
	float: left;
	width: 790px;
}

div#contents_01 {
	margin: 10px 0;
	float: left;
	width: 790px;
}

div#news h4 {
	margin: 0 0 20px 0;
	width: 126px;
	height: 26px;
	background: url('./img/h4_new.gif') no-repeat;
	text-indent: -9999em;
}

div#news dl {
	color: #818181;
}

div#news dt {
	padding: 0 0 5px 0;
	float: left;
}

div#news dd {
	text-indent: 30px;
}

div#btn_sp {
	margin: 40px 0 0 0;
}

div#btn_sp .left_img {
	margin: 0 24px 0 0;
	float: left;
	width: 383px;
	height: 87px;
	background: url('./img/btn_access_on.gif') no-repeat;
}

div#btn_sp .left_img a {
	display: block;
	width: 383px;
	height: 87px;
}

div#btn_sp .left_img a:hover {background-color: transparent;}
div#btn_sp .left_img a:hover img {visibility: hidden;}

div#btn_sp .right_img {
	margin: 0;
	float: left;
	width: 383px;
	height: 87px;
	background: url('./img/btn_mail_on.gif') no-repeat;
}

div#btn_sp .right_img a {
	display: block;
	width: 383px;
	height: 87px;
}

div#btn_sp .right_img a:hover {background-color: transparent;}
div#btn_sp .right_img a:hover img {visibility: hidden;}

h1#page-title {display: none;}

/* =========================================================
■Footer
========================================================= */
div#footer {
	margin: 0 0 20px 0;
	float: left;
	width: 790px;
}

div#footer_navi_01 {
	padding: 10px 0 0 0;
	border-top: 1px dotted #818181; 
	width: 790px;
}

div#footer_navi_01 ul {
	margin: 0 0 0 210px;
}

div#footer_navi_01 ul li {
	float: left;
}

div#footer_navi_02 {
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #818181; 
	width: 790px;
}

div#footer_navi_02 ul {
	margin: 0 0 0 213px;
}
/*
* html div#footer_navi_02 ul {
	margin: 0 0 0 225px;
}
*/
div#footer_navi_02 ul li {
	float: left;
}

div#footer address {
	width: 790px;
	text-align: center;
}


/* =========================================================
■会社概要ページ
========================================================= */
h2#company {
	width: 790px;
	height: 26px;
	background: url('./img/h2_company.gif') no-repeat;
	text-indent: -9999em;
}

dl.company_table {
	margin: 10px 0;
	padding: 0 15px 15px 15px;
	border: 7px solid #e4e4e5;
	width: 746px;
	color: #6d6d6d;
}

dl.company_table dt {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #6d6d6d;
	float: left;
	width: 9em;
	line-height: 1.5;
	font-weight: bold;
	text-indent: 1em;
}

/*
*:first-child+html dl.company_table dt {
	width: 8em;
}
*/

dl.company_table dd {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #6d6d6d;
	float: left;
	width: 625px;
}

div.contact_table {
	padding: 10px 10px 0 10px;
	border: 1px solid #CCC;
	float: left;
	width: 280px;
}

div.contact_table dl {

}

div.contact_table dt {
	padding: 0 0 10px 0;
	float: left;
	width: 8em;
	clear: both;
	font-weight: bold;
}

div.contact_table dd {
	_padding: 0 0 10px 0;
}

#btn_contact {
	margin: 0 0 0 60px;
	padding: 0 0 5px 0;
	width: 150px;
	height: 25px;
	background: url('./img/btn_contact_on.gif') no-repeat;
}

#btn_contact a {
	display: block;
	float: left;
	width: 150px;
	height: 25px;
}

#btn_contact a:hover {
	background-color: transparent;
}

#btn_contact a:hover img {
	visibility: hidden;
}

div#service_area {
	margin: 0 0 0 16px;
	float: right;
	width: 470px;
}

div#service_area h5 {
	margin: 0 0 10px 0;
	width: 472px;
	height: 26px;
	background: url('./img/h5_servicearea.gif') no-repeat;
	text-indent: -9999em;
}

div#service_area p {
	line-height: 1.4em;
}

/* =========================================================
■リフォームページ
========================================================= */
#reform {
	margin: 0;
	padding: 0;
	width: 790px;
}

#reform h2#h2_reform {
	margin: 0 0 20px 0;
	width: 790px;
	height: 26px;
	background: url('./img/h2_reform.gif') no-repeat;
	text-indent: -9999em;
}

#reform h3#reform_01 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 790px;
	height: 20px;
	background: url('./img/reform_01.gif') no-repeat;
	text-indent: -9999em;
}

#reform h3#reform_02 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 790px;
	height: 20px;
	background: url('./img/reform_02.gif') no-repeat;
	text-indent: -9999em;
}

#reform h5#expr {
	margin: 15px 0 0 0;
	text-indent: 30px;
	font-weight: bold;
}

#reform img.expr_img {
	margin: 10px 0 40px 0;
}

#reform h3#reform_03 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 790px;
	height: 20px;
	background: url('./img/reform_03.gif') no-repeat;
	text-indent: -9999em;
}


#reform p.reform_txt {
	margin: 0 0 50px 0;
	line-height: 1.5;
}

#reform img.reform_01_img {
	margin: 0 0 20px 15px;
	float: right;
}

div.reform_02_right {
	margin: 5px 0 0 0;
	width: 790px;
	text-align: right;
}

/* =========================================================
■設計の流れページ
========================================================= */
h2#plan {
	margin: 0 0 20px 0;
	width: 790px;
	height: 26px;
	background: url('./img/h2_plan.gif') no-repeat;
	text-indent: -9999em;
}

h4#plan_contact {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/plan_contact.gif') no-repeat;
	text-indent: -9999em;
}
h4#plan_presentaition {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/plan_presentaition.gif') no-repeat;
	text-indent: -9999em;
}
h4#plan_detail {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/plan_detail.gif') no-repeat;
	text-indent: -9999em;
}
h4#plan_contract {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/plan_contract.gif') no-repeat;
	text-indent: -9999em;
}
h4#plan_basic {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/plan_basic.gif') no-repeat;
	text-indent: -9999em;
}

span.design_link_txt {
	float: right;
}

h4#plan_spot {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/plan_spot.gif') no-repeat;
	text-indent: -9999em;
}

p.plan_txt {
	margin: 0;
	width: 790px;
	line-height: 1.5;
}

img.arrow {
	margin: 5px 0 10px 0;
}

img.plan_img {
	margin: 10px 5px 10px 0;
}
img.plan_img01 {
	margin: 10px 0;
}

h3#design_flow {
	margin: 30px 0 10px 0;
	padding: 3px 0;
	border-top: 1px solid #3e9a29;
	border-left: 5px solid #3e9a29;
	border-right: 1px solid #3e9a29;
	border-bottom: 1px solid #3e9a29;
	width: 790px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 10px;
}

span.strong {
	font-weight: bold;
}

img.design_img {
	margin: 0 15px 0 20px;
	float: left;
	width: 100px;
}

p.design_txt {
	height: 130px;
}

div#design_access {
	width: 790px;
	text-align: center;
}
/* =========================================================
■施工の流れページ
========================================================= */
h2#construction {
	margin: 20px 0;
	width: 790px;
	height: 26px;
	background: url('./img/h2_construction.gif') no-repeat;
	text-indent: -9999em;
}

h4#construction01 {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/construction01.gif') no-repeat;
	text-indent: -9999em;
}
h4#construction02 {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/construction02.gif') no-repeat;
	text-indent: -9999em;
}
h4#construction03 {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/construction03.gif') no-repeat;
	text-indent: -9999em;
}
h4#construction04 {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	background: url('./img/construction04.gif') no-repeat;
	text-indent: -9999em;
}

p.construction_txt {
	margin: 0;
}

img.const_img {
	margin: 0 5px 0 0;
}

img.const_img01 {
	margin: 0 0 0 0;
}

/* =========================================================
■FAQページ
========================================================= */
h2#faq {
	margin: 0 0 20px 0;
	width: 790px;
	height: 26px;
	background: url('./img/h2_faq.gif') no-repeat;
	text-indent: -9999em;
}

h4#question {
	margin: 0 0 10px 0;
	width: 790px;
	height: 23px;
	color: #73ac6e;
	background: url('./img/question.gif') no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-indent: 30px;
}

p.answer {
	margin: 0 0 30px 0;
	padding: 0 0 0 30px;
	width: 760px;
	background: url('./img/answer.gif') no-repeat;
}

/* =========================================================
■個人情報取扱についてページ
========================================================= */
h2#privacy {
	margin: 0 0 20px 0;
	width: 790px;
	height: 26px;
	background: url('./img/h2_privacy.gif') no-repeat;
	text-indent: -9999em;
}

h5.privacy_index {
	margin: 0 0 5px 0;
	width: 790px;
	font-weight: bold;
}

p.privacy_txt {
	margin: 0 0 20px 0;
	width: 790px;
}

/* =========================================================
■お問合せ
========================================================= */
h2#contact {
	width: 790px;
	height: 26px;
	background: url('./img/h2_contact.gif') no-repeat;
	text-indent: -9999em;
}

div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

dl#contact_form {
	margin: 15px 0 0 0 ;
	width: 790px;
}

dl#contact_form dt.contact_form_left {
	margin: 0 0 15px 0;
	padding: 5px 0;
	border-top: 1px solid #CCC;
	border-left: 3px solid #CCC;
	float: left;
	width: 200px;
	text-indent: 15px;
}

dl#contact_form dd.contact_form_right {
	margin: 0 0 15px 0;
	padding: 6px 0 4px 20px;
	float: left;
	width: 500px;
	line-height: 1.8;
}

dl#contact_form li.list_01 {
	margin: 0 0 5px 0;
}

dl#contact_form li.list_02 {
	margin: 0 10px 0 0;
	float: left;
	text-indent: 15px;
}

dl#contact_form li.list_03 {
	float: left;
}

/* =========================================================
■お問合せ完了
========================================================= */
h2#contact_thanks {
	width: 790px;
	height: 26px;
	background: url('./img/contact_end.gif') no-repeat;
	text-indent: -9999em;
}

div#thanks {
	padding: 40px 0px 40px 0px;
	text-align: center;
}
div#thanks p {
	font-size: 16px;
}
div#thanks p strong {
	font-size: 18px;
	color: #CC0000;
}

/* =========================================================
■サイトマップ
========================================================= */
h2#sitemap {
	width: 790px;
	height: 26px;
	background: url('./img/h2_sitemap.gif') no-repeat;
	text-indent: -9999em;
}

#sitemap_table_01 {
	margin: 20px 0 0 0;
	float: left;
	width: 250px;
}

#sitemap_table_02 {
	margin: 20px 0 0 30px;
	float: left;
	width: 250px;
}

#sitemap_table_01 h3,
#sitemap_table_02 h3 {
	margin: 0 0 10px 0;
	border-top: 1px solid #CCC;
	border-left: 3px solid #CCC;
	width: 200px;
	height: 20px;
	line-height: 2.0em;
	text-indent: 15px;
}

#sitemap_table_01 ul {
	margin: 0 0 6px 50px;
}

#sitemap_table_01 ul li {
	margin: 0 0 5px 0;
}

#sitemap_table_03 {
	margin: 20px 0 0 10px;
	float: right;
}

/* =========================================================
■作品紹介ページ
========================================================= */
h2.category {
	width: 126px;
	height: 26px;
	background: url('./img/h2_work.gif') no-repeat;
	text-indent: -9999em;
}

.category_list {
	float: left;
	width: 150px;
	text-indent: 5px;
}

.category_list ul {
	width: 126px;
	margin: 10px 0 5px 0;
}

.category_list ul li {
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #CCC;
	float: left;
	width: 123px;
}

.category_list li a {
	display: block;
	width: 126px;
	line-height: 1.8;
}

.category_contents {
	width: 600px;
	float: right;
}

.category_contents h4 {
	margin: 0 0 5px 0;
	padding: 3px 0;
	border-top: 1px solid #3E9A29;
	border-right: 1px solid #3E9A29;
	border-bottom: 1px solid #3E9A29;
	border-left: 3px solid #3E9A29;
	width: 600px;
	height: 20px;
	text-indent: 10px;
}

.category_contents h4 a {
	color: #999;
	font-size: 14px;
	font-weight: bold;
}

/* =========================================================
■ブログ記事ページ
========================================================= */
#blog_body {
	float: right;
	width: 600px;
}

h1#blog_title {
	margin: 0 0 5px 0;
	padding: 3px 0;
	border-top: 1px solid #3E9A29;
	border-right: 1px solid #3E9A29;
	border-bottom: 1px solid #3E9A29;
	border-left: 3px solid #3E9A29;
	float: right;
	width: 600px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 10px;
}

/* =========================================================
■ブログ別アーカイブページ
========================================================= */
#blog_classification_body {
	float: right;
	width: 600px;
}