@charset "shift_jis";

body{margin:0; padding:0; text-align:center; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px; line-height:1.4;}
a:hover {
	color:green;
	background-color:yellow;
	text-decoration:underline overline
	}
a:link {
	color:blue;
	text-decoration:underline
	}
a:active {
	color:blue;
	text-decoration:underline
	}
a:visited {	
	color:blue;
	text-decoration:underline
	}
	
img{border:none;}


#wrapper{width:750px; margin:0 auto; padding:0; text-align:left;}
#header{ background:url(img/uniback.gif) top left no-repeat; height:100px; margin:0; padding:10px 10px 0 10px;}
#site_title{margin:0; padding:0;}

#nav{padding:20px 0 0; text-align:center;}
#contents{margin:0; padding:20px 0px;}
#footer{margin:0; padding:10px 20px; border-top:1px solid #ccc; text-align:center;}

#to_form{text-align:center; margin:0; padding:2em 0 0;}
.clear{clear:both;}



.f {font-size: 12px; line-height: 25px}
.bb {font-size: 16px; font-weight: bold}
.f1 {font-size: 12px}
.box {  height: 66px; width: 100%}
.f14 {font-size: 14px; line-height: 24px}
.f14b {font-size: 14px; font-weight: bold}
.f10 {font-size: 10px; font-weight: normal}
.f12 {font-size: 12px; font-style: normal; line-height: 20px; font-weight: normal}
.f13b {font-size: 13px; font-style: normal; font-weight: bold}
.title16b {font-size: 16px; font-weight: 900}
.f20b {font-size: 24px; font-weight: 900}
.table {font-size: 14px; font-style: normal; font-weight: normal; border: #CC6666; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.hover {  color: #009933; text-decoration: underline overline; background-color: #FFFF66}
.price {font-size: 24px; font-style: normal; font-weight: 800; font-variant: normal; color: #FF0000}
.f28b {font-size: 28px; font-style: normal; font-weight: 800; color: #CC3333}
td {
	font-size: 13px;
}
.tka {font-size: 21px; font-style: normal; font-weight: 800; font-variant: normal; color: #FF0000
}
.sz11 {
	font-size: 13px;
	line-height: 1.3em;
}
td .s{ font-size:10px;}
.yk {
	font-size: 28px;
	color: #FF0000;
}
td.ykp{ font-size:14px; line-height:1.4em;}
.p_stg{ font-size:18px; color: #339933; font-weight:bold;}
h2.feature{ border-bottom: 2px solid #333333; padding-bottom: 2px; background-color:#BBBBBB;}h1 {
	font-size: 16px;
}

#reas h2{ font-size:16px; color:#f00; margin:0; padding:0;}
#reas p{ margin:4px 0 15px; }
#reas strong{ font-size:18px}
#reas p.m15{ ; margin:25px 0;}

#frame{ width:710px; margin:0 auto; }

/* index navigation
-----------------------------------------------*/
#logo{float:left; width:106px; padding:10px;}
#catch{float:left; width:594px; text-align:center; padding:20px 0;}

#index{clear:both; margin:10px 0; border-top:1px solid #aaa;}
#index-main{float:right; width:466px; float:right;}
#index-nav{background:#CCCCFF; padding:30px 10px 25px 24px; margin:0;}
.nav{float:left; width:216px; height:87px; margin:0; padding:0;}
.nav-frame{height:15px; visibility:hidden;}

#index-feature{width:252px; float:left; padding-left:10px;}
#index-feature h2{margin:0 0 5px;}
#index-feature p{margin:0;}

#index-foot{clear:both; margin:0; padding:30px 10px 10px; text-align:center; font-size:11px;}



/*
#ec_nav{float:left; width:160px; margin:0; padding:50px 0 0;}
#ec_nav_top{background:url(ecocute/img/ecnav_top.gif) top left no-repeat;}
#ec_nav_content{background:url(ecocute/img/ecnav_contents.gif) bottom left no-repeat; padding:0 0 20px;}
#ec_nav_content ul{list-style:none; margin:0; padding:0;}
#ec_nav_content ul li{width:160px;}
#ec_nav_content ul li a{display:block; padding:10px 5px; border-bottom:1px dashed #f5a100;}
*/

#pagenav{margin:0 8px; padding:0; overflow:visible; height:27px; font-size:12px; font-weight:bold;}
#pagenav h2{display:none;}
#pagenav ul{margin:0; padding:3px 0;}
#pagenav ul li{list-style:none; margin:0 2px 0 0; padding:0; float:left; background:url(ecocute/img/tab_right.gif) right top no-repeat;}
#pagenav ul li a{display:block; background:url(ecocute/img/tab_left.gif) left top no-repeat; padding:5px 10px 2px; color:#fff; text-decoration:none; border-bottom:1px solid #E60012;}
#pagenav ul li a:hover{color:#222; text-decoration:none; background:url(ecocute/img/tab_left.gif) left top no-repeat;}
#pagenav #here{background:url(ecocute/img/tab_right_here.gif) right top no-repeat; color:#222; position:relative; z-index:1;}
#pagenav #here a{background:url(ecocute/img/tab_left_here.gif) left top no-repeat; text-decoration:none; color:#222; border-bottom:none;}


#ec_content{margin:0 8px; padding:20px 10px; border:1px solid #E60012; text-align:center; background:#fff;}
#ec_content h1{margin:0; padding:10px 0; text-align:center;}
#ec_content h2 span{color:#f00;}
p.cont_discription{margin:10px 30px; padding:0;}

.flo{width:660px; margin:10px auto;}
.flo_left{float:left; width:270px; padding:0 10px;}
.flo_left_p{float:left; width:30px; padding:35px 0 0; margin:0 10px; }
.flo_right{float:right; width:270px; padding:0 10px;}
.clear_pr{margin:0; padding:15px 0; clear:both; text-align:left;}

.itemname{border-top:1px solid #03c; border-bottom:1px solid #03c; padding:5px; margin:10px 0; text-align:left;}
.itemname p{margin:0 0 8px; padding:0;}
.itemname h2{color:#03c; margin:0; padding:0; font-size:12px;}


#page-header{text-align:center; margin:0 auto 15px;}

/* トイレ
--------------------------------------------*/
.code{font-size:16px; font-family:Verdana,Arial; font-weight:bold;}
.price{color:#f00; float:16px; font-family:Verdana,Arial; font-weight:bold; text-align:right;}
.price span{font-size:12px; font-weight:normal;}

h2.product-title{font-size:15px; background:#EC8F2E; padding:2px 3px; margin:10px 0 5px;}
.washlet-head{width:500px; margin:0 auto;}
.washlet-head img{float:left; width:285px; padding-right:5px;}
.washlet-head h2{color:#0033CC; margin:0 0 5px;}
.washlet-head ul{margin:0 0 10px 20px; padding-left:10px;}
table.washletlist{width:730px; margin:0 0 10px;}
table.washletlist th{text-align:left; padding:8px 5px; border-bottom:1px solid #666;}
table.washletlist td{vertical-align:middle; padding:5px;}

.reform-title{background:#081942; color:#fff; font-size:14px; margin:0 auto; padding:10px 5px; width:610px;}

h2.to-index{margin:20px 0 4px; padding:0;}
.leftsec{float:left; width:270px; margin:0; padding:0;}
.leftsec p{text-align:center;}
.leftsec h2{margin:0 0 5px; padding:0;}
.rightsec{float:right; width:450px; margin:0; padding:0;}

.pure_sec{float:left; width:220px; padding-right:4px; padding-bottom:7px;}
.pure_sec h3,.pure_sec_clear h3{color:#996600; font-size:13px; margin:0 0 5px;}
.pure_sec p,.pure_sec_clear p{margin:3px 0; line-height:1.2; font-size:11px;}
.pure_sec_clear{clear:both; margin:5px 0;}
.pure_sec img,.pure_sec_clear img{float:left; width:100px; padding-right:3px;}

table.check{width:430px; font-size:11px; border-top:1px solid #444; border-right:1px solid #444;}
table.check th{background:#FFFFCC; border-bottom:1px solid #444; border-left:1px solid #444; font-size:11px;}
table.check th.lefthead{background:#fff; text-align:left;}
table.check td{text-align:center; border-bottom:1px solid #444; border-left:1px solid #444; font-size:11px;}

/* first はじめに
----------------------------------------------*/

#first{width:480px; margin:10px auto; padding:0; text-align:left;}
#first ul{margin:0; padding:0; list-style:none;}
#first ul li{background:url(first/img/pat.gif) left top no-repeat; padding-left:95px; padding-bottom:20px;}
#first ul li strong{color:#f00; display:block; font-size:16px;}
#first ul li em{font-style:normal; color:#f00;}

#first h2{margin:0 0 15px; padding:0;}
#first h3{color:#f00; margin:1em 0 0.3em; font-size:13px;}
#first p{marign:8px 0;}

/* 手すり
----------------------------------------------*/
.acce-left,.acce-right{width:365px; padding-bottom:15px;}
.acce-left{float:left;}
.acce-right{float:right;}

h2.acce-sub-head{clear:both; margin:0 0 5px; padding:0; font-size:12px;}
.acce-sec{float:left; width:250px; padding-bottom:15px;}
.acce-sec p{margin-bottom:5px;}

#metal-des{padding-left:15px; width:235px;}
#metal-set img{float:left; width:124px; padding-right:6px;}

.acce-left h3,.acce-right h3,.acce-sec h3{font-size:12px; color:#819922; margin:0 0 6px; padding:0;}