@charset "shift-jis";

/*------------------------------------------------------------------------------
	The Japan Gas Association - Base TOP CSS Modules
	URL: http://www.gas.or.jp/
	Date: 2007-08-29
	(C) Copyright The Japan Gas Association. All Rights Reserved.
	
	1. Reset
	1-1. ClearFix
	2. Wrapper
	3. Header
	4. Navigation
	5. Main image
	6. Contents
	6-1. main contents
	6-2. sub contents
	7. Fotter
	
	Next. Second page
------------------------------------------------------------------------------*/

/* 1.Reaset
----------------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	}

body {
	color: #333;
	background-color: #f3f3f3;
	text-align: center; /* ie5 */
	}

/* --------------------------- FireFox Right ScrollBar Start */

body { overflow-y: scroll; }

/* ----------------------------- FireFox Right ScrollBar End */

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

img,a img {
	vertical-align: bottom;
	border: none;
	background: transparent;
	}

table {
	border-spacing: 0;
	border-collapse: collapse;
	}

td { vertical-align: top; }

ul,ol,dl{ list-style: none; }

li{
  display: list-item;
	}

em,address,dfn{ font-style: normal; }

/* 1-1.ClearFix ====================*/

/* modern browsers */

.col2-pict:after,
#col2-text:after,
#col3-text:after,
#col2-list:after,
#col3-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* IE7 */

.col2-pict,
#col2-text,
#col3-text,
#col2-list,
#col3-list {
	display: inline-block;
	}

/* legacy IE */

* html .col2-pict,
* html #col2-text,
* html #col3-text,
* html #col2-list,
* html #col3-list {
	height: 1%;
	}

.col2-pict,
#col2-text,
#col3-text,
#col2-list,
#col3-list {
	display: block;
	}

/* End of ClearFix */

/* 2.wrapper
----------------------------------------------------*/

#wrapper {
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	width: 718px;
	text-align: left; /* ie5 */
	background-color: #fff;
	}

/* 3.header
----------------------------------------------------*/

#header {
	width: 718px;
	margin-top: 5px;
	position: relative;
	}

#header dl { width: 550px; }

#header dt { font-size: 80%; }

#header h1 { font-size: 200%; }

#header h1 a {
	color: #333;
	text-decoration: none;
	}

#header h1 {
	background: url(../images/header.gif) no-repeat 0 1em ; }

#header div {
	position: absolute;
	top: 0;
	right: 0;
	}

#header div li {
	padding:0 5px;
	text-align: center;
	border-left: 1px solid gray;
	float: left;
	font-size: 80%;
	}

#header div li a {
	color: #333;
	text-decoration: none;}

#header div li.right { border-right: 1px solid gray; }

/* 4.navigation
----------------------------------------------------*/

#nav {
	width: 718px;
	height: 2.5em;
	border-top: 4px solid #3c91ff;
	background: url(../images/btn_navi.gif) no-repeat top;
	}

* html #nav {
	height: 45px; /* ie5 */
	}

#nav li { float: left; }

#nav li a {
	padding-top: 10px;
	height: 30px;
	display: block;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	}

* html #nav li a {
	height: 40px;
	}


#nav li a.company   { width:95px; background:url(../images/btn_navi2.gif) no-repeat right;  }

#nav li a.charge    { width:95px; background:url(../images/btn_navi2.gif) no-repeat right;  }

#nav li a.products  { width:95px; background:url(../images/btn_navi2.gif) no-repeat right;  }

#nav li a.safety    { width:120px; background:url(../images/btn_navi2.gif) no-repeat right; }

#nav li a.emergency { width:120px; background:url(../images/btn_navi2.gif) no-repeat right; }

#nav li a.contract  { width:192px; background:url(../images/btn_navi2.gif) no-repeat right;}

/* 5.main image
----------------------------------------------------*/

#main-image {
	position: relative;
	padding-top: 10px;
	padding-bottom: 1em;
	border-bottom: 5px solid #3c91ff;
	}

