/* CSS Document */

/* base ********************************************/

h1{ margin: 0;}
h1 img{ vertical-align: bottom;}

img{ border: none;}

.clr{ clear: both;}

#reform{ padding: 0 5px 0 10px; line-height: 150%;}
#reform img{ margin: 0 0 5px;}

#reform h2{
	margin: 0 0 20px;
	padding: 0 0 0 17px;
	color: #666;
	background: url(h2.gif) left;
	line-height: 100%;
	font-size: 29px;
	font-weight: normal;
	text-align:left;
}
#reform h2 span{
	color: #630;
	font-size: 18px;
	font-weight: bold;
}
#reform h2.index{
	margin: 0 0 12px;
	padding: 0 0 0 15px;
	color: #422125;
	background: none;
	border-left: solid 3px #422125;
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
}
.style1 {
	font-size: 22px;
	color: #963;
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',Osaka;
}

#reform h3{
	margin: 0 0 15px;
	color: #963;
	clear: both;
	font-size: 22px;
	font-weight: normal;
}

}
#reform h4{
	margin: 0 0 0.3em;
	color: #0066CC;
	font-size: 12px;
}
#reform p, #reform div{
	text-align: justify;
	text-justify: inter-ideograph;
}
#reform p{
	margin: 0 0 0.7em;
}
#reform p.dot{
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: url(line.gif) repeat-x bottom left;
}

#reform .l_blue{ margin: 0.5em 0 0;}
#reform .l_blue a{ color: #7789bc; text-decoration: underline;}

#reform div.pagetop{ margin: 0 15px 15px; clear: both; text-align: right;}
#reform div.pagetop img{ vertical-align: bottom;}

/* --- MARGINES --- */

.mg1{ padding: 0 0 10px;
}

/* --- FLOAT --- */

.clm2, .clm3{
	padding: 0 0 15px;
	clear: both;
	width: 505px;
	line-height: 140%;
}

.f1_l, .f1_c, .f1_r{ width: 160px;}
.f1_l{ margin-right: 12px; float: left;}
.f1_c{ float: left;}
.f1_r{ float: right;}

.f2_l{ float: left; width: 240px;}
.f2_r{ float: right; width: 240px;}

.f3_l{ float: left; width: 280px;}
.f3_r{ float: right; width: 215px;}

.f4_l{ float: left; width: 260px;}
.f4_r{ float: right; width: 220px;}

.f5_l{ float: left; width: 220px;}
.f5_r{ float: right; width: 260px;}

.f6_l{ float: left; width: 382px;}
.f6_r{ float: right; width: 110px;}

.f7_l{ float: left; width: 332px;}
.f7_r{ float: right; width: 160px;}

#reform .f6_r img{ margin: 0 0 11px; vertical-align: bottom;}
#reform .f7_l img{ margin: 0 3px 0 0;}
#reform .f7_r h4{ line-height: 140%; font-size: 18px;}

.fa_l{ float: left; width: 80px;}
.fa_r{ float: right; width: 150px;}

/* --- LINE --- */

.line{ background: url(line.gif) no-repeat bottom;}

/* --- GET HIGHT --- */

.hght{
	margin: 0 0 20px;
	display: block;
	min-height: 0;
}
.hght:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hght{ display: inline-block;}
/* exclude ie mac \*/
* html .hght{ height: 1%;}
/* all brouser */

/* left navigation ********************************************/

#navi_left ul{ margin: 0; padding: 0; list-style: none;}
#navi_left li{
	margin: 0 0 8px;
	float: left;
	display: block;
	width: 185px;
	height: 20px;
	background: url(menu.gif) no-repeat top;
	line-height: 20px;
	font-size: 12px;
	color : #ff0000; 
	overflow: hidden;
}
#navi_left li a{
	padding: 0 0 0 15px;
	display: block;
	width: 170px;
	_width: 185px;
	height: 20px;
	text-decoration: none;
	color : #4a4700;
	text-align:left;
}
#navi_left li a:hover, #navi_left li#on{
	background: url(menu_r.gif) no-repeat top;
	color: #fff;
}
#navi_left li#on a{ color: #fff;}

#navi_left img{ margin: 0 0 10px;}

/* contents ********************************************/

/* --- INDEX --- */

#reform .clm2 p{ margin: 0 0 0.3em;}
#reform .clm3 p{ margin: 0 0 0.3em; text-align: center;}
.clm2 p a, .clm3 p a{
	padding: 0 0 0 11px;
	background: url(arrow.gif) center left;
}

#reform div#banners{ margin: 0 0 20px; clear: both; text-align: center;}

