/*==================================================
 マイホームデザイナーで家づくり

1.各要素のリセット
2.共通素材
3.パンくず
4.コンテンツ
5-a.コンテンツ（ユーザーリンク集）
5-b.コンテンツ（構造チェック）
5-c.コンテンツ（受賞者インタビュー）
5-d.コンテンツ（マイホームの歴史）
5-f.コンテンツ（協力メーカーリンク集）
------------トップ用------------
7.打ち出し画像とお知らせ
8.トップメニュー
--------------------------------
9.拡大ページ　ヘッダ
10.更新履歴
11.サイトマップ

==================================================*/


/*===========================
■1.各要素のリセット
============================*/

BODY {
	FONT-SIZE: 100%;
	background-color: #ffffff;
	color:#000000;
}

a img { border: 0; }

IMG.Border0 {
border-width:0px;
}

H1 {
FONT-SIZE: 100%
}
H2 {
FONT-SIZE: 100%
}
H3 {
FONT-SIZE: 100%
}
H4 {
FONT-SIZE: 100%
}
H5 {
FONT-SIZE: 100%
}
H6 {
FONT-SIZE: 100%
}

DIV {

}
P {
FONT-SIZE: 100%
}
SPAN {
FONT-SIZE: 100%
}

A:link {
color: #000099;
}
A:active {
color: #003399;
}
A:visited {
color: #663366;
}

TH {
FONT-SIZE: 100% ;text-align: left; vertical-align: top;
}
TD {
FONT-SIZE: 100%
}
A {
FONT-SIZE: 100%
}
INPUT {
FONT-SIZE: 100%
}
SELECT {
FONT-SIZE: 100%
}
TEXTAREA {
FONT-SIZE: 100%
}
FORM {
FONT-SIZE: 100%
}
UL {
FONT-SIZE: 100%
}
OL {
FONT-SIZE: 100%
}
LI {
FONT-SIZE: 100%
}
DL {
FONT-SIZE: 100%
}
DT {
FONT-SIZE: 100%
}
DD {
FONT-SIZE: 100%
}
H2 {
margin-top: 5px; margin-bottom: 5px;
}
P {
margin-top: 5px; margin-bottom: 5px;
}
A:link {
text-decoration: underline;
}
A:active {
text-decoration: underline; 
}
A:visited {
text-decoration: underline;
}
A:hover	{
text-decoration: underline;
}
CAPTION {
text-align: left;font-weight: bold;
}


/*========================================
■2.共通素材
========================================*/

/*=====画像=====*/
IMG {
 border: 0;
}

IMG.linkfor {
 margin-right: 3px;
}

IMG.linkfor_l {
 margin-left: 3px;
}

IMG.right5 {
 margin-right: 5px;
}

IMG.bottom5 {
 margin-bottom: 5px;
}

IMG.right10 {
 margin-right: 10px;
}

IMG.left10 {
 margin-left: 10px;
}

/*=====見出し=====*/
H1.HeadlineI {
 margin-top: 5px;
 margin-bottom: 20px;
 text-align: center;
}

H2.Headline {
 font-size: 100%;
 color: #CE0000;
 margin-top: 0px;
 margin-bottom: 10px;
}

H2.Headline_gr {
 font-size: 100%;
 color: #097316;
 margin-top: 0px;
 margin-bottom: 10px;
}

H2.HeadlineI {
 margin-top: 5px;
 margin-bottom: 10px;
}

H3.sitemap {
 font-size: 85%;
 color: #CE0000;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 10px;
 margin-left: 15px;
 background-color: #F5E4DA;
 padding: 3px;
}

/*=====余白=====*/
.Left15 {
 margin-left: 15px;
}

.Right5 {
 margin-right: 5px;
}

.Left10 {
 margin-left: 10px;
}


/*=====文字サイズ=====*/
DIV#contents .XXLText {
font-size: 130%; line-height: 140%; 
}
DIV#contents .XLText {
font-size: 115%; line-height: 140%;
}
DIV#contents .LText {
font-size: 105%; line-height: 140%; 
}
DIV#contents .MText {
font-size: 90%; line-height: 130%;
}
DIV#contents .MSText {
font-size: 85%; line-height: 135%;
}
DIV#contents .SText {
font-size: 75%; line-height: 140%;
}
DIV#contents .XSText {
font-size: 65%; line-height: 120%;
}
.ContTXT .ContTXT {
font-size: 100%;
text-align:center;
}

