@charset "Shift_JIS"; 


/* ブラウザごとの表示ずれをリセット */

*{
	margin: 0px;
	padding: 0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*仮アップの期間中使用-start*/
a{
	color:#0000CC;
	}
/*仮アップの期間中使用-end*/

/* pフォントの絶対値指定 */

p,dd,dt{
	font-size:12px;
	line-height: 18px;
	letter-spacing: 1px;
}

img{
	border: none;
}

a{
	text-decoration:none;
}

/*　要素の中央ぞろえ（IE向け）　*/

body{
	text-align:center;
}

/*　要素の中央ぞろえ（FireFox向け）と全体のラッパー　*/

#wrapper{
	margin:0 auto;
	width:780px;
	text-align:left;
	background-color:none;
	background-image:url(img/common/wrapper_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

#index_wrapper{
	margin:0 auto;
	width:780px;
	text-align:left;
	background-color:none;
	background-image:url(img/common/index_wrapper_bg.gif);
	background-repeat:repeat-y;
}

#producttable_wrapper{
	margin:0;
	float:left;
	width:780px;
	text-align:left;
	background-color:none;
	background-image:none;
}


/* _category_ ページ先頭の説明文 */

h1#top {
	font-size:12px !important;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	color:#666666 !important;
	background-color:#fff0ff;
	width: 774px;
	padding: 3px;
	border:none !important;
}

/* _category_ ヘッダー部分　*/

#header{
	width:780px;
	height:110px;
	background:#ffffff;
	position:relative;
}

/* _category_ 上部ナビゲーション部分　*/

#topnavi{
	width:781px;/*780pxでないのは、IE6の印刷時の崩れを回避するため*/
	height:30px;
	margin:0;
	padding:0;
	overflow:visible;
	background-color:#FFFFFF;
}

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

#topnavi li{
	float:left;
}

#topnavi a#backtop{
	background-position:0 0;
}

#topnavi a#navi1{
	background-position:-65px 0;
}

#topnavi a#navi2{
	background-position:-130px 0;
}

#topnavi a#navi3{
	background-position:-195px 0;
}

#topnavi a#navi4{
	background-position:-260px 0;
}

#topnavi a#navi5{
	background-position:-325px 0;
}

#topnavi a#navi6{
	background-position:-390px 0;
}

#topnavi a#navi7{
	background-position:-455px 0;
}

#topnavi a#navi8{
	background-position:-520px 0;
}

#topnavi a#navi9{
	background-position:-585px 0;
}

#topnavi a#navi10{
	background-position:-650px 0;
}

#topnavi a#navi11{
	background-position:-715px 0;
}

#topnavi a:hover#backtop{
	background-position:0 -30px;
}

#topnavi a:hover#navi1{
	background-position:-65px -30px;
}

#topnavi a:hover#navi2{
	background-position:-130px -30px;
}

#topnavi a:hover#navi3{
	background-position:-195px -30px;
}

#topnavi a:hover#navi4{
	background-position:-260px -30px;
}

#topnavi a:hover#navi5{
	background-position:-325px -30px;
}

#topnavi a:hover#navi6{
	background-position:-390px -30px;
}

#topnavi a:hover#navi7{
	background-position:-455px -30px;
}

#topnavi a:hover#navi8{
	background-position:-520px -30px;
}

#topnavi a:hover#navi9{
	background-position:-585px -30px;
}

#topnavi a:hover#navi10{
	background-position:-650px -30px;
}

#topnavi a:hover#navi11{
	background-position:-715px -30px;
}

#topnavi span{
	display:none;
}


#topnavi a{
	background-image:url(img/common/topnavi.gif);
	display:block;
	text-decoration:none;
	height:30px;
	background-repeat:no-repeat;
	width:65px;
}
	

/* _category_ フッター部分　*/

div#footer{
	border:1px solid #999999;
	padding:18px 0 3px 0;
	background-image:url(img/common/footer_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#fff0ff;
	width:780px;
	clear:both;
}

#footer ul{
	margin: 0 0 5px 0;
	padding: 0;
	list-style:none;
	text-align:center;
	width:780px;
	clear:both;
}

	#footer ul.smallfont li{
		font-size:11px;
	}
	
	#footer ul.smallfont li a{
		font-size:11px !important;
	}	
	
