@charset "Shift_JIS";

/*----------------------------------------------------
	#ƒŠƒZƒbƒg
----------------------------------------------------*/
* {font-size:100%;font-family:Verdana, '‚l‚r ‚oƒSƒVƒbƒN', sans-serifO,Osaka;}
body {font:13px "‚l‚r ‚oƒSƒVƒbƒN",arial,helvetica,clean,sans-serif; line-height:1.4;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,table,td,th,tr {font-size:100%;}
li {list-style-type:none;}

body a {overflow:hidden;}


/*----------------------------------------------------
	#‹¤—p
----------------------------------------------------*/
div #crumb {background:#e7f6ec; margin:0 10px 15px 10px; padding:5px 10px; line-height:1; font-size:77%;}
div #crumb a {text-decoration:underline;}

#service {margin:0 auto; width:780px; text-align:left; padding:0px;}
#service #contents {float:left; width:760px; padding:0 10px;}
#service div.footerunit {margin:10px;}
#service .pagetop {text-align:right; padding:6px 0 28px 0; clear:both;}

#serviceList {margin:0 auto; width:780px; text-align:left; padding:0px;}
#serviceList #contents {float: left; width: 760px; padding:0 10px;}
#serviceList div.footerunit {margin:10px;}
#serviceList .pagetop {text-align:right; padding:0 0 5px 0; clear:both;}

#serviceDetail {margin:0 auto; width:780px; text-align:left; padding:0px;}
#serviceDetail #contents {float: left; width: 760px; padding:0 10px;}
#serviceDetail div.footerunit {margin:10px;}
#serviceDetail .pagetop {text-align:right; padding:0 0 5px 0; clear:both;}


/*----------------------------------------------------
	#service
----------------------------------------------------*/
#service h1.service {
	height:25px;
	width:760px;
	display:block;
	background:url(../images/h1_service.gif) no-repeat;
	text-indent:-100000px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#service h2 {
	height:29px;
	width:760px;
	display:block;
	text-indent:-100000px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#service h2.aboutgas {background:url(../images/h2_service01.gif) no-repeat;}
#service h2.livingmate {background:url(../images/h2_service02.gif) no-repeat;}

#service div.aboutgas {
	padding-bottom:6px;
	margin-bottom:10px;
	background:url(../images/bg_service_table.gif) left bottom;}
	
#service div.livingmate {
	padding-bottom:6px;
	margin-bottom:10px;
	background:url(../images/bg_service_table.gif) left bottom;}

#service table {
	width:100%;
	border:none;
	margin:0;
	padding:0;}

#service .aboutgas table tr th {background:#e5e5e5; padding:4px 9px; border-top:1px solid #ccc; text-align:left; font-size:10px;}
#service .aboutgas table tr th.thleft {background:#e5e5e5 url(../images/bg_service_th-l.gif) 0 0 repeat-y;}
#service .aboutgas table tr th.thright {background:#e5e5e5 url(../images/bg_service_th-r.gif) 100% 0 repeat-y;}

#service table tr td {padding:4px 8px; border-top:1px solid #ccc; vertical-align:top; font-size:93%;}
#service table tr td.area {font-size:100%; font-weight:bold; width:80px;}
#service .livingmate table tr td.area {
	width:65px;
	background:url(../images/icon_service.gif) 10px 15px no-repeat;
	padding-left:25px;
}
#service table tr td.shoplist {width:85px;}
#service table tr td.shoplist a {
	height:19px;
	width:80px;
	display:block;
	text-indent:-100000px;
	overflow:hidden;
	margin:0;
	padding:0;
	background:url(../images/btn_service01.gif) 0 0 no-repeat;}	
#service table tr td.shoplist a:hover {
	background:url(../images/btn_service01.gif) 0 -20px no-repeat;}
#service table tr td.region ul li {width:70px; float:left;}
#service table tr td.region ul li a{text-decoration:underline;}

/*----------------------------------------------------
	#serviceList
----------------------------------------------------*/
#serviceList h1.service {
	height: 25px;
	width: 760px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-100000px;
	background: url(../images/h1_service.gif) no-repeat;}

/* •Ÿ‰ª�E–k‹ã�B�EŒF–{�E’·�è�E�²�¢•Û�E“‡Œ´ */
#serviceList ul.areaNavi {
	border-bottom:1px solid #ccc; 
	border-top:1px solid #ccc; 
	width:780; 
	height:25px; 
	font-size:14px; 
	font-weight:bold; 
	margin-bottom:10px;}
	
#serviceList ul.areaNavi li {
	float:left; 
	padding:3px 15px 2px 13px; 
	background:url(../images/icon_service.gif) 0 10px no-repeat;}
#serviceList ul.areaNavi li    a {color:#333;}
#serviceList ul.areaNavi li.on a {color:#05509d;}

/* ’n‹æ */
#serviceList ul.regionNavi {clear:both; display:block;}
#serviceList ul.regionNavi li {float:left; padding:0; width:70px;}
#serviceList ul.regionNavi li.one {float:left; padding:0; width: 100%;}
#serviceList ul.regionNavi li a {text-decoration:underline;}

