@charset "euc-jp";
body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	color: #333333;

}
.bn {
	font-weight: bold;
}
.red {
	color: #D90000;
}
.ce {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
/* ヘッダー
----------------------------------------------- */
h1 {
	font-size: 0.7em;
	line-height: 1.4em;
	font-weight: normal;
	margin-top: 0px;
	text-align: left;
	margin-bottom: 0px;
	float: left;
}
h2,h3 {
text-indent: -2000px;
}
#header #wrap1 h2 {
	background-image: url(../images/toptel.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 292px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}
ul {
margin: 0px;
padding: 0px;
}
li,li a {
	list-style: none;
	display: block;
	text-decoration: none;
}
li a:hover {
	text-decoration:underline;
	}
p {
	font-size: 1em;
	line-height: 1em;
}
a {
	text-decoration: underline;
	color: #0000FF;
}
a:hover {
	text-decoration: none;
}

#header {
	background-image: url(../images/headerbg2.gif);
	background-repeat: repeat-x;
	height: 107px;
	width: 100%;
	margin-top: 0px;
	overflow: hidden;
}
#header #wrap1 {
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	height: 78px;
}
#header #wrap1 ul {
	padding-left: 715px;
	width: 185px;
}
#header #wrap1 li {
	float: left;
}
#header #wrap1 .tm1 {
	background-image: url(../images/tm1.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 80px;
	display: block;
}
#header #wrap1 .tm2 {
	background-image: url(../images/tm2.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 105px;
	display: block;
}


/* navi
----------------------------------------------- */
#header #navi {
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 8px;
	margin-bottom: 0px;
}
#header #navi li {
	float: left;
}
#header #navi li a {
	text-indent: -2000px;
	display:block;
	}
A.m1:link,A.m1:visited {
	background-image:url(../images/m1.gif);
	height:18px;
	width:54px;
}
A.m1:hover {
	background-image:url(../images/m1_on.gif);
	height:18px;
	width:54px;
}
A.m2:link,A.m2:visited {
	background-image:url(../images/m2.gif);
	height:18px;
	width:128px;
}
A.m2:hover {
	background-image:url(../images/m2_on.gif);
	height:18px;
	width:128px;
}
A.m3:link,A.m3:visited {
	background-image:url(../images/m3.gif);
	height:18px;
	width:86px;
}
A.m3:hover {
	background-image:url(../images/m3_on.gif);
	height:18px;
	width:86px;
}
A.m4:link,A.m4:visited {
	background-image:url(../images/m4.gif);
	height:18px;
	width:58px;
}
A.m4:hover {
	background-image:url(../images/m4_on.gif);
	height:18px;
	width:58px;
}
A.m5:link,A.m5:visited {
	background-image:url(../images/m5.gif);
	height:18px;
	width:72px;
}
A.m5:hover {
	background-image:url(../images/m5_on.gif);
	height:18px;
	width:72px;
}
A.m6:link,A.m6:visited {
	background-image:url(../images/m6.gif);
	height:18px;
	width:70px;
}
A.m6:hover {
	background-image:url(../images/m6_on.gif);
	height:18px;
	width:70px;
}
A.m7:link,A.m7:visited {
	background-image:url(../images/m7.gif);
	height:18px;
	width:87px;
}
A.m7:hover {
	background-image:url(../images/m7_on.gif);
	height:18px;
	width:87px;
}
A.m8:link,A.m8:visited {
	background-image:url(../images/m8.gif);
	height:18px;
	width:101px;
}
A.m8:hover {
	background-image:url(../images/m8_on.gif);
	height:18px;
	width:101px;
}
A.m9:link,A.m9:visited {
	background-image:url(../images/m9.gif);
	height:18px;
	width:48px;
}
A.m9:hover {
	background-image:url(../images/m9_on.gif);
	height:18px;
	width:48px;
}
.pan {
	text-align: right;
	margin-top: 0px;
}

#header #navi #serch {
	float: right;
	margin-top: -4px;
	padding: 0px;
	margin-bottom: 0px;
}
/* メインレイアウト
----------------------------------------------- */
#wrap_maine {
	background-color: #f3f3f3;
	width: 870px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	overflow: hidden;
}
#wrap_maine #side_area {
	width: 169px;
	margin-top: 20px;
	float: left;
	overflow: hidden;
}
#wrap_maine #contents {
	width: 675px;
	margin-top: 20px;
	background-color: f3f3f3;
	overflow: hidden;
	padding-left: 20px;
}
#wrap_maine #footer {
	clear: both;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 30px;
}

/* サイドエリア-ラインナップ
----------------------------------------------- */