.searchText {
font-size: 75%; line-height: 120%;
}

/* 文字色 */
.ColorDOrange {
color: #FF3300;
}

/*========================================
■3.パンくず　status
========================================*/
/* フロートの高さをクリアする */
div#StatusArea:after,
DIV.Status.Wide:after
{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
div#StatusArea,
DIV.Status.Wide
{  
	display: inline-block;  
	zoom: 100%;  
}

DIV#status{
 width: 780px;
 margin-top:5px;
 clear:both;
}

.status_l {
 float:left;
 font-size: 75%;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:5px;
 padding-right:5px;
}

.status_r {
 float:right;
 font-size: 75%;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:5px;
 padding-right:5px;
}


/*=====パンくずスペース　拡大ページ用=====*/

div#StatusArea {
	text-align: left;
}

.status_wide {
 float:left;
 font-size: 75%;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:10px;
 padding-right:10px;
}

/* パンくずリスト */
DIV.Status.Wide {
	font-size: 75%;
	padding: 5px 15px;
	margin: 0;
	width: auto;
	float: left;
}


div.Status a:link,
div.Status a:visited {
	text-decoration: none;
	color: #000000;
}
div.Status a:active,
div.Status a:hover {
	text-decoration: underline;
	color: #6666ff;
}


.foot_s {
	clear: both;
}
/*========================================
■4.コンテンツ　contents
========================================*/

DIV#contents{
 width: 780px;
 margin-top:5px;
 clear:both;
}

DIV#contents P.SText{
	font-size: 75%;
	line-height: 140%;
}

DIV#contents .txtspace{
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

DIV#contents .txtspace table td{
	text-align: left;
}
DIV#contents .txtspace.iecam {
	width: 570px;
	margin-left:auto;
	margin-right: auto;
}
DIV#contents .txtspace p,
p.ContTXT {
	text-algin: left;
}

/*=====各コンテンツへのリンク=====*/
DIV#contents .clink_frame,
DIV#contents .clink_frame_guest,
DIV#contents .clink_frame_user{
 width: 780px;
 margin-bottom: 5px;
 clear:both;
}

DIV#contents .clink_l,.clink_r{
 width: 380px;
 border: 1px solid #CCCCCC;
 border-collapse: collapse;
 background-color: #E0E0E0;
 margin-bottom: 5px;
}

DIV#contents .clink_l{
 float: left;
}

DIV#contents .clink_r{
 float: right;
}

.clink_frame TABLE,
.clink_frame_guest TABLE,
.clink_frame_user TABLE{
	width: 374px;
	background-color: #FFFFFF;
	margin: 3px;
	vertical-align: top;
}

.clink_frame TABLE TD,
.clink_frame_guest TABLE TD,
.clink_frame_user TABLE TD{
	vertical-align: top;
}

.clink_frame TABLE A,
.clink_frame_guest TABLE A,
.clink_frame_user TABLE A{
	font-weight: bold;
}

.clink_frame TABLE IMG,
.clink_frame_guest TABLE IMG,
.clink_frame_user TABLE IMG{
	margin-right: 5px;
}

.clink_frame A:link {
color: #663300;
text-decoration: none;
}
.clink_frame A:visited {
color: #5A5A5A;
text-decoration: none;
}
.clink_frame A:active {
color: #663300;
text-decoration: underline;
}
.clink_frame A:hover {
color: #663300;
text-decoration: underline;
}

.clink_frame_guest A:link {
color: #CE0000;
text-decoration: none;
}
.clink_frame_guest A:visited {
color: #5A5A5A;
text-decoration: none;
}
.clink_frame_guest A:active {
color: #CE0000;
text-decoration: underline;
}
.clink_frame_guest A:hover {
color: #CE0000;
text-decoration: underline;
}

.clink_frame_user A:link {
color: #006600;
text-decoration: none;
}
.clink_frame_user A:visited {
color: #5A5A5A;
text-decoration: none;
}
.clink_frame_user A:active {
color: #006600;
text-decoration: underline;
}
.clink_frame_user A:hover {
color: #006600;
text-decoration: underline;
}

