/* CSS Document */

/* ---------------------------------------------------------------- *
	全体の設定
 * ---------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: sans-serif;
	color: #444;
}
div#whole01, #whole02, #whole03 {
	margin: 0 auto;
	width: 1000px;
	min-height: 1054px;
	_height: 1054px;
}
div#whole01 {
	background: url(../img/bg_grd.jpg) repeat-y;
}
div#whole02 {
	background: url(../img/bg_top.jpg) no-repeat top;
}
div#whole03 {
	background: url(../img/bg_bot.jpg) no-repeat bottom;
}
div#whole04 {
	width: 850px;
	margin: 0 auto;
}
/* ---------------------------------------------------------------- *
	ヘッダー
 * ---------------------------------------------------------------- */
div#header {
	padding: 15px;
	position: relative;
}
h3 {
	margin: 0;
}

h1{
	margin:0 0 5px 2px;
	font-size:80%;
	padding:0px;
	}
	
h2{
	margin: 0;
	clear:both;
	}

div#add {
	position: absolute;
	right: 15px;
	top: 30px;
}

div#add2 {
	position: relative;
	right: 15px;
	top: 30px;
}

.tit{
	float:left;
	}

/* ---------------------------------------------------------------- *
	トピックス
 * ---------------------------------------------------------------- */
div#topics {
	width: 850px;
	height: 371px;
	position: relative;
	background: url(../img/top_image.jpg) no-repeat;
}
div#topics_box {
	width: 304px;
	border: 1px #aaa solid;
	overflow: auto;
	position: absolute;
	left: 37px;
	bottom: 15px;
	height: 120px;
	padding: 30px 0 10px 0;
	background: #fff url(../img/bg_topics.jpg) no-repeat top;
}
div#topics_box p {
	padding: 6px 10px 6px 20px;
	background: url(../img/dot.gif) no-repeat bottom center;
	margin: 0;
	line-height: 130%;
	font-size: 85%;
}
div#top_bn {
	width: 486px;
	position: absolute;
	left: 353px;
	bottom: 17px;
	height: 121px;
}
div#topics_box span {
	margin-right: 10px;
}
div#topics_box a:link, div#topics_box a:visited {
	color: #06b;
}
/* ---------------------------------------------------------------- *
	目次
 * ---------------------------------------------------------------- */
div#cont {
	width: 820px;
	margin: 0 auto;
	padding: 10px 15px;
}
div.menu {
	float: left;
}
div.menu02 {
	float: left;
	margin-left: 15px;
}
div#inf02 {
	padding: 10px 10px 5px 15px;
	background: url(../img/ch_yus_bg.gif) repeat-y;
}
.arrow_g {
	background: url(../img/arrow_g.gif) no-repeat left center;
	padding: 0 0 0 15px;
	color: #083;
}
.arrow_r {
	background: url(../img/arrow_r.gif) no-repeat left center;
	padding: 0 0 0 15px;
	color: #f36;
}
h2.space { padding-top: 29px; }
h2.space02 { padding-top: 5px; }
/* --------- */
ul#pai {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#pai a:link, ul#pai a:visited {
	color: #e70;
}
li.pai01, li.pai02 {
	display: block;
	width: 220px;
	padding: 9px 0 0 40px;
}
li.pai01 {
	height: 20px;
	background: url(../img/bt_pai.gif) no-repeat;
}
li.pai02 {
	height: 23px;
	background: url(../img/bt_pai_bot.gif) no-repeat;
}
/* --------- */
ul#roo {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#roo a:link, ul#roo a:visited {
	color: #06b;
}
li.roo01, li.roo02 {
	display: block;
	width: 220px;
	padding: 9px 0 0 40px;
}
li.roo01 {
	height: 20px;
	background: url(../img/bt_roo.gif) no-repeat;
}
li.roo02 {
	height: 23px;
	background: url(../img/bt_roo_bot.gif) no-repeat;
}
/* --------- */
ul#bat {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#bat a:link, ul#bat a:visited {
	color: #f90;
}
li.bat01, li.bat02 {
	display: block;
	width: 220px;
	padding: 9px 0 0 40px;
}
li.bat01 {
	height: 20px;
	background: url(../img/bt_bat.gif) no-repeat;
}
li.bat02 {
	height: 23px;
	background: url(../img/bt_bat_bot.gif) no-repeat;
}
/* --------- */
ul#yus {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#yus a:link, ul#yus a:visited {
	color: #908;
}
li.yus01, li.yus02 {
	display: block;
	width: 220px;
	padding: 9px 0 0 40px;
}
li.yus01 {
	height: 20px;
	background: url(../img/bt_ref.gif) no-repeat;
}
li.yus02 {
	height: 23px;
	background: url(../img/bt_ref_bot.gif) no-repeat;
}
/* --------- */
ul#com {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#com a:link, ul#com a:visited {
	color: #2ad;
}
li.com01, li.com02 {
	display: block;
	width: 220px;
	padding: 9px 0 0 40px;
}
li.com01 {
	height: 20px;
	background: url(../img/bt_com.gif) no-repeat;
}
li.com02 {
	height: 23px;
	background: url(../img/bt_com_bot.gif) no-repeat;
}
/* --------- */
ul#work {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../img/dotline_work.gif) repeat-y;
	overflow: auto;
	width:260px;
	height:146px;
}
ul#work a:link, ul#work a:visited {
	color: #f37589;
	background: url(../img/arrow_work.gif) no-repeat;
	padding:1px 0 0 20px
}
ul#work a:hover{
	color: #a62;
	background: url(../img/arrow_work.gif) no-repeat;
	padding:1px 0 0 20px
}
li.work01, li.work02 {
	display: block;
	width: 213px;
}
li.work01 {
	background: url(../img/bt_work.gif) repeat-y;
	line-height:130%;
	margin-bottom:1px;
	padding: 5px 10px 5px 20px;
}

