/* CSS Document */

h3 {
	font-size: 18px;
	line-height: 180%;
	color: #009900;
}


h4 {
	color: #009900;
	font-size: 14px;
	text-indent: 10px;
}

h5 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #009900;
}


#shiho h4{
	border-color: black;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	color: #000000;
	font-size: 14px;
	text-indent: 7px;
}




.mag50 {
	margin-left: 50px;
	margin-top: 25px;
}
.text12 {
	font-size: 12px;
	line-height: 150%;
}
.midashi {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 18px;
	line-height: 180%;
	font-weight: bold;
	color: #252525;
}

.midashi_white {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 18px;
	line-height: 180%;
	font-weight: bold;
	color: #ffffff;
}
.d_list {
	font-size: 12px;
	line-height: 200%;
	color: #FFFFFF;
}

.w_list {
	font-size: 12px;
	line-height: 200%;
	color: #FFFFFF;
}
.m_box {
	width: 400px;
	margin-top: 50px;
	margin-left: 20px;
}

.marg100 {
	margin-top: 200px;
	width: 430px;
	margin-left: 20px;
}
.line {
	border: 1px solid #D3D3D3;
}

.text_w {
	font-size: 12px;
	line-height: 150%;
	color: #009999;
	width: 400px;
	margin-top: 80px;
	margin-left: 200px;
}
.text12_nwes {
	font-size: 12px;
	line-height: 150%;
	color: #CCCCCC;
}
.works-box {
	padding: 15px;
}
.works-text {
	font-size: 12px;
	line-height: 150%;
	color: #00CC00;
}