#wrap_maine #side_area #lineup {
}
#wrap_maine #side_area #lineup h2 {
	background-image: url(../images/lineup_title.gif);
	background-repeat: no-repeat;
	height: 37px;
	width: 169px;
	margin-bottom: 3px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#wrap_maine #side_area #lineup h2 a {
	display: block;
	height: 37px;
	width: 169px;
}
#wrap_maine #side_area #lineup ul {
	width: 156px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
#wrap_maine #side_area #lineup li {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrap_maine #side_area #lineup li a {
	text-indent: -2000px;
	display:block;
	}
A.lp1:link,A.lp1:visited {
	background-image:url(../images/lp1.gif);
	height:34px;
	width:156px;
}
A.lp1:hover {
	background-image:url(../images/lp1_on.gif);
	height:34px;
	width:156px;
}
A.lp2:link,A.lp2:visited {
	background-image:url(../images/lp2.gif);
	height:32px;
	width:156px;
}
A.lp2:hover {
	background-image:url(../images/lp2_on.gif);
	height:32px;
	width:156px;
}
A.lp3:link,A.lp3:visited {
	background-image:url(../images/lp3.gif);
	height:32px;
	width:156px;
}
A.lp3:hover {
	background-image:url(../images/lp3_on.gif);
	height:32px;
	width:156px;
}
A.lp4:link,A.lp4:visited {
	background-image:url(../images/lp4.gif);
	height:34px;
	width:156px;
}
A.lp4:hover {
	background-image:url(../images/lp4_on.gif);
	height:34px;
	width:156px;
}
/* サイドエリア-ダウンロード
----------------------------------------------- */
#wrap_maine #side_area #dl {
	padding: 0px;
	width: 169px;
	margin-top: 10px;
}
#wrap_maine #side_area #dl h2 {
	background-image: url(../images/dl_title.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#wrap_maine #side_area #dl ul {
	background-image: url(../images/dl_bg.gif);
	background-repeat: no-repeat;
	height: 123px;
	width: 84px;
	margin-top: 0px;
	padding-right: 70px;
	padding-left: 15px;
	padding-top: 15px;
}

#wrap_maine #side_area #dl li {
	font-size: 12px;
	line-height: 13px;
	color: #666666;
	margin-bottom: 8px;
	background-image: url(../images/arow1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}
/* ミニフォーム
----------------------------------------------- */
#wrap_maine #side_area #miniform {
	background-image: url(../images/miniform_bg.gif);
	background-repeat: no-repeat;
	width: 157px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
#wrap_maine #side_area #miniform p {
	font-size: 0.7em;
	line-height: 1.4em;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* サイドエリア-バナー
----------------------------------------------- */

#wrap_maine #side_area #banaer_area {
	width: 169px;
}
#wrap_maine #side_area #banaer_area .qa_b {
	background-image: url(../images/qa_b.gif);
	background-repeat: no-repeat;
	height: 72px;
	width: 156px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -2000px;
}
#wrap_maine #side_area #banaer_area .rimo_b {
	background-image: url(../images/rimo_b.gif);
	background-repeat: no-repeat;
	height: 72px;
	width: 156px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -2000px;
	margin-top: 10px;
}
#wrap_maine #side_area #banaer_area .blog_b {
	background-image: url(../images/blog_b.gif);
	background-repeat: no-repeat;
	height: 49px;
	width: 156px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -2000px;
	margin-top: 10px;
}
#wrap_maine #side_area #banaer_area h2 .team6 {
	background-image: url(../images/team6.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -2000px;
	margin-top: 10px;
	display: block;
}#wrap_maine #side_area #banaer_area p {
	font-size: 0.78em;
	line-height: 1.6em;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}
/* コンテンツ-メイン画像
----------------------------------------------- */
#wrap_maine #contents #main {
	overflow: hidden;
}
#wrap_maine #contents #main #flash_area {
	height: 233px;
	width: 675px;
	margin-bottom: 0px;
	overflow: hidden;
}

#wrap_maine #contents #main #tick_area {
	background-image: url(../images/teck_bg.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 665px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
}
#wrap_maine #contents #main #tick_area p {
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	margin: 0px;
}
#wrap_maine #contents p {
	font-size: 0.78em;
	line-height: 1.6em;
	padding-right: 5px;
	padding-left: 5px;
}

/* コンテンツ-最新施工例-ムービ
----------------------------------------------- */
#wrap_maine #contents #new_area {
	width: 675px;
	overflow: hidden;
}
#wrap_maine #contents #new_area #sekou_topi {
	width: 310px;

	padding-right: 10px;
}
#wrap_maine #contents #new_area #movie {
	width: 330px;
	overflow: hidden;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	float: right;

}