li.work01 .text {
	padding:5px 0 0 20px;
}

.work_after {
	margin-top:-1px;
	background: url(../img/bt_work_bot.gif) no-repeat 0 0;
	width:260px;
	height:3px;
}
/* --------- */
ul#onepoint {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#onepoint a:link, ul#onepoint a:visited {
	color: #f37589;
}
ul#onepoint a:hover{
	color: #a62;
}
li.onepoint01, li.onepoint02 {
	display: block;
	width: 230px;
}
li.onepoint01 {
	background: url(../img/bt_onepoint.gif) repeat-y;
	line-height:170%;
	margin-bottom:1px;
	padding: 5px 10px 5px 20px;
}

.onepoint_after {
	margin:-1px 0 10px 0;
	background: url(../img/bt_onepoint_bot.gif) no-repeat 0 0;
	width:260px;
	height:3px;
}

* html .onepoint_after {
	margin:-1px 0 0 0;
	background: url(../img/bt_onepoint_bot.gif) no-repeat 0 0;
	width:260px;
	height:3px;
}
.b_bn {
	margin: 5px 0 0 18px; }

/* ---------------------------------------------------------------- *
	フッター
 * ---------------------------------------------------------------- */
div#footer {
	width: 985px;
	margin: 0 auto;
	background-color: #956830;
	border-top: 3px #b19065 solid;
	padding: 3px 0 3px 15px;
	color: #fff;
}
div#footer a {
	color: #fff;
}
/* ---------------------------------------------------------------- *
	サイドメニュー
 * ---------------------------------------------------------------- */
div#sidemenu {
	margin: 15px 0 0 0;
	float: left;
	clear:both;
} 
div#sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#sidemenu ul li {
	display: block;
	width: 210px;
	height: 52px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
div#sidemenu ul li a:hover {
	background: none;
}
div#sidemenu ul li a {
	display: block;
	width: 210px;
	height: 52px;
}
li#menu_yus { background: url(../img/menu_yus_ov.gif) no-repeat; }
li#menu_yus a { background: url(../img/menu_yus.gif) no-repeat; }
li#menu_roo { background: url(../img/menu_roo_ov.gif) no-repeat; }
li#menu_roo a { background: url(../img/menu_roo.gif) no-repeat; }
li#menu_inf { background: url(../img/menu_inf_ov.gif) no-repeat; }
li#menu_inf a { background: url(../img/menu_inf.gif) no-repeat; }
li#menu_bat { background: url(../img/menu_bat_ov.gif) no-repeat; }
li#menu_bat a { background: url(../img/menu_bat.gif) no-repeat; }
li#menu_com { background: url(../img/menu_com_ov.gif) no-repeat; }
li#menu_com a { background: url(../img/menu_com.gif) no-repeat; } 
li#menu_work { background: url(../img/menu_work_ov.gif) no-repeat; }
li#menu_work a { background: url(../img/menu_work.gif) no-repeat; }
li#menu_one { background: url(../img/menu_one_ov.gif) no-repeat; }
li#menu_one a { background: url(../img/menu_one.gif) no-repeat; } 
li#menu_pai { background: url(../img/menu_pai_ov.gif) no-repeat; }
li#menu_pai a { background: url(../img/menu_pai.gif) no-repeat; } 
/* ---------------------------------------------------------------- *
	セカンドページ
 * ---------------------------------------------------------------- */