/*========================================
■5-a.コンテンツ（ユーザーリンク集）
========================================*/
ul.userlink {
 list-style-type: none;
 margin-left: 15px;
 margin-right: 15px;
 padding: 0px;
 border-top: 1px dotted #999999;
}

ul.userlink li {
 padding:10px;
 border-bottom: 1px dotted #999999;
}

/*=====テキストリンク=====*/
ul.userlink A {
font-weight: bold;
}

/*========================================
■5-b.コンテンツ（構造チェック）
========================================*/
/*=====質問一覧=====*/
DIV.q_kozou {
 background-color: #FFFFCC;
}

DIV.q_kozou ul {
 list-style-type: none;
 margin-left: 15px;
 margin-right: 15px;
 padding: 10px 0px 5px 0px;
}

DIV.q_kozou li {
 background: url("kozou/img/sq.gif") no-repeat;
 padding-left: 21px;
 margin-bottom: 10px;
}


/*=====質問と回答=====*/
ul.qa_kozou {
 list-style-type: none;
 margin-left: 15px;
 margin-right: 15px;
 padding: 0px;
}

ul.qa_kozou li.que {
 background: url("kozou/img/q.gif") no-repeat;
 padding-left: 33px;
 padding-top: 5px;
 padding-bottom:10px;
 margin-bottom: 5px;
 font-weight: bold;
 color: #8A6B0D;
}

ul.qa_kozou li.ans {
 background: url("kozou/img/a.gif") no-repeat;
 padding-left: 33px;
 padding-bottom:10px;
 margin-bottom: 5px;
 border-bottom: 1px dotted #996600;
}

TABLE.diff {
 background-color: #AC7E22;
 border: 0;
}

TABLE.diff TD {
 background-color: #FFFFFF;
}

/*========================================
■5-c.コンテンツ（受賞者インタビュー）
========================================*/
/*=====概要=====*/

DIV.interview_con_about {
	padding: 5px 20px 5px 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #FFD784;
	color: #993300;
}

/*=====インタビュー内容=====*/
P.intecont {
	margin-bottom: 15px;
}

/*=====区切り線　余白=====*/

IMG.divline {
 margin-top: 20px;
 margin-bottom: 10px;
}

/*=====その他の画像枠=====*/

TABLE.ptlist {
 width: 740px;
 background-color: #FFE7B5;
}

TABLE.ptlist caption{
  color: #CC6600;
}

TABLE.ptlist TD{
  text-align: center;
}

TABLE.ptlist IMG{
 margin: 20px;
}


/*========================================
■5-d.コンテンツ（マイホームの歴史）
========================================*/
/*=====年表=====*/

TABLE.history {
 width: 720px;
 border-collapse:collapse;

}

TABLE.history TH {
 width: 160px;
 background-color: #D5EA9D;
}

TABLE.history TH IMG{
 margin: 10px 0px 0px 0px;
}

TABLE.history TD {
 width: 560px;
 background-color: #FFFFFF;
}

TABLE.history TH,
TABLE.history TD {
 border-top: 1px dotted #AAAAAA;
 border-bottom: 1px dotted #AAAAAA;
}

TABLE.history UL {
 margin-top: 10px;
 margin-bottom: 10px;
}

TABLE.history LI {
 margin: 5px;
}

TABLE.history DIV.episode{
 margin: 0px 0px 10px 0px;
}

TABLE.history DIV.episode P{
 margin: 5px 20px 5px 30px;
 color: #A97138;

}
/*========================================
■5-e.プロユーザー事例
========================================*/
.report_proUL {
	margin: 0;
	padding: 0 0 0 1.2em;
}
.report_proUL li {
	font-size: 75%;
}

/*========================================
■5-f.協力メーカーリンク集
========================================*/
TABLE.makerlink_table {
	border-collapse: collapse;
}


TABLE.makerlink_table TD {
	border-bottom: 1px solid #CCCCCC;
}

ul.makerlink{
	margin:0;
	padding:0;
	width:740px;
	font-size:90%;
}

ul.makerlink li img{
	float:left;
	margin-right:6px;
}


ul.makerlink li{
	width:365px;
	margin:2px;
	list-style:none;
	float:left;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	border-right:1px solid #eee;
}

