@charset "utf-8";

/*

index.html -------- #index
news.html --------- #sub .news#contents
aisatsu.html ------ #sub .aisatsu#contents
price.html -------- #sub .price#contents
branch.html ------- #sub .branch#contents
sos.html ---------- #sub .sos#contents
service.html ------ #sub .service#contents
faq.html ---------- #sub .faq#contents
privacy.html ------ #sub .privacy#contents
sitepolicy.html --- #sub .privacy#contents
sitemap.html ------ #sub .sitemap#contents
siteigyousha.html - #sub .sitei#contents

*/

/* --- index.html --- #index ------------------------------------------------- */

#index #topimage{
	margin:0 15px;
}
#index #topimage .mainimg{
	float:left;
	width:444px;
	height:298px;
}

#index #topimage #osusume{
	float:left;
	width:336px;
	height:298px;
	background:url(../images/top-osusume-bg.gif) no-repeat left bottom;
}
#index #topimage #osusume div.box{
	margin:5px 10px;
	width:286px;
	height:115px;
	overflow:auto;
}
#index #topimage #osusume div.box div.item{
	width:253px;
	padding:8px 6px 8px 4px;
	margin-bottom:8px;
}
#index #topimage #osusume div.box div.item h3{
	font-size:113%;
}
#index #topimage #osusume div.box div.item p.date{
	color:#666666;

}
#index #topimage #osusume div.box div.item p.date span img{
	margin-left:1em;
	vertical-align:middle;
}
#index #topimage #osusume div.box div.item p.gaiyou{
	color:#666666;
	font-size:83%;
	line-height:1.2em;
}
#index #topimage #osusume div.box div.item p.syousai{
	font-size:83%;		
}
#index #topimage #osusume div.box div.item div.pic{
	float:right;
}
#index #topimage #osusume div.box div.blue{
	background:#ebf1fb;
}
#index #topimage #osusume div.box div.white{
	background:#FFFFFF;
	border-bottom:1px dotted #999999;
}
#index #branch{
	clear:both;
	margin:0 11px 14px 12px;
	background:url(../images/br-bg.gif) no-repeat left top;
	height:37px;
}
#index #branch ul{
	padding:4px 7px 4px 7px;
}
#index #branch ul li{
	float:left;
	height:29px;
}
#index #branch ul li a{
	display:block;
	height:29px;
}
#index #branch ul li.nishiosaka a{
	width:92px;
	background:url(../images/br-nishiosaka.gif) no-repeat left top;
}
#index #branch ul li.higashiosaka a{
	width:92px;
	background:url(../images/br-higashiosaka.gif) no-repeat left top;
}
#index #branch ul li.himeji a{
	width:80px;
	background:url(../images/br-himeji.gif) no-repeat left top;
}
#index #branch ul li.kitaosaka a{
	width:93px;
	background:url(../images/br-kitaosaka.gif) no-repeat left top;
}
#index #branch ul li.minamiosaka a{
	width:92px;
	background:url(../images/br-minamiosaka.gif) no-repeat left top;
}
#index #branch ul li.kobe a{
	width:81px;
	background:url(../images/br-kobe.gif) no-repeat left top;
}
#index #branch ul li.nara a{
	width:81px;
	background:url(../images/br-nara.gif) no-repeat left top;
}
#index #branch ul li.kyoto a{
	width:81px;
	background:url(../images/br-kyoto.gif) no-repeat left top;
}
#index #branch ul li.amagasaki a{
	width:80px;
	background:url(../images/br-amagasaki.gif) no-repeat left top;
}
#index #branch ul li a:hover{
	background-position:left bottom;
}
#index #branch ul li span{
	display:none
}
#index #left{
	float:left;
	width:266px;
	margin-bottom:40px;
}
#index #left div.banner{
	margin-left:14px;
	position: relative;
}

#index #container .inner #left .banner p.sos_banner {
	font-size: 83%;
	line-height: 1.3em;
	position: absolute;
	left: 13px;
	top: 45px;
	width: 140px;
}