#serviceList h2 {
	clear:both;
	width:740px;
	display:block;
	margin:0;
	padding:20px 10px 3px 10px;
	color:#fff;
	font-size:14px;
	background:url(../images/h2_service03.gif) 0 15px no-repeat;}

/* 50‰¹�‡ */
#serviceList ul.sNavi {clear:both; margin:0; padding:0;}
#serviceList ul.sNavi li {float:left; margin-bottom:10px;}
#serviceList ul.sNavi li a {display:block; height:30px; width:75px; text-indent:-100000px;}

#serviceList ul.sNavi li.sNa a {background:url(../images/bg_service_syllabarynavi.gif) 0 0 no-repeat; width:81px;}
#serviceList ul.sNavi li.sNk a {background:url(../images/bg_service_syllabarynavi.gif) -81px 0 no-repeat;}
#serviceList ul.sNavi li.sNs a {background:url(../images/bg_service_syllabarynavi.gif) -156px 0 no-repeat;}
#serviceList ul.sNavi li.sNt a {background:url(../images/bg_service_syllabarynavi.gif) -231px 0 no-repeat;}
#serviceList ul.sNavi li.sNn a {background:url(../images/bg_service_syllabarynavi.gif) -306px 0 no-repeat;}
#serviceList ul.sNavi li.sNh a {background:url(../images/bg_service_syllabarynavi.gif) -381px 0 no-repeat;}
#serviceList ul.sNavi li.sNm a {background:url(../images/bg_service_syllabarynavi.gif) -456px 0 no-repeat;}
#serviceList ul.sNavi li.sNy a {background:url(../images/bg_service_syllabarynavi.gif) -531px 0 no-repeat;}
#serviceList ul.sNavi li.sNr a {background:url(../images/bg_service_syllabarynavi.gif) -606px 0 no-repeat;}
#serviceList ul.sNavi li.sNw a {background:url(../images/bg_service_syllabarynavi.gif) -681px 0 no-repeat; width:79px;}

#serviceList ul.sNavi li.sNa a:hover {background:url(../images/bg_service_syllabarynavi.gif) 0 -30px no-repeat;}
#serviceList ul.sNavi li.sNk a:hover {background:url(../images/bg_service_syllabarynavi.gif) -81px -30px no-repeat;}
#serviceList ul.sNavi li.sNs a:hover {background:url(../images/bg_service_syllabarynavi.gif) -156px -30px no-repeat;}
#serviceList ul.sNavi li.sNt a:hover {background:url(../images/bg_service_syllabarynavi.gif) -231px -30px no-repeat;}
#serviceList ul.sNavi li.sNn a:hover {background:url(../images/bg_service_syllabarynavi.gif) -306px -30px no-repeat;}
#serviceList ul.sNavi li.sNh a:hover {background:url(../images/bg_service_syllabarynavi.gif) -381px -30px no-repeat;}
#serviceList ul.sNavi li.sNm a:hover {background:url(../images/bg_service_syllabarynavi.gif) -456px -30px no-repeat;}
#serviceList ul.sNavi li.sNy a:hover {background:url(../images/bg_service_syllabarynavi.gif) -531px -30px no-repeat;}
#serviceList ul.sNavi li.sNr a:hover {background:url(../images/bg_service_syllabarynavi.gif) -606px -30px no-repeat;}
#serviceList ul.sNavi li.sNw a:hover {background:url(../images/bg_service_syllabarynavi.gif) -681px -30px no-repeat;}

#serviceList ul.sNavi li.sNaoff a {background:url(../images/bg_service_syllabarynavi.gif) 0 -60px no-repeat; width:81px;}
#serviceList ul.sNavi li.sNkoff a {background:url(../images/bg_service_syllabarynavi.gif) -81px -60px no-repeat;}
#serviceList ul.sNavi li.sNsoff a {background:url(../images/bg_service_syllabarynavi.gif) -156px -60px no-repeat;}
#serviceList ul.sNavi li.sNtoff a {background:url(../images/bg_service_syllabarynavi.gif) -231px -60px no-repeat;}
#serviceList ul.sNavi li.sNnoff a {background:url(../images/bg_service_syllabarynavi.gif) -306px -60px no-repeat;}
#serviceList ul.sNavi li.sNhoff a {background:url(../images/bg_service_syllabarynavi.gif) -381px -60px no-repeat;}
#serviceList ul.sNavi li.sNmoff a {background:url(../images/bg_service_syllabarynavi.gif) -456px -60px no-repeat;}
#serviceList ul.sNavi li.sNyoff a {background:url(../images/bg_service_syllabarynavi.gif) -531px -60px no-repeat;}
#serviceList ul.sNavi li.sNroff a {background:url(../images/bg_service_syllabarynavi.gif) -606px -60px no-repeat;}
#serviceList ul.sNavi li.sNwoff a {background:url(../images/bg_service_syllabarynavi.gif) -681px -60px no-repeat; width:79px;}