#main-image p{
	position: absolute;
	top: 100px;
	left: 300px;
	font-size: 110%;
	line-height:1.0;
	}

/* 6.contents
----------------------------------------------------*/

#contents {
	margin-top:1em;
	padding-bottom:20px;
	width: 718px;
	border-bottom: 5px solid #3c91ff;
	}

/* 6-1.main contents --------------*/

#contents #main {
	width: 465px;
	float: left;
	}

#main .press-release {
	margin: 20px 0 7px;
	width: 465px;
	height: 233px;
	}

#content-news


#info {
width:580px;
height:290px;
padding:20px 0 0 20px;
}

/* contents ---------------*/
#content-news {
clear:both;
margin-bottom:15px;
padding:1em 0px 0;
}
#content-news img{
border-top:1px solid #818181;
border-bottom:1px solid #818181;
}
#content-news #old{
padding-top:0.9em;
text-align:right;
margin-bottom:10px;
	font-size: 90%;
}


#content-news dl.date{
	padding:0.5em 0;
	line-height:1.5em;
}

#content-news dl.date dt{
	background:url(../images/bg_date.gif) 2px 0.4em no-repeat;
	width:10em;
	padding-left:15px;
	font-size: 90%;
}

#content-news dl.date dd{
	margin-top:-1.5em;
	padding-left:11em;
	font-size: 90%;
}


#main ul { width: 465px; }

#main li { float: left; }

#main .left{ margin-left: 5px; }

#main #content-news table { margin-left:0; }


/* 6-2.sub contents ---------------*/

#contents #sub {
	width: 222px;
	float: right;
	}

#contents #sub img {
	vertical-align:top;
	margin-bottom: 20px;
	}

#sub li {
	margin-bottom: 1em;
	text-align: center;
	background: url(../images/btn_01.gif) no-repeat;
	}

#sub li a {
	padding-top: 20px;
	width: 222px;
	height: 42px;
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	}

* html #sub li a {
	height: 62px; /* ie5 */
}

/* 7.footer
----------------------------------------------------*/

#footer{
	margin-top: 2px;
	width: 718px;
	border-top: 3px double #3c91ff;
	text-align: right;
	}

/*------------------------------------------------------------------------------
	The Japan Gas Association - Second CSS Modules
	URL: http://www.gas.or.jp/
	Date: 2007-08-29
	(C) Copyright The Japan Gas Association. All Rights Reserved.

	1. Contents
	1-1. second
	1-2. second-2
	1-3. sitemap
	1-4. faq
------------------------------------------------------------------------------*/

/* 1.contents
----------------------------------------------------*/

#contents {
	width: 718px;
	border-bottom: 5px solid #3c91ff;
	}

#contents #topicPath {
	margin-top:1em;
	margin-bottom:10px;
	font-size: 80%;
	}

#contents h2.contents-title {
	margin-top: 5px;
	padding-left: 15px;
	width:718px;
	font-size: 150%;
	font-weight: bold;
	color: #006;
	line-height: 1.4;
	background: url(../images/contents_title.gif) no-repeat left bottom;
	}

/* 1-1.second ======================*/

#contents #main-second { margin-top: 10px; }

#main-second h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 100%;
	background: url(../images/bg_contents.gif) repeat-y #39f;
	}

#main-second h4,
#main-second p,
table {
	margin-left: 20px;
	}

#main-second h4{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 95%;
	}

#main-second p {
	text-indent: 1em;
	margin-bottom: 10px;
	font-size: 95%;
	}

#main-second ul {
	font-size: 90%;
	list-style: disc;
	}

#main-second ol {
	font-size: 90%;
	list-style: decimal;
	}

/* 1dan 2dan 3dan -----------------------*/

/* col2-pict */

#main-second .col2-pict img {
	float: right;
	margin-left: 10px;
	}

/* col2-text */