/* --- PLANNER --- */

#reform div#planner{
	margin: 0 0 15px;
	padding: 5px 10px 10px;
	clear: both;
	background: #faebd7;
}
#reform div#planner h3{
	margin: 0.35em 0 0;
	color: #630;
	line-height: 120%;
	font-size: 18px;
	font-weight: bold;
}
#reform div#planner .osusume{
	margin: 10px 0 0;
	padding: 10px 10px 0 4px;
	background: #fff;
}
.fp_l{ float: left;}
.fp_r{ float: right;}
#reform .fp_l p{ margin: 0 15px; padding: 0 0 5px; line-height: 140%;}
.fp_l img{ margin: 0 0 5px; vertical-align: bottom;}
.fp_r p{
	margin: 0;
	padding: 10px 10px 0;
	clear: both;
	background: url(osusume_bg_1.gif) no-repeat top;
}
.fp_r p span{ color: #30c; font-weight: bold;}
.fp_r .photo{ margin: -10px 0 0; background: url(osusume_bg_3.gif) no-repeat top #fff;}
.fp_r .photo .l{ margin: 0; padding: 25px 0 0; float: left; width: 145px;}
.fp_r .photo .r{ margin: 0; float: right; width: 80px;}
.fp_r .photo .r img{ margin: 0; vertical-align: bottom;}
.fp_r .images{ margin: 0; padding: 0 0 10px; width: 270px; background: #fff;}
#reform .fp_r .images img{ margin: 0; vertical-align: bottom;}
.fp_r .images .l{ margin: 0; float: left; width: 100px;}
.fp_r .images .r{ margin: 0; float: right; width: 160px;}
.kitchen .fp_l, .bath .fp_l{ width: 240px;}
.kitchen .fp_r, .bath .fp_r{
	width: 230px;
	background: url(osusume_bg_2.gif);
}

.toilet .fp_l{ width: 200px;}
.toilet .fp_r{
	width: 270px;
	background: url(toilet/osusume_bg_2.gif);
}
.toilet .fp_r p{ background: url(toilet/osusume_bg_1.gif) no-repeat top;}
.toilet .fp_r .photo{ margin: -10px 0 0; background: url(toilet/osusume_bg_3.gif) no-repeat top #fff;}

.catch{ margin-left: 10px;
padding:0 0 0 -20px;




}
#reform dl{ margin: 0;}
#reform dt{
	margin: 3px 0 10px;
	background: url(osusume_catch.gif) no-repeat left center;
	color: #fff;
	width: 220px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size:14px;
	font-weight: bold;	
}
#reform dd{
	margin: 0 0 3px;
	color: #630;
	font-size: 22px;
}
#reform .toilet dt{
	background: url(toilet/osusume_catch.gif) no-repeat left center;
	width: 180px;
}
#reform dd{
	font-size: 16px;
	font-weight: bold;
}




/* footer ********************************************/

#reform_footer{
	margin: 0 10px;
	padding: 15px 20px;
	border-top: solid 1px #a9a9a9;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
}
#reform_footer p{ margin: 0 0 8px;}


/* 20101101 ********************************************/

#tweet5{overflow:auto;width:510px;height:200px;margin:0 0 20px;}

#twitter_update_list{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 140%;
	text-align: left;
}
#twitter_update_list li{
	margin: 0 0 0.3em;
	padding: 0 0 0.3em;
	border-bottom: #d0d0b0 solid 1px;
}
#twitter-link{
	display:block;
	text-align: right;
	font-size: 90%;
}

/* 20101215 ********************************************/

#reform h3.voice{
	margin: 0 0 15px;
	padding:2 0 0 10px;
	color: #333;
	clear: both;
	width:512px;
	_width:522px;
	font-size: 14px;
	height:18px;
	_height:20px;
	font-weight: bold;
	background: url(bg_h3_voice.gif) no-repeat;
	text-align: left;

}

.voice_p{padding:0;width:100px;height:75px;}
.voice_t{padding:0;width:100px;height:20px;text-align:center;overflow: hidden;}
.vv_l{padding:0 0 0px;float:left;width:100px;}
p.tantou{padding:0 0 40px;float:right;width:400px;}

/* 20110125 ********************************************/

#reform h3.faq{
	margin: 0 0 15px;
	padding:2 0 0 10px;
	color: #0033cc;
	clear: both;
	width:512px;
	_width:522px;
	font-size: 14px;
	height:38px;
	_height:40px;
	font-weight: bold;
	background: url(bg_h3_faq.gif) no-repeat;
	text-align:left;

}