#footer ul li{
	margin: 0px 3px 5px 0px;
	text-align:center;
	font-size:12px;
	float:left;
}

#footer a{
	font-size:12px;
}

/*　_category_  左ナビゲーション部分。 */ 

#leftnavi{
	margin:0;
	padding:0;
	width:183px;
	height:auto;
	float: left;
	text-align:left;
	overflow:hidden;
	position:relative;
}

#leftnavi h2{
	background-image:url(img/common/mark_leftnavi1.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	margin:0;
	line-height:1.5em;
	font-size:14px;
	margin:5px 0 0 0;
	padding:0 0 0 16px;
}

#leftnavi ul.topmenu{
	list-style:none;
	margin: 0;
}

#leftnavi ul.topmenu li{
	margin: 5px 5px 5px 15px;
	list-style:none;
}

#leftnavi ul.categorymenu{
	margin: 0px 0px 0px 10px;
	list-style:none;

}

#leftnavi ul.categorymenu li{
	margin: 2px 0 2px 5px;
	background-image:url(img/common/mark_leftnavi2.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	text-indent:10px;
}

#leftnavi a{
	font-size: 12px;
	text-decoration: none;
	color:#003399;
}

#leftnavi ul.contact{
	list-style:none;
	background:url(img/contact/lm_waku_a_03.gif); 
	background-repeat:repeat-y;
	padding-left:5px;
}

#leftnavi ul.contact li{
	margin:3px 0;
}

/* _category_ フォントいじり用 */

/* 色 */
.orange{
	color:#FF9900;
}

.blue{
	color:#003399;
}

.purple{
	color:#a33a8b;
}

.navy{
	color:#001879;
}

.green{
	color:#2f6c39;
}

.yellow-green{
	color:#05db28;
}

.dgreen{
	color:#003300;
}

.red{
	color:#BB262B;
}

.black{
	color:#000000;
}

.gray{
	color:#666666;
}

.brown{
	color:#cc6600;
}
/*　サイズ　*/

.size10{
	font-size:10px;
	line-height: 12px;
}

.size12{
	font-size:12px;
	line-height: 14px;
}

.size14{
	font-size:14px;
	line-height: 18px;
}

.size16{
	font-size:16px;
	line-height:20px;
}

.size18{
	font-size:18px;
	line-height:22px;
}

.size20{
	font-size:20px;
	line-height:24px;
}

.size22{
	font-size:22px;
	line-height:26px;
}

.size24{
	font-size:24px;
	line-height:28px;
}

.size28{
	font-size:28px;
	line-height:32px;
}

/*　装飾　*/
.bold{
	font-weight:bold;
}

.normal{
	font-weight:normal;
}

.underline{
	border-style:solid;
	border-width: 0px 0px 1px 0px;
}

.border_orange{
	border-color:#ff6600;
}

.border1px{
	border:solid #000000 1px;
	margin:0px;
}

/*　位置移動　*/
.right{
	text-align:right;
}

.left{
	text-align:left;
}

.center{
	text-align:center;
}

.valign_mid{
	vertical-align:middle;
}

.valign_top{
	vertical-align:top;
}

/* 回り込み */

.float_r{
	float:right;
}

.float_l{
	float:left;
}

.float_clear{
	clear:both;
}

/* 横幅　*/

.width100{
	width:100px;
}

.width150{
	width:150px;
}

.width200{
	width:200px;
}

.width250{
	width:200px;
}

.width300{
	width:300px;
}

.width350{
	width:350px;
}

.width400{
	width:400px;
}

/*　マージン＆パディング　*/

.pad5{
	padding:5px;
}

.pad10{
	padding:10px;
}

.pad20{
	padding:20px;
}

.pad30{
	padding:30px;
}

.mar5{
	margin:5px;
}

.mar10{
	margin:10px;
}

.mar20{
	margin:20px;
}

.double{
	display:block;
}

.doublebr{
	margin-top:2em !important;
	}
	
.nobr{
	margin-top:5px !important;
	}
	

/* _category_ トップページ 専用class&id　*/

