@charset "Shift_JIS"; 

/*　_category_ で検索をかけると、だいたい用途別(使う場所ごとに分けてます)に分けられたcssが出てきます。　*/

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

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

br.clr{
	clear:both;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:100%;
}

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

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

img{
	border: 0;
}

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;
}

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

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

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

/* _category_ ヘッダー部分　*/

#header{
	width:780px;
	height:95px;
	background:#ffffff;
	text-align:center;
}



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

#topnavi{
	width:781px;
	height:45px;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#FFFFFF;
}

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

#topnavi li{
	float:left;
}

#topnavi a#backtop{
	background-image:url(img/common/topnavi_01.gif);
	width:80px;
}

#topnavi a#counter{
	background-image:url(img/common/topnavi_02.gif);
	width:96px;
}

#topnavi a#bowl{
	background-image:url(img/common/topnavi_03.gif);
	width:102px;
}

#topnavi a#other{
	background-image:url(img/common/topnavi_04.gif);
	width:99px;
}

#topnavi a#fashonable{
	background-image:url(img/common/topnavi_05.gif);
	width:100px;
}

#topnavi a#national{
	background-image:url(img/common/topnavi_06.gif);
	width:100px;
}

#topnavi a#toto{
	background-image:url(img/common/topnavi_07.gif);
	width:100px;
}

#topnavi a#inax{
	background-image:url(img/common/topnavi_08.gif);
	width:103px;
}

#topnavi a:hover{
	background-position:0px -45px;
	height:45px;
}

#topnavi span{
	display:none;
}


#topnavi a{
	display:block;
	text-decoration:none;
	height:45px;
	background-repeat:no-repeat;
}

/* _category_ サイズ別一覧用ボタン　*/

#all_size{
	width:781px;
	height:34px;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#ffffff;
}

#all_size ul{
	margin: 0;
	padding: 0;
	list-style:none;
	display:block;
}

#all_size li{
	float:left;
}

#all_size a#all_size_index{
	background-image:url(img/common/all_size_01.gif);
	width:130px;
}

#all_size a#all_size_size500{
	background-image:url(img/common/all_size_02.gif);
	width:70px;
}

#all_size a#all_size_size600{
	background-image:url(img/common/all_size_03.gif);
	width:70px;
}

#all_size a#all_size_size700{
	background-image:url(img/common/all_size_04.gif);
	width:70px;
}

#all_size a#all_size_size750{
	background-image:url(img/common/all_size_05.gif);
	width:70px;
}

#all_size a#all_size_size900{
	background-image:url(img/common/all_size_06.gif);
	width:70px;
}

#all_size a#all_size_size1000{
	background-image:url(img/common/all_size_07.gif);
	width:70px;
}

#all_size a#all_size_size1200{
	background-image:url(img/common/all_size_08.gif);
	width:70px;
}

#all_size a#all_size_size1350{
	background-image:url(img/common/all_size_09.gif);
	width:70px;
}

#all_size a#all_size_size1650{
	background-image:url(img/common/all_size_10.gif);
	width:90px;
}

#all_size a:hover{
	background-position:0px -34px;
	height:34px;
}

#all_size span{
	display:none;
}


#all_size a{
	display:block;
	text-decoration:none;
	height:34px;
	background-repeat:no-repeat;
}


