@charset "shift_jis";

html, body {
	margin	: 0px;
	padding	: 0px;
	height	: 100%;
}

div, table, tr, td, a, p,
ul, li, dl, dt, dd, h1
{
	margin		: 0px auto;	/* defaultで左右センタリングする(IE以外) */
	padding		: 0px;
}

html {
	color		: #000000;
	font-size	: 12px;
	border		: 0;
	line-height	: 1.5em;
	background	: #ffffff;
}

h1 {
	margin-top	: 5px;
	font-size	: 30px;
	font-weight	: bold;
	font-family	: "HGP明朝B", "ＭＳ Ｐ明朝", serif;
	color		: #5f8f3b;
	line-height	: 1.2em;
}

h2 {
	margin		: 10px auto;
	width		: 720px;
	height		: 30px;
	font-size	: 16px;
	font-weight : bold;
	text-indent	: 1.5em;
	line-height	: 30px;
	color		: #000000;
	border-bottom:2px #5f8f3b solid;
	background	: url(../images/h2_bg.gif) no-repeat top left;
}

h3 {
	margin		: 15px auto;
	width		: 700px;
	height		: 30px;
	font-size	: 16px;
	font-weight : bold;
	text-indent	: 1.5em;
	line-height	: 30px;
	color		: #000000;
	border-bottom:2px #5f8f3b solid;
}

th {
	color		: #ffffff;
	background	: #5f8f3b;
}

td {
	padding		: 2px;
	line-height	: 1.6em;
	text-align	: left;
}

dd { text-indent: 0; }

/* リストはマーカーなし*/
li { list-style-type: none; }

/* 画像の下にできる隙間をなくす */
img {
	border		: none;
	vertical-align: middle;
}

img.frame {
	padding		: 3px;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px;
	border-style: solid;
}

/* 擬似クラスによるリンク設定 */
a			{ text-decoration: none; }
a:link		{ color: #0000ff; text-decoration: none; } 	/* リンク(未閲覧) */
a:visited	{ color: #000000; text-decoration: underline; } /* リンク(閲覧済) ﾃﾞﾌｫﾙﾄ:#983E3E*/
a:hover		{ color: #ff0000; text-decoration: underline; }	/* マウスポインタが重なった時 */
a:active	{ color: #f4d923; text-decoration: underline; }	/* クリックした時 */


#container {
	margin-bottom: -60px;
	height		: auto !important;
	height		: 100%;
	min-height	: 100%;
}

#contents {
	padding		: 20px 0;
	width		: 900px;
}

#push {
	height		: 60px;
	clear		: both;
}

/* headerの設定*/
#bg_top {
	width		: 900px;
	height		: 230px;
	background	: #ffffff url(../images/title.jpg) no-repeat;
}

#menu li {
	display		: block;
	float		: right;
}

#menu-icons a{
	display		: block;
}

#menu-icons li,#menu-icons a{
	width		: 35px;
	height		: 137px;
}

.menu01 { background: url(../images/menu1-1.gif) no-repeat; }
.menu02 { background: url(../images/menu2-1.gif) no-repeat; }
.menu03 { background: url(../images/menu3-1.gif) no-repeat; }
.menu04 { background: url(../images/menu4-1.gif) no-repeat; }
.menu05 { background: url(../images/menu5-1.gif) no-repeat; }
.menu06 { background: url(../images/menu6-1.gif) no-repeat; }
.menu07 { background: url(../images/menu7-1.gif) no-repeat; }
.menu08 { background: url(../images/menu8-1.gif) no-repeat; }
.menu09 { background: url(../images/menu9-1.gif) no-repeat; }
.menu10 { background: url(../images/menu10-1.gif) no-repeat; }


#menu-icons li.menu01 a:hover { background: url("../images/menu1-2.gif") no-repeat;}
#menu-icons li.menu02 a:hover { background: url("../images/menu2-2.gif") no-repeat;}
#menu-icons li.menu03 a:hover { background: url("../images/menu3-2.gif") no-repeat;}
#menu-icons li.menu04 a:hover { background: url("../images/menu4-2.gif") no-repeat;}
#menu-icons li.menu05 a:hover { background: url("../images/menu5-2.gif") no-repeat;}
#menu-icons li.menu06 a:hover { background: url("../images/menu6-2.gif") no-repeat;}
#menu-icons li.menu07 a:hover { background: url("../images/menu7-2.gif") no-repeat;}
#menu-icons li.menu08 a:hover { background: url("../images/menu8-2.gif") no-repeat;}
#menu-icons li.menu09 a:hover { background: url("../images/menu9-2.gif") no-repeat;}
#menu-icons li.menu10 a:hover { background: url("../images/menu10-2.gif") no-repeat;}


#menu li a:hover { background: url("../images/current-bg.gif") top left repeat-x; color: #ffa500;}
#menu li a:active{ background: url("../images/current-bg.gif") top left repeat-x; }
#menu li a.current{background: url("../images/current-bg.gif") top left repeat-x; color: #ffffff; font-weight: bold;}

#bg_bottom_wrapper {
	width		: 900px;
}

#bg_bottom {
	width		: 600px;
	height		: 50px;
	text-align	: center;
}

