@charset "Shift-JIS";

html {
	height: 100%;
}

body {
	padding: 0;
	background:  url("./images/bg.jpg") left top repeat-x;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	color: #666666;
	margin: 0 auto;
	height: 100%;
}

#content {
	margin: 0 auto;
	background: #fff;
	width:753px;
	height:100%;
	min-height: 100%;
	background: url("./images/bglr.jpg") left top no-repeat;
}

body > #content {
	height: auto;
}


#index_fla {
	width: 720px;
	text-align: center;
	margin : 0 0 15px 0;
	margin /**/: 0 0 15px 17px;
	padding: 0;
}

#index_nav {
	width: 670px;
	height: 129px;
	background: #ccc url("./images/index_nav_btn.jpg") left top no-repeat;
	position:relative;
}

#index_nav #indx_btn_img0 {
	width: 115px;
	height: 82px;
	position: absolute;
	top: 35px;
	left: 17px;
}

#index_nav #indx_btn_img1 {
	width: 115px;
	height: 82px;
	position: absolute;
	top: 34px;
	left: 46px;
}

#index_nav #indx_btn_img2 {
	width: 115px;
	height: 82px;
	position: absolute;
	top: 34px;
	left: 203px;
}

#index_nav #indx_btn_img3 {
	width: 115px;
	height: 82px;
	position: absolute;
	top: 34px;
	left: 360px;
}

#index_nav #indx_btn_img4 {
	width: 115px;
	height: 82px;
	position: absolute;
	top: 34px;
	left: 511px;
}

#index_nav a {
	width: 115px;
	height: 82px;
	display: block;
	text-indent: -9999px;
}

#index_nav a:hover#mnav01 {
	width: 115px;
	height: 82px;
	display: block;
	background: url("./images/index_nav_btn_01.jpg") left top no-repeat;
}

#index_nav a:hover#mnav02 {
	width: 115px;
	height: 82px;
	display: block;
	background: url("./images/index_nav_btn_02.jpg") left top no-repeat;
}

#index_nav a:hover#mnav03 {
	width: 115px;
	height: 82px;
	display: block;
	background: url("./images/index_nav_btn_03.jpg") left top no-repeat;
}

#index_nav a:hover#mnav04 {
	width: 115px;
	height: 82px;
	display: block;
	background: url("./images/index_nav_btn_04.jpg") left top no-repeat;
}

#index_nav a:hover#mnav05 {
	width: 115px;
	height: 82px;
	display: block;
	background: url("./images/index_nav_btn_05.jpg") left top no-repeat;
}

#index_btn a:hover img {
	filter:alpha(opacity=60);
	opacity:0.6;
}

h1 {
	margin: 0;
	padding: 0;
	width: 753px;
	height: 79px;
	background: url("./images/header.jpg") left top no-repeat;
	text-indent: -9999px;
}

#fcon {
	margin: 0 auto; 
	width: 670px;
	text-align: left;
}

#panc {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;
}

#nscon {
	vertical-align: bottom;
	margin-bottom: 35px;
}

#nscon #index_eco {
	width: 670px;
	height: 101px;
	margin: 25px 0 15px 0;
	text-indent: -9999px;
	background: url("./images/index_eco.jpg") left top no-repeat;
}

#nscon #index_mark {
	width: 670px;
	height: 109px;
	margin-top: 30px;
	padding: 0;
	border: 1px solid #cacaca;
	background: #fefefe url("./images/index_mark.gif") left no-repeat;
}

#index_mark #index_mleft {
	width: 433px;
	height: 90px;
	background-color: #fefefe;
	border: 1px solid #cacaca;
	float: right;
	margin : 8px 5px 9px 0;
	margin /**/: 9px 10px 9px 0;
}

#index_mleft #index_green {
	width: 433px;
	height: 23px;
	background: url("./images/index_green.gif") left top no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#index_mleft #index_text {
	font-size: 12px;
	margin: 7px 0 0 15px;
}