#index #right{
	float:left;
	margin-bottom:40px;
}
#index #right #ourservice{
	margin:0 0 0 9px;
	background:url(../images/top-ourservice-bg.gif) no-repeat left top;
	width:521px;
}
#index #right #ourservice h2{

	padding:8px 0 0 152px;
	color:#FFFFFF;
}
#index #right #ourservice p{
	margin:10px 160px 5px 5px;
}
#index #right #news{
	background:url(../images/top-news-bg.gif) repeat-y left top;
	width:530px;
	margin:5px 0 0 5px;
}
#index #right #news ul{
	background:url(../images/top-news-footer.gif) no-repeat left bottom;
	padding:0 12px 10px 12px;
}
#index #right #news ul li{
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #999999;
}
#index #right #news ul hr{
	background:#FFFFFF;
	color:#FFFFFF;
	border:none;
	border-top:1px dotted #999999;
	margin:0;
	padding:0;
}

/* --- news.html --- #sub .news#contents ------------------------------------------------- */

#sub .news#contents h2{
	margin:0;
	padding-bottom:10px;
}
#sub .news#contents h2 span{
	display:none;
}

#sub .news#contents ul.news{
	margin:8px;
	width:770px;
	border-top:1px dotted #aaaaaa;
}

#sub .news#contents li.article{
	padding:8px;
	border-bottom:1px dotted #aaaaaa;
	color:#333333;
}

/* --- aisatsu.html --- #sub .aisatsu#contents ------------------------------------------------- */

#sub .aisatsu#contents h2{
	background:url(../images/aisatsu-h2.gif) no-repeat left top;
	width:650px;
	height:25px;
	padding:15px 10px 10px 120px;
}
#sub .aisatsu#contents h2 span{
	display:none;
}

#sub .aisatsu#contents div.text{
	width:500px;
	float: left;
	margin-left: 10px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #aaa;
	}

#sub .aisatsu#contents div.text p{
	margin: 10px 0px;
}

#sub .aisatsu#contents div.text ul{
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}
#sub .aisatsu#contents div.text li{
	margin:0 10px 8px;
	padding-left:12px;
	background:url(../images/sitemap-point.gif) no-repeat left 4px;
	font-weight:bold;
}

#sub .aisatsu#contents div.photo{
	width:240px;
	float: left;
	padding-left: 10px;
	}
#sub .aisatsu#contents div.sign{
	text-align: right;
	margin-top: 40px;
	}

/* --- price.html --- #sub .price#contents ------------------------------------------------- */

#sub .price#contents h2{
	background:url(../images/price-h2.gif) no-repeat left top;
	width:780px;
	height:83px;
	padding-bottom:5px;
}

#sub .price#contents h2 span{
	display:none;
}

#sub .price#contents div.pricelist{
	background:url(../images/price-morisue.jpg) no-repeat right bottom;
	margin-bottom:10px;
	margin-left:7px;
	margin-top: 5px;
}
#sub .price#contents table.blue td span{
	font-size:113%;
	color:#0033cc;
	font-weight:bold;
}
#sub .price#contents p{
	margin-left:7px;
	margin-bottom:2em;
}
#sub .price#contents h3{
	margin-left:7px;
	font-weight:bold;
	line-height:2em;
}
#sub .price#contents span{
	color:#ff9900;
}
#sub .price#contents h4{
	margin-left:7px;
	font-weight:bold;
	line-height:2em;
}

/* --- branch.html --- #sub .branch#contents ------------------------------------------------- */
#sub .branch#contents h2{
	background:url(../images/branch-h2.gif) no-repeat left top;
	width:780px;
	height:83px;
	padding-bottom:5px;
}

#sub .branch#contents h2 span{
	display:none;
}

#sub .branch#contents{
	padding-bottom:60px;
}
#sub .branch#contents table{
	width:528px;
	margin:0 0 40px 7px;
}
#sub .branch#contents table th a{
	display:block;
	padding-left:20px;
	background:url(../images/branch-point.gif) no-repeat left 3px;
}

/* --- sos.html --- #sub .sos#contents ------------------------------------------------- */

#sub .sos#contents h2{
	background:url(../images/sos-h2.gif) no-repeat left top;
	width:430px;
	height:70px;
	padding:14px 0px 0px 350px;
	color: #000099;
	line-height: 120%;
}
#sub .sos#contents h2 span{
	display:none;
}

