@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;
}

h1{margin:0px;}
h2{margin:0px;}
h3{margin:0px;}
h4{margin:0px;}
p{margin:0px;}
ol{margin-top:0px;margin-bottom:0px;}
ol li { margin-left:2em;}
ul{margin-top:0px;margin-bottom:0px;}
.table ul li { margin-left:2em;}
#body-master{margin:0 auto;width:900px;background:#ffffff;}
.header-left{text-align:left;width:620px;float:left;}
.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:3px 10px 10px 0px;}

.c-both{clear:both;background:#ffffff;}
.header-title{margin:0px 0px 0px 0px;}
#main-left {text-align:left; width:645px; padding:10px 0px 0px 25px;float:left;}
.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;}
.line-height-s {line-height:1.2em}
.line-height-m {line-height:1.4em}
.line-height-l {line-height:1.7em}
#main-right {width:200px; float:right; padding:0px 10px;}
.local-navi-banner img { margin:4px 0px 0px 0px;}
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 0px 0px 2px;}
html>body div#gasinfo-con { width:194px; margin-left:1px;}
#gasinfo { margin-top:2px;}
div#gasinfo-con p {text-align:left; margin:0px; padding:2px 0 0px 5px; color:#4D4D4D; border-bottom:1px solid #dee6ec;}
div#gasinfo-con p a { display:block; margin:5px 0; padding:0 0 0 15px; background:url("../images/gasinfo-arrow.gif") no-repeat 5px 0.4em;  color:#4D4D4D; text-decoration:none;}
#gasiinfo-ichiran {margin:5px 5px 0px 117px;}
html>body div#gasiinfo-ichiran { width:190px;}
#gasiinfo-bottom { font-size:10%; clear:both;}
#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; background:url("../images/footer-bg.gif") no-repeat center 20px; text-align:left; padding-left:19px; height:33px; padding-top:20px;}

	.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;}

.pdf{padding-left:30px;background-image: url(../images/point-pdf.gif);background-position: top left;background-repeat: no-repeat;}
.link{padding-left:30px;background-image: url(../images/point-link.gif);background-position: top left;background-repeat: no-repeat;}