#index_green a {
	display: block;
	width: 55px;
	margin: 5px 2px 0 0;
	float: right;
	text-indent: -9999px;
}

#nscon img.left {
	float: left;
	margin-right: 22px;
}

#nscon_cl {
	margin:0;
	padding: 12px 0 0 0;
}
#nscon_cl p.ind {
	margin: 0 0 8px 0;
}

#nscon_cl p.indb20 {
	margin: 0;
	padding: 0;
}

#nscon_cl_p {
	margin:0;
	padding: 0;
}


#ntcon {
	margin: 0;
	padding: 22px;
	background-color: #ededed;
}

#ntcon p {
	margin: 0 0 3px 0;
}

#ntcon .ntcon_cl {
	font-size: 11px;
}

#ntcon #qu {
	width: 627px;
	height: 113px;
	background: url("./images/ecoq.jpg") left top no-repeat;
}

#ntcon #qu h3 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#qu ul {
	list-style: none;
	margin: 4px 0 0 395px;
	padding: 0;
}

#qu ul li#ebtn {
	width: 231px;
	height: 79px;	
}

#qu li a {
	width: 100%;
	height: 79px;
	text-indent: -9999px;
}

li#ebtn a {
	display: block;
	width: 231px;
	height: 79px;
	background-position: 0 0;
}

#vitesse {
	background-color: #efefef;
	margin: 20px 0 0 0;
	padding: 12px;
}

#vitesse img.left {
	float: left;
	margin-right: 15px;
}

/* ----------------------------------------------------------------------------------------------------- */

#nav_btn {
	width: 720px;
	margin: 0 0 10px 20px;
	text-align: left;
}

#top_btn {
	width: 731px;
	height: 24px;
	margin: 0;
	padding-left: 22px;
	background: url("./images/top_btn_bg.jpg") left top repeat-x;
	border-bottom: 3px solid #96d07e;
}

#top_btn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top_btn ul li {
	float: left;
	margin: 0;
}

#top_btn ul li#nav01 {
	width: 118px;
}

#top_btn li a {
	display: block;
	width: 100%;
	height: 24px;
	background: url("./images/top_btn.jpg") top no-repeat;
	text-indent: -9999px;
}

li#nav01 a {
	width: 115px;
	height: 24px;
	background-position: 0 0;
}

li#nav01 a:hover {
	width: 115px;
	background-position: 0 -24px;
}

li#nav02 a {
	width: 163px;
	background-position: -115px 0;
}

li#nav02 a:hover {
	width: 163px;
	background-position: -115px -24px;
}

li#nav03 a {
	width: 154px;
	background-position: -278px 0;
}

li#nav03 a:hover {
	width: 154px;
	background-position: -278px -24px;
}

li#nav04 a {
	width: 168px;
	background-position: -432px 0;
}

li#nav04 a:hover {
	width: 168px;
	background-position: -432px -24px;
}

li#nav05 a {
	width: 112px;
	background-position: -600px 0;
}

li#nav05 a:hover {
	width: 112px;
	background-position: -600px -24px;
}

/* ----------------------------------------------------------------------------------------------------- */

h2#img_01 {
	background: url("./images/title_img_01.jpg") left top;
	width: 670px;
	height: 26px;
	margin: 15px 0 50px 0;
	padding: 0;
	text-indent: -9999px;
}

h2#img_02 {
	background: url("./images/title_img_02.jpg") left top;
	width: 670px;
	height: 26px;
	margin: 15px 0 30px 0;
	padding: 0;
	text-indent: -9999px;
}

h2#img_03 {
	background: url("./images/title_img_03.jpg") left top;
	width: 670px;
	height: 26px;
	margin: 15px 0 30px 0;
	padding: 0;
	text-indent: -9999px;
}