/* _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:#f5eeff;
	width:780px;
	clear:both;
}

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

#footer ul li{
	margin: 0px 3px 5px 0px;
	display: inline;
	text-align:center;
}

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

#footer p#livingcenter_logo_ad{
	width:271px;
	text-align:center;
	margin:20px 5px 5px 5px;
}

#footer p#askok{
	width:250px;
	font-size:14px;
	font-weight:bold;
	color:#aa1984;
	margin:5px 0 0 15px;
}

#footer img#otoiawase_button{
	float:right;
}

#footer p#yrs39{
	color:#aa1984;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	margin:20px 0 0 10px;
}

#footer p#afterservice_area{
	color:#3399cc;
	font-weight:bold;
	text-align:left;
	width:270px;
	font-size:12px;
	line-height:12px;
}

#footer #othersite{
	text-align: center;
	clear:both;
}

#othersite ul{
	margin: 0px 0px 0px 4px;
	padding: 0;
	list-style:none;
}

#othersite ul li{
	float: left;
	margin: 5px 3px 0px 0px;
}

#othersite img{
	border: 0px;
}

#othersite a{
	text-decoration: none;
	border: none;
}

#footer #copyright{
	border-top:dashed #999999 1px;
	clear:both;
	width:778px;
	margin-top:5px; 
}

#copyright p{
	color:#999999;
	text-align: right;
	font-size: 12px;
}

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

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

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

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

#leftnavi ul.topmenu li{
	margin: 5px 5px 5px 15px;
}

#leftnavi ul.categorymenu{
	margin: 0px 0px 0px 20px;
	list-style:url(img/common/m_i.gif);
}

#leftnavi li.categorymenu{
	margin: 5px 5px 5px 15px;
}

#leftnavi .categorymenu li.sub{
	margin: 5px 5px 5px 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_ トップページ 専用class&id　*/


#wrapper #index_subwrapper{ /* index は main より whatsnew の方が長いので*/
	background-color:#ffffff;
	width: 780px;
	overflow:visible;
	clear:both;
	background-image:url(img/bg_whatsnew.gif);
	background-repeat:repeat-y;
}

#index_catch{
	background-color:#FFFEF0;
	padding:10px;
}

#index_main{
	float:left;
	width:636px;
	padding:3px 0;
}

#index_whatsnew{
	float:right;
	width:138px;
	padding:3px;
}

#index_whatsnew h3{
	font-size:12px;
	margin:15px 0 5px 0;
}

.index_maincontent{
	float:left;
	padding:0 0 10px 3px;
	width:313px;
}

.index_maincontent img{
	margin:0;
	padding:0;
}

.index_maincontent div{
	border:solid 2px;
	padding:3px;
	width:303px;
}

.index_maincontent ul{
	list-style:none;
	font-size:12px;
	margin:0;
}

.index_maincontent ul.col2{
	list-style:none;
	font-size:12px;
	margin:0;
	float:left;
	width:150px;
}

.index_maincontent li{
	background-image:url(img/common/m_i.gif);
	background-repeat:no-repeat;
	text-indent:15px;
	margin:0 0 0 -5px;
	vertical-align:middle;
}

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

#index_whatsnew dt{
	font-weight:bold;
	margin: 3px 5px 0px 5px;
	font-size:10px;
}


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

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

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

*html #main{
	width: 597px;
}

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

#main a{
	font-weight: normal;
	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;
}

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

#main .ball{
	background-image:url(img/common/bg_bowl.gif);
	background-repeat:repeat-y;
	border-color:#8fbc8f;
}

#main .hangup{
	background-image:url(img/common/bg_other.gif);
	background-repeat:repeat-y;
	border-color:#f0e68c;
}

#main .fashonable{
	background-image:url(img/common/bg_fashonable.gif);
	background-repeat:repeat-y;
	border-color:#ffa07a;

}

#main .contact{
	background-image:url(img/common/bg_contact.gif);
	background-repeat:repeat-y;
	border-color:#4CA2FF;

}

#main .national{
	background-image:url(img/common/bg_national.gif);
	background-repeat:repeat-y;
	border-color:#dda0dd;

}

#main .toto{
	background-image:url(img/common/bg_toto.gif);
	background-repeat:repeat-y;
	border-color:#9370ab;

}

#main .clean{
	background-image:url(img/common/bg_clean.gif);
	background-repeat:repeat-y;
	border-color:#339900;
}


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

#main .subtitle1{
	clear:both;
	font-size: 16px;
	font-weight:bold;
	border-style: solid;
	border-color:#8c94e5;
	border-width: 0px 0px 2px 15px;
	margin: 20px 5px 5px 5px;
	padding: 0px 0px 2px 15px;
	float:none;
}

#main .subtitle1 span{
	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;
	color:#3366cc;
	font-size:12px;
	background-image:url(img/common/subtitle3.gif);
	background-repeat:no-repeat;
	text-indent:15px;
	margin:15px 0 0 0;
	clear:both;
	line-height:1.5em;
}