#sub .sos#contents h4{
	font-weight:bold;
	font-size: 116%;
	background-image: url(../images/sos-h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#sub .sos#contents h5{
	font-weight:bold;
	margin-top: 10px;
	margin-left: 10px;
}

#sub .sos#contents div#ibutsu{
	margin:5px;
	zoom:100%;
}
#sub .sos#contents div#genin:after{
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#sub .sos#contents div#ibutsu .head{
	margin-bottom:10px;
	width:770px;
}

#sub .sos#contents div#ibutsu .head h4{
	margin-bottom:-10px;
}
#sub .sos#contents div#ibutsu .head p#genin01{
	float:left;
	font-size:120%;
}

#sub .sos#contents div#ibutsu .head p#toraburu{
	font-size:120%;
	margin-left:385px;
}

#sub .sos#contents div#ibutsu .head:after{
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}	
#sub .sos#contents div#ibutsu div.kitchen{
	width:770px;
	height:180px;
	background:url(../images/kitchin.gif) left top no-repeat;
	border-bottom:1px dashed #999999;
}
#sub .sos#contents div#ibutsu div.bath{
	margin-top:10px;
	width:770px;
	height:180px;
	background:url(../images/bath.gif) left top no-repeat;
	border-bottom:1px dashed #999999;
}
#sub .sos#contents div#ibutsu div.toilet{
	margin-top:10px;
	width:770px;
	height:180px;
	background:url(../images/toilet.gif) left top no-repeat;
	border-bottom:1px dashed #999999;
}
#sub .sos#contents div#ibutsu div.gesui{
	margin-top:10px;
	width:770px;
	height:180px;
	background:url(../images/gesui.gif) left top no-repeat;
	border-bottom:1px dashed #999999;
}
#sub .sos#contents div#ibutsu div.left{
	float:left;
	width:370px;
	height:180px;
	color:#4b4b4b;
}

#sub .sos#contents div#ibutsu div.right{
	float:right;
	width:385px;
	height:180px;
	color:#4b4b4b;
}
#sub .sos#contents .sos#ibutsu:after{
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

#sub .sos#contents .sos#ibutsu {
	min-height: 1%;
	display: inline-table;
	}

#sub .sos#contents div#ibutsu h5{
	font-weight:bold;
	margin-bottom:10px;
}
#sub .sos#contents div#ibutsu .right h5{
	font-weight:bold;
	font-size:120%;
	color:#ff7a00;
	margin-bottom:5px;
}
#sub .sos#contents div#ibutsu p{
	font-size:83%;
	line-height:1.2em;
}
#sub .sos#contents div#ibutsu p#kitchin,
#sub .sos#contents div#ibutsu p#gesui{
	margin:55px 5px 0 180px;
	font-size:83%;
	line-height:1.2em;
}
#sub .sos#contents div#ibutsu p#bath{
	margin:55px 5px 0 180px;
	font-size:83%;
	line-height:1.2em;
}
#sub .sos#contents div#ibutsu p#toilet{
	margin:50px 5px 0 180px;
	font-size:83%;
	line-height:1.2em;
}
#sub .sos#contents div#ibutsu .right p{
	margin-left:1.3em;
	font-size:120%;
	line-height:1.2em;
	color:#000000;
}
#sub .sos#contents .sos#genin:after{
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

#sub .sos#contents .sos#genin {
	min-height: 1%;
	display: inline-table;
	}
#sub .sos#contents div#mizumore{
	float:left;
	margin-left:5px;
	margin-bottom:10px;
}
#sub .sos#contents div#mizumore div{
	width:380px;
	height:183px;
	background:url(../images/sos-mizumore.gif) no-repeat left top;
}
#sub .sos#contents div#mizumore div p{
	padding:28px 40px 108px 185px;
}
#sub .sos#contents div#toiletmore{
	float:left;
	margin-bottom:10px;
}
#sub .sos#contents div#toiletmore div{
	width:387px;
	height:183px;
	background:url(../images/sos-toiletmore.gif) no-repeat left top;
}
#sub .sos#contents div#toiletmore div p{
	padding:28px 40px 108px 200px;
}
#sub .sos#contents div#tel{
	margin:30px 6px 0 5px;
	background: #4c85ed url(../images/sos-tel-footer.jpg) no-repeat left bottom;

}
#sub .sos#contents div#tel h3{
	background:url(../images/sos-tel-header.jpg) no-repeat left top;
	text-align:center;
	font-size:133%;
	font-weight:bold;
	color:#FFFFFF;
	padding:30px 0;
}