div#main {
	float: right;
	margin: 12px 0 20px 0;
}
div#main02 {
	background-color: #fff;
	margin: 5px 0 0 5px;
	padding: 10px;
}
p#pan {
	text-align: right;
	margin: 0;
	width: auto;
}
/* --------- */
div.flier {
	border: 1px #ddd solid;
	padding: 5px;
	float: left;
	margin: 8px;
}
span.zoom {
	background: url(../info/img/zoom-in.gif) no-repeat left center;
	padding: 0 0 0 13px;
}
table.cunsul {
	width: 566px;
	border-collapse: collapse;
}
table.cunsul td, table.cunsul th {
	padding: 4px 6px;
	line-height: 150%;
}
table.cunsul ol {
	margin: 0 0 0 25px;
	padding: 0;
}
td.td_ans {
	background-color: #f54;
	vertical-align: top;
	width: 17px;
}
p#go_top {
	text-align: right;
	margin: 0 10px 0 0;
}
p#go_top a {
	background: url(../img/go_top.gif) no-repeat left center;
	padding: 0 0 0 13px;
}
a:link.cunsul_bt, a:visited.cunsul_bt {
	display: block;
	width: 221px;
	height: 78px;
	background: url(../img/bt_cunsul.gif) no-repeat;
}
div.cunsul_bt_bg {
	width: 221px;
	height: 78px;
	background: url(../img/bt_cunsul_ov.gif) no-repeat;
}
a:hover.cunsul_bt {
	background: none;
}
/* --------- */
td.td_pai {
	background-color: #e60;
	color: #fff;
	font-weight: bold;
}
th.th_pai {
	font-size: 120%;
	text-align: left;
	color: #e60;
}
td.td_roo {
	background-color: #006ab4;
	color: #fff;
	font-weight: bold;
}
th.th_roo {
	font-size: 120%;
	text-align: left;
	color: #06b;
}
td.td_ref {
	background-color: #930b82;
	color: #fff;
	font-weight: bold;
}
th.th_ref {
	font-size: 120%;
	text-align: left;
	color: #908;
}
td.td_bat {
	background-color: #f29600;
	color: #fff;
	font-weight: bold;
}
th.th_bat {
	font-size: 120%;
	text-align: left;
	color: #f90;
}
td.td_com {
	background-color: #2ca6df;
	color: #fff;
	font-weight: bold;
	width: 17px;
}
th.th_com {
	font-size: 120%;
	text-align: left;
	color: #2ad;
}
td.td_one {
	background-color: #ef3123;
	color: #fff;
	font-weight: bold;
}
th.th_one {
	font-size: 120%;
	text-align: left;
	color: #e32;
}
/* ------------ */
th.th_work {
	font-size: 120%;
	text-align: left;
	color: #f37589;
	width: 550px;
}
/* ------------ */
table.sheet {
	width: 570px;
	margin:10px 0 15px 0;
	border-collapse: collapse;
	border: 1px #ccc solid;
	border-spacing: 0;
	empty-cells: show;
	line-height: 150%;
}
table.sheet th, table.sheet td {
	padding:10px;
	border: 1px #ccc solid;
	vertical-align: top;
}
table.sheet th {
	background-color: #eee;
	font-weight: normal;
	text-align: left;
}
table.sheet02 {
	width: 400px;
	margin:10px 0 15px 0;
	border-collapse: collapse;
	border: 1px #ccc solid;
	border-spacing: 0;
	empty-cells: show;
	line-height: 150%;
}
table.sheet02 th, table.sheet02 td {
	padding:10px;
	border: 1px #ccc solid;
	vertical-align: top;
}
table.sheet02 th {
	background-color: #eee;
	font-weight: normal;
	text-align: left;
}
div#map {
	margin: 15px 0 15px 0;
	width: 570px;
}