div#index_main{
	width:780px;
	position:relative;
	padding:5px 0;
	}

div#index_main .contents{
	width:310px;
	float:left;
	padding:0 3px;
	}
	
div#index_main .contents_2col{
	width:306px;
	height:282px;
	padding:2px;
	background-color:#ffffff;
	border:1px solid #666666;
	margin-bottom:5px;
	}
	
div#index_main .contents_3col{
	width:200px;
	background-color:#ffffff;
	border:1px solid #666666;
	float:left;
	margin:0 5px 5px 0;
	padding:2px;
	}

*html div#index_main .contents_3col{
	width:205px;
}

/*div#main .contents_2col{
	width:306px;
	padding:2px;
	background-color:#ffffff;
	border:1px solid #666666;
	margin-bottom:5px;
	}*/
	
div#main .contents_3col{
	width:185px;
	background-color:#ffffff;
	border:1px solid #666666;
	float:left;
	margin:0 3px 5px 0;
	padding:2px;
	}

	.contents_2col  h2, .contents_3col  h2{
		margin:0;
		}
		
	.contents_2col  h2 span.h2price, .contents_3col  h2 span.h2price{
			float:right;
			font-size:16px;
			margin-top:2px;
			color:#FF3300;
			}
	.contents_2col  h2 a, .contents_3col  h2 a{
		background-image:url(img/common/mark_d.gif);
		background-repeat:no-repeat;
		background-position:0 4px;
		text-indent:15px;
		font-size:16px;
		margin-left:0;
		line-height:20px;
		}

	.contents_2col  h2 a.toppage, .contents_3col h2 a.toppage{
		letter-spacing:5px;
			}		

	.contents_2col a , .contents_3col a{
		display:block;
		float:left;
		background-image:url(img/common/mark_a.gif);
		background-position:0 4px;
		background-repeat:no-repeat;
		line-height:1.2em;
		padding:1px 0; /*コンテンツが少ないサイトはここを大きくする*/
		text-indent:8px;
		margin-left:5px;
		font-size:12px;
		}
	
	.contents_2col a.colimg,  .contents_3col a.colimg{
		display:block;
		float:left;
		vertical-align:text-top;
		background-image:none;
		margin:0 0 2px 0;
		padding:0;
		text-indent:0;
		}
		
		.contents_1col a.cate, .contents_2col a.cate , .contents_3col a.cate{
			display:block;
			float:left;
			background-image:url(img/common/mark_x.gif);
			background-position:0 1px;
			background-repeat:no-repeat;
			line-height:1.2em;
			padding:1px 0; /*コンテンツが少ないサイトはここを大きくする*/
			text-indent:15px;
			margin-left:5px;
			text-align:left;
/*			font-weight:bold;*/
			}
			
			.contents_1col a.sub, .contents_2col a.sub , .contents_3col a.sub{
				display:block;
				float:left;
				background-image:url(img/common/mark_a.gif);
				background-position:9px 4px;
				background-repeat:no-repeat;
				line-height:1.2em;
				padding:1px 0; /*コンテンツが少ないサイトはここを大きくする*/
				text-indent:16px;
				margin-left:3px;
			}
	
				.contents_1col a.nomark, .contents_2col a.nomark , .contents_3col a.nomark{
				display:block;
				float:left;
				background-image:none !important;
				background-position:9px 4px;
				background-repeat:no-repeat;
				line-height:1.2em;
				padding:1px 0; /*コンテンツが少ないサイトはここを大きくする*/
				text-indent:8px;
				margin-left:3px;
			}
			
				/*.contents_2col  img, .contents_3col  img{
		float:left;
		vertical-align:text-top;
		background-image:none;
		display:inline;
		text-indent:0;
		line-height:normal;
		margin:0 0 2px 0;
		}*/

#index_main ul.floatlist{
	list-style:none;
	margin:5px 0 20px 10px;
	}

	#index_main ul.floatlist li{
		background:url(img/common/mark_a.gif) no-repeat 0 3px;
		text-indent:10px;
		float:left;
		font-size:12px;
		margin-left:10px;
			}
			
div#index_main #index_whatsnew {
	/*background-color:#FFEEE6;*/
	padding:2px 0 0 2px;
	width:138px;
	position:absolute;
	right:0;
	top:0px;
}

