@charset "Shift_JIS";
/* CSS Document */
/*余白*/
.ptop2 {
	padding-top: 2px;
}
.mtop5 {
	margin-top: 5px;
}
.mtop10 {
	margin-top: 10px;
}
.mtop15 {
	margin-top: 15px;
}
.mtop20 {
	margin-top: 20px;
}
.mtop30 {
	margin-top: 30px;
}
.mtop34 {
	margin-top: 34px;
}
.mtop179 {
	margin-top:179px;
}
.mright4 {
	margin-right:4px;
}
.mright5 {
	margin-right:5px;
}
.mright7 {
	margin-right:7px;
}
.mright9 {
	margin-right:9px;
}
.mright10 {
	margin-right:10px;
}
.mright15 {
	margin-right:15px;
}

.mright16 {
	margin-right:16px;
}
.mright17 {
	margin-right:17px;
}
.mright18 {
	margin-right:18px;
}
.mright19 {
	margin-right:19px;
}
.mright20 {
	margin-right:20px;
}
.mright21 {
	margin-right:20px;
}
.mright25 {
	margin-right:25px;
}
.mright26 {
	margin-right:26px;
}
.mright31{
	margin-right:31px;
}

.mright32 {
	margin-right:32px;
}
.mright34 {
	margin-right:34px;
}
.mright36 {
	margin-right:36px;
}
.mright37 {
	margin-right:37px;
}
.mright80 {
	margin-right:80px;
}
.mright81 {
	margin-right:81px;
}
.mright76 {
	margin-right:76px;
}
.mleft10 {
	margin-left:10px;
}
.mleft16 {
	margin-left:16px;
}
.mleft20 {
	margin-left:20px;
}
.mleft236 {
	margin-left:236px;
}
.mbottom1 {
	margin-bottom: 1px;
}
.mbottom3 {
	margin-bottom: 3px;
}
.mbottom5 {
	margin-bottom: 5px;
}
.mbottom10 {
	margin-bottom: 10px;
}
.mbottom15 {
	margin-bottom: 15px;
}
.mbottom20 {
	margin-bottom: 20px;
}
.ptop10mleft20 {
	padding-top: 10px; 
	margin: 0 0 0 20px;
}
.ptop10 {
	padding-top: 10px;
}
.pall5 {
	padding: 5px;
} 
/*左寄せ右寄せ*/
.float_left {
	float: left;
}
.float_right {
	float: right;
}
/*boxサイズ*/
.box202 {
	width: 202px;
}
.box100 {
	width: 100px;
}
.box200 {
	width: 200px;
}
.box145 {
	width: 145px;
}  
/*table*/
.table01 {
	border-width: 1px 0 0 1px;
	border-style: solid none none solid;
	border-color: #ababab;
}
.table01 td, .table02 td {
	padding: 5px;
	border-width: 0 1px 1px 0;
	border-style: none solid solid none;
	border-color: #ababab;
}
.table01 td.pnone, .table02 td.pnone {
	padding: 0px;
}
.table01 td.border0, .table02 td.border0 {
	border-style: none;	
}
.table01 .border_btm2 {
	padding: 5px;
	border-width: 0 1px 2px 0;
	border-style: none solid solid none;
	border-color: #ababab;
}
.table02 {
	font-weight: bold;
	line-height: 1.2em;
}
.table02 th {
	background: #ebe3c8;
	padding: 5px;
	border-width: 0 1px 1px 0;
	border-style: none solid solid none;
	border-color: #ffffff;
	color: #513307;
	text-align: center;
}
.table02 td {
	text-align: center;
	font-size: 90%;
}
.table02 .border_wht {
	padding: 5px;
	border-width: 0 1px 1px 0;
	border-style: none solid solid none;
	border-color: #FFFFFF;
}
.table02 .border_rhw {
	padding: 5px;
	border-width: 0 1px 1px 0;
	border-style: none solid solid none;
	border-right-color: #FFFFFF;
	border-bottom-color: #ababab;
}
/*position*/
.posi_left{
	text-align: left;	
}
.posi_right{
	text-align: right;	
}
.posi_center{
	text-align: center;	
}
.posi_bottom{
	vertical-align: center;	
}
.posi_top{
	vertical-align: top;	
}
/*text*/
.txt_red {
	color: #cc0000;
}
.txt_orange{
	color: #ff5104;
}
.txt_skyblue{
	color: #3AA8BD;
}
.txt_brown{
	color: #ba905d;
}

.size90 {
	font-size: 90%;
	line-height: 1.2em;
}


/*背景色*/
.bg_bottom {
	background: #edeaea;
}
.pink {
	background: #f9c8c3;
}
.orange {
	background: #f9ddbc;
}
.yellow {
	background: #f6f2a7;
}
.gray {
	background: #ababab;
}
.brown {
	background: #b39264;
}

/*ボーダー*/
.bbottom_gray{
	border-bottom:#ababab solid 1px;
}
.bright_gray{
	border-right:#ababab solid 1px;
}