#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;
}


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

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

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

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

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

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

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

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

#main dl.col4 dd{
	padding: 10px 0px 15px 0px;
}


#main h3{
	font-size: 12px;
}

/*
#main .wd{
	padding: 2px;
	background-color:#ffff99;
	line-height:1.5;
}
*/

#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;
	font-weight:normal;
}

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

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

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


#main p.detail{
	clear:both;
	text-align: left;
	margin:0;
	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{
	margin: 10px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	display: block;
	text-align:left;
}

#main .priceLine{
	margin: 2px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	display: block;
	text-align:left;
	border-top:1px solid #999999;
	padding:5px 0 0 0;
}


#main .price_fashoable{
	margin: 0;
	font-weight: normal;
	font-size: 12px;
	display: block;
	text-align:left;
}

#main .price em, .detail em, .priceLine em{
	color:#cc0033;
	font-style:normal;
	font-weight:bold;
}

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

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

#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:#fffcf2;
	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-left:10px;
	font-weight:normal;
}

.otoiawase_noline td{
	background-color:#ffffff;
	font-weight:normal;
}

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;
}

dl.list dd{
	padding:0 0 10px 20px;
}

/* _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;
	margin:3px 0 0 0 !important;
}

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

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;
}

div.goto{
	background:url(img/common/mark_l.gif) no-repeat;
	text-indent:18px;
	font-size:14px;
	color:#0033FF;
	font-weight:bold;
	margin:10px 20px 0;
}

p.goto span{
	font-weight: bold;
	font-size: 15px;
	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:hidden;
}

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

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

#main div.sitemap ul{
	list-style-image:url(img/common/m_i.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/m_i.gif);
	background-repeat:no-repeat;
	background-position: left 7px;
	padding:5px 10px 0px 10px;
	text-indent:5px;
}

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

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

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

.blue{
	color:#003399;
}

.purple{
	color:#a33a8b;
}

.green{
	color:#2f6c39;
}

.red{
	color:#BB262B;
}

.black{
	color:#000000;
}

.gray{
	color:#666666;
}
/*　サイズ　*/

.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;
}

/*　装飾　*/
.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:30px;
}

.mar5{
	margin:5px;
}

.mar10{
	margin:10px;
}

.mar20{
	margin:20px;
}

.double{
	display:block;
}

/* お掃除のページで使ってる過去の遺物。 */

.table_r{
	width: 220px;
	height: 230px;
	padding: 10px 5px 10px 5px;
	float: right;
	background:url(clean/img/table.jpg);
	background-repeat:no-repeat;
	margin: 5px 20px 0px 0px;
}

.table_l{
	width: 220px;
	height:230px;
	height: auto;
	padding: 10px 5px 10px 5px;
	float: left;
	background:url(clean/img/table.jpg);
	background-repeat:no-repeat;
	margin: 5px 0px 0px 20px;
}

.table_r p, .table_l p{
	margin:0px;
	padding:0;
}

.table_r h3. .table_l h3{
	font-weight:bold;
}

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

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

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

*html div#index_main .contents_2col{
	width:308px;
	padding:1px;
}
	
div#index_main .contents_3col{
	width:200px;
	background-color:#f5fcff;
	border:1px solid #666666;
	float:left;
	margin:0 5px 5px 0;
	padding:2px;
}

#top3col {
	margin:0px 0 0 3px;
}

*:first-child+html #top3col {
	margin:-5px 0 0 3px;
}

*html #top3col {
	margin:-5px 0 0 3px;
}

.contents_1col  h2, .contents_2col  h2, .contents_3col  h2{
	margin:0;
}

.contents_1col  h2 a, .contents_2col  h2 a, .contents_3col  h2 a{
	background-image:url(img/common/mark_d.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	text-indent:15px;
	font-size:16px;
	margin-left:0;
	line-height:20px;
}

.contents_1col a, .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_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:0 4px;
	background-repeat:no-repeat;
	line-height:1.2em;
	padding:1px 0; /*コンテンツが少ないサイトはここを大きくする*/
	text-indent:8px;
	margin-left:20px;
	font-size:12px;
}
		