#main-second #col2-text .col2-text-L {
	float: left;
	width: 350px;
	}

#main-second #col2-text .col2-text-R {
	float: right;
	width: 350px;
	}

/* col3-text */

#main-second #col3-text .col3-text-L {
	float: left;
	width: 235px;
	}

#main-second #col3-text .col3-text-R {
	float: right;
	width: 235px;
	}

/* col1-list1,2 */

#main-second #col1-list1,
#main-second #col1-list2 {
	margin-left: 30px;
	}

* html #main-second #col1-list1,
* html #main-second #col1-list2 {
	margin-left: 40px;
	}

/* col2-list */

#main-second #col2-list {
	margin-left: 20px;
	}

#main-second #col2-list .col2-list-L {
	float: left;
	width: 300px;
	padding-left:15px;
	}

* html #main-second #col2-list .col2-list-L {
	padding-left:15px;
	width:285px;
}

#main-second #col2-list .col2-list-R {
	float: right;
	width: 300px;
	padding-left:15px;
	}

* html #main-second #col2-list .col2-list-R {
	padding-left:15px;
	width:285px;
}

/* col3-list */

#main-second #col3-list {
	margin-left: 20px;
	}

#main-second #col3-list .col3-list-L {
	float: left;
	width: 200px;
	margin-right:10px;
	padding-left:15px;
	}

* html #main-second #col3-list .col3-list-L {
	padding-left: 15px;
	width: 215px;
}

#main-second #col3-list .col3-list-R {
	float: right;
	width: 230px;
	padding-left:15px;
	}

* html #main-second #col3-list .col3-list-R {
	padding-left: 15px;
	width: 215px;
}

/* table ---------------------------*/

#main-second table { margin-bottom: 10px; }

#main-second table,
#main-second table caption {
	font-size: 95%;
	}

#main-second table caption {
	text-align: left;
	font-weight: bold;
	}

#main-second table th {
	font-weight: bold;
	text-align: center;
	background-color: #cff;
	}

#main-second table th,
#main-second table td {
	padding: 5px;
	border: 1px solid #3c90ff;
	}

/* return --------------------------*/

#main-second .return {
	font-size: 80%;
	text-align: right;
	}

#main-second .return a{
	padding-left: 1em;
	background: url(../images/return.gif) no-repeat 0em 0.5em;
	}

/* 1-2.second-2 ====================*/

#main-second #left {
	width: 280px;
	float: left;
	}

#left .text-right {
	margin-right: 30px;
	font-size: 90%;
	text-align: right;
	}

#main-second #right {
	width: 430px;
	float: right;
	}
	
#right .item1 {
	margin-bottom: 10px;
	padding-left: 10px;
	width: 428px;
	background: url(../company/images/bg_contents.gif) no-repeat;
	}

#right h3,
#right h4 {
	font-weight: bold;
	}

#right .item1 h3 {
	margin:0;
	padding:0;
	border:none;
	}

#right .item2 {
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 5px;
	border-left: 8px solid #4ed0fa;
	}

#right .item1-p {
	margin: 0 0 10px 10px;
	font-size: 90%;
	text-indent: 1em;
	}
	
#right .item2-p {
	margin: 0 0 10px 20px;
	font-size: 90%;
	text-indent: 1em;
	}

/* 1-3.sitemap =====================*/

#main-second #sitemap h2 {
	margin-left: 10px;
	padding-left: 5px;
	border-left: 8px solid #4ed0fa;
	}

#main-second #sitemap h3 {
	margin-left: 25px;
	border: none;
	}

/* 1-4.faq =========================*/

#main-second #faq1 li,
#main-second #faq1 li {
	margin-bottom: 10px;
	margin-left: 1em;
	text-indent: -1em;
	list-style: none;
	}

#main-second #faq1 p,
#main-second #faq2 .indent {
	margin-left:3em;
	text-indent:-1em;
	}

#main-second #faq2 .indent {
	font-size:90%;
	}