.spacing { letter-spacing:0.1em;}
.bold{font-weight:bold;}
.red{color:#E10D44;}
.orange{color:#EF9D00;}
.green{color:#7EBB36;}
.blue{color:#23347B;}
.gray{color:#999999;}
.white {color:#FFFFFF;}
.top{vertical-align:top;}
.bottom{vertical-align:bottom;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.center table{ margin: auto;}
.left-mgn-s { margin-left:0.5em;}
.left-mgn-m { margin-left:1em;}
.left-mgn-l { margin-left:2em;}

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

/*TABLE*/
table{border-collapse: collapse; padding:0px; margin: 0; border: 0;}
.table{padding:3px 3px 3px 3px;}
.table-l{padding:6px 6px 6px 6px;}
.table-gas{padding:3px 3px 3px 40px;}
.underline{border-bottom:1px solid #cccccc;}
.underline-2{border-bottom:1px solid #eeeeee;}
.box{border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.box-gaskiki01{border-left:1px solid #C9C9C9;}
.box-gaskiki02{border-right:1px solid #C9C9C9;}
.box-gaskiki03{border-left:1px solid #C9C9C9;border-right:1px solid #C9C9C9;}
.title-01{background-color:#ECF5FC;}
.title-02{background-color:#EAE3EB;}
.title-03{background-color:#BCCBC4;}
.title-04{background-color:#E4E4E4;}
.title-05{background-color:#F5F5CE;}
.title-06{background-color:#F7E9EE;}
.title-07{background-color:#666666;}



/*TOPPAGE*/
.top-links{margin:0px 0px 2px 0px;}

.page-title-01 {
	background-image:url("../images/title_bg.gif");
	background-repeat:no-repeat;
	background-position:top left;
  padding:8px;
  margin-bottom:10px;
  border-top:#3A246C 1px solid;
  color:#3A246C;
  font-size:0.9em;
  line-height:1.4em;
}
.page-title-02 {
  padding:8px 0px;
  margin-bottom:10px;
  color:#3A246C;
  font-size:0.9em;
  line-height:1.4em;
}

.pa dt {
 color:#3A246C;
 font-weight:bold;
 border-bottom:dotted 1px #D5D5D5;
 padding:10px 0px 5px 0px;
}
.pa dd {
 padding:5px 0px 5px 20px;
 margin:0px;
}
.pa_top {
 padding:10px 0px;
 text-align:right;
}

.title-gray {border-collapse: collapse; padding:0px; margin: 0 auto; border: 0; width:100%;}
.title-gray th { text-align:left; color:#4d4d4d; background-color:#ebebeb; border:#CCCCCC solid 1px; margin:0px; padding:10px;}
.title-gray td { color:#4d4d4d; background-color:#ffffff; border:#CCCCCC solid 1px; margin:0px; padding:10px;}
.atantion {background-color:#ebebeb; padding:10px 10px 10px 0px; color:#ef3247; font-weight:bold;}
.atantion img { margin:0 10px; vertical-align: middle; float:left;}
.padding-3px { padding:3px; }
.padding-5px { padding:5px; }

.indexinfo01{width:150px;}
.indexinfo02{width:90px;}
.indexinfo03{width:405px;}

.indexreport01{width:150px;}
.indexreport02{width:495px;}

/*CMS*/
#cms-icon { float:left; width:80px; border:none;}
#cms-date { float:right; width:500px; text-align:right; border:none;}
#cms-titel { clear:both; font-size:140%; color:#4e4e4e;font-family:'£Í£Ó £Ð¥´¥·¥Ã¥¯','Osaka','Arial','Helvetica','Verdana'; padding: 10px 0 20px 0px;}
#relatedlink { padding-top: 20px;}
.relatedlink-url a {background:url(../images/kanren-url.gif) left 3px 
no-repeat; padding:0px 0px 0px 50px; display:block;}
.relatedlink-pdf a {background:url(../images/kanren-pdf.gif) left 3px 
no-repeat; padding:0px 0px 0px 50px; display:block;}
#allitem { text-align:center; clear:both; padding:40px 0px 0px 0px; 
font-size:110%;}

/*20100401*/
.header-left-logo {text-align:left;width:505px;float:left;}
.header-left-n02 ul {width: 505px;}
.header-left-n02{text-align:left;width:498px;float:left;padding:17px 0px 4px 3px;height:40px;}

	.header-left-n02:after {
		content: "";
		display: block;
		clear: both;
		height:0;
		visibility: hidden;
	}
	/*\*/
	* html .header-left-n02{
		height: 1em;
		overflow: visible;
	}
	/**/
	.header-left-n02{
		display: inline-table;
	}
.header-right02-n02{text-align:right;width:388px;float:right; padding:0px 3px 4px 0px; height:57px;}
	.header-right02-n02:after {
		content: "";
		display: block;
		clear: both;
		height:0;
		visibility: hidden;
	}
	/*\*/
	* html .header-right02-n02{
		height: 1em;
		overflow: visible;
	}
	/**/
	.header-right02-n02{
		display: inline-table;
	}
.header-left-n02 ul li { float:left; list-style:none; font-size:0.1em;}
.header-left-n02 ul li img{ border:none;}
.header-right02-n02 ul {width: 388px;}
.header-right02-n02 ul li { float:left; list-style:none; font-size:0.1em;}
.header-right02-n02 ul li img{ border:none;}

.header-left-n03 ul {width: 894px;}
.header-left-n03{text-align:left;width:894px;float:left;padding:17px 0px 4px 3px;height:40px;}

	.header-left-n03:after {
		content: "";
		display: block;
		clear: both;
		height:0;
		visibility: hidden;
	}
	/*\*/
	* html .header-left-n03{
		height: 1em;
		overflow: visible;
	}
	/**/
	.header-left-n03{
		display: inline-table;
	}

.header-left-n03 ul li { float:left; list-style:none; font-size:0.1em;}
.header-left-n03 ul li img{ border:none;}
/*Only Otaru --company.php*/
.company_width { width: 150px;}