/* --- service.html --- #sub .service#contents ------------------------------------------------- */


#sub .service#contents{
	background:url(../images/service-contents-bg.jpg) no-repeat right bottom;
	padding-bottom:190px;
	margin-bottom:50px;
}
#sub .service#contents h2{
	width:780px;
	height:83px;
	background:url(../images/service-h2.gif) no-repeat left top;
	margin:0;
	padding-bottom:5px;
}

#sub .service#contents h2 span{
	display:none;
}

#sub .service#contents div.col{
	background:url(../images/service-box-header2.gif) no-repeat left top;
	margin:0 10px 0 7px;
}
#sub .service#contents div.col div.boxL{
	float:left;
	width: 376px;
}
#sub .service#contents div.col div.boxR{
	float:right;
	width: 376px;
}
#sub .service#contents div.col h3{
	font-size:150%;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
}
#sub .service#contents div.col p{
	margin:10px;
	line-height:1.2em;
}
#sub .service#contents div.box{
	clear:both;
	background:url(../images/service-box-header.gif) no-repeat left top;
	margin:0 397px 0 7px;
}
#sub .service#contents div.box h3{
	font-size:150%;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
}
#sub .service#contents div.box p{
	margin:10px;
	line-height:1.2em;
}
/* --- faq.html --- #sub .faq#contents ------------------------------------------------- */

#sub .faq#contents h2{
	width:380px;
	height:73px;
	background:url(../images/faq-h2.gif) no-repeat left top;
	padding:14px 0px 0px 400px;
	line-height: 120%;
	color: #000099;
}
#sub .faq#contents h2 span{
	display:none;
}
#sub .faq#contents div.fukidashi{
	background:url(../images/faq-fukidashi-bg.jpg) no-repeat right bottom;
	margin-bottom:14px;
	padding-bottom:43px;
}
#sub .faq#contents div.fukidashi div.qbox{
	background:url(../images/faq_fukidashi-body.gif) repeat-y left top;
	margin:0 317px 0px 13px;
}
#sub .faq#contents div.fukidashi div.qbox dl{
	padding:10px 32px 20px 8px;
	background:url(../images/faq_fukidashi-header.gif) no-repeat left top;
}
#sub .faq#contents div.fukidashi div.qbox dl dt{
	background:url(../images/faq-fukidashi-title-bg.gif) repeat-x left top;
	padding:5px;
	color:#FFFFFF;
	font-size:113%;
	font-weight:bold;
}
#sub .faq#contents div.fukidashi div.qbox dl dt.toilet{
	margin-bottom:10px;
}
#sub .faq#contents div.fukidashi div.qbox dl dt.jaguchi{
	margin-top:20px;
	margin-bottom:10px;
}
#sub .faq#contents div.fukidashi div.qbox dl dd{
	font-size:83%;
	background:url(../images/faq-fukidashi-point.gif) no-repeat left 3px;
	padding-left:20px;
	margin-left:10px;
}

#sub .faq#contents div.QandA div.box{
	background:url(../images/faq-bg.gif) repeat-x left bottom;
	padding:20px 10px 10px 10px;
	margin-top:20px;
	border-top:1px dotted #999999;
}
#sub .faq#contents div.QandA div.long{
	background:url(../images/faq-bg-long.gif) repeat-x left bottom;
	padding:20px 10px 10px 10px;
	margin-top:20px;
	border-top:1px dotted #999999;
}
#sub .faq#contents div.QandA div.box h4{
	background:url(../images/faq-q.gif) no-repeat left 4px;
	padding:5px 10px 5px 30px;
	color:#2457b7;
	font-size:113%;
	font-weight:bold;
}
#sub .faq#contents div.QandA div.box p{
	background:url(../images/faq-a.gif) no-repeat left 4px;
	padding:5px 10px 5px 30px;
	color:#777777;
}
#sub .faq#contents div.QandA p.gotop{
	font-size:75%;
	text-align:right;
	padding:10px 0;
}
#sub .faq#contents div.QandA p.gotop a{
	text-decoration:none;
}
#sub .faq#contents div.QandA p.gotop img{
	vertical-align:middle;
}