#serviceList h3 {
	clear:both;
	width:740px;
	display:block;
	margin:0;
	padding:3px 10px 0 10px;
	color:#333; 
	font-size:14px;
	background:url(../images/h3_service01.gif) 0 0 no-repeat;}

/* ˆê——•\ */
#serviceList div.syllabary {
	margin:0 0 2px 0;
	padding:0 0 6px 0;
	background:url(../images/bg_service_table.gif) left bottom;}

#serviceList .syllabary table {
	width:100%; 
	border:none; 
	margin:0;
	padding:0; }
#serviceList .syllabary table a {text-decoration:underline;}

#serviceList .syllabary table tr th {background:#e5e5e5; padding:4px 9px; border-top:1px solid #ccc; text-align:left; font-size:10px;}
#serviceList .syllabary table tr th.thleft {background:#e5e5e5 url(../images/bg_service_th-l.gif) 0 0 repeat-y;}
#serviceList .syllabary table tr th.thright {background:#e5e5e5 url(../images/bg_service_th-r.gif) 100% 0 repeat-y;}

#serviceList .syllabary table tr td {padding:5px 8px; border-top:1px solid #ccc; vertical-align:top; font-size:100%;}
#serviceList .syllabary table tr td.syllabary {font-weight:bold; width:25px; text-align:center;}
#serviceList .syllabary table tr td.town {width:75px;}
#serviceList .syllabary table tr td.shop {width:105px;}
#serviceList .syllabary table tr td.zip {width:70px; font-size:85%;}
#serviceList .syllabary table tr td.address { font-size:85%;}
#serviceList .syllabary table tr td.tel {width:100px;}
#serviceList .syllabary table tr td.detail {width:65px;}

#serviceList .syllabary table tr td.detail a {
	height:19px;
	width:49px;
	display:block;
	text-indent:-100000px;
	overflow:hidden;
	margin:0;
	padding:0;
	background:url(../images/btn_service02.gif) 0 0 no-repeat;}
#serviceList .syllabary table tr td.detail a:hover {
	background:url(../images/btn_service02.gif) 0 -20px no-repeat;}

/*----------------------------------------------------
	#serviceDetail
----------------------------------------------------*/
#serviceDetail h1.service {
	height: 25px;
	width: 760px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-100000px;
	background: url(../images/h1_service.gif) no-repeat;}

#serviceDetail h2 {
	clear:both;
	width:740px;
	display:block;
	margin:0;
	padding:10px 10px 3px 10px;
	color:#fff;
	font-size:14px;
	background:url(../images/h2_service03.gif) 0 5px no-repeat;}
	
#serviceDetail h3 {	color:#333;	font-size:123.1%; width:740px; padding-bottom:5px; margin-bottom:10px; border-bottom:solid 1px #ccc;}
#serviceDetail h3 span.corp {color:#333; font-size:77%;}


#serviceDetail h4 {
	background:url(../images/h4_service01.gif) no-repeat;
	display:block;
	text-align:left;
	vertical-align:middle;
	height:22px;
	width:710px;
	font-size:86%;
	color:#333;
	font-weight:bold;
	padding:8px 0 0 30px;
	clear:both;
}

#serviceDetail div.detailbox { margin:0 0 2px 0; padding:10px; background:url(../images/bg_service_detailbox.gif) left bottom;}
	
#serviceDetail div#info { font-size:93%; color:#333; margin:10px 0; width:740px;}
#serviceDetail div#info img.lefty {padding:4px; margin:0 10px 10px 0; border:solid 1px #ccc;}

#serviceDetail iframe.map { border: 2px outset gray; width: 736px; height: 416px;}
#serviceDetail div.address { width:720px; text-align:left; background:#f8f8f8; font-size:93%; padding:10px;}
#serviceDetail div.address p#title { font-weight:bold; float:left;}
#serviceDetail div.address p#access { margin-left:80px; padding-left:10px; border-left: 2px solid #f5a1a3;}

#serviceDetail div#info div#shopsbox { padding-bottom:10px; border-bottom:dashed 1px #CCC;}

#serviceDetail div#info table#shops { margin-bottm:10px;}
#serviceDetail div#info table#shops th { font-weight:bold; text-align:left; width:70px; vertical-align:top;}
#serviceDetail div#info table#shops td { text-align:left;}

#serviceDetail div#info table#shopstt { margin-bottm:10px; margin-top:10px;}
#serviceDetail div#info table#shopstt th { font-weight:bold; text-align:left; width:70px; vertical-align:top;font-family:monospace, "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka�|“™•�", Osaka-mono}
#serviceDetail div#info table#shopstt td { text-align:left;font-family:monospace, "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka�|“™•�", Osaka-mono}


/*----------------------------------------------------
	#serviceAll
----------------------------------------------------*/
#serviceList .syllabary table tr td.shopname {font-weight:bold; width:80px;}
#serviceList .syllabary table tr td.fc {width:190px;}