@charset "euc-jp";

/*COMMON*/
body {
	background-image:url("../images/background.gif");
	background-repeat:repeat-y;
	background-position:top center;
	width:100%;
	color:#333333;
	font-family:'ＭＳ Ｐゴシック','Osaka','Arial','Helvetica','Verdana';
	margin:0px;
	padding:0px;
	background-color:#F2F1EC;
	scrollbar-arrow-color:#888888;
	scrollbar-base-color:#dddddd;
	scrollbar-darkshadow-color:#888888;
	scrollbar-highlight-color:#dddddd;
	scrollbar-shadow-color:#777777;
	scrollbar-track-color:#eeeeee;
}

img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

h1{margin:0px;}
h2{margin:0px;}
p{margin:0px;}
ol{margin-top:0px;margin-bottom:0px;}
ul{margin-top:0px;margin-bottom:0px;}

#body-master{margin:0 auto;width:900px;background:#ffffff url("../images/header-bg.gif") repeat-x top;}
.header-left{
	text-align:left;
	width:190px;
	float:left;
}
.header-gnavi{text-align:left;width:882px;float:left; clear:both;}
.header-right02{text-align:right;width:265px;float:right;}
	.header-leftmargin{margin:10px 0px 0px 15px;}
	.header-rightmargin{margin:7px 21px 0px 0px;}
	.header-pankuzu{margin:3px 0px 0px 25px;}

#header-navi {width:260px;}
#header-navi img { float:right; margin:0px 10px 0px 0px;}
.topbox {clear:both; margin:0px; width:900px;}
.c-both{clear:both;background:#ffffff;}
.header-title{margin:0px 0px 0px 0px;}
.boxmargin-top-s{ margin-top:1em;}
.boxmargin-top-m{ margin-top:2em;}
.boxmargin-top-l{ margin-top:3em;}
.boxmargin-s{ margin:1em 0 0.5em 0;}
.boxmargin-m{ margin:2em 0 0.5em 0;}
.boxmargin-l{ margin:3em 0 0.5em 0;}
#main-right {
	width:200px;
	float:right;
	clear: right;
	padding: 0px;
	margin-right: 20px;
	display:inline;
}
.local-navi-banner img { margin:4px 0px 0px 0px;}
#main-left {text-align:left; width:590px; padding:10px 0px 0px 50px;float:left;}
#gasinfo { margin-top:2px;background:#ebf5fd;}
div#gasinfo-con {margin-bottom:0px; width:196px; padding:7px 0 0px 0; background-color:#ebf5fd; border-left:1px solid #dee6ec; border-right:1px solid #dee6ec; margin:0px 2px;}
html>body div#gasinfo-con { width:194px;}

#pagetop{ width:645px; clear:both; margin-right:220px;}
#pagetop img { float:right; margin-top:25px;}
#foot-navi {width:900px; clear:both;}
#foot-navi img { float:right; margin:10px;}
#contents-footer { clear:both;}
#contents-footer img { margin: 10px auto 0px auto;}

	.main-image{margin:0px 0px 10px 0px;text-align:center;}
	.main-pankuzu{margin:10px 10px 0px 10px;text-align:left;}
	.main-text{margin:10px 10px 30px 10px;text-align:left;}
		.main-text-block{margin:0px 0px 10px 0px;}
.footer-left{width:400px;text-align:left;float:left;}
	.footer-leftmargin{margin:15px 0px 10px 5px;}
.footer-right{width:400px;text-align:right;float:right;}
	.footer-rightmargin{margin:15px 5px 10px 0px;}

/*LINK COLOR*/
A:link {text-decoration:underline; color:#13708E;}
A:visited {text-decoration:underline; color:#13708E;}
A:active {text-decoration:underline; color:#39839B;}
A:hover {text-decoration:underline; color:#39839B;}

/*GLOBAL NAVIGATION*/
.header-gnavi ul {width: 882px; padding:5px 0px 4px 17px;}
.header-gnavi ul li { float:left; list-style:none; font-size:0.1em;}
.header-gnavi ul li img{ border:none;}



/*GLOBAL NAVIGATION*/


.globalNav{
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}

.globalNav ul {
	width: 861px;
	margin-right: 19px;
	margin-left: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	height: 55px;
}
.globalNav ul li {
	float:left;
	list-style:none;
	font-size:0.1em;
	height: 55px;
	width: 287px;
	display: block;
	text-indent: -9999px;
}



.globalNav ul li a{
	display: block;
	height: 55px;
	width: 287px;
		background-repeat: no-repeat;	
	background-position: 0px 0px;
}


.globalNav ul li.nav01 a{
	background-image: url(../images/common/nav_01.gif);

	}
	
.globalNav ul li.nav02 a{
	background-image: url(../images/common/nav_02.gif);

	}

.globalNav ul li.nav03 a{
	background-image: url(../images/common/nav_03.gif);

	}


.globalNav ul li a:hover{
	background-position: 0px -55px;
}

.globalNav ul li img{ border:none;}


/*トップページ*/

#gohan{
	width: 630px;
	height: 171px;
	text-align: center;
	margin-bottom: 10px;
	}

.bluebox{
	background-color: #91d2e4;
	padding-top: 10px;
}

#maintopLbox{
	float: left;
	width: 630px;
	text-align: left;
	margin-left: 20px;
	display:inline;
}

#maintopLbox .moyori{
	width: 630px;
}

#maintopLbox .moyoribox{
	width: 530px;
	margin-right: 50px;
	margin-left: 50px;
}
#maintopLbox .moyori .lbox{
	float: left;
	margin-bottom: 15px;
}

#maintopLbox .moyoribox .sapporo{
	padding-top: 50px;
}

#maintopLbox .moyori .rbox{
	float: right;
	margin-bottom: 15px;
}

#maintopLbox h3.companyttl{
	width: 530px;
	margin-right: 50px;
	margin-left: 50px;}

#maintopLbox .company{
	width: 530px;
	margin-right: 50px;
	margin-left: 50px;
	background-image: url(../images/top/company_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

#maintopLbox .company table{
	border-collapse:collapse;
	width: 460px;
	margin-right: 35px;
	margin-left: 35px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}

#maintopLbox .company table th{
	border-collapse:collapse;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;
}

#maintopLbox .company table th.area{
	width: 40px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;

}

#maintopLbox .company table th.name{
	text-align: left;
	width: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#maintopLbox .company table td{
	border-collapse:collapse;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;

}

/*FLASH関連*/

#mainSwf{
	width: 860px;
	margin-right: 20px;
	margin-left: 20px;
	height: 220px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#bannerfla{
	width:200px;
	float:right;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display:inline;

}



#aboutSwf{
	height: 480px;
	width: 860px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.indexinfo01{width:150px;}
.indexinfo02{width:90px;}
.indexinfo03{width:405px;}
.indexinfo04{width:315px;}