@charset "UTF-8";
/* CSS Document */

body{
	line-height: 140% !important;
	font-size:75% !important;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html .clearfix { zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}

.mac.safari body { font-size:65% !important;}


ul {
	list-style:none;
	margin:0;
	padding:0;
}


div#content_bk_967{
background: none;
}



p.clear{
	font-size:0% !important;
	margin:0px !important;
	padding:0px !important;
	clear:both !important;
	line-height:0% !important;
	height:0px !important;
	width:0px !important;
	float:none;
}

p.text{
	margin-top: 15px;
	margin-bottom:18px;
	line-height:150% !important;
	width:730px;
	font-size: 90%;
}



div#shouhin_main{
display:block;
width:770px;
float:right;
text-align:left;
}







div#content_bk_967{
width: 967px;
margin:0 auto;
text-align:left;
z-index:1;
padding-bottom:30px;
font-size:110%;
}

div#content_bk_967 div#content_bk{
	width: 967px;
	text-align:center;
	min-height:350px;
	/*IE6*/
	height: auto !important;
	height:350px;
}

div#content_bk_967 div#content_bk div#content_center{
width: 967px;
text-align:center;
}


h1{
	width: 770px;
	height: 36px;
	text-indent:-9999px;
	margin-bottom:22px;
	margin-top:0;
}

h1.title_detail{background: url(../images/h1_d.jpg) no-repeat 0 0;}
h1.title{background: url(../images/h1.jpg) no-repeat 0 0;}




div.main_box{
	display:block;
	background: url(../images/bg_main_box.jpg) repeat-x 0 0 ;
	border-radius: 5px;	 /* CSS3 */
	-webkit-border-radius: 5px;	/* Safari, Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	border:1px solid #b6b3b3;
	width:750px;
	padding:10px 0 0px 20px;
	margin:0 0 20px 0;
	position: relative;
}

.win.ie6 div.main_box{ width:770px;}
.win.ie7 div.main_box{ width:770px;}
.win.ie8 div.main_box{ width:770px;}

/*  ------------ index -----------------------------------------------------------  */

dl.serch_box span.serch_open{
	display:block;
	}

dl.serch_box span.serch_close{
	display:none;
	}

dl.serch_box span.serch_review{
	display:none;
	}


/*  ------------ serch_box ----  */
dl.serch_box{
	display:block;
	border-bottom:1px solid #14AAEB;
	width:770px;
	margin-top: 10px;
	margin-bottom:20px;
	color:#006993;

}

dl.serch_box form {
	margin:0;
}

span.serch_open{
	display:block;
	margin:0;
	padding:0;
}



dl.serch_box dt{
	display:block;
	height:25px;
	line-height:0%;
	font-size:0px;
	text-indent:-9999px;
	margin-bottom:-1px;
}


dl.serch_box dt a{
	display:block;
	width:770px;
	height:25px;
	line-height:0%;
	font-size:0px;
	border-bottom:1px solid #14AAEB;
}


dl.serch_box dt.serch_btn_open a{
	display:block;
	width:770px;
	height:25px;
	background: url(../images/btn_close.gif) no-repeat 0 0;
}

dl.serch_box dt.serch_btn_open a:hover{background: url(../images/btn_close.gif) no-repeat 0 -25px;}

dl.serch_box dt.serch_btn_close a{
	display:block;
	width:770px;
	height:25px;
	background: url(../images/btn_open.gif) no-repeat 0 0;
}

dl.serch_box dt.serch_btn_close a:hover{background: url(../images/btn_open.gif) no-repeat 0 -25px;}


dl.serch_box dt.serch_btn_review a{
	display:block;
	width:770px;
	height:25px;
	background: url(../images/btn_review.gif) no-repeat 0 0;
}

dl.serch_box dt.serch_btn_review a:hover{background: url(../images/btn_review.gif) no-repeat 0 -25px;}





div#search_condition table{
	width: 770px;
	margin: 0 auto;
	font-size: 12px;
	margin-top: -20px;
	margin-bottom: 20px;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	font-size: 12px;
	color: #434343;
	border-color: #14AAEB;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}

div#search_condition table tr th{
	width: 60px;
	background-color: #f5f5f5;
	color: #434343;
	border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
}

div#search_condition table tr  td{
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	color: #7d7d7d;
}