/* --- privacy.html --- #sub .privacy#contents ------------------------------------------------- */
/* --- sitepolicy.html --- #sub .privacy#contents ------------------------------------------------- */

#sub .privacy#contents h3{
	background:url(../images/sitepolicy-h3-bg-l.jpg) no-repeat left top;
	width:11.5em;
	height:30px;
	padding:auto;
	margin:0 0 20px 0;
	font-size:113%;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1em;
}
#sub .privacy#contents h3 span{
	display:block;
	width:100%;
	height:14px;
	padding:8px 10px;
	background:url(../images/sitepolicy-h3-bg-r.jpg) no-repeat right top;	
}
#sub .privacy#contents div.box{
	border-bottom:1px dotted #999999;
	margin:0 10px 20px 10px;
	padding-bottom:20px;
}
#sub .privacy#contents h4{
	font-weight:bold;
	margin-bottom:15px;
}
#sub .privacy#contents p{
	margin-bottom:10px;
}
#sub .privacy#contents ul{
	margin:0 20px 20px 20px;
}
#sub .privacy#contents ul li span{
	color:#FF6600;
}

/* --- sitemap.html --- #sub .sitemap#contents ------------------------------------------------- */
#sub .sitemap#contents h2{
	margin:0;
	padding-bottom:5px;
}
#sub .sitemap#contents{
	margin-bottom:180px;
}
#sub .sitemap#contents .contentslist{
	margin:0;
	height: 20px;
	clear: both;
}

#sub .sitemap#contents ul#left{
	float:left;
	width:260px;
}
#sub .sitemap#contents ul#left li,
#sub .sitemap#contents ul#branch li{
	margin:0 0 0 10px;
	padding-left:12px;
	background:url(../images/sitemap-point.gif) no-repeat left 4px;
	font-weight:bold;
}
#sub .sitemap#contents ul#left li ul{
	margin:10px 0;
}
#sub .sitemap#contents ul#left li ul li{
	font-weight:normal;
}
#sub .sitemap#contents ul#branch{
	float:left;
	width:250px;
}
#sub .sitemap#contents ul#branch li ul li{
	font-weight:normal;
	background:none;
	padding:0;
}
#sub .sitemap#contents ul#right{
	float:left;
	width:260px;
}
#sub .sitemap#contents ul#right li{
	margin:0 10px 15px 10px;
	padding-left:12px;
	background:url(../images/sitemap-point.gif) no-repeat left 4px;
	font-weight:bold;
}

/* --- siteigyousha.html --- #sub .sitei#contents ------------------------------------------------- */

#sub .sitei#contents h2{
	margin:0;
}
#sub .sitei#contents h2 span{
	display:none;
}
#sub .sitei#contents h3{
	color:#333333;
	font-size:133%;
	font-weight:bold;
	background-image: url(../images/sos-h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 15px;
	}

#sub .sitei#contents h4{
	color:#333333;
	margin-bottom: 8px;
	margin-left: 5px;
}
#sub .sitei#contents div.bango_left{
	width:340px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
#sub .sitei#contents div.bango_right{
	width:340px;
	float: right;
	margin-bottom: 20px;
	margin-right: 20px;
	}
#sub .sitei#contents .bango_left table,
#sub .sitei#contents .bango_right table{
	margin:8px;
	width: 98%;
}

#sub .sitei#contents .bango_left table th,
#sub .sitei#contents .bango_right table th{
	background-color: #d6e2f7;
	padding: 4px;
}

#sub .sitei#contents .bango table td{
	font-size:83%;
	padding: 0px 4px;
}


/**/
div#ibutsu:after {
	font-size: 1px;
	color: #ffffff;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	}
div#ibutsu {
	min-height: 1%;
	display: inline-table;
	}
* html div#ibutsu  {
	height: 1%;
	}
div#ibutsu  {
	display: block;
	}
div#genin:after {
	font-size: 1px;
	color: #ffffff;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	}
div#genin {
	min-height: 1%;
	display: inline-table;
	}
* html div#genin  {
	height: 1%;
	}
div#genin  {
	display: block;
	}