#index_whatsnew dl{
	padding:0;
	margin:0;
}



#index_whatsnew dt{
	font-weight:bold;
	font-size:10px;
	text-align:left;
	padding:3px 0 0 5px;
}



#index_whatsnew dd{
	padding:3px 0 0 13px;
	font-size:10px;
}



/* _category_ メインコンテンツラッパー（左ナビゲーションを使用する場合）*/

#producttable_wrapper #main{
	width:780px;
	text-align:left;
	background-color:#ffffff;
	padding: 5px;
	position:relative;
}

#main{
	width: 587px;
	float: right;
	text-align:left;
	background-color:#ffffff;
	padding: 5px 0 10px 5px;
	overflow:visible;
	position:relative;
	
}

#main_index{
	width: auto;
	text-align:left;
	background-color:#ffffff;
}

#main a{
	color:#000099;
}

/* _category_ メインコンテンツ内の h 要素 */

/* カテゴリ別h1*/
#main h1{
	width: auto;
	color:#666666;
	background-color:#ffffff;
	border-style: solid;
	border-width: 5px 0px 0px 0px;
	padding: 5px;
	font-weight:bold;
	font-size: 24px;
	background-image:url(img/common/h1_bg.gif);
	background-repeat:repeat-y;
	border-color:#abab70;
	line-height:1.1em;
}

/* デザインリフォーム.net用 */
#main .counter{
	background-image:url(img/common/bg_counter.gif);
	background-repeat:repeat-y;
	border-color:#b0c4de;
}

/*　_category_  メインコンテンツ内 h2 */

#main .subtitle1{
	clear:both;
	font-size: 18px;
	font-weight:bold;
	border-style: solid;
	border-color:#abab70;
	border-width: 0px 0px 2px 15px;
	margin: 5px 0;
	padding: 0px 0px 2px 5px;
	float:none;
	width:90%;
	line-height:1.1em;
	text-align:left;
	color:#ff0000;
}

	#main .subtitle1 span.sub{
		letter-spacing:1px;
		display:block;
		float:right;
		margin:-20px 0 0 0;
		font-size:14px;
		font-weight:normal;
		}

#main .subtitle1_mayfloat{
	font-size: 16px;
	font-weight:bold;
	border-style: solid;
	border-color:#3366cc;
	border-width: 0px 0px 2px 15px;
	margin: 20px 5px 5px 5px;
	padding: 0px 0px 2px 15px;
}

#main .subtitle2{
	font-weight:bold;
	font-size:12px;
	border-style:solid;
	border-width:0 0 0 10px;
	border-color:#F49B22;
	background-repeat:no-repeat;
	text-indent:5px;
	margin:15px 5px  5px  20px;
	clear:both;
	line-height:1.2em;
}

#main .subtitle3{
	font-weight:bold;
	background-color:#E6FEFF;
	color:#071489;
	font-size:12px;
	margin:15px 0 0 0;
	padding:3px;
	clear:both;
	line-height:1.5em;
}

#main .subtitle4{
	clear:both;
	font-size: 18px;
	font-weight:bold;
	border-style: solid;
	border-color:#999999;
	border-width:1px;
	margin: 5px 0;
	padding:5px;
	background-color:#fddbe8;
	float:none;
	width:95%;
	line-height:1.2em;
	text-align:center;
	letter-spacing:10px;
}

#main .subtitle5{
	clear:both;
	font-size: 18px;
	font-weight:bold;
	border-style: solid;
	border-color:#abab70;
	border-width: 0px 0px 2px 15px;
	margin: 5px 0;
	padding: 0px 0px 2px 5px;
	float:none;
	width:90%;
	line-height:1.1em;
	text-align:left;
	color:#333333;
}

#main .subtitle6{
  border-top-color: #9999cc; 
  border-bottom-color: #9999cc;
  padding: 2px; 
  border-style: double;
  border-width: 4px 0px;
  line-height: 130%;
}

#main .subtitle7{
margin:10px 5px 5px 10px;
padding:5px 0 5px 5px;
background:#F5F5F5;
border-left:#cc9999 8px solid;
border-right:#cc9999 1px solid;
border-bottom:#cc9999 1px solid;
border-top:#cc9999 1px solid;
font-size:16px;
font-weight: bold;
color:#333333;
}