/*会社概要*/

td .company_list{
padding:0;
margin:0;
list-style:none;
}

td .ico_list li{
margin-bottom:10px;
}

/* ---------------------------------------------------------------- *
	イメージ・リンク
 * ---------------------------------------------------------------- */
img {
	border: 0;
	vertical-align: bottom;
}
a {
	cursor: pointer;
	color: #06b;
}
a:hover, div#topics_box a:hover, .arrow_g a:hover,
ul#roo a:hover, ul#bat a:hover, ul#ref a:hover, ul#com a:hover {
	text-decoration: none;
	color: #a62;
}
.font_g {
	font-size: 100%;
	color: #083;
}
.right {
	text-align: right;
	margin: 10px 0 0 0;
}

.center {
	text-align: center;
	margin: 0;
}
.clr {
	clear: both;
	height: 1px;
	width: 1px;
}
.dot_line {
	border: 1px #888 dashed;
	width: 579px;
}
.bold { font-weight: bold; }
.red { color: #f00; }

/* ---------------------------------------------------------------- *
	追加
 * ---------------------------------------------------------------- */
table.sheet03 {
	width: 579px;
	margin:10px 0 15px 0;
	border-collapse: collapse;
	border: 1px #bbb solid;
	border-spacing: 0;
	empty-cells: show;
	line-height: 150%;
}
table.sheet03 td {
	border: 1px #bbb solid;
	padding: 0 10px 0 15px;
	vertical-align: center;
}
table.sheet03 th {
	border: 1px #bbb solid;
	background-color: #eee;
	padding: 5px;
	width: 210px;
}


.poster_img1{
	width:150px;
	float:left;
}

.poster_img2{
	width:150px;
	float:left;
}

.poster_img{
	width:300px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:15px;
}

.ti-font{
	font-size:140%;
}

.m_font{
	font-size:90%;}

.ti-font2{
	font-size:115%;
	font-weight:bold;
}

.red2 { color: #f00;
	font-size:13px;}
	

.b_red{
	font-weight:bold;
	color:#F00;
}

.b_green{
	font-weight:bold;
	color:#090;
}

.bb{
	font-size:13px;
	font-weight:bold;
}

.bb02{
	font-size:17px;
	font-weight:bold;
}

/*090320まで　エコジョーズ*/
.cont_feco_img	{
	float:left;
	width:233px;
	padding:0;
	margin:0;
	}
.cont_feco_txt	{
	float:left;
	width:157px;
	margin-left:10px;
	line-height:1.4;
	font-size:108%;
	padding:0;
	}
.cont_feco_txt p	{
	margin:0;
	padding:0;
	}
.cont_feco	{
	clear:both;
	}
.cont_win_eco	{
	margin:0;
	padding:0;
	}
.cont_win_eco p	{
	margin:0;
	padding:0;
	}
.cont_feco2_img	{
	float:left;
	width:123px;
	}
.cont_feco2_txt	{
	float:left;
	width:277px;
	line-height:1.4;
	}
.cont_feco_p	{
	margin:15px 0 0 13px;
	font-size:108%;
	}
	
.cont_feco_p02	{
	padding:8px 13px 0px 13px;
	font-size:100%;
	}
	
.cont_feco_last	{
	margin-bottom:10px;
	}
	
/*youtube
-----------------------------------------*/
.cl{
	clear:both;
}

.moviethumb dl{
	float:left;
	width:260px;
	padding:0 20px 20px 10px;
	margin:0;
}
.moviethumb dl.last{
	padding-right:0;
}
.moviethumb dt{
	margin-bottom:10px;
}
.moviethumb dd{
	margin:0;
}

#moviewindow{
	padding:20px;
}

#movietitle{
	font-size:18px;
	color:#309CFF;
}




.b_blue{
	color:#03C;
	font-weight:bold;
}

#tv_box{
	border:#09F solid 1px;
	padding:8px;
	width:370px;
	margin:10px auto;
}

.tv_p{
	padding-left:15px;
	line-height:20px;
	padding-top:10px;
}

.cont_feco_p02 a{
	text-decoration:none;
}


.b_red20{
	color:#F00;
	font-weight:bold;
	font-size:20px;
}