.contents_1col a.colimg, .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_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;
}*/

div#index_main #index_whatsnew {
	float:right;
	padding:2px;
	width:138px;
	position:absolute;
	right:0;
	top:0;
}

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

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

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


/*_category_　コンテンツのご紹介用table*/

h2.contents_thumb{
	font-size:18px;
	font-weight:bold;
	color:#aa1984;
	margin:10px 0 5px 0;
}

table.contents_thumb{
	width:585px;
	border-collapse:collapse;
	font-size:12px;
}

table.contents_thumb th, table.contents_thumb td{
	border:solid 1px #666666;
}
	
table.contents_thumb td.empty{
	border:none;
	background-image:none;
}
	
table.contents_thumb th{
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding:2px 1px;
}

table.contents_thumb td{
	text-align:center;
	padding:2px 1px;
}

table.contents_thumb tr.title_line td{
	text-align:left;
	font-weight:bold;
	font-size:14px;
	padding:2px 1px;
}

table.contents_thumb tr.go_link td{
	padding:2px 1px;
	line-height:1.2em;
	background-image:url(img/common/m_i.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:13px;
	vertical-align:top;
	text-align:left;
}
	
table.contents_thumb td.title{
	font-size:12px;
	font-weight:bold;
}

table.contents_thumb tr.tokka td{
	font-weight:bold;
	color:#FF6600;
}

table.contents_thumb td.green{
	background-color:#E9FFC8;
	color:#000000;
}

table.contents_thumb td.pink{
	background-color:#FFF4F8;
	color:#000000;
}

table.contents_thumb td.blue{
	background-color:#EEF7FF;
	color:#000000;
}

table.contents_thumb td.yellow{
	background-color:#FFFFCC;
	color:#000000;
}
		
/* 輸入洗面台 

#cera_left {
	margin:-5px 0 20px 0; 
	padding:0 5px; 
	width:273px; 
	float:left;
}

#cera_right {
	margin:-5px 0 0 10px; 
	padding:0 5px; 
	width:273px; 
	float:left;
}
*/

/* TOTOカテゴリトップ */

.toto_top,.national_top {
	margin:10px 0;
	height:320px;
}

.toto_top img,.national_top img {
	float:left;	
	margin:0 10px 0 0;
}

.toto_top td,.national_top td {
	font-size:12px;
	padding:3px;
	line-height:1.4;
}

/* ▼お掃除術ページ */
.clean_cate {
	background:#FFFFCC;
	border:3px double #339933;
	padding:5px;
	margin:15px 0;
}

.clean_cate span {
	font-size:14px;
}

.clean_cate img {
	vertical-align:text-bottom;
}

.clean_link {
	line-height:130%;
	margin:-5px 0 0 0;
}


/* ▼通常幅のh3 */
h3.normalH3 {
	font-size:12px;
	border-bottom:3px solid #b0c4de;
	background:#e7f1ff;
	width:572px;
	padding:0 0 2px 5px;
	margin:10px 5px 5px 5px;
}

*html h3.normalH3 {
	width:567px;
}


/* ▼組み合わせは一例ですの段落 
p.example {
	margin:0 0 20px 0; 
	padding:4px 10px; 
	background:#eeffaa; 
	line-height:1.3;
	width:585px;
}
*/

/* ▼問合わせボックスの一文 */
.souryo {
	font-size:14px;
	font-weight:bold;
	color:#009900;
	padding:3px 0;
	text-align:center;
}

/* ▼定価と特価の新テーブル */
table.price_table1 {
	border-top:1px dotted #999999;
	margin:5px 0 0 0;
}

table.price_table1 td{
	font-size:12px;
	line-height:1.5;
}

*html table.price_table1 td{
	letter-spacing:0.1em;
}
 
table.price_table2 {
	border-top:3px double #999999;
}

table.price_table2 td{
	font-size:12px;
	line-height:1.5;
}

*html table.price_table2 td{
	letter-spacing:0.1em;
}