/******************
* ボタン作成
******************/
/*ul.type1 {
	margin: 0;
	padding: 0;
}
ul.type1 li.varcounter, li.vardoor {
	list-style-type: none;
	width: 185px;
	height: 25px;
	margin:0;
	padding: 0;
}

ul.type1 li a {
	text-decoration: none;
	display: block;
	width: 185px;
	height: 25px;
	text-indent: -1000em;
}*/ 
div.varcounter, div.vardoor, div.designtaste, div.wallcolor, div.vertype, div.verfunction, div.vercolor, div.btncolor, div.bowldoor, div.sinkcolor, div.doorcounter {
	width: 185px;
	height: 25px;
	float: right;
	margin-top: 10px;
}
div.varcounter a, div.vardoor a, div.designtaste a, div.wallcolor a, div.vertype a, div.verfunction a, div.vercolor a, div.btncolor a, div.bowldoor a, div.sinkcolor a, div.doorcounter a {
	width: 185px;
	height: 25px;
	display:block;
	text-indent: -1000em;
}
div.designtaste, div.designtaste a,
div.wallcolor, div.wallcolor a,
div.vertype, div.vertype a,
div.verfunction, div.verfunction a {
	width: 162px;
}
div.btncolor, div.btncolor a {
	width: 147px;
}
div.bowldoor, div.bowldoor a,
div.doorcounter, div.doorcounter a {
	width: 252px;
}
div.sinkcolor, div.sinkcolor a {
	width: 235px;
}

/*カウンターカラーバリエーション*/
div.varcounter {
	background: url(../images/btn_var_counter.gif) no-repeat top;
}
div.varcounter a:link {
	background: url(../images/btn_var_counter.gif) no-repeat top;
}
div.varcounter a:visited {
	background: url(../images/btn_var_counter.gif) no-repeat top;
}
div.varcounter a:hover {
	background: url(../images/btn_var_counter_ovr.gif) no-repeat top;
}
div.varcounter a:active {
	background: url(../images/btn_var_counter_ovr.gif) no-repeat top;
}
/*扉デザインカラーバリエーション*/
div.vardoor {
	background: url(../images/btn_var_door.gif) no-repeat top;
}
div.vardoor a:link {
	background: url(../images/btn_var_door.gif) no-repeat top;
}
div.vardoor a:visited {
	background: url(../images/btn_var_door.gif) no-repeat top;
}
div.vardoor a:hover {
	background: url(../images/btn_var_door_ovr.gif) no-repeat top;
}
div.vardoor a:active {
	background: url(../images/btn_var_door_ovr.gif) no-repeat top;
}
/*デザインテイスト*/
div.designtaste,
div.designtaste a:link,
div.designtaste a:visited
 {
	background: url(../images/btn_design_taste.gif) no-repeat top;
}
div.designtaste a:hover,
div.designtaste a:active
 {
	background: url(../images/btn_design_taste_ovr.gif) no-repeat top;
}
/*壁カラー*/
div.wallcolor,
div.wallcolor a:link,
div.wallcolor a:visited
 {
	background: url(../images/btn_wall_color.gif) no-repeat top;
}
div.wallcolor a:hover,
div.wallcolor a:active
 {
	background: url(../images/btn_wall_color_ovr.gif) no-repeat top;
}
/*タイプバリエーション*/
div.vertype,
div.vertype a:link,
div.vertype a:visited
 {
	background: url(../images/btn_ver_type.gif) no-repeat top;
}
div.vertype a:hover,
div.vertype a:active
 {
	background: url(../images/btn_ver_type_ovr.gif) no-repeat top;
}
/*機能バリエーション*/
div.verfunction,
div.verfunction a:link,
div.verfunction a:visited
 {
	background: url(../images/btn_ver_function.gif) no-repeat top;
}
div.verfunction a:hover,
div.verfunction a:active
 {
	background: url(../images/btn_ver_function_ovr.gif) no-repeat top;
}
/*カラーバリエーションを見る*/
div.vercolor,
div.vercolor a:link,
div.vercolor a:visited
 {
	background: url(../images/btn_ver_color.gif) no-repeat top;
}
div.vercolor a:hover,
div.vercolor a:active
 {
	background: url(../images/btn_ver_color_ovr.gif) no-repeat top;
}
/*カラーバリエーション*/
div.btncolor,
div.btncolor a:link,
div.btncolor a:visited
 {
	background: url(../images/btn_color.gif) no-repeat top;
}
div.btncolor a:hover,
div.btncolor a:active
 {
	background: url(../images/btn_color_ovr.gif) no-repeat top;
}
/*洗面ボウル・扉デザインカラーバリエーション*/
div.bowldoor,
div.bowldoor a:link,
div.bowldoor a:visited
 {
	background: url(../images/btn_bowl_door.gif) no-repeat top;
}
div.bowldoor a:hover,
div.bowldoor a:active
 {
	background: url(../images/btn_bowl_door_ovr.gif) no-repeat top;
}
/*スマイルクリーンLシンク　カラーバリエーション*/
div.sinkcolor,
div.sinkcolor a:link,
div.sinkcolor a:visited
 {
	background: url(../images/btn_sink_color.gif) no-repeat top;
}
div.sinkcolor a:hover,
div.sinkcolor a:active
 {
	background: url(../images/btn_sink_color_ovr.gif) no-repeat top;
}
/*扉デザイン・カウンターカラーバリエーション*/
div.doorcounter,
div.doorcounter a:link,
div.doorcounter a:visited
 {
	background: url(../images/btn_door_counter.gif) no-repeat top;
}
div.doorcounter a:hover,
div.doorcounter a:active
 {
	background: url(../images/btn_door_counter_ovr.gif) no-repeat top;
}