#main .subtitle8{
	border-style:solid;
	border-width:0 0 0 10px;
	border-color:#9999cc;
	background-repeat:no-repeat;
	text-indent:1px;
	clear:both;
}

/* _category_  商品ページ用の商品を配置するdlセット */

#main dl.col1{
	width: 570px;
	display: block;
	float: left;
}

#main dl.col1 dd{
	padding: 10px;
}

#main dl.col2{
	width: 285px;
	display: block;
	float: left;
}

#main dl.col3{
	width: 190px;
	display: block;
	float: left;
	margin-left:3px;
}

#main dl.col3 dd{
	padding: 2px 1px 1px 1px;
}

#main dl.col4{
	width: 140px;
	display: block;
	float: left;
	margin-left:4px;
}

#main dl.col4 dd{
	padding: 2px 1px 1px 1px;
}

#main .col1 h3 span{
	margin: 0px 0px 0px 300px;
	padding: 2px;
	background-color:#ffff99;
}

#main .col2 h3 span{
	margin: 0px 0px 0px 60px;
	padding: 2px;
	background-color:#ffff99;
}

#main .col3 h3 span{
	float: right;
	padding: 2px;
	background-color:#ffff99;
}

#main .col4 h3 span{
	float: right;
	padding: 2px;
	background-color:#ffff99;
}

#main .colsp h3 span{
	padding: 2px;
	background-color:#ffff99;
}

#main p.detail{
	clear:both;
	text-align: left;
	margin:0px;
	padding:0px;
}

#main table.otoiawase_table{
	font-size:14px;
	font-weight:bold;
	margin:10px 0  0 30px;
	}

	#main table.otoiawase_table td{
		padding:0;
	}

/* _category_ 商品説明に使用する機能アイコン用span */

#main span.smoke{
	background-color:#0099cc;
	color:#ffffff;
	padding: 3px;
	margin: 2px;
	font-weight: bold
}

#main span.inver{
	background-color:#33cc99;
	color:#ffffff;
	padding: 3px;
	margin: 2px;
	font-weight: bold;
}

#main span.led{
	background-color:#ffcc66;
	color:#ffffff;
	padding: 3px;
	margin: 2px;
	font-weight: bold;
}

#main span.wash{
	background-color:#2093CA;
	color:#ffffff;
	padding: 3px;
	margin: 2px;
	font-weight: bold;
}

#main span.mirror{
	background-color:#2FB38B;
	color:#ffffff;
	padding: 3px;
	margin: 2px;
	font-weight: bold;
}

#main span.cabinet{
	background-color:#FA8386;
	color:#ffffff;
	padding: 3px;
	margin: 2px;
	font-weight: bold;
}


#main .price{
	color:#FF6600;
}

/*  _category_  メインコンテンツ内その他　*/

#main p{
	margin: 10px 0px 0px 20px;
	width:95%;
}

#main ul{
	margin:10px 0 0 30px;
	line-height:1.2em;
	list-style:none;
	}
	
#main li{
	margin:0 0 0 10px;
	font-size:12px;
	}

#main .table_col2a p{
	margin: 5px 0px 0px 0px;
}

#main .table_col2b p{
	margin: 5px 0px 0px 0px;
}

/*  _category_  メインコンテンツ内 会社案内　*/

table.company, table.company_history{
	width:580px;
	font-size:12px;
}

table.company td{
	vertical-align:top;
	border:dashed 1px gray;
	border-width: 0 0 1px 0;
	padding:5px 0;
}

table.comany_history td{
	vertical-align:top;
	border:dashed 1px gray;
	border-width: 0 0 1px 0;
	padding:5px 0;
}

/*  _category_  メインコンテンツ内 お問合せ　*/

table.otoiawase{
	width:520px;
	background-color:#d9d9d9;
	font-size:12px;
}

.otoiawase th{
	background-color:#ffdff4;
	padding-left:10px;
	font-weight:normal;
}

.otoiawase td{
	background-color:#ffffff;
	font-weight:normal;
	padding:5px;
}

