@charset "UTF-8";

/* CSS Document */
/******************************************************************
＊ 商品ピックアップ

  last update 2010.04.20 yasuda
******************************************************************/

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

/*---------- タイトル ----------*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.title_area h1.page_title {
	width: 203px;
	background: url(../../products/img/title.gif) no-repeat left top;
}

/* ページ見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.event_name {
	width: 650px;
	height: 32px;
	padding: 0 0 0 10px;
	background: url(../../event/img/midasi_bg.gif) no-repeat left top;
	line-height: 32px;
	font-weight: bold;
}

/*----- サイドメニュー -----*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_a,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_a a {
	background: url(../../products/img/menu_a.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_a a:hover {
	background: url(../../products/img/menu_a_f2.gif) no-repeat 1px top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_b,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_b a {
	background: url(../../products/img/menu_b.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_b a:hover {
	background: url(../../products/img/menu_b_f2.gif) no-repeat 1px top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_c,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_c a {
	background: url(../../products/img/menu_c.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_c a:hover {
	background: url(../../products/img/menu_c_f2.gif) no-repeat 1px top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_d,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_d a {
	background: url(../../products/img/menu_d.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_d a:hover {
	background: url(../../products/img/menu_d_f2.gif) no-repeat 1px top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_e,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_e a {
	background: url(../../products/img/menu_e.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_e a:hover {
	background: url(../../products/img/menu_e_f2.gif) no-repeat 1px top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_f,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_f a {
	background: url(../../products/img/menu_f.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_f a:hover {
	background: url(../../products/img/menu_f_f2.gif) no-repeat 1px top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_6,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_6 a {
	background: url(../../products/img/menu_6.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_6 a:hover {
	background: url(../../products/img/menu_6_f2.gif) no-repeat 1px top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_7,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_7 a {
	background: url(../../products/img/menu_7.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_7 a:hover {
	background: url(../../products/img/menu_7_f2.gif) no-repeat 1px top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_8,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_8 a {
	background: url(../../products/img/menu_8.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right ul.side_menu li.menu_8 a:hover {
	background: url(../../products/img/menu_8_f2.gif) no-repeat 1px top;
}



/*----- サイドメニュー：商品ピックアップ表示ページの設定 -----*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right div.side_list ul.side_menu li.menu_a a {
	background: url(../../products/img/menu_a_f2.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right div.side_gratex ul.side_menu li.menu_b a {
	background: url(../../products/img/menu_b_f2.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right div.side_yukakomachi ul.side_menu li.menu_c a {
	background: url(../../products/img/menu_c_f2.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right div.side_rainforest ul.side_menu li.menu_d a {
	background: url(../../products/img/menu_d_f2.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right div.side_railroadtie ul.side_menu li.menu_f a {
	background: url(../../products/img/menu_f_f2.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right div.side_memoryturf ul.side_menu li.menu_6 a {
	background: url(../../products/img/menu_6_f2.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right div.side_exterior ul.side_menu li.menu_7 a {
	background: url(../../products/img/menu_7_f2.gif) no-repeat 1px top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.side_right div.side_tomnoie ul.side_menu li.menu_8 a {
	background: url(../../products/img/menu_8_f2.gif) no-repeat 1px top;
}

/*----- 施工の流れ -----*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table {
	border-collapse: collapse;
	width: 650px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table tr th {
	width: 158px;
	padding-bottom: 17px;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table tr td {
	width: 492px;
	padding: 12px 0 17px 0;
}

/******************************************************************/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/* ＊ ページ共通事項　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/******************************************************************/
/* 共通事項 見出しのサイズ */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.top_con h2 {
	width: 650px;
	height: 32px;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.top_con div.top_detail {
	width: 650px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.top_con div.top_detail p.top_img {
	width: 280px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.top_con div.top_detail div.top_txt {
	width: 370px;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.top_con div.top_detail ul.top_list li {
	padding: 0 0 3px 1em;
	line-height: 1.2;
	text-indent: -1em;
}
/* 詳細写真 */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.detail_img {
	width: 650px;
	border-collapse: collapse;
}

/* テーブル初期化 */
table,
table tr th,
table tr td {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

/******************************************************************
＊ 商品ピックアップのトップのページ
******************************************************************/
/*テーブル設定*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table {
	width: 650px;
	border-collapse: collapse;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr td {
	vertical-align: top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p a {
	width: 317px;
	height: 92px;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_gratex a {
	background: url(../../products/img/pickup1.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_gratex,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_gratex a:hover {
	background: url(../../products/img/pickup1_f2.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_taishin a {
	background: url(../../products/img/pickup2.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_taishin,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_taishin a:hover {
	background: url(../../products/img/pickup2_f2.jpg) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_rainforest a {
	background: url(../../products/img/pickup3.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_rainforest,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_rainforest a:hover {
	background: url(../../products/img/pickup3_f2.jpg) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_railroadtie a {
	background: url(../../products/img/pickup5.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_rainforest,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_railroadtie a:hover {
	background: url(../../products/img/pickup5_f2.jpg) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_memoryturf a {
	background: url(../../products/img/pickup6.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_memoryturf,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_memoryturf a:hover {
	background: url(../../products/img/pickup6_f2.jpg) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_exterior a {
	background: url(../../products/img/pickup7.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_exterior,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_exterior a:hover {
	background: url(../../products/img/pickup7_f2.jpg) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_tomnoie a {
	background: url(../../products/img/pickup8.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_tomnoie,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th p.go_tomnoie a:hover {
	background: url(../../products/img/pickup8_f2.jpg) no-repeat left top;
}


/* 幅指定 */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th.pickup_l p {
	width: 333px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th.pickup_r p {
	width: 317px;
}

/*テキストの幅指定*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr td.pickup_l {
	vertical-align: top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr td.pickup_l p {
	width: 307px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr td.pickup_r p {
	width: 297px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr th {
	padding: 0;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.pickup_table tr td {
	padding: 0;
}
/******************************************************************
＊ 商品ピックアップ ＞ 耐震サポート
******************************************************************/
/* 見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.mds_taishin {
	background: url(../../products/img/taishin/midashi.gif) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.detail_img tr td.detail_1 {	
	width: 175px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.detail_img tr td.detail_2 {	
	text-align: left;
	padding: 10px 0 0 10px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.detail_img tr td.detail_3 {	
	width: 172px;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.detail_img tr td.detail_4 {		
	text-align: left;
	padding: 10px 0 0 10px;
}

/******************************************************************
＊ 商品ピックアップ ＞ タフテックス
******************************************************************/
/* 見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.mds_gratex {
	background: url(../../products/img/gratex/midashi.gif) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l p.go_simulation {
	width :600px;
	height: 390px;
	margin: 25px 0 0 0;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l p.go_simulation a {
	width :600px;
	height: 390px;
	background: url(../../products/img/gratex/go_simulation.jpg) no-repeat left top;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l p.go_simulation,
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l p.go_simulation a:hover {
	background: url(../../products/img/gratex/go_simulation_f2.jpg) no-repeat left top;
}


/* 20100315 追加 */
table.osusume {	
	border-collapse: collapse;
}

table.osusume th,
table.osusume td {
	text-align: left;
}

table.osusume th {
	padding: 0 10px 0 0;
}

table.osusume td {
	vertical-align: middle !important;
}


table.hikaku {
	border-collapse: collapse;
}

table.hikaku th,
table.hikaku td {
	text-align: left;
}

table.hikaku th {
	padding: 0 6px 0 0;
}

table.hikaku td {
	vertical-align: middle !important;
	padding-top: 0px !important;
}

/* お客様の声 */
div.voice {
	width: 600px;
	min-height: 142px;
	background: url(../../products/img/gratex/voice.gif) no-repeat left top;
	border: 1px solid #FFF8E8;
}

div.voice p.voice_title {
	margin: 15px 5px 0 165px !important;
	font-weight: bold;
	_font-size: 15px !important;
}
div.voice p.voice_txt {
	margin: 5px 5px 0 165px;
}


div.works_img ul li.btn,
div.works_img ul li.btn a {
	text-indent: -99999px;
}
div.works_img ul li.btn a span {
	display: none;
}

/******************************************************************
＊ 商品ピックアップ ＞ ウリンデッキ
******************************************************************/
/* 見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.mds_rainforest {
	background: url(../../products/img/rainforest/midashi.gif) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.lightbox_con {
	width: 650px;
	height: 159px;
	padding: 35px 0 0 10px;
	background: url(../../products/img/rainforest/lightbox_bg.gif) no-repeat left top;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.lightbox_con ul li {
	float: left;
	width: 160px;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.rainforest_detail tr td {	
	margin: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l table.rainforest_detail tr td.detail_2 {
	padding-right: 10px !important;
}

/******************************************************************
＊ 商品ピックアップ ＞ 床小町
******************************************************************/
/* 見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.mds_yukakomachi {
	background: url(../../products/img/yukakomachi/midashi.gif) no-repeat left top;
}

/******************************************************************
＊ 商品ピックアップ ＞ 枕木車庫
******************************************************************/
/* 見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.mds_railroadtie {
	background: url(../../products/img/railroadtie/midashi.gif) no-repeat left top;
}

/******************************************************************
＊ 商品ピックアップ ＞ 人工芝
******************************************************************/
/* 見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.mds_memoryturf {
	background: url(../../products/img/memoryturf/midashi.gif) no-repeat left top;
}

/******************************************************************
＊ 商品ピックアップ ＞ エクステリア
******************************************************************/
/* 見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.mds_exterior {
	background: url(../../products/img/exterior/midashi.gif) no-repeat left top;
}

/******************************************************************
＊ 商品ピックアップ ＞ トムの家
******************************************************************/
/* 見出し */
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l h2.mds_tomnoie {
	background: url(../../products/img/tomnoie/midashi.gif) no-repeat left top;
}



/******************************************************************
＊ 商品ピックアップ ＞ グラテックス
******************************************************************/
/* LightBox用のリスト */
ul.img_list {
	width: 650px;
}

ul.img_list li {
	float: left;
	width: 162px;
}

/******************************************************************
＊ 商品ピックアップ ＞ グラテックス ＞ 色との組み合わせ
******************************************************************/
ul.img_kumiawase {
	width: 650px;
}

ul.img_kumiawase li {
	float: left;
	width: 315px;
	margin:15px 0 0 0;
}

/*20170109_追加 画像hover*/
.pdpickup 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日　バナー追加*/
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.toughtex_bn {
	width:462px;
	margin:0 auto;
}
body div#container div#wrapper_footbg div#wrapper div#wrap_main div.main_contents div.main_l div.toughtex_bn02 {
	width :420px;
	margin:0 auto;
}