@charset "utf-8";
/* -------------- */
/*　汎用設定項目　*/
/* -------------- */

.title { margin-bottom: 25px; }

.subtitle { margin-bottom: 15px; }

.sectitle {
	margin-bottom: 10px;
	margin-top: 40px;
}

.left { float: left; }

.right { float: right; }

.leftphoto { float: left; margin-right: 20px; padding-bottom: 10px; }

.rightphoto { float: right; margin-left: 20px; padding-bottom: 10px; }

.br { margin-top: 1.5em; }

.note { font-size: 10px; }

p.exp { font-size: 10px; color: #666666; margin-bottom:5px; margin-top:3px; }

/* -------------------- */
/*　コンテンツ設定項目　*/
/* -------------------- */

#content { padding-top: 10px; margin-bottom: 55px; }

#main {
	padding: 20px;
	padding-top: 20px;
	width: 810px;
	margin: 0px auto;
	background: #FFFFFF;
}

#navi {
	float: left;
	background: url(../images/navi_bar.gif) right top no-repeat;
	width: 200px;
	text-align: left;
	padding-top: 20px;
	min-height: 650px;
	_height: 650px;
}

#maincontent {
	float: right;
	width: 590px;
	padding-top: 20px;
	text-align: left;
}

#widecontent {
	width: 810px;
	margin: 0px auto;
	padding-top: 20px;
}

#navi li {
	list-style: none;
	margin-bottom: 10px;
}

#massage {
	background: url(../making/images/bg_massage.jpg) right top no-repeat;
	padding: 15px 10px;
}

#massage p { width: 350px; }

#chief_massage div.photo {
	float: left;
	width: 250px;
	margin-right: 15px;
}

.making_staff div {
	float: left;
	width: 130px;
	margin-right: 23px;
	padding-bottom: 15px;
}

.making_staff div.right { margin: 0px; }

.making_staff h3 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 6px;
}

.making_staff p { font-size: 10px; }



/* ------ ここから社長インタビュー ------ */

.interview .rightphoto { width: 230px; }

.interview .rightphoto p {
	font-size: 10px;
	margin-top: 2px;
	_margin-top: 0px;
	*margin-top: 0px;
	margin-bottom: 8px;
}



/* ------ ここからスタッフ紹介 ------ */

.staff { margin-bottom: 30px; }

.staff .leftphoto { margin-right: 30px; }

.staff .rightphoto { margin-left: 30px; }

.staff .title { margin-top: 10px; }



/* ------ ここから施工事例 ------ */

#widecontent .works { margin-bottom: 40px; text-align: left; }

#widecontent .works .title { margin-bottom: 15px; }

#widecontent .works .rightphoto { margin-right: 18px; }

#widecontent .works .exp {
	width: 530px;
	float: right;
}

#widecontent .works .readmore {
	margin-top: 15px;
}

#widecontent .works .subphoto { margin-top: 20px; }

#widecontent .works .subphoto img {
	float: left;
	margin-left: 16px;
}

#widecontent .works .subphoto img.left { margin-left: 0px; }

.subworks { margin-top: 40px; text-align: left; }

.subworks div {
	width: 264px;
	float: left;
	margin-left: 9px;
}

.subworks div.left { margin-left: 0px; }

.subworks .title { margin-bottom: 10px; }



/* ------ ここから家づくりの流れ ------ */

div.flow {
	background: url(../making/images/flow_arrow.gif) left bottom no-repeat;
	padding-left: 60px;
	margin: 9px 0px;
}

.flow .image {
	float: right;
	width: 205px;
	margin-left: 20px;
}

div.flow .note {
	background: url(../making/images/bg_flownote_bottom.gif) bottom no-repeat;
	float: left;
	width: 285px;
	margin-top: 10px;
}

div.flow .note .title {
	background: url(../making/images/bg_flownote_top.gif) top no-repeat;
	padding: 15px;
	padding-bottom: 0px;
	margin: 0px;
}

div.flow .note p {
	padding: 15px;
	color: #666666;
	font-size: 10px;
}



/* ------ ここからよくある質問 ------ */

.faq {
	margin-top: 20px;
	background: url(../faq/images/bg_faqbottom.gif) bottom no-repeat;
	width: 588px;
}

.faq .question img {
	float: right;
	margin-left: 8px;
	margin-top: 3px;
}

.faq .question {
	background: url(../faq/images/bg_faqtop.gif) top no-repeat;
	padding: 10px 20px;
}