hr {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
.news_box {
	margin-left: 20px;
	margin-right: 15px;
	margin-top: 30px;
}
.news_box2 {
	width: 300px;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 30px;
}
.komin_box {
	margin-left: 20px;
	margin-right: 10px;
    margin-top: 10px}

.thubmnail {  clip:       rect(   ); margin-left: 45px; margin-bottom: 5px}
.line-1px {  border-color: black black black #FFFFFF; border-style: solid; border-left-width: 1px}
.line-black {  border-color: #000000 black black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.kominka_img {  background-image: url(../images/oldhouse.gif); background-repeat: no-repeat; background-position: center bottom}
.text11 {  font-size: 11px; line-height: 180%}
.box_sitem {  margin-top: 10px; margin-left: 50px}
.line-2px {  border-color: #666666 black black; border-style: dotted; border-top-width: 2px}
.box_sitem2 {  margin-bottom: 10px; font-size: 12px; line-height: 150%}

.sitemap a:link {
	font-size: 12px;
}
.sitemap a:visited {
	color: #78B4BA;
}




.box_shiho {  padding-top: 5px; padding-right: 10px; padding-left: 10px; font-size: 12px; line-height: 150%}
.marg-r50 {  margin-right: 15px}
.marg15 {  margin-left: 15px}
.box_02 { width: 800px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; ; border-top-width: 9px; border-right-width: 12px; border-bottom-width: 9px; border-left-width: 12px; clip:  rect(   )}
.font_right {  float: right}
.text10 {  font-size: 10px}
.mar5 {  margin-right: 5px; margin-left: 12px}
.form {
	font-size: 12px;
	color: #FFFFFF;
	margin: 10px;
	line-height: 150%;
}

.mar10 { padding-top: 5px; padding-right: 10px; padding-left: 10px}
.back_img {  background-attachment: scroll; background-image: url(../images/img_pro.gif); background-repeat: no-repeat; background-position: left bottom}
.mar_R10 {  margin-right: 15px}
.mar_L10 {
	margin-left: 10px;
}

.mar_L5 {  margin-right: 5px; margin-bottom: 50px; margin-left: 5px; line-height: 180%}
.mar_T20 {  margin-top: 20px}
.mar_R15 { margin-right: 15px }
.pad_L100 {  padding-left: 100px}


.d_list a:link {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.d_list a:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.d_list a:hover {
	color: #78B4BA;
	font-size: 12px;
	text-decoration: underline;
}

.w_list a:link {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
}

.w_list a:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.w_list a:hover {
	color: #2C5370;
	font-size: 12px;
	text-decoration: underline;
}


a:link {
	font-size: 12px;
	color: #78B4BA;
}
a:visited {
	color: #78B4BA;
}
a:hover {
	color: #78B4BA;
}
.totalBOX {
	font-size: 12px;
	line-height: 150%;
	color: #CCCCCC;
	margin-left: 8px;
}
.coments {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	text-decoration: blink;
	margin-right: 8px;
	margin-left: 8px;
}
.no-box {
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	vertical-align: middle;
	margin: 8px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}


.box_sitem a:link {
	color: #000000;
	text-decoration: none;
}
.staff p {
	margin-bottom: 12px;
	margin-top: 12px;
	color: #000000;
}
.blue {
	font-weight: bold;
	color: #009999;
}

.staff {
	font-size: 12px;
	text-align: left;
	float: right;
	width: 470px;
	margin-top: 12px;
}




.box_sitem a:hover { 
color: #CCCCCC !important;
}

.box_sitem a:visited {
	color: #000000;
	text-decoration: none;
}

.box_sitem2 a:link {
	color: #000000;
	text-decoration: none;
}
.box_sitem2 a:hover {  
color: #CCCCCC!important;
}

.box_sitem2 a:visited {
	color: #000000;
	text-decoration: none;
}

.design-box {
	font-size: 12px;
	line-height: 150%;
	color: #CCCCCC;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
}


.works a:link {
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}

.works a:visited {
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}
.works a:hover {
	color: #FFFFF;
	font-size: 12px;
	text-decoration: underline;
}



.works-concet {
	font-size: 12px;
	line-height: 150%;
	color: #CCCCCC;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
}
.newsflame {
	height: 380px;
	overflow: auto;
	color: #CCCCCC;
	font-size: 12px;
	line-height: 150%;
	width: 270px;
	margin-left: 25px;
}


#remake li {
	float: left;
	padding:0px;
	text-align: left;
	margin: 0px;
}  

#remake ul {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width:220px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
}  


/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
一桁すくなく間違えたので-9999emに変更すますた */
#remake li a {
	display: block;
	height: 45px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
}    

.b1 a {
	width: 57px;
	background-image: url(../remake/images/icon_s_lighting01.gif);
	float: left;
	display: block;
	text-align: left;
}

.b2 a {
width: 52px;
background-image: url(../remake/images/icon_s_storagr01.gif);
}

.b3 a {
width: 51px;
background-image: url(../remake/images/icon_s_fabric01.gif);
}

.b4 a {
width: 60px;
background-image: url(../remake/images/icon_s_item01.gif);
}

.b1 a:hover {
width: 57px;
background-image: url(../remake/images/icon_s_lighting02.gif);
}

.b2 a:hover {
width: 52px;
background-image: url(../remake/images/icon_s_storagr02.gif);
}

.b3 a:hover {
width: 51px;
background-image: url(../remake/images/icon_s_fabric02.gif);
}

.b4 a:hover {
width: 60px;
background-image: url(../remake/images/icon_s_item02.gif);
}
#graphic {
	font-size: 10px;
	line-height: 150%;
}
.yajirushi {
	float: right;
	margin-top: 190px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.G-box {
	float: none;
	font-size: 12px;
	height: 135px;
	width: 116px;
}
#graphc a:visited {
	color: #333333;
	text-decoration: none;
}
#graphc {
	float: none;
	text-align: center;
}
#graphc a:link {
	text-decoration: none;
	color: #333333;
}
#graphc a:hover {
	background-color: #CCCCCC;
	height: 150px;
	width: 140px;
}


.G-title {
	font-size: 10px;
	line-height: 150%;
	font-weight: bold;
	text-align: right;
	float: right;
	margin-right: 20px;
	width: 90px;
	margin-top: 125px;
	color: #FFFFFF;
	margin-bottom: 20px;
	margin-left: 0px;
}