@charset "UTF-8";

/* CSS Document */
/******************************************************************
# 初期設定
******************************************************************/

/*---------- トップのグローバルメニュー ----------*/
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.menu_list li.menu_a a {
	background: url(../../img/menu_a_f2.jpg) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper {
	_width: 960px;
}
/*------- IE6にのみ対応 -------*/
div#wrap_head {
	_margin: 0 0 0 45px !important;
}
div#wrap_main {
	_margin: 0 0 0 45px;
}

/********** メニュー **********/
/* TOPのみ 違うボタン*/
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.menu_list {
	width: 904px;
	_width: 905px;
	_margin-left: 7px !important;
	_margin-top: 0;
	background: url(../../img/top/menu_bg.jpg) no-repeat right top;
}

/*お問い合せ*/
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.menu_list li.menu_g a {
	width: 115px;
	background: url(../../img/top/menu_g.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.menu_list li.menu_g,
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.menu_list li.menu_g a:hover {
	background: url(../../img/top/menu_g_f2.jpg) no-repeat left top;
}


/*ロゴ*/
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.logo{
	width: 160px;
	height: 70px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.logo a {
	width: 140px;
	height: 70px;
}



/*ヘッダテキスト*/
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.head_txt {
	display: block;
	width: 335px;
	_width: 322px;
	height: 49px;
	padding: 15px 0 0 0;
	line-height: 1.2 !important;
	color: #FFFFFF !important;
}


/*TOPのみ表示のタフテックスボタン*/
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_gratex {
	display: block;
	width: 183px;
	height: 70px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_gratex a {
	display: block;
	width: 178px;
	height: 70px;
	background: url(../../img/top/menu_gratex.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_gratex,
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_gratex a:hover {
	background: url(../../img/top/menu_gratex_f2.jpg) no-repeat left top;
}


/*お見積もりボタン*/
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_mitsumori {
	width: 238px;
	_width: 200px;
	height: 80px;
}
/*2012年2月27日 変更
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_mitsumori a {
	width: 160px;
	height: 80px;
	background: url(../../img/top/menu_mitsumori.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_mitsumori,
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_mitsumori a:hover {
	background: url(../../img/top/menu_mitsumori_f2.jpg) no-repeat left top;
}*/
/*2012年2月27日 追加*/
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_mitsumori a {
	width: 235px;
	height: 70px;
	background: url(../../img/menu_mitsumori.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_mitsumori,
body div#container div#wrapper_footbg div#wrapper div#wrap_head ul.head_top li.menu_mitsumori a:hover {
	background: url(../../img/menu_mitsumori_f2.jpg) no-repeat left top;
}


/* Flash表示のコンテンツ */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div#flash_area {
	margin: 5px 0 10px -28px !important;
	text-align: center !important;
}

/* Flashが表示されないとき用 */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div#contents_quiz {
	width: 950px;
	height: 150px;
	margin: 10px 0 10px 0;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div#contents_quiz p a {
	color: #FFFFFF !important;
}

/* TOPのみちがうヘッダしたの画像 */
body div#container div#wrapper_headbg {
	background: url(../../img/top/head_body_bg.jpg) no-repeat center top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main {
	background: none;
}


/*トップのノート（上部）*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents p.top_img_bg {
	width: 940px;
	height: 20px;
	background: url(../../img/top/top_img_bg.gif) no-repeat left top;
}

/* 背景 
body div#container div#wrapper_footbg div#wrapper div#wrap_main {
	background: url(../../img/wrapper_body.jpg) repeat-y center 600px !important;
}
*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con {
	width: 855px;
	margin: 0 0 0 40px;
}

/*----- トピックス情報 -----*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con {
	width: 463px;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con div.topics_txt {
	overflow: auto;
	width: 380px;
	/*height: 90px;*/
	height: 230px;
}
/* トピックス情報テーブル */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con table {
	vertical-align: top;
	border: 0 none;
}
/*body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con table tr th,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con table tr td {
	white-space: nowrap;
}
*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con table tr th {
	vertical-align: top;
	padding: 0 10px 5px 0;
	font-weight: normal;
	white-space: nowrap;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con table tr td {
	
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con table tr td span {
	display: block;
	float: left;
	white-space: nowrap;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.topics_con table tr td img {
	display: block;
	float: left;
	padding: 3px 0 0 3px;
}

/*----- コンテンツ情報 -----*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.top_con div.pickup_con {
	width: 392px;
}

/* ページ下部の情報 */
div.main_btm {
	height: 130px !important;
}
div.main_btm div.main_btm_con {
	width: 830px;
	margin: 0 0 0 90px;
}

div.main_btm div.toex {
	/*width: 407px;*/
	width: 240px;
}
div.main_btm div.toex p {
	>font-size: 10px;
}
div.main_btm div.recommend_con {
	width: 397px;
}

div.main_btm div.recommend_con div.others_box ul.others_showroom {
	width: 210px;
}

div.main_btm div.recommend_con div.others_box ul.others_showroom li {
	float: left;
	white-space: nowrap;
}

div.main_btm div.recommend_con div.others_box p.otehrs_recruit {
	width: 150px;
	height: 40px;
}
div.main_btm div.recommend_con div.others_box p.otehrs_recruit a {
	width: 150px;
	height: 40px;
	background: url(../../img/top/others_recruit.gif) no-repeat left top;
}
div.main_btm div.recommend_con div.others_box p.otehrs_recruit,
div.main_btm div.recommend_con div.others_box p.otehrs_recruit a:hover {
	background: url(../../img/top/others_recruit_f2.gif) no-repeat left top;
}

div.main_btm div.recommend_con p.go_gratex {
	width: 290px;
	height: 85px;
}
div.main_btm div.recommend_con p.go_gratex a {
	width: 290px;
	height: 85px;
	background: url(../../img/top/go_gratex.gif) no-repeat left top;
}
div.main_btm div.recommend_con p.go_gratex,
div.main_btm div.recommend_con p.go_gratex a:hover {
	background: url(../../img/top/go_gratex_f2.gif) no-repeat left top;
}
/* メインコンテンツの高さ固定 */
div.main_contents {
	height: 250px !important;

}


/* 2011年4月21日追加 */
.sekouarea {
	margin-top: 10px;
}
.sekouarea .text {
	margin: 10px;
	font-size: 12px;
}

/* 2012年2月27日 タフテックスバナーボタン */
ul.banner_gratex li.banner_gratex_a a {
	display: block;
	width: 430px;
	height:120px;
	background: url(../../img/gratex/banner_gratex_a.jpg) no-repeat left top;
}
ul.banner_gratex li.banner_gratex_a a:hover {
	background: url(../../img/gratex/banner_gratex_a_f2.jpg) no-repeat left top;
}
ul.banner_gratex li.banner_gratex_b a {
	display: block;
	width: 430px;
	height:120px;
	background: url(../../img/gratex/banner_gratex_b.jpg) no-repeat left top;
}
ul.banner_gratex li.banner_gratex_b a:hover {
	background: url(../../img/gratex/banner_gratex_b_f2.jpg) no-repeat left top;
}
/* 2016年1月18日 動画追加 */
.moviearea ul{
	letter-spacing:-.40em;
}
.moviearea ul li{
	letter-spacing:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-left:8px;
	margin-bottom:15px;
	text-align:center;
	vertical-align:top;
}
.moviearea ul li a{
	color:#663300 !important;
}
.moviearea ul li a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
}

/* 2016年8月17日　トップQ&A　*/
div.main_btm div.top_con_wrapper {
	width: 590px;
	overflow:hidden;
}
div.main_btm div.top_con {
	width: 170px;
	margin-left:10px;
	padding-bottom:10px;

}
div.main_btm div.top_con p {
	font-size:small;

}

div.main_btm div.top_con div.others_box p.otehrs_recruit a {
	width: 150px;
	height: 40px;
	background: url(../../img/top/others_recruit.gif) no-repeat left top;
}
div.main_btm div.top_con div.others_box p.otehrs_recruit,
div.main_btm div.top_con div.others_box p.otehrs_recruit a:hover {
	background: url(../../img/top/others_recruit_f2.gif) no-repeat left top;
}

div.main_btm div.top_con div.others_box p.otehrs_qa a {
	width: 150px;
	height: 40px;
	background: url(../../img/top/top_btn_qa.gif) no-repeat left top;
}
div.main_btm div.top_con div.others_box p.otehrs_qa,
div.main_btm div.top_con div.others_box p.otehrs_qa a:hover {
	background: url(../../img/top/top_btn_qa_f2.gif) no-repeat left top;
}

/* 2016年11月追加 */
.column {
	padding:20px 0 0 0;
}
.column .text {
	margin: 10px;
	font-size: 12px;
}

.column a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
}

/* 2017年1月6日 100選 */
/*ul.banner_100sen li.banner_100sen_a {
	background:#ffffff;
	width:860px;
}

ul.banner_100sen li.banner_100sen_a a {
	display: block;
	width: 860px;
	height:110px;
	background: url(../../img/top/banner_100sen.jpg) no-repeat left top;
}
ul.banner_100sen li.banner_100sen_a a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
/*	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
/*	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
/*	-khtml-opacity: 0.5;              /* Safari 1.x */
/*	zoom:1;
}
.mainimage{
	background:#ffffff;
	width:860px;
}

.mainimage a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
/*	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
/*	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
/*	-khtml-opacity: 0.5;              /* Safari 1.x */
/*	zoom:1;
}



/* 2017年2月14日 外構100選 */
ul.banner_100elections li.banner_100elections_a {
	background:#ffffff;
	width:860px;
}
ul.banner_100elections li.banner_100elections_a a {
	display: block;
	width: 860px;
	height:284px;
	background:url(../../img/banner_100elections.jpg) no-repeat left top;
}
ul.banner_100elections li.banner_100elections_a a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
}
.mainimage{
	background:#ffffff;
	width:880px;
}
.mainimage a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
}