@charset"utf-8";
@import url(page.css);
@import url(topics.css);

body {
	background: #FFFFFF url(../img/back.gif) repeat-x 0px 0px;
	margin: 5px 0px;
	padding: 0px;
	font-size:12px;
	line-height: 17px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

/*-------------------------------------------------------
↓基本設定↓*/

td{ font-size:12px; line-height: 17px }
th{ font-size:12px; line-height: 17px }
.fs16{ font-size:16px; line-height: 18px }
.fs14{ font-size:14px; line-height: 16px }
.fs142{ font-size:14px; line-height: 20px }
.fs120{ font-size:12px; line-height: 14px }
.fs12{ font-size:12px; line-height: 15px }
.fs122{ font-size:12px; line-height: 18px }
.fs11{ font-size:11px; line-height: 15px }
.fs100 { font-size: 10px; line-height: 12px; }
.fs10{ font-size:10px; line-height: 14px }
.fs9{ font-size:9px; line-height: 13px }
.form_td{ font-size:12px; line-height:15px; color:#333333; background-color:#FFFFFF }

.text-red { color: #CC0000; }
.text-blue { color: #0099CC; }
.txt-orange { color: #FF6600; }
.txt-green { color: #336600; }

/*---------------------------------
リンク設定
---------------------------------*/
a:link { color: #03A06E; }
a:visited { color: #03A06E; }
a:hover { color: #035886; }
a:focus { color: #035886; }
a:active { color: #41B35B; }
a { outline: none; }
a img { border: none; outline: none; }

/*---------------------------------
画像配置
---------------------------------*/
.img-left {
	margin: 0px 2px 2px 0px;
	float: left;
}
.img-right {
	margin: 0px 0px 2px 2px;
	float: right;
}
.img-center {
	margin: 0px auto;
	display: block;
}
.img-middle {
	vertical-align:middle;
}

/*---------------------------------
テキスト設定
---------------------------------*/
/* リストのスタイル */
ul, ol {
	margin: 0em;
	padding: 0em 0em 0em 2em;
}
li {
	padding-bottom: 0.5em;
}
ul li {
	list-style: disc outside;
}
ol li {
	list-style: decimal outside;
}

sup {
	vertical-align: top;
}
sub {
	vertical-align: bottom;
}

p {
	margin: 0em 0em 1em;
	padding: 0em;
}
h3.icon-at {
	margin: 30px 0px 0px;
	padding: 10px 0px 10px 25px;
	font-size:14px;
	line-height: 20px;
	background: url(../common/icon-at.gif) no-repeat left center;
	clear: both;
}
.sub-h3 {
	margin: 0px;
	padding: 0px 0px 10px 25px;
	font-size:12px;
	font-weight: bold;
	line-height: 1.3;
}
h3 {
	margin: 40px 0px 10px;
	padding: 0px;
	font-size:14px;
	line-height: 20px;
}
em.line {
	padding: 0em 0.5em;
	font-style: normal;
	font-weight: bold;
	background-color: #FFCC99;
}
.text-s {
	font-size: 80%;
}
.text-center {
	text-align: center;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.text-right {
	text-align: right;
}

/*---------------------------------
ボックス設定
---------------------------------*/
.wrap-1px-666 {
	margin: 10px 0px;
	padding: 5px;
	border: 1px solid #666666;
}
.note {
	margin: 0px auto 20px;
	padding: 5px;
	background: #FFFFCC;
}
.box-content {
	margin: 0px auto 30px;
}
.box-comment {
	margin: 0px auto 20px;
}
.box-gradation-top {
	width: 530px;
	height: 11px;
	margin: 5px 0px 0px;
	padding: 0px;
	background: url(../common/gradation-top.gif) no-repeat;
}
.box-gradation {
	width: 500px;
	margin: 0px;
	padding: 0px 15px;
	background: url(../common/gradation-middle.gif) repeat-y;
}
.box-gradation-bottom {
	width: 530px;
	height: 8px;
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../common/gradation-bottom.gif) no-repeat;
}

dl.qa dt {
	height: 20px;
	margin: 0px;
	padding: 10px 0px 0px 35px;
	font-weight: bold;
	background: url(../ecotto/img/qa_q.gif) no-repeat left center;
}
dl.qa dd {
	margin: 0px;
	padding: 5px 0px 20px 35px;
	background: url(../ecotto/img/qa_a.gif) no-repeat left top;
}

/*-------------------------------------------------------
↓ページレイアウト↓*/

/*---------------------------------
ヘッダー
---------------------------------*/
#header {
	width: 750px;
	margin: 0px;
	padding: 0px;
}

/*---------------------------------
コンテンツエリア
---------------------------------*/
.area {
	width: 750px;
	margin: 0px;
	padding: 0px;
}
.wrap {
	width: 590px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	float: right;
}

/*---------------------------------
ページ内容
---------------------------------*/
.contents {
	width: 530px;
	margin: 15px auto 0px;
	padding: 0px;
}
.contents-area {
	width: 530px;
	clear: both;
}
.text-center table {
	margin: 0px auto;
}

/*contents内サブメニュー*/
ul#submenu {
	width: 530px;
	margin: 15px 0px 20px;
	padding: 0px;
}
ul#submenu li {
	margin: 0px 0px 25px;
	padding: 0px;
	display: inline;
	color: #41b35b;
	float: right;
	background: url(../common/mark-subm.gif) no-repeat right center;
	list-style: none;
}
ul#submenu li a {
	margin: 0px 0px 0px 5px;
	padding: 0px 18px 0px 10px;
	border-left: 1px solid #41b35b;
	display: block;
	white-space: nowrap;
}

/*---------------------------------
左メニュー
---------------------------------*/
.menu {
	width: 160px;
	margin: 20px 0px;
	padding: 0px;
	text-align: center;
	float: left;
	font-size: 12px;
}
.menu img {
	margin: 8px 0px 0px;
	padding: 0px;
	vertical-align: bottom;
}
.menu ul {
	width: 130px;
	margin: 3px 15px 8px;
	padding: 0px;
	color: #03a06e;
	text-align: left;
}
.menu li {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	line-height: 1.3;
	list-style-type: none;
	background: url(../common/list-bk.gif) repeat-y 5px top;
}
.menu li a,
ul#sub-submenu li a {
	margin: 0px;
	padding: 0px 0px 0px 7px;
	background: url(../common/list-mark.gif) no-repeat left top;
	display: block;
}
ul#sub-submenu {
	width: 118px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
ul#sub-submenu li {
	background: url(../common/list-bk.gif) repeat-y 5px top;
}
li.menu-end {
	background: url(../common/list-end-bk.gif) no-repeat 5px top !important;
}
li.menu-end a {
	background: url(../common/list-end.gif) no-repeat left top !important;
}
.img-menu {
	margin: 37px auto 5px;
}

/*「現在のページ」のリンクを
1.アンダーライン無し
2.ロールオーバー無し
3.デフォルトカーソル*/
a.current {
	text-decoration: none;
}
a.current:active {
	color: #03A06E;
	cursor: default;
}
a.current:hover {
	color: #03A06E;
	cursor: default;
}
img.category {
	cursor: default;
}

/*サブメニューの表示/非表示*/
#m-service ul,
#m-topics ul,
#m-tengas ul,
#m-qa ul,
#m-aboutus ul,
#m-sitemap ul,
#m-ecotto ul,
#m-gaskigu ul,
#m-safety ul {
	display: none;
}

#service #m-service ul,
#topics #m-topics ul,
#tengas #m-tengas ul,
#qa #m-qa ul,
#aboutus #m-aboutus ul,
#sitemap #m-sitemap ul,
#ecotto #m-ecotto ul,
#gaskigu #m-gaskigu ul,
#safety #m-safety ul {
	display: block;
}

/*---------------------------------
このページのトップへ戻る
---------------------------------*/
.gotop {
	width: 530px;
	margin: 45px auto 10px;
	padding: 0px 0px 5px;
	text-align: right;
	border-bottom: 1px solid #333333;
	clear: both;
}

/*---------------------------------
コピーライト
---------------------------------*/
#copy {
	margin:10px auto;
	width: 530px;
	height: 17px;
	text-align: center;
}