#wrap_maine #contents #new_area #sekou_topi h3 {
	background-image: url(../images/new_title.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 93px;
	margin-top: 0px;
}
#wrap_maine #contents #new_area #movie h3 {
	background-image: url(../images/title_movi.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 222px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#wrap_maine #contents #new_area #sekou_topi p a {
	float: right;
	margin-top: 0px;
	background-image: url(../images/icon_rss.gif);
	height: 20px;
	width: 36px;
	background-repeat: no-repeat;
	text-indent: -2000px;
	display: block;
}
.rss {
	background-image: url(../images/icon_rss.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 20px;
	width: 36px;
}
#wrap_maine #contents #new_area #sekou_topi #blog_view {
	height: 120px;
	width: 300px;
	overflow: auto;
	font-size: 0.78em;
	line-height: 1.6em;
	padding-left: 10px;
	margin-top: 10px;
}
#wrap_maine #contents #new_area #sekou_topi #blog_view .rss_ul {
	margin: 0px;
	padding: 0px;
}
#wrap_maine #contents #new_area #sekou_topi #blog_view .rss_ul .rss_li {
	clear: left;
	float: left;
	padding-right: 20px;
}#wrap_maine #contents #new_area #movie #movie_ob {
	float: right;
	padding-left: 15px;
	margin-top: 10px;
}
#wrap_maine #contents #new_area #movie p {
	margin-top: 10px;
}
/* タイプ別施工例
----------------------------------------------- */
#wrap_maine #side_area .type_t {
	margin-top: 10px;
	margin-bottom: 5px;
	background-image: url(../images/type_t.gif);
	height: 37px;
	width: 169px;
}
#wrap_maine #side_area #sekou_type {
	background-image: url(../images/type_bg.gif);
	height: 137px;
	width: 159px;
	overflow: hidden;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#wrap_maine #side_area #sekou_type h3 {
	height: 17px;
	width: 148px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: left;
	padding: 0px;
}
#wrap_maine #side_area #sekou_type .type1 {
	background-image: url(../images/type1.gif);
}
#wrap_maine #side_area #sekou_type .type2 {
	background-image: url(../images/type2.gif);
}
#wrap_maine #side_area #sekou_type .type3 {
	background-image: url(../images/type3.gif);
}
#wrap_maine #side_area #sekou_type ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#wrap_maine #side_area #sekou_type li {

}
#wrap_maine #side_area #sekou_type li a {
	background-image: url(../images/arow1.gif);
	background-repeat: no-repeat;
	float: left;
	padding-left: 15px;
	padding-right: 5px;
	font-size: 0.78em;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* コンテンツ中ダウンロードサービス、リモコンバナー
----------------------------------------------- */
#wrap_maine #contents #maine_banerarea {
	width: 640px;
	margin-top: 20px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#wrap_maine #contents #maine_banerarea #dl_maine {
	background-image: url(../images/dls_bg.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 290px;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#wrap_maine #contents #maine_banerarea #dl_maine h2 {
	margin: 0px;

}
#wrap_maine #contents #maine_banerarea #dl_maine ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrap_maine #contents #maine_banerarea #dl_maine ul li {
	float: left;
	width: 80px;
	font-size: 0.7em;
	line-height: 1.2em;
	background-image: url(../images/arow1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	padding-right: 10px;
}
#wrap_maine #contents #maine_banerarea #rimo_maine_b {
	height: 65px;
	width: 305px;
	background-image: url(../images/rimo_baner.gif);
	background-repeat: no-repeat;
	float: right;
	padding: 0px;
}
#wrap_maine #contents #maine_banerarea #rimo_maine_b h2 {
	margin: 0px;
	padding: 0px;
}
#wrap_maine #contents #maine_banerarea #rimo_maine_b h2 a {
	display: block;
	height: 65px;
	width: 305px;
}
/* コンテンツ-注目のデザイン
----------------------------------------------- */
#wrap_maine #contents .des {
	background-image: url(../images/desing_title.gif);
	height: 17px;
	width: 447px;
}
#wrap_maine #contents .list_title {
	background-image: url(../images/sekoulist_titl.gif);
	height: 18px;
	width: 417px;
}
#wrap_maine #contents #rec_des {
	background-image: url(../images/des_bg.gif);
	height: 221px;
	width: 650px;
	padding-right: 0px;
	padding-left: 25px;
	padding-top: 10px;
}