h2#img_04 {
	background: url("./images/title_img_04.jpg") left top;
	width: 670px;
	height: 26px;
	margin: 15px 0 30px 0;
	padding: 0;
	text-indent: -9999px;
}

h3#timg_02 {
	background: url("./images/stitle_02.jpg") left top;
	width: 730px;
	height: 51px;
	margin: 10px 0 20px 0;
	padding: 0;
	text-indent: -9999px;
}

h3#timg_03_01 {
	background: url("./images/stitle_03_01.jpg") left top;
	width: 670px;
	height: 51px;
	margin: 10px 0 20px 0;
	padding: 0;
	text-indent: -9999px;
}

h3#timg_03_02 {
	background: url("./images/stitle_03_02.jpg") left top;
	width: 730px;
	height: 51px;
	margin: 30px 0 20px 0;
	padding: 0;
	text-indent: -9999px;
}

.scon {
	margin:30px 10px 0 10px;
	padding: 0;
	width: 670px;
}

/* ----------------------------------------------------------------------------------------------------- */
table.rtable {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
}

td.left_td {
	background-color: #efefef;
	width: 210px;
	padding: 5px;
}

td.right_td {
	background-color: #d5f2ce;
	padding: 5px;
}

.left_1 {
	border: 5px solid #0f0;
	float: left;
}

.right_1 {
	height: 200px;
	background-color: #fdfefd;
}

.right_1_cl1 {
	padding: 20px 0 15px 15px;
}

.right_1_cl2 {
	padding: 0 0 15px 15px;
}

.right_1_cl3 {
	padding: 0 0 30px 15px;
}

.right_1_cl4 {
	padding: 0 15px 0 15px;
	text-align: right;
	float: right;
}

td.ftd {
	width: 100px;
}

td.std {
	width: 15px;
}

td.ttd {
	width: 400px;
}

h3#timg_01 {
	background: url("./images/ecoq.jpg") left top;
	width: 368px;
	height: 113px;
	margin: 5px 0 0 0;
	padding: 0;
	text-indent: -9999px;
}

img.b0 {
	border: 0;
}

/* ----------------------------------------------------------------------------------------------------- */

.lutable {
	border: 1px solid #999999;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	line-height: 17px;
}

.lutablet20 {
	border: 1px solid #999999;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	line-height: 17px;
	margin-top: 20px;
}
td.lutitle {
	background: url("./images/bgct.jpg") top left repeat-x;
	padding-left: 5px;
}

.lubbtable {
	margin-top: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #cccccc;
}

/* ----------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
}
/* ----------------------------------------------------------------------------------------------------- */

#copy {
	background: url("./images/copyl.gif") top left no-repeat;
	width: 670px;
	height: 25px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-indent: -9999px;
	clear: both;
}

/* ----------------------------------------------------------------------------------------------------- */
p.btm20 {
	margin-bottom: 20px;
}

p.btm30 {
	margin-bottom: 30px;
}

/* ----------------------------------------------------------------------------------------------------- */

.img_c {
	width: 670px;
	text-align: center;
	clear: both;
}

.img_r {
	text-align: right;
}

img.itop {
	margin-top: 45px;
}
/* ----------------------------------------------------------------------------------------------------- */

.line {
	width:100%;
	height: 1px;
	padding-bottom: 20px;
	background: url("./images/line.gif") left no-repeat;
	text-indent: -9999px;
}

a.paget {
	width: 80px;
	height: 20px;
	background: url("./images/paget.gif") top left no-repeat;
	display: block;
	text-indent: -9999px;
	float: right;
	margin-top: 15px;

}

a.paget:hover {
	background-position: 0 -20px;
}

div#page-top {
	display: none;
}

hr.cl {
	display: none;
}

a img {
	border: 0;
}

.val {
	vertical-align: middle;
}

#panc a {
	color: #5ead55;
	text-decoration: none;;
}

#panc a:hover {
	color: #5ead55;
	text-decoration: underline;
}

.f10 {
	font-size: 10px;
}