div#search_condition table tr  td span{
	font-weight: bold;
	color: #7d7d7d;
}

.win.ie6 div#search_condition table tr td{margin-left: 20px; padding: 3px 3px 3px 3px;}
.win.ie7 div#search_condition table tr td{margin-left: 20px; padding: 3px 3px 3px 3px;}
.win.ie8 div#search_condition table tr td{margin-left: 20px; padding: 3px 3px 3px 3px;}





dl.serch_box dd{
	display:block;
	border:1px solid #14AAEB;
	border-top:none;
	border-bottom:none;
	border-right:1px solid #14AAEB;
	border-left:1px solid #1414AAEB;
	padding:0px 20px 0 20px;
	margin-left:0;
}

.win.ie6 dl.serch_box dd{padding-top:20px;}
.win.ie7 dl.serch_box dd{padding-top:20px;}
.win.ie8 dl.serch_box dd{padding-top:20px;}

dl.serch_box span.serch_close dd{
	display:none;
}

dl.serch_box table{
	color:#006993;
	font-size:12px;
	text-align:left;
	padding-top: 20px;
}

.mac.safari dl.serch_box table { padding-top: 20px;}
.win.safari dl.serch_box table { padding-top: 20px;}

dl.serch_box th{
	font-weight:normal;
	padding-right:8px;
	padding-left:8px;
	background: url(../images/icon_dot.gif) no-repeat 0 0.7em;
	padding-bottom:8px;
}

dl.serch_box td{
	padding-right:20px;
	padding-bottom:8px;
}

dl.serch_box ul{
	margin-top:10px;
}

dl.serch_box li{
	display:block;
	float:left;
	margin-right:25px;
}

div.btn_wrap {
	margin-top:15px;
		text-align:center;
	width:100%;
}

div.btn_wrap div.btn_wrap_block {
	margin:0 auto;
	width:320px;
}

div.btn_serch{
	float:left;
	text-align:center;
	padding:0 0 20px 0;
	text-indent:-9999px;
}

div.btn_serch a{
	margin:0 auto;
	width:242px;
	height:33px;
	display:block;
	background: url(../images/btn_search.jpg) no-repeat 0 0;
}

div.btn_serch a:hover{
	background: url(../images/btn_search.jpg) no-repeat 0 -33px;
}

div.btn_reset{
	float:right;
	text-align:center;
	padding:0 0 20px 0;
	text-indent:-9999px;
}

div.btn_reset a{
	margin:0 auto;;
	width:66px;
	height:33px;
	display:block;
	background: url(../images/btn_clear.jpg) no-repeat 0 0;
}

div.btn_reset a:hover{
	background: url(../images/btn_clear.jpg) no-repeat 0 -33px;
}

div.t_ind{
	background: url(../images/bg_t_ind.gif) no-repeat 0 bottom;
	padding-bottom:8px;
	margin-bottom:-5px;
	width:730px;
}


div.t_ind h2 {
	display:block;
	text-indent:-9999px;
	padding-left:0;
	padding-top:8px;
	height:55px;
	width:365px;
	float:left;
	margin:0;
}

h2.colorbest {background: url(../images/logo_colorbest.png) no-repeat 0 bottom; }
h2.rooga {background: url(../images/logo_rooga.gif) no-repeat 0 bottom;}
h2.smartmetal {background: url(../images/logo_smartmetal.png) no-repeat 0 bottom; }
h2.grandnext {background: url(../images/logo_grandnext.png) no-repeat 0 bottom;}

span.feature{
	display:block;
	width:85px;
	height:28px;
	text-indent:-9999px;
	float:right;
	margin-top:30px;
	margin-bottom:0px;
	margin-right:15px;
	_margin-right:8px;
}

span.feature a{
	display:block;
	width:85px;
	height:28px;
	margin:0;
	line-height:0%;
	background: url(../images/btn_feature.jpg) no-repeat 0 0;
}

span.feature a:hover{background-position:0 -28px;}


div.item_ind{
	width:237px;
	position:relative;
	margin-right:7px;
	float:left;
	margin-bottom:10px;
}

.win.ie6 div.item_ind{margin-right:0;}
.win.ie7 div.item_ind{margin-right:0;}
.win.ie8 div.item_ind{margin-right:0;}