#bg_bottom li {
	padding		: 3px 0;
	display		: block;
	float		: left;
}

#bg_bottom li a {
	padding		: 0 10px;
	border-left	: 1px #000000 solid;
	float		: left;
	color		: #000000;
}

#main{
	margin		: 10px;
	width		: 900px;
}

#center_column{
	width		: 900px;
	float		: left;
}

#right_column {
	margin-right: 5px;
	margin-top	: 10px;
	width		: 381px;
	height		: 566px;
	float		: right;
	background: url(../images/bord.jpg) no-repeat;
}

#engineer {
	margin-top	: 18px;
	margin-left	: 30px;
	padding		: 12px;
	width		: 325px;
	height		: 100px;
	background	: url(../images/engineer_bg.jpg) no-repeat;
}

#gif-animation {
	margin-top	: 0px;
	margin-left	: 32px;
	width		: 325px;
	height		: 210px;
	background	: url(../images/gif-animation-bg.jpg) no-repeat;
}

.indent {	 
	padding-left: 55px;
	padding-top: 45px;
}

#top_photo {
	margin-top	: 10px;
	margin-left	: 32px;
	width		: 325px;
	height		: 180px;
}

#top_carbon {
	margin-top	: -55px;
	width		: 325px;
	height		: 60px;
}

#const_bg {
	width		: 680px;
}

#const_bg div {
	margin		: 20px 80px;
	width		: 480px;
	float		: left;
}

#const_info td {
	width		: 640px;
	border		: 1px #cccccc ridge;
}

#const_info dd {
	text-indent	: 1em;
}


#traffic_bg {
	position	: relative;
	width		: 680px;
	height		: 510px;
	background	: #ffffff url(../genba01/images/traffic_bg.jpg) no-repeat;
}

#traffic_bg div {
	position	: absolute;
	text-align	: center;
}

#nav dt {
	margin		: 2px auto;
	width		: 680px;
	height		: 25px;
	border		: 1px solid #406128;
	font-size	: 14px;
	font-weight	: bold;
	line-height	: 25px;
	text-align	: center;
	background	: #3c5b26;
}

#nav dt a { color: #ffffff; text-decoration: none; }
#nav dt a:hover { color: #ff1100;}
#nav dt a:active{ color: #ff1100;}

/* class */
.IEcenter	{ text-align: center;}
.IEleft		{ text-align: left;  }
.IEright	{ text-align: right; }

.clear { clear: both; }

.check {
	color		: #dd0000;
	font-weight	: bold;
}

.none { border: 0 !important;}

.comment {
	margin-top	: 20px;
	margin-left	: 10px;
	width		: 180px;
	text-align	: left;
	font-size	: 16px;
	font-family	: "HGP明朝B", "ＭＳ Ｐ明朝", serif;
}

.comment-en {
	margin-left	: 7px;
	width		: 300px;
	text-align	: left;
	font-size	: 16px;
	font-family	: "HGP明朝B", "ＭＳ Ｐ明朝", serif;
}

.engineer_photo {
	margin-top	: -125px;
	margin-left	: 200px;
}

.engineer_name {
	margin-top	: 10px;
	margin-left	: 215px;
	font-size	: 15px;
	font-family	: "HGP明朝B", "ＭＳ Ｐ明朝", serif;
}

.title {
	width		: 200px;
	height		: 50px;
	color		: #ffffff;
	text-align	: center;
	font-size	: 16px;
	font-weight : bold;
	line-height	: 55px;
	background	: url(../images/title.jpg) no-repeat center;
}

.box {
  width		: 500px;	/* スクロールバー分余白 +25px */
  height	: 160px;
  overflow	: auto;
  scrollbar-base-color		: #ffffff;	/* スクロールバーの色設定(IE,Opのみ) */
  scrollbar-face-color		: #ffffff;
  scrollbar-track-color		: #f0f0f0;
  scrollbar-arrow-color		: #a9a9a9;
  scrollbar-highlight-color	: #ffffff;
  scrollbar-shadow-color	: #a9a9a9;
  scrollbar-3dlight-color	: #a9a9a9;
  scrollbar-darkshadow-color: #ffffff;
  background	: url(../images/bg_topics.jpg) no-repeat center;
}

.box p {
	padding: 0 10px 0 24px;
}

.box dl {
	margin	: 0 10px 10px;
	padding	: 0 0 10px;
}

.box dl dt {
	float		: left;
	width		: 8em;
	padding		: 2px 2px 0;
	text-align	: left;
	text-indent	: 0em;
	line-height	: 1.6em;

}

.box dl dd {
	padding		: 2px 0 0 9em;
	line-height	: 1.6em;
	border-bottom: 1px dotted #cccccc;
}

.key {
	width		: 100px;
	float		: left;
	text-indent	: 1em;
	background-color: #5f8f3b;
}

img.frame {
	padding	: 3px;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px;
	border-style: solid;
}

.follow {
	padding-top	: 20px;
	padding-left: 570px;
}

/* アイコンの文字消し設定*/
.hide { display: none; }

.const_title{
	color 		: #ffffff;
	font-size	: 16px;
	font-weight : bold;
	line-height	: 20px;
	text-align	: center;
	background-color: #5f8f3b;
}


.tizu {
	float: left;
}