table.otoiawase_noline{
	width:520px;
	background-color:#ffffff;
	font-size:12px;
}

.otoiawase_noline th{
	background-color:#fffcf2;
	padding:10px 0 0 0 !important;
	font-weight:normal;
	line-height:1.1em !important;
}

.otoiawase_noline td{
	background-color:#ffffff;
	font-weight:normal;
	padding:0  !important;
	line-height:1.1em !important;
}

input.ja{
	ime-mode:active;
}

input.en{
	ime-mode:disabled;
}


/*  dlセットで、dtの頭にm_i.gifが表示されるもの。　*/

dl.list dt{
	background-image:url(img/common/m_i.gif);
	background-repeat:no-repeat;
	background-position: left 12px;
	padding:10px 10px 5px 10px;
	text-indent:5px;
	text-align:left;
}

dl.list dd{
	padding:0 0 10px 20px;
	text-align:left;
}

/* _category_ お問合せ用リンク各種 */

/* ページの上用お問合せへのリンク */

p.main_inquiry{
	width: 500px;
	height: 30px;
	text-align:right;
	background-image:url(img/common/m_i.gif);
	background-repeat:no-repeat;
	background-position: 255px 15px;
}


/* ページの下用お問合せへのリンク */

p.main_inquiry2{
	clear: both;
	width: 500px;
	margin: 30px 0px 0px 0px;
	padding: 15px;
	text-align:right;
	background-image:url(img/common/m_i.gif);
	background-repeat:no-repeat;
	background-position: 280px 25px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color:#666666;
	line-height: 25px;
}

/* ページの下「このページのトップへ戻る」リンクとお問合せのセット */

div#otoiawase_set{
	clear:both;
	width:500px;
	clear:both;
}

div#otoiawase_set img{
	float:left;
	margin:10px 0 10px 30px;
}

div#otoiawase_set p{
	float:right;
	width:250px;
	text-align:right;
}

div#otoiawase_set p span{
	font-weight:bold;
	color:#999999;
	background-color:#ffffff;
}

/* 詳細はこちらリンク */

p.goto{
	clear:both;
	width:500px;
	text-align:left;
	background-image:url(img/common/m_i.gif);
	background-repeat:no-repeat;
	text-indent:15px;
}

p.goto span{
	font-weight: bold;
	font-size: 16px;
	color:#000099;
	background-color:#ffffff;
}

dd.goto_col2{
	margin:0;
	padding:0;
	text-align:left;
	background-image:url(img/common/m_i.gif);
	background-repeat:no-repeat;
	background-position: 5px 12px;
	text-indent:15px;
}

dd.goto_col2 span{
	font-weight: bold;
	color:#000099;
	background-color:#ffffff;
	font-size: 16px;
}

/* _category_ パンくずリンク */
p#crumble{
	margin: 0;
}

/* _category_ テーブル代わりのDIV */

.basic{
	padding: 10px;
	text-align:left;
}

.table_col2a{
	width: 280px;
	margin: 0 20px 0 0;
	float:left;
}

.table_col2b{
	width: 280px;
	margin: 0;
	float:right;

}

/* _category_ サイトマップで使ってるリスト。 */

#main div.sitemap{
	width:270px;
	height:auto;
	margin:0;
	padding:10px;
	float:left;
	overflow:visible;
}

#main div.sitemap h2{
	background-image:url(img/common/mark_leftnavi1.gif); 
	background-repeat:no-repeat;
	background-position: 10px 3px;
	font-size:14px;
	background-color:#F9FECB;
	padding:3px 0px 3px 25px;
	margin:15px 0 0 0;
}

#main div.sitemap h2 a{
	font-weight:bold;
}

#main div.sitemap ul{
	list-style-image:url(img/common/mark_leftnavi2.gif);
	margin:5px;
}

#main .sitemap ul li{
	margin:0 0 3px 30px;
}

#main .sitemap ul li.sub{
	margin:0 0 3px 50px;
}

#main .sitemap ul li a{
	font-size:12px;
}