.red {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
	text-align:left;
}
.answer{
	text-align:left;
}


/* 20110106 ********************************************/

.rb_font{padding:0 0 10px;font-size:18px;color:#cc3333;line-height:20px;}


.f1a_l, .f1a_c, .f1a_r{ width: 165px;padding-bottom:20px;}

.f1a_l{ margin-right:6px; float: left;clear:both;}
.f1a_c{ float: left;}
.f1a_r{ float: right;}

.f2a_l{ float: left; width: 240px;padding-bottom:20px;clear:both;}
.f2a_r{ float: right; width: 240px;padding-bottom:20px;}



#navi_toi{
	margin:0 0 10px 0;
	padding:90px 0 0 7px;
	width: 178px;
	_width: 185px;
	height:110px;
	_height:200px;
	background: url(navi_toi.gif) no-repeat;
}

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

#navi_toi ul span{display:none;}

#navi_toi li{
	margin:0 0 3px;
	_margin:0 0 -1px;
	padding:0;
	display:inline;
	width: 172px;
	height: 49px;
	line-height:0;
}



#navi_toi li a{
	margin: 0 0 3px;
	padding:0;
	display: block;
	width: 172px;
	height: 49px;
	line-height:normal;
zoom: 1;
}

#navi_toi a:hover{ background-image: url(navi_toi.gif);}


#toib1_1 a:hover{ background-position: 179px -90px;
                  _background-position: 179px -90px;}
#toib1_2 a:hover{ background-position: 179px -143px;
                  _background-position: 179px -143px;}






/* 20110222 ********************************************/

#jyusyou{padding:0 0 20px;}


#jyusyou td{text-align:center;vertical-align:top;line-height:1;font-size:10px;}

#jyusyou td.jyusyou_l{text-align:center;vertical-align:top;line-height:1;font-size:10px;width:365px;}



#global_navi2{
	padding:0;
	margin:10px 0 0 0;
	position: absolute;
	top: 60px;
	left: 0;
	width: 737px;
	background: url(../images/g_navi.gif) no-repeat;
}

#global_navi2 ul.menu{padding:0;margin:0;}
#global_navi2 ul.menu li{padding:0;margin:0;}



#global_navi2 li#navi1 a{margin:0 0px 0 0px;padding:0;display:block;width:125px;height:35px;}
#global_navi2 li#navi2 a{margin:0 0px 0 0px;padding:0;display:block;width:123px;height:35px;}
#global_navi2 li#navi3 a{margin:0 0px 0 0px;padding:0;display:block;width:123px;height:35px;}
#global_navi2 li#navi4 a{margin:0 0 0 0;padding:0;display:block;width:124px;height:35px;}
#global_navi2 li#navi5 a{margin:0 0 0 0;padding:0;display:block;width:122px;height:35px;}
#global_navi2 li#navi6 a{margin:0 0 0 0;padding:0;display:block;width:120px;height:35px;}

#global_navi2 li#navi1 a:hover{ background-position: 0px 35px;background-image:url(../images/g_navi_r.gif);}
#global_navi2 li#navi2 a:hover{ background-position: -125px 35px;background-image:url(../images/g_navi_r.gif);}
#global_navi2 li#navi3 a:hover{ background-position: -248px 35px;background-image:url(../images/g_navi_r.gif);}
#global_navi2 li#navi4 a:hover{ background-position: -371px 35px;background-image:url(../images/g_navi_r.gif);}
#global_navi2 li#navi5 a:hover{ background-position: -495px 35px;background-image:url(../images/g_navi_r.gif);}
#global_navi2 li#navi6 a:hover{ background-position: -617px 35px;background-image:url(../images/g_navi_r.gif);}


/* pulldown */

#global_navi2 ul.menu{ zoom:1; z-index:100;}
#global_navi2 ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#global_navi2 ul.menu li{
	padding: 0;
	float:left;
	height: 35px;
	position:relative;
}

#global_navi2 ul.menu li div{padding: 7px 2px;}
#global_navi2 ul.menu li div.small{padding: 7px 2px;font-size:10px;}


* html #global_navi2 ul.menu li{ display:inline; zoom:1;}
*+html #global_navi2 ul.menu li{ display:inline; zoom:1;}

#global_navi2 ul.menu li#navi2 ul.sub a,
#global_navi2 ul.menu li#navi3 ul.sub2 a,
#global_navi2 ul.menu li#navi4 ul.sub3 a,
#global_navi2 ul.menu li#navi5 ul.sub4 a,
#global_navi2 ul.menu li#navi6 ul.sub5 a{
	display:block;
	width:115px;
	text-align: left;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	position:relative;
}