.faq .question h3 {
	font-size: 14px;
	background: url(../faq/images/faq_question.gif) left no-repeat;
	padding: 4px 0px 4px 35px;
}

.faq .answer {
	background: url(../faq/images/faq_answer.gif) left no-repeat;
	margin: 0px 20px;
	padding: 10px 0px;
	width: 548px;
	border-top: 1px solid #CDCDCD;
}

.faq .answer p { padding: 5px 0px 5px 35px; }

.faq .answer a {
	background: url(../making/images/faq_showanswer.gif) right no-repeat;
	padding-right: 20px;
	text-decoration: none;
	border-bottom: 1px solid #156DB7;
}

.faq .answer a:hover {
	border-bottom: 1px solid #FF0000;
	background: url(../making/images/faq_showanswer_on.gif) right no-repeat;
}

.faq .answer p.useful {
	padding: 0px;
	width: 150px;
	text-align: right;
	float: right;
	color: #666666;
}

.faq .answer p.useful strong {
	color: #BE5332;
	font-size: 16px;
	padding-left: 8px;
}



/* ------ ここから施工事例 ------ */

.worksinfo { padding-bottom: 40px; }

.worksdata {
	float: right;
	width: 250px;
	padding: 10px;
	border: 1px solid #459277;
}

.worksdata .title { margin-bottom: 10px; }

.worksdata dl {
	font-size: 12px;
	line-height: 1.6em;
}

.worksdata dt {
	width: 65px;
	float: left;
}

.worksdata dd {
	width: 185px;
	float: right;
}

.worksbox {
	border: 1px solid #CDCDCD;
	border-right: none;
	background: url(../works/images/bg_worksbox.gif) right top no-repeat;
	padding-top: 31px;
	margin-top: 5px;
}

.worksbox .body { 
	padding: 24px 35px 25px 20px;
	background: url(../works/images/bg_worksbody.gif) right repeat-y;
	text-align: left;
}

.worksbox .title { margin-bottom: 15px; }

.worksbox .rightphoto { width: 245px; _margin-left: 10px; }
.worksbox .leftphoto { width: 245px; _margin-right: 10px; }

.worksbox .rightphoto p,
.worksbox .leftphoto p { font-size: 10px; color: #666666; }



/* ------ ここから会社概要 ------ */

table.outline {
	width: 320px;
	border: none;
}

table.outline th,
table.outline td {
	font-size: 12px;
	line-height: 1.5em;
	padding: 9px 0px;
	text-align: left;
	font-weight: normal;
	background: url(../company/images/company_border.gif) bottom no-repeat;
	vertical-align: top;
}

table.outline th { width: 76px; }

.company_link { margin-top: 45px; }

.company_link div.left,
.company_link div.right {
	background: url(../company/images/bg_companylink.gif) bottom no-repeat;
	width: 290px;
}

.company_link h2 {
	font-size: 14px;
	background: url(../company/images/bg_companylink_title.gif) no-repeat;
	height: 16px;
	padding: 10px 0px 8px 35px;
}

.company_link .body { padding: 8px 16px; }

.company_link img { margin-top: 6px; }



/* ------ ここからアクセス ------ */

address.access {
	margin-top: 5px;
	font-size: 12px;
	font-style: normal;
}

#access_rout { margin: 30px 0px; }

#access_rout .photo {
	float: right;
	width: 250px;
	margin-left: 25px;
}

#access_rout h2 { font-size: 12px; margin-bottom: 15px; }

#access_rout h3 {
	font-size: 12px;
	color: #527817;
	font-weight: normal;
	margin-bottom: 8px;
}

#access_rout p { margin-bottom: 8px; padding-left: 1.2em; }

#access_rout .exp {
	margin-bottom: 8px;
	_margin-top: -2px;
	*margin-top: -2px;
	padding: 0px;
}



/* ------ ここからお問い合わせ ------ */

table.contact {
	border-top: 1px dotted #CDCDCD;
	width: 100%;
}

table.contact th,
table.contact td {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 12px 4px;
	border-bottom: 1px dotted #CDCDCD;
}

table.contact th { width: 150px; }

table.contact th em {
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
	font-size: 10px;
	padding-left: 2px;
}

table.contact span.kanji { padding-left: 1em; }