.sitemap dl.list dt{
	background-image:url(img/common/mark_a.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	padding:5px 10px 0px 6px;
	text-indent:5px;
}

.sitemap dl.list dd{
	padding:0 0 0px 30px;
}

/*こっから住まいにコピペすべき関連css。*/
dl.col2{
	width:48%;
	float:left;
	margin:5px 0 0 0;
	}

dl.col3{
	width:33%;
	float:left;
	margin:5px 0 0 0;
	}

dl.col4{
	width:25%;
	float:left;
	margin:5px 0 0 0;
	}

dt{
	margin:0 !important;
	text-align:center;
	}

dd{
	margin:0  !important;
	}
	
table.price_table{
	border-collapse:collapse;
	margin:0;
	}

		dl.col2 table.price_table{
			width:280px;
			}
			
		dl.col2 dt{
			text-align:center;
			}
	
		dl.col3 table.price_table{
			width:188px;
			}

		dl.col4 table.price_table{
			width:138px;
			}

	table.price_table th{
		border:1px solid #999999;
		font-weight:normal;
		text-align:right;
		line-height:1.3em;
		vertical-align:middle;
		}

	table.price_table td{
		border:1px solid #999999;
		line-height:1.3em !important;
		padding:0 3px;
		}
	
.tokka{
		font-weight:bold !important;
		font-size:16px !important;
		color:#FF6600
		}
		
	table.price_table .sunpou{
		font-size:12px;
		}


/* _category_ 工事の流れで使ってるリスト */

#main div.flow{
	width:550px;
	height:auto;
	margin:0 0 0 10px;
	padding:10px;
	float:left;
	overflow:visible;
	font-size:14px;
	line-height:1.5em;
}

/* _category_ 工事の流れで使ってるリスト終了 */

/* _category_UBリフォーム専用*/

/* div.contents○colの枠内に入らないaのよこさんかく付フロート */

#main ul.trilist{
	list-style:none;
	margin:5px 0;
}

	#main ul.trilist li{
		float:left;
		margin-right:0px;
		background:url(img/common/mark_a.gif) no-repeat 0 4px;
		text-indent:9px;
	}
	

#main ul.trilist_lsize{
	list-style:none;
	margin:5px 0;
}

	#main ul.trilist_lsize li{
		float:left;
		margin:0 10px 0 0;
		padding:1px;
		background:url(img/common/mark_a_large.gif) no-repeat 0 2px;
		text-indent:15px;
		font-size:14px;
	}
/* div.contents○colの枠内に入らないaのよこさんかく付フロート終了 */



h2.withmark{
	font-size:18px;
	font-weight:bold;
	background:url(img/common/mark_d.gif) no-repeat 0 5px;
	padding:2px 0 2px 17px;
	line-height:1.2em;
	}
	
h2.nomark{
	font-size:18px;
	font-weight:bold;
	padding:3px 0 3px 10px;
	line-height:1.2em;
	background:#A6DBF4;
	}

/*UBリフォーム専用*/

div.ubwrapper{
	width:585px;
	margin:0;
	padding:0;
	}
	
	div.a-col{
		width:190px;
		margin:0;
		padding:10px 2px 0 0; 
		border-right:1px #666666 dashed;
		float:left;
		text-align:center;
		}
		
	div.b-col{
		width:190px;
		margin:0;
		padding:10px 2px 0 2px; 
		border-right:1px #666666 dashed;
		float:left;
		text-align:center;
		}

	div.c-col{
		width:190px;
		margin:0;
		padding:10px 0 0 2px;
		float:left;
		text-align:center;
		}

a.ub_product_table_button_small{
	display:block;
	width:178px;
	height:35px;
	background-image:url(../img/common/apartment_ub_table_button_s.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:5px 0 10px 0;
	}

	a:hover.ub_product_table_button_small{
		background-position:0 -35px;
		}

	a.ub_product_table_button_small span{
		display:none;
		}
	
a.ko_product_table_button_small{
	display:block;
	width:178px;
	height:35px;
	background-image:url(../img/common/kodate_ub_table_button_s.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:5px 0 10px 0;
	}

	a:hover.ko_product_table_button_small{
		background-position:0 -35px;
		}

	a.ko_product_table_button_small span{
		display:none;
		}
		
table.itemlist th,table.itemlist td{
	text-align:center;
	}