div.t_ind ul{
	display:block;
	float:right;
	font-size:90%;
	margin-top:37px;
	margin-bottom:0px;
	margin-right:3px;
	margin-left:-20px;
	width:240px;
}

.win.ff2 div.t_ind ul{margin-right:7px;}
.win.ff3 div.t_ind ul{margin-right:7px;}
.mac.ff2 div.t_ind ul{margin-right:7px;}
.mac.ff3 div.t_ind ul{margin-right:7px;}


div.t_ind li{
	display:block;
	float:right;
	background: url(../images/icon_arrow.gif) no-repeat 0 0.4em;
	padding-left:10px;
	padding-right:13px;
}

.win.ie6 div.t_ind li{background: url(../images/icon_arrow.gif) no-repeat 0 0.2em;}
.win.ie7 div.t_ind li{background: url(../images/icon_arrow.gif) no-repeat 0 0.2em;}
.win.ie8 div.t_ind li{background: url(../images/icon_arrow.gif) no-repeat 0 0.2em;}

div.t_ind li a { color:#333;text-decoration:none;}

div.t_ind2{
	background: url(../images/bg_t_ind.gif) no-repeat 0 bottom;
	padding-bottom:8px;
	margin-bottom:-5px;
	width:730px;
}

div.t_ind3{
	padding-bottom:8px;
	margin-bottom:-5px;
	width:600px;
}

div.t_ind2 h2 {
	display:block;
	text-indent:-9999px;
	padding-left:0;
	padding-top:8px;
	height:55px;
	width:360px;
	float:left;
	margin:0;
}

div.t_ind2 ul{
	display:block;
	float:right;
	font-size:90%;
	margin-top:37px;
	margin-bottom:0px;
	margin-right:3px;
	margin-left:-20px;
	width:240px;
}

div.t_ind3 ul{
	display:block;
	float:right;
	font-size:90%;
	margin-top:37px;
	margin-bottom:0px;
	margin-right:3px;
	margin-left:-20px;
	width:240px;
}

.win.ff2 div.t_ind2 ul{margin-right:7px;}
.win.ff3 div.t_ind2 ul{margin-right:7px;}
.mac.ff2 div.t_ind2 ul{margin-right:7px;}
.mac.ff3 div.t_ind2 ul{margin-right:7px;}

.win.ff2 div.t_ind3 ul{margin-right:7px;}
.win.ff3 div.t_ind3 ul{margin-right:7px;}
.mac.ff2 div.t_ind3 ul{margin-right:7px;}
.mac.ff3 div.t_ind3 ul{margin-right:7px;}


div.t_ind2 li{
	display:block;
	float:left;
	background: url(../images/icon_arrow.gif) no-repeat 0 0.4em;
	padding-left:10px;
	padding-right:13px;
}

div.t_ind3 li{
	display:block;
	float:left;
	background: url(../images/icon_arrow.gif) no-repeat 0 0.4em;
	padding-left:10px;
	padding-right:13px;
}

.win.ie6 div.t_ind2 li{background: url(../images/icon_arrow.gif) no-repeat 0 0.2em;}
.win.ie7 div.t_ind2 li{background: url(../images/icon_arrow.gif) no-repeat 0 0.2em;}
.win.ie8 div.t_ind2 li{background: url(../images/icon_arrow.gif) no-repeat 0 0.2em;}

div.t_ind2 li a { color:#333;text-decoration:none;}

div.rooga{
	width:360px;
	margin-right:10px;
}

.win.ie6 div.rooga{	margin-right:0px;}
.win.ie7 div.rooga{	margin-right:0px;}
.win.ie8 div.rooga{	margin-right:0px;}


div.item_ind h4{
	width:227px;
	color:#fff;
	padding:0 5px;
	font-size:120%;
	margin:0;
}

div.item_ind h4 span{
	display:block;
	padding-top:5px;
	padding-bottom:3px !important;
}

div.rooga h4{
	width:360px !important;
	position:relative;
	margin-right:7px;
	float:left;
	margin-bottom:9px;
	padding: 7px 7px 7px 9px;
	background: url(../images/h4.jpg) no-repeat 0 0;
}

.win.ie6 div.rooga h4{margin-bottom:0px;}
.win.ie7 div.rooga h4{margin-bottom:0px;}
.win.ie8 div.rooga h4{margin-bottom:0px;}




div.ind2 div.item_ind h4{
	background: url(../images/h4_bl.jpg) no-repeat 0 0;
	padding: 7px 7px 7px 9px;
}

.win.ie6 div.item_ind h4{width:237px;}
.win.ie7 div.item_ind h4{width:237px;}
.win.ie8 div.item_ind h4{width:237px;}


span.bgh4{
	width:100%;
	height:2px;
	display:block;
	background:url(../images/bg_h4.jpg) repeat-y 0 0;
	text-indent:-9999px;
	line-height:0%;
	font-size:0px;
}

div.item_ind div{
	background: url(../images/bg_item_s.gif) no-repeat 0 bottom;
	padding-top:9px;
	margin-left:8px;
	margin:0px !important;
	padding-bottom:10px;
}


div.rooga div{
	background: url(../images/bg_item.gif) no-repeat 0 bottom;
	width:360px;
}


div.item_ind div span.pic01{
	margin:0px;
	margin-left:8px;
	margin-right:8px;
	width:104px;
	float:left;
}

div.item_ind div span.pic02{
	margin:0px;
	width:104px;
	float:left;
}

div.rooga div span.pic01{
	margin:0 0 10px 0;
	margin-left:37px;
	margin-right:8px;
	width:134px;
	height:91px;
	float:left;
}

div.rooga div span.pic02{
	margin:0 0 10px 0;
	width:134px;
	height:91px;
	float:left;
}


div.item_ind div img{
	display:block;
	border:1px solid #cdcdcd;
	width:104px;
	height:71px;
	margin:0;
	padding:0;

}

div.rooga div img{
	display:block;
	border:1px solid #cdcdcd;
	width:134px;
	height:91px;
	margin:0;
	padding:0;

}
div.item_ind ul.btn{
	display:block;
	margin:10px 0 0 8px;
	padding:0 0 0 0;
	width:237px;
}

div.item_ind ul.btn li{
	display:block;
	height:27px;
	text-indent:-9999px;
	margin:0 4px 3px 0;
	width:70px;
	float:left !important;
}

div.item_ind ul.btn li a {
	display:block;
	height:28px;
	width:70px;
}

div.item_ind ul.btn li.detail a {background: url(../images/btn_detail.jpg) no-repeat 0 0;}
div.item_ind ul.btn li.case a {background: url(../images/btn_case.jpg) no-repeat 0 0;}
div.item_ind ul.btn li.dl a {background: url(../images/btn_dl.jpg) no-repeat 0 0;}

div.item_ind ul.btn li a:hover { background-position:0 -28px;}






div.rooga ul.btn{
	display:block;
	margin:0 0 0 37px;
	padding:0 0 0 0;
	width:320px;
}

div.rooga ul.btn li{
	display:block;
	height:27px;
	text-indent:-9999px;
	margin:0 7px 3px 0;
	height:28px;
	width:88px;
	float:left !important;
}

div.rooga ul.btn li a {
	display:block;
	height:28px;
	width:88px;
}

div.rooga ul.btn li.detail a {background: url(../images/btn_r_detail.jpg) no-repeat 0 0;}
div.rooga ul.btn li.case a {background: url(../images/btn_r_case.jpg) no-repeat 0 0;}
div.rooga ul.btn li.dl a {background: url(../images/btn_r_dl.jpg) no-repeat 0 0;}


div.rooga ul.btn li a:hover { background-position:0 -28px;}


div.item_ind ul.btn li.label{
	width:90px;
	height:11px !important;
	text-align:left;
	margint:0 !important;
	padding:0 !important;
}

div.item_ind ul.btn li.label img{
	display:block;
	width:57px;
	height:11px;
	text-align:left;
	float:left;
	margin:0 !important;
	padding:0 !important;
}

h3.title_list{
	background: url(../images/h3_bg.jpg) no-repeat 0 0;
	padding: 0 0 0 15px;
	width:730px;
	height:42px;
	color:#fff;
	font-size:140%;
	margin-top:20px;
}



.win.ff2 h3.title_list{ margin-bottom:0px;}
.win.ff3 h3.title_list{ margin-bottom:0px;}
.mac.ff2 h3.title_list{ margin-bottom:0px;}
.mac.ff3 h3.title_list{ margin-bottom:0px;}

.win.ff2 h3.title_list{ margin-bottom:0px;}
.win.ff3 h3.title_list{ margin-bottom:0px;}
.mac.ff2 h3.title_list{ margin-bottom:0px;}
.mac.ff3 h3.title_list{ margin-bottom:0px;}
.win.ie6 h3.title_list{padding-top:3px; padding-left: 13px;}
.win.ie7 h3.title_list{padding-top:3px; padding-left: 13px;}
.win.ie8 h3.title_list{padding-top:3px; padding-left: 13px;}

h3.title_list span{
	display:block;
	padding:10px;
	float:left;
}
h3.title_list span.feature_sub{
	display:block;
	float:right;
	width:87px;
	padding-top:5px;
	_padding-top:2px;
	padding-right:30px;
	_padding-right:15px;
}
h3.title_list span.feature_sub a{
	display:block;
	width:87px;
	height:30px;
	margin:0;
	line-height:0%;
	background: url(../images/btn_feature_sub.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

h3.title_list span.feature_sub a:hover{background-position:0 -30px;}

h3.title_list em{
	font-size:80%;
	font-style:normal;
}

/*  ------------ detail -----------------------------------------------------------  */
div.t_detail{
	background: url(../images/bg_t_detail.jpg) no-repeat 0 bottom;
	margin-bottom:8px;
	width:730px;
	padding-bottom:0px;
}

div.t_detail h2{
	float:left;
	margin-top:5px;
	margin-bottom:20px;
	font-size:200%;
	line-height:0.8em;
}


h2 em {
	display:block;
	font-style:normal;
	font-size:60% !important;
}

div.t_detai{
	width: 750px;
	margin: 0 auto;
}

div.t_detail table{
	border-top:1px solid #b3c0c5;
	border-left:1px solid #b3c0c5;
	border-collapse:collapse;
	margin-bottom: 20px;
	float:right;
	margin-right:4px;
	text-align:center;
}

h2.rooga_s {
	display:block;
	background: url(../images/logo_rooga_s.gif) no-repeat 0 15px;
	height:60px;
	width:340px;
	padding-left:150px;
	padding-top:0;
}

h2.colorbest_s {
	display:block;
	background: url(../images/logo_colorbest_s.png) no-repeat 0 8px;
	padding-left:180px;
	padding-top:0;
}

h2.colorbest_new {
	display:block;
	background: url(../images/logo_colorbest_new_s.gif) no-repeat 0 0px;
	padding-left:252px;
	height: 60px;
	padding-top:5px;
}

h2.smartmetal_s {
	display:block;
	background: url(../images/logo_smartmetal_s.png) no-repeat 0 15px;
	height:60px;
	padding-left:220px;
	padding-top:0;
}

h2.grandnext_s {
	display:block;
	background: url(../images/logo_grandnext_s.png) no-repeat 0 15px;
	height:60px;
	padding-left:200px;
	padding-top:0;
}

h2.hishi_s {
	display:block;
	background: url(../images/logo_hishi_s.png) no-repeat 0 15px;
	height:60px;
	padding-left:200px;
	padding-top:0;
}

h2.sand_s {
	display:block;
	background: url(../images/logo_sand_s.png) no-repeat 0 15px;
	height:60px;
	padding-left:200px;
	padding-top:0;
}

h2.simple_s {
	display:block;
	background: url(../images/logo_simple_s.png) no-repeat 0 15px;
	height:60px;
	padding-left:200px;
	padding-top:0;
}

h2.uroko_s {
	display:block;
	background: url(../images/logo_uroko_s.png) no-repeat 0 15px;
	height:60px;
	padding-left:200px;
	padding-top:0;
}

sup{
	font-size:60% !important;
}

div.t_detail th{
	border-bottom:1px solid #b3c0c5;
	border-right:1px solid #b3c0c5;
	font-size:70%;120%;
	font-style:normal;
	font-weight:normal;
	padding:3px;
	background:#f2f1ea;
}

div.t_detail td{
	border-bottom:1px solid #b3c0c5;
	border-right:1px solid #b3c0c5;
	font-size:80%;
	padding:3px;
	line-height: 1em;
}


div.t_detail em{
	font-size:80%;
	font-style:normal;
	display:block;
}

ul.icons{
	display:block;
	margin-bottom:-15px !important;
}
}
.win.ff2 ul.icons{ margin-bottom:60px;}
.win.ff3 ul.icons{ margin-bottom:60px;}
.mac.ff2 ul.icons{ margin-bottom:60px;}
.mac.ff3 ul.icons{ margin-bottom:60px;}


ul.icons li{
	display:block;
	width:49px;
	height:49px;
	text-indent:-9999px;
	float:left;
	margin-right:6px;
}

ul.icons li a{
	display:block;
	width:49px;
	height:49px;
}

li.i_grade a{background:url(../images/i_grade.gif) no-repeat 0 0; }
li.i_warrant a{background:url(../images/i_warrant.gif) no-repeat 0 0; }


h3.detail{
	display:block;
	background: url(../images/h3.jpg) no-repeat 0 bottom;
	padding-bottom:8px;
	margin-bottom:10px !important;
line-height:120%;
}


div.item{
	width:177px;
	position:relative;
	margin-right:7px;
	float:left;
	margin-bottom:8px;
	padding-top:10px;
	background: url(../images/bg_item_color_hd.gif) no-repeat center top;
}
div.itemBtm{
	width:177px;
	height:6px;
	margin-right:7px;
	float:left;
	margin-bottom:0px;
	background: url(../images/bg_item_color_btm.gif) no-repeat center bottom;
}

div.item h4{
	font-weight:normal;
	margin:0 0 6px 12px;
	height:12px;
	padding-top:8px;
}

div.item .hiritsu {
	font-size:10px;
}


div.item img{
	display:block;
	width:149px;
	height:82px;
	margin-left:12px;
	margin-bottom:8px;
	margin-top:0px;
}

div.item .heightLine-group2{
	padding-bottom:0.1px;
}

div.item .heightLine-group2 img{
	height:14px;
}

div.item span.title{
	margin-left:8px;
	display:block;
	line-height:120%;
	font-size:90% !important;
}

div.item input{
	display:block;
	float:left;
	margin:0 3px 0 0;
}

div.item span.title span{
	display:block;
	float:left;
	margin-bottom:12px;
}

ul.btn_area_senmon {
	display:block;
	width:730px;
	height:93px;
	position:relative;
/*	float:left;*/
	margin-right:7px;
	margin-bottom:15px;
	padding-left:12px;
	padding-top:10px;
	background: url(../images/haikei.gif) no-repeat 0 0;
}

ul.btn_area_senmon li{
	display:block;
	width:168px;
	height:31px;
	text-indent:-9999px;
	float:left;
	margin-right:11px;
	margin-bottom:10px;
}

ul.btn_area_senmon li a{
	display:block;
	width:168px;
	height:31px;
}

ul.btn_area_senmon li.btn01 a{ background: url(../images/btn_jirei_s.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn02 a{ background: url(../images/btn_download_s.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn03 a{ background: url(../images/btn_osamari.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn04 a{ background: url(../images/btn_kenchiku.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn05 a{ background: url(../images/btn_mansel.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn06 a{ background: url(../images/btn_buzai.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn07 a{ background: url(../images/btn_shuffle.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn09 a{ background: url(../images/btn_iroitiran_s.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn10 a{ background: url(../images/btn_hinshitsu_s.jpg) no-repeat 0 0;}
ul.btn_area_senmon li.btn11 a{ background: url(../images/btn_sekoshiyo_s.jpg) no-repeat 0 0;}

/* 納まり図の非活性ボタン */
ul.btn_area_senmon li.btn08{ background: url(../images/btn_osamari_hikassei.jpg) no-repeat 0 0;}

ul.btn_area_senmon li a:hover{
	background-position:0 -31px;
}

ul.btn_area_ippan {
	display:block;
	width:716px;
	*width:730px;
	/*height:61px; 2015.05.01時点*/
	height:auto;
	position:relative;
/*	float:left;*/
	/*margin-right:7px;2015.05.01時点*/
	margin-right:-11px;
	*margin-right:0px;
	margin-bottom:15px;
	padding-left:12px;
	padding-top:12px;
	padding-bottom:5px;
	*padding-bottom:12px;
	/*background: url(../images/haikei.gif) no-repeat 0 0;2015.05.01時点*/
	background:#CDF0FB;
	border:1px solid #E8E6E1;
}

ul.btn_area_ippan li {
	display:block;
	width:347px;
	height:36px;
	text-indent:-9999px;
	float:left;
	margin-right:11px;
	*margin-right:11px;
	margin-bottom:8px;/* ←2015.05.01追加*/
	padding-top:1px;
}

ul.btn_area_ippan li a{
	display:block;
	width:347px;
	height:36px;
}

ul.btn_area_ippan li.btn01 a{ background: url(../images/btn_jirei.jpg) no-repeat 0 0;}
ul.btn_area_ippan li.btn02 a{ background: url(../images/btn_download2.jpg) no-repeat 0 0;}
ul.btn_area_ippan li.btn09 a{ background: url(../images/btn_iroitiran.jpg) no-repeat 0 0;}
ul.btn_area_ippan li.btn10 a{ background: url(../images/btn_hinshitsu.jpg) no-repeat 0 0;}
ul.btn_area_ippan li.btn11 a{ background: url(../images/btn_sekoshiyo.jpg) no-repeat 0 0;}

ul.btn_area_ippan li a:hover{
	background-position:0 -36px;
}

div.btn_dl{
	width:730px;
	text-align:center;
	margin-bottom:40px;
}

div.btn_dl span{
	display:block;
	width:190px;
	height:20px;
	text-indent:-9999px;
	background: url(../images/text_dl.gif) no-repeat 0 0;
	margin:5px auto;
}

div.btn_dl a{
	display:block;
	width:242px;
	height:33px;
	text-indent:-9999px;
	background: url(../images/btn_dl.gif) no-repeat 0 0;
	margin:0 auto;
}

div.btn_dl a:hover{
	background: url(../images/btn_dl.gif) no-repeat 0 -33px;
}

div.box{
	width:350px;
	float:left;
}

.mr30{
	margin-right:30px;
}

div.box h4{
	font-size:90%;
	margin:0 0 5px 0;
}

table.spec{
	line-height:130%;
	margin:0;
	border-top:1px solid #b5b4ad;
	border-left:1px solid #b5b4ad;
	width:100%;
	text-align:left;
	border-collapse:collapse;
	margin-bottom:10px;
}

table.spec tr{
	/* vertical-align:top; */
}

table.spec th{

	margin:0;
	border-bottom:1px solid #b5b4ad;
	border-right:1px solid #b5b4ad;
	background:#f2f1ea;
	padding:6px 10px;
	font-size:82%;
}

table.spec td{

	margin:0;
	border-bottom:1px solid #b5b4ad;
	border-right:1px solid #b5b4ad;
	padding:6px 10px;
	text-align:center;
	width:45%;
}

#annotation {
	color: red;
}

#applyTitle {
	font-weight: bold;
	font-size: 1.17em;
}

table.apply{
	line-height:130%;
	margin:0;
	border-top:1px solid #b5b4ad;
	border-left:1px solid #b5b4ad;
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}

table.apply th{
	width: 15%;
	margin:0;
	border-bottom:1px solid #b5b4ad;
	border-right:1px solid #b5b4ad;
	background:#f2f1ea;
	font-size:82%;
	text-align:center;
}

table.apply td{

	margin:0;
	border-bottom:1px solid #b5b4ad;
	border-right:1px solid #b5b4ad;
	padding:6px 10px;
	font-size:75%;
}

#applyComment {
	color: red;
	float: right;
	font-size: 85%;
}

span.kome{
	font-size:80%;
	line-height:120%;
	display:block;
	margin-bottom:5px;
}

span.kome2{
	font-size:80%;
	line-height:120%;
	display:block;
	margin-bottom:20px;
	background: url(../images/icon_kome.gif) no-repeat 0 0;
	padding-left:14px;
}

span.kome3{
	font-size:80%;
	line-height:120%;
	display:block;
	margin-bottom:10px;
	background: url(../images/icon_kome1.gif) no-repeat 0 0;
	padding-left:22px;
}

span.kome4{
	font-size:80%;
	line-height:120%;
	display:block;
	margin-bottom:10px;
	background: url(../images/icon_kome2.gif) no-repeat 0 0;
	padding-left:22px;
}

ul.kome{
	display:block;
	margin-bottom:20px;
}

ul.kome li{
	font-size:80%;
	line-height:120%;
	margin-bottom:3px;
	padding-left:6px;
	background: url(../images/icon_dot2.gif) no-repeat 0 4px;
}



table.taiou, table.seinou{margin-bottom:10px; }

ul.btn{
	display:block;
	width:780px;
	margin-right:-10px;
}

ul.btn li{
	display:block;
	width:150px;
	height:38px;
	text-indent:-9999px;
	float:left;
	margin-right:5px;
}

ul.btn li a{
	display:block;
	width:150px;
	height:38px;
}

ul.btn li.btn01 a{ background: url(../images/btn_01.jpg) no-repeat 0 0;}
ul.btn li.btn02 a{ background: url(../images/btn_02.jpg) no-repeat 0 0;}
ul.btn li.btn03 a{ background: url(../images/btn_03.jpg) no-repeat 0 0;}
ul.btn li.btn04 a{ background: url(../images/btn_04.jpg) no-repeat 0 0;}
ul.btn li.btn05 a{ background: url(../images/btn_05.jpg) no-repeat 0 0;}

ul.btn li a:hover{
	background-position:0 -38px;
}



p.text_red{
	display:block;
	color:#b55e5e;
	text-align:right;
	padding-right:20px;
	font-size:80%;
	margin-bottom:20px;
	margin-top:0px;
	font-style:normal !important;
}


/*
div#ft_area div#ft_block p#ft_copy{
	position:absolute;
	top:-5px !important;
}

div#hd_area div#hd_block p{
	top:-5px !important;
}

div#hd_area div#hd_block form input.search_box{
	top:-10px !important;
}
div#hd_area div#hd_block form input.search_btn{
	top:-10px !important;
}
*/

/*  ------------ sytem roof -----------------------------------------------------------  */

h1.title_system{background: url(../images/system/title_system.jpg) no-repeat 0 0;}

.system_ph{
	margin-top: 22px;
	margin-bottom: 22px;
}

.system_image{
	margin-bottom: 22px;
}

.system_text{
	width: 770px;
	margin: 0 auto;
	text-align: justify;
	text-justify: distribute;
}

#system_wrap{
	width: 770px;
}

#system_wrap_left{
	width: 220px;
	float: left;
	text-align: justify;
	text-justify: distribute;
	padding-top: 40px;
	font-size: 12px;
}

.system_wrap_left1{
	margin-bottom: 10px;
}

dl.sysbox{
width:540px;
color: #666;
font-size: 12px;
float: right;
letter-spacing: 0.1em;
line-height: 1.6;
margin-top: 20px;
text-align: justify;
text-justify: distribute;
zoom: 1;
}
dl.sysbox dt.cnt{
text-align: center;
}
dl.sysbox dd{
margin-top: 5px;
}

dl.sysbox ul.mechanizm{
}
dl.sysbox ul.mechanizm:after{
content: ".";
display: block;
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
}
dl.sysbox ul.mechanizm li{
width: 260px;
height: 140px;
float: left;
margin: 10px 10px 0 0;
font-size: 10px;
zoom: 1;
}
dl.sysbox ul.mechanizm li.rs{
margin: 10px 0 0 0;
}
dl.sysbox ul.mechanizm li h4{
margin-bottom: 10px;
}
dl.sysbox ul.mechanizm li img.rset{
float: right;
margin-left:05px;
}
p.kom{
text-align: right;
font-size: 10px;
line-height: 1.2;
color: #666;
letter-spacing: 0.1em;
}
 #yanePriceTd {
 padding-top: 15px;
 }
/*  ------------ ?t?H?g?R???e?X?g -----------------------------------------------------------  */

h1.title_photo{background: url(../images/photo/title_photo.jpg) no-repeat 0 0;}

.photo_ph{
	margin-top: 22px;
	margin-bottom: 22px;
}

.sns_btn {
padding-top:8px;
}
.sns_btn li{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	height:24px;
}
.sns_btn li.fb{
	width:79px;
	padding-top:2px;
}
.sns_btn li.tw{
	width:73px;
	padding-top:2px;
}
.sns_btn li.gp{
	width:38px;
}

/*  ------------ preview機能用 -----------------------------------------------------------  */
#preview{
	position: absolute;
	background: #444;
	padding: 0px;
	display: none;
	color: #FFF;
	text-align: center;
}
#preview img {
	width:400px;
	height:222px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}