* html #global_navi2 ul.menu li ul.sub{ zoom:1; position:relative;}
*+html #global_navi2 ul.menu li ul.sub{ zoom:1; position:relative;}
* html #global_navi2 ul.menu li ul.sub2{ zoom:1; position:relative;}
*+html #global_navi2 ul.menu li ul.sub2{ zoom:1; position:relative;}
* html #global_navi2 ul.menu li ul.sub3{ zoom:1; position:relative;}
*+html #global_navi2 ul.menu li ul.sub3{ zoom:1; position:relative;}
* html #global_navi2 ul.menu li ul.sub4{ zoom:1; position:relative;}
*+html #global_navi2 ul.menu li ul.sub4{ zoom:1; position:relative;}
* html #global_navi2 ul.menu li ul.sub5{ zoom:1; position:relative;}
*+html #global_navi2 ul.menu li ul.sub5{ zoom:1; position:relative;}

#global_navi2 span{ display: none;}

#global_navi2 ul.menu li ul.sub li a{margin: 0;}
#global_navi2 ul.menu li ul.sub li a:hover{background:#240e11 url(../images/g_navi_pulldown_r.png) bottom repeat-x;}

#global_navi2 ul.menu li ul.sub2 li a{margin: 0;}
#global_navi2 ul.menu li ul.sub2 li a:hover{background:#240e11 url(../images/g_navi_pulldown_r.png) bottom repeat-x;}

#global_navi2 ul.menu li ul.sub3 li a{margin: 0;}
#global_navi2 ul.menu li ul.sub3 li a:hover{background:#240e11 url(../images/g_navi_pulldown_r.png) bottom repeat-x;}

#global_navi2 ul.menu li ul.sub4 li a{margin: 0;}
#global_navi2 ul.menu li ul.sub4 li a:hover{background:#240e11 url(../images/g_navi_pulldown_r.png) bottom repeat-x;}

#global_navi2 ul.menu li ul.sub5 li a{margin: 0;}
#global_navi2 ul.menu li ul.sub5 li a:hover{background:#240e11 url(../images/g_navi_pulldown_r.png) bottom repeat-x;}





#global_navi2 ul.menu li ul.sub li{
	float:none;
	height: auto;
	overflow: visible;
	background:url(../images/g_navi_pulldown_r.png) bottom repeat-x;
}

#global_navi2 ul.menu li ul.sub2 li{
	float:none;
	height: auto;
	overflow: visible;
	background:url(../images/g_navi_pulldown_r.png) bottom repeat-x;
}

#global_navi2 ul.menu li ul.sub3 li{
	float:none;
	height: auto;
	overflow: visible;
	background:url(../images/g_navi_pulldown_r.png) bottom repeat-x;
}

#global_navi2 ul.menu li ul.sub4 li{
	float:none;
	height: auto;
	overflow: visible;
	background:url(../images/g_navi_pulldown_r.png) bottom repeat-x;
}

#global_navi2 ul.menu li ul.sub5 li{
	float:none;
	height: auto;
	overflow: visible;
	background:url(../images/g_navi_pulldown_r.png) bottom repeat-x;
}



/* pulldown sub */

#global_navi2 ul.menu li ul.sub{
	margin: 0 0px 0 0px;
	width:115px;
	display:none;
	background: url(../images/g_navi_pulldown.png);
}

/* pulldown sub2 */

#global_navi2 ul.menu li ul.sub2{
	margin: 0 0px 0 0px;
	width:115px;
	display:none;
	background: url(../images/g_navi_pulldown.png);
}


/* pulldown sub3 */

#global_navi2 ul.menu li ul.sub3{
	margin: 0 0px 0 0px;
	width:115px;
	display:none;
	background: url(../images/g_navi_pulldown.png);
}


/* pulldown sub4 */

#global_navi2 ul.menu li ul.sub4{
	margin: 0 0px 0 0px;
	width:115px;
	display:none;
	background: url(../images/g_navi_pulldown.png);
}

/* pulldown sub5 */

#global_navi2 ul.menu li ul.sub5{
	margin: 0 0px 0 0px;
	width:115px;
	display:none;
	background: url(../images/g_navi_pulldown.png);
}
/* 20110603 ********************************************/


ul.left{
float:left;
padding:20px 0 20px 0;
line-height:220%;
}

ul.left2{
float:left;
padding:20px 0 20px 85px;
line-height:220%;
}

ul.left3{
float:left;
padding:20px 0 20px 85px;
line-height:220%;
}

ul.right{
float:right;
padding:20px 30px 20px 0;
line-height:220%;
}