ul.makerlink li div{
	padding:6px;
}

/* Clearfix */
/* For modern browsers */
ul.makerlink li div:before,
ul.makerlink li div{
    content:"";
    display:block;
    overflow:hidden;
}
 
 
 
.ul.makerlink li div:after{
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
ul.makerlink li div{
    zoom:1;
}


/*========================================
■8.トップメニュー
	1段目　topmenu
	2段目　topmenu2
========================================*/
DIV#topmenu,DIV#topmenu2{
	width: 500px;
	padding-bottom:25px;
	clear:both;
}

DIV#topmenu TABLE.topic {
	width: 500px;
	font-size: 100%;
	line-height:130%;
	background-color: #F7F7BB;
	color:#333333;
	border:0;
}

DIV#topmenu TABLE.topic TD {
 width: 250px;
 vertical-align: top;
}

DIV.service,DIV.service_l,DIV.service_r {
	background-color: #F7F7BB;
}


DIV#topmenu DIV.service {
	width: 500px;
	padding-top: 10px;
	border:0;
	clear:both;
}

DIV#topmenu DIV.service_l {
	width: 160px;
	vertical-align: top;
	float: left;
}

DIV.service_l IMG {
	margin-left:10px;
}

DIV#topmenu DIV.service_r {
	width: 335px;
	vertical-align: top;
	padding-right: 5px;
	float: right;
}


DIV#topmenu DIV.service_r P {
 margin-top: 0px;
 margin-bottom: 0px;
}

.topic_space {
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: top;
}


.mhd,.mhdpro{
 width: 240px;
 text-align: left;
 padding-top:10px;
 margin-left:5px;
 clear:both;
}


/*========================================
■9.拡大ページ　ヘッダー
========================================*/
TABLE.head_wide {
	width: 100%;
}

TABLE.head_wide TR {

}

/*========================================
■10.更新履歴
========================================*/
ul.record {
 list-style-type: none;
 margin-left: 15px;
 margin-right: 15px;
 padding: 0px;
}

ul.record li {
 padding-left: 15px;
 padding-bottom:5px;
 margin-bottom: 5px;
 border-bottom: 1px dotted #AAAAAA;
}

/*=====テキストリンク=====*/
ul.record A {
font-weight: bold;
}

/*========================================
■11.サイトマップ
========================================*/
H2.PTitle {
 font-size: 100%;
 margin-top: 5px;
 margin-bottom: 10px;
}

H2.PTitle IMG{
	margin-right: 5px;
}

ul.subPTitle {
 margin-top:5px;
 margin-bottom: 20px;
}

ul.subPTitle li {
 margin-bottom: 5px;
}

/*========================================
■12. シリーズトップ化
========================================*/

#head_logo {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #999;
}
#head_logo h1 {
	margin: 0;
	padding: 0;
}
#head_logo h1 img {
	margin: 5px 0 10px 10px;
	padding: 0;
}

/*========================================
■本当に建てました
========================================*/
.reportfooter {
	margin: 0 0 20px;
	padding: 20px 0 0 0;
	width: 740px
}

.reportfooter .bannerbox {
	border: 1px solid #999;
	padding: 4px;
}
.reportfooter .bannerbox.ls {
	width: 350px;
	float: left;
}
.reportfooter .bannerbox.pro {
	width: 360px;
	float: right
}

.reportfooter .bannerbox .pacimg {
	float: left;
	text-align: center;
	padding: 0 5px 0 0;
}
.reportfooter .bannerbox .logoimg {
	padding: 5px 0 0 0;
}
.reportfooter .bannerbox p {
	font-size: 75%;
	text-align: left;
	padding: 0 0 0 5px;
}


/* 赤丸のリンク <a class="GoRed"> */
a.GoRed {
	background: url(/common/img/tool/go_mark_red.gif) no-repeat 0 1px;
	padding-left: 16px;
	min-height: 16px;
	display: inline-block;
	margin: 0 5px 0 0;
}
/* 白丸のリンク <a class="GoWhite"> */
a.GoWhite {
	background: url(/common/img/tool/go_mark_siro.gif) no-repeat 0 1px;
	padding-left: 16px;
	min-height: 16px;
	display: inline-block;
	margin: 0 5px 0 0;
}