﻿@charset "Shift_JIS" ;

/*----------------------------
  ページレイアウト用枠組み 
-----------------------------*/

div#container {
	width: 750px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}




div#mainarea_top {
	margin-right: -270px;
	width: 480px;
	float: left;
	position:relative;
	text-align: left;
}

div#sidearea_top {
	margin-left: 20px;
	background-color: #ffffff;
	width: 260px;
	height: 100%;
	float: right;
	text-align: left;
}



div#mainarea_container {
	margin-right: -200px;
	width: 750px;
	float: left;
	text-align: left;
}

div#sidearea_container {
	margin-top: 50px;
	margin-left: 10px;
	background-color: #fff;
	width: 190px;
	height: 100%;
	float: right;
	text-align: left;
}


#header_link {
	width:600px;
	margin: 0 auto;
	height: 30px;
	font-size: 12px;
	text-align: left;
/*	line-height: 28px;*/
	vertical-align: top;
	text-decoration: none;
	font-style: normal;
	display: inline;
/*	background-color: orange;*/
}




/*----------------------------
  環境対策ページの枠組み要素 
-----------------------------*/


div#content{
	width: 700;
}

div#content:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div.box-A{
	float: left;
	width: 300px;
	font-size: 12px;
}

div.box-B{
	float: right;
	width: 450px;
}


/*----------------------------
  事業内容ページの枠組み要素 
-----------------------------*/

div#content2{
	width: 750;
}

div#content:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* 左最大340px */

div.box-C{
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 330px;
	height: 100%;
	font-size: 12px;
}

div.box-C2{
	margin-top: 10px;
	margin-left: 20px;
	float: left;
	width: 320px;
	height: 100%;
	font-size: 12px;
}

/* 右最大410px */

div.box-D{
	margin-top: 10px;
	margin-right: 0px;
	float: right;
	width: 410px;
	height: 100%;
	font-size: 12px;
}

div.box-D2{
	float: right;
	width: 360px;
	height: 100%;
	margin-top: 10px;
	margin-left: 50px;
	font-size: 12px;
}




/*--------------------------------
  フォント関連
----------------------------------*/

.gry{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
	text-decoration: none;
}


.title2{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 15px;
	color: #003366;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
}


p.line{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 160%;
}

.line span{
	color: orange;
}

span.line2{
	margin: 20px;
	padding: 0px;
	line-height: 160%;
}


.title{
	font-size: 15px;
	font-weight: bold;
}

.midashi{
	background-image:url(images/bar-b.gif);
	background-repeat: no-repeat;
	width: 400px;
	height: 30px;
	text-align: left;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	font-style: normal;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
	
}



/*--------------------------------
  破線や直線などhr属性関連
----------------------------------*/

hr{
	display: none;
}

.bottom{
	border-bottom: solid 1px gray;
	width: 100%;
}

.bar{
	border-bottom: dashed 1px gray;
	height: 1px;
	width: 100%;
	clear: both;
}

.bar-s{
	border-bottom: dashed 1px gray;
	height: 1px;
	width: 100%;
}



/*--------------------------------
  リスト関連
----------------------------------*/

ul.list{
	margin-top: 5px;
	margin-left: 50px;
	margin-bottom: 5px;
	padding: 0;
	color: #000;
	font-size: 12px;
	line-height: 160%;
}


div#link ul{
	font-size: 12px;
}

ul.koumoku li ul{
	margin-left: 10px;
	padding: 0;
}


/*--------------------------------
  イメージ関連
----------------------------------*/

.header_gr{
	background-image:url(images/header-b.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
}


.name_w{
	background-image:url(images/name-b.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 63px;
	margin: 0;
	padding: 0;

}


.kensaku{
	margin-right: 0;
	margin-top: 10px;
}

.flash_top{
	margin-right: 0;
	margin-top: 10px;
}


.main{
	margin-top: 10px;
}

.footer{
	margin-top: 10px;
}

.kanban{
	background-image:url(images/index/kanban.jpg);
	background-repeat: no-repeat;
	width: 750px;
	height: 130px;
	margin-left: 25px;
	padding: 0;
}

.kouji{
	background-image:url(images/index/kouji.gif);
	background-repeat: no-repeat;
	width: 750px;
	height: 72px;
}

.img {
	vertical-align: top;
}

.imglink_btm {
	width:230px;
	height: 60px;
	text-align: left;
	font-size: 12px;
	background-image: url(images/button2/table-bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: 10px;
	text-decoration: none;
}


.kakomi{
	border-style: dashed;
	border-width: 2px;
	border-color: #40c0a0;
}





/*--------------------------------
  リンク関連
----------------------------------*/

a:link.top{
	color: #000;
}

a:visited.top{
	color: #000;
}

a:hover.top{
	color: #ff2000;
	text-decoration: underline;
}

a.top{
	text-decoration: none;
}


.menu a {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.menu a:link {
	color: #333333;
}

.menu a:visited {
	color: #333333;
}

.menu a:hover,.menu a:active {
	color: #990000;
	text-decoration: underline;
}


.line a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #0060ff;
	background-color: #f9e3ff;
}


/*--------------------------------
  テーブル関連
----------------------------------*/

.table{
	margin-top: 20px;
	font-size: 12px;
	line-height: 160%;
}


.table2{
	margin-top: 30px;
	font-size: 12px;
	line-height: 120%;
	background-image: url(images/map/plant1014.JPG);
	background-repeat: no-repeat;
}





/*--------------------------------
  使わないもの
----------------------------------*/
.sonota{
	margin-right: 0;
	margin-top: 20px;

}




div#flash{
	margin-left: 10px;
	width: 270px;
	height: 108px;
	float: right;
	position: absolute;
	top: 220px;
	text-align: left;
}

div#blog{
	margin-left: 10px;
	margin-top: 10px;
	width: 250px;
	height: 108px;
	float: right;
	position: absolute;
	top: 530px;
	text-align: left;
}

ul.list-top{
	margin-left: 50px;
	padding: 0;
	color: #000;
	font-size: 12px;
	line-height: 160%;
}

img.face{
	vertical-align: bottom;
}


a:link.visit{
	color: #ffffff;
}

a:visited.visit{
	color: #ffffff;
}

a:hover.visit{
	color: #ffc000;
	text-decoration: underline;
}

a.visit{
	text-decoration: none;
}

div#full_size{
	margin-left: 20%;
	width: 750px;
	height: 100%;
	text-align: left;
}