#wrap_maine #contents #rec_des .des_r {
	float: left;
	width: 200px;
	padding-right: 15px;
}
#wrap_maine #contents #rec_des .des_r img {
	height: 150px;
	width: 200px;
}
#wrap_maine #contents #rec_des .des_r p {
	margin-top: 5px;
	font-size: 11px;
	line-height: 13px;
	color: #009999;
	margin-bottom: 0px;
}
#wrap_maine #contents #rec_des .des_r p a {
	text-indent: -2000px;
	float: right;
	display: block;
	background-image: url(../images/icon_moreinfo.gif);
	background-repeat: no-repeat;
	height: 13px;
	width: 50px;
	margin-top: 5px;
}
.detail_btn {
	background-image: url(../images/icon_moreinfo.gif);
	background-repeat: no-repeat;
	height: 13px;
	width: 50px;
	margin-top: 5px;	
}
/* コンテンツ-施工例リスト
----------------------------------------------- */
#wrap_maine #contents #list_sekou {
	background-image: url(../images/des_bg.gif);
	background-repeat: no-repeat;
	height: 221px;
	width: 655px;
	padding: 10px;
}
#wrap_maine #contents #list_sekou h4 {
	margin-top: 0px;
	margin-left: 0px;
	clear: left;
	margin-bottom: 0px;
}
#wrap_maine #contents #list_sekou h4 a {
	display: block;
}
.pub {
	background-image: url(../images/sekou_pub.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 17px;
	width: 82px;
	margin-top: 0px;
	margin-left: 0px;
}
.pri {
	background-image: url(../images/sekou_pri.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 15px;
	width: 82px;
	margin-top: 0px;
	margin-left: 0px;
}

#wrap_maine #contents #list_sekou ul {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 68px;
}
#wrap_maine #contents #list_sekou li {
	display: block;
	float: left;
	margin-right: 3px;
}
#wrap_maine #contents #list_sekou li a {
	text-indent: -2000px;
	display: block;
}
A.pub1:link,A.pub1:visited {
	background-image:url(../images/pub1.gif);
	height:78px;
	width:117px;
}
A.pub1:hover {
	background-image:url(../images/pub1_on.gif);
	height:78px;
	width:117px;
}
A.pub2:link,A.pub2:visited {
	background-image:url(../images/pub2.gif);
	height:78px;
	width:117px;
}
A.pub2:hover {
	background-image:url(../images/pub2_on.gif);
	height:78px;
	width:117px;
}
A.pub3:link,A.pub3:visited {
	background-image:url(../images/pub3.gif);
	height:78px;
	width:117px;
}
A.pub3:hover {
	background-image:url(../images/pub3_on.gif);
	height:78px;
	width:117px;
}
A.pub4:link,A.pub4:visited {
	background-image:url(../images/pub4.gif);
	height:78px;
	width:117px;
}
A.pub4:hover {
	background-image:url(../images/pub4_on.gif);
	height:78px;
	width:117px;
}
A.pub5:link,A.pub5:visited {
	background-image:url(../images/pub5.gif);
	height:78px;
	width:117px;
}
A.pub5:hover {
	background-image:url(../images/pub5_on.gif);
	height:78px;
	width:117px;
}
A.pri1:link,A.pri1:visited {
	background-image:url(../images/pri1.gif);
	height:78px;
	width:117px;
}
A.pri1:hover {
	background-image:url(../images/pri1_on.gif);
	height:78px;
	width:117px;
}
A.pri2:link,A.pri2:visited {
	background-image:url(../images/pri2.gif);
	height:78px;
	width:117px;
}
A.pri2:hover {
	background-image:url(../images/pri2_on.gif);
	height:78px;
	width:117px;
}
A.pri3:link,A.pri3:visited {
	background-image:url(../images/pri3.gif);
	height:78px;
	width:117px;
}
A.pri3:hover {
	background-image:url(../images/pri3_on.gif);
	height:78px;
	width:117px;
}
A.pri4:link,A.pri4:visited {
	background-image:url(../images/pri4.gif);
	height:78px;
	width:117px;
}
A.pri4:hover {
	background-image:url(../images/pri4_on.gif);
	height:78px;
	width:117px;
}
A.pri5:link,A.pri5:visited {
	background-image:url(../images/pri5.gif);
	height:78px;
	width:117px;
}
A.pri5:hover {
	background-image:url(../images/pri5_on.gif);
	height:78px;
	width:117px;
}
.oth {
	background-image: url(../images/icon_other.gif);
	background-repeat: no-repeat;
	height: 13px;
	width: 50px;
	margin-top: 63px;
}
#wrap_maine #footer p {
	font-size: 0.78em;
	line-height: 1.6em;
}
#wrap_maine #footer address {
	background-image: url(../images/cp.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 18px;
	width: 562px;
	margin-right: auto;
	margin-left: auto;
}

.ce img {
	border: 1px solid #999999;
}

#wrap_maine #contents #remo_area img {
	float: left;
	padding-right: 30px;
}
.box140 {
	width: 145px;
	margin-right: auto;
	margin-left: auto;
}
.box20 {
	width: 30px;

}
.box30 {
	width: 50px;

}
#header #wrap1 #info {
	width: 494px;
	float: right;
	overflow: hidden;
	margin-top: 3px;
	margin-right: 10px;
	background-image: url(../images/info.gif);
	height: 68px;
}
#header #wrap1 #info dl {
	margin: 0px;
	padding: 0px;
	display: none;
}