table.contact span.exp { font-size: 10px; color: #666666; }

table.contact span { color: #666666; }

table.contact input.name,
table.contact input.number {
	height: 16px;
	margin-left: 4px;
	margin-right: 15px;
	width: 130px;
}

table.contact input.number { margin-left: 0px; }

table.contact select { width: 100px; }

table.contact input.email {
	height: 16px;
	width: 330px;
}

table.contact textarea { width: 330px; }

input.submit {
	width: 76px;
	height: 26px;
	margin-left: 257px;
	margin-top: 25px;
}

.confirm {
	margin: 25px auto;
	width: 177px;
	text-align: center;
}

.confirm input {
	width: 76px;
	height: 26px;
}

#contact_pamph { padding-bottom: 45px; }

#contact_pamph div {
	float: left;
	margin-left: 10px;
	width: 178px;
	padding: 8px 5px;
	border: 1px solid #CDCDCD;
	text-align: center;
}

#contact_pamph div.left { margin: 0px; }

#contact_pamph input { margin-right: 8px; }

#contact_pamph label {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	background: #F2F2F2;
	display: block;
	width: 168px;
	text-align: left;
}

#contact_pamph img { margin: 15px 0px; }

#contact_pamph p {
	font-size: 10px;
	color: #666666;
	padding: 5px;
	padding-top: 0px;
}

#error {
	font-size: 14px;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}

#error ul { margin-top: 10px; }

#error li {
	list-style: none;
	font-size: 12px;
	line-height: 2em;
	color: #666666;
	font-weight: normal;
}




/* ------ ここからお客様の声 ------ */

#widecontent .uservoice { text-align: left; }

#widecontent .uservoice .rightphoto { margin-right: 18px; }

#widecontent .uservoice div.left,
#widecontent .uservoice div.right { width: 530px; }

#widecontent .uvreadmore {
	padding: 12px 0px 12px 36px;
	margin-bottom: 40px;
	line-height: 1.05em;
	background: url(../uservoice/images/bg_uservoice_detail.gif) no-repeat;
}

#voice1_photo {
	float: right;
	background: #F2EEE2;
	padding: 15px;
	padding-top: 0px;
	width: 252px;
	margin-left: 10px;
}

#voice1_photo img { margin-top: 15px; }

div.uservoice { margin-bottom: 25px; }

div.uservoice .leftphoto,
div.uservoice .rightphoto { width: 210px; }

.voicedata1,
.voicedata2 {
	margin-top: 25px;
	float: left;
	width: 230px;
	padding: 10px;
	border: 1px solid #000000;
}

.voicedata2 { float: right; }

.voicedata1 .title,
.voicedata2 .title { margin-bottom: 10px; }

.voicedata1 dl,
.voicedata2 dl {
	font-size: 12px;
	line-height: 1.6em;
}

.voicedata1 dt,
.voicedata2 dt {
	width: 65px;
	float: left;
}

.voicedata1 dd,
.voicedata2 dd {
	width: 155px;
	float: right;
}



/* ------ ここから新着トピックス ------ */

#navi .news { padding-bottom: 30px; }

#navi .news li {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 181px;
	border-bottom: 1px dotted #CDCDCD;
}

#navi .news li.date {
	font-size: 10px;
	padding: 0px;
	border: none;
	margin-top: 10px;
}

.log li {
	list-style: none;
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 10px;
}

.entrytitle {
	background: url(../topics/images/topics_title.gif) no-repeat;
	height: 40px;
	margin-bottom: 35px;
}

.entrytitle .date {
	width: 150px;
	float: right;
	display: block;
	text-align: right;
	padding-top: 12px;
	padding-right: 10px;
}

.entrytitle h2 {
	font-size: 14px;
	padding-top: 12px;
	padding-left: 14px;
}

.entrybody {
	padding-bottom: 60px;
	text-align: left;
	font-size: 12px;
}

.butelink {
	text-align: center;
	padding-top: 15px;
	border-top: 1px dotted #959595;
}
.butelink .left { text-align: left; }
.butelink .right { text-align: right; }



/* ------ ここからサイトマップ ------ */

img.sitemap { margin-top: 25px; margin-bottom: 10px; }

ul.sitemap { padding-left: 15px; }

ul.sitemap li {
	list-style: none;
	background: url(../company/images/sitemap_list.gif) left no-repeat;
	padding: 6px 0px;
	padding-left: 25px;
	font-size: 12px;
	line-height: 1.05em;
}

ul.sitemap li.main {
	float: left;
	width: 225px;
}

ul.sitemap li.sub {
	float: right;
	width: 275px;
}