@charset "utf-8";


/*---------------------------------------------------
* Base Modules
*--------------------------------------------------*/

/*   [header]
---------------------------------------*/
.header{
	width: 950px;
	margin: 0 auto;
	height: 130px; /*--- 090724修正　元は120px; */
	position: relative;
	text-align: left;
	z-index: 200;
}

/* ロゴ */
.header .logo{
	position: absolute;
	top: 8px;
	left: 0;
}

/* コピー */
.header .copy {
	position: absolute;
	top: 20px;
	left: 221px;
	font-size: 84%;
}

.header .copy img {
	display:block;
	margin-bottom: 5px;
}

/* ユーティリティ  */
.header .utility {
	position: absolute;
	top: 5px; /*--- 090724修正　元は18px; */
	right: 0;
}

.header .utility li {
	float: left;
}

.header .utility2 {
	position: absolute;
	top: 27px; /*--- 090724修正　元は40px; */
	right: 0;
}

.header .utility2 li {
	float: left;
	margin-left: 10px;
}


/*　Gナビ */
.header #gNavi {
	position: absolute;
	top: 75px; /*--- 090724修正　元は65px; */
	left: 0;
}

.header #gNavi li {
	float: left;
	position: relative;
	width: 190px;
}

/*----- pulldownMenu -----*/
/*
.header #gNavi li ul{
	position: absolute;
	display: none;
	left: 1px;
	top: 54px;
}
.header #gNavi li ul li{
	width: 188px;
	float: left;
	display: inline;
	padding-bottom: 1px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: #FFFFFF url(../img/line_dot.gif) repeat-x 0 100%;
}
.header #gNavi li ul li a{
	display: block;
	padding: 5px 10px 5px 10px;
	line-height: 1.3;
	text-decoration: none;
}
.header #gNavi li ul li a:hover{
	background-color: #F1F1F1;
}
.header #gNavi li ul li.lastChild{
	background: #FFFFFF;
	padding-bottom: 0;
	border-bottom: 1px solid #CCCCCC;
}
#gNavi{ zoom:1; }
#gNavi:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear:both;
}
*/
/*MacIE \*/
* html #gNavi {height: 1em;}
#gNavi {display: block;}
/* ini */

.header #gNavi  a:link,
.header #gNavi  a:active,
.header #gNavi  a:visited,
.header #gNavi  a:hover
 {
	color: #333;
}

/*   [container]
---------------------------------------*/
.container{	
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/bg_container.gif) repeat-y 0 0;
	z-index: 100;

}
/* パンくず */
.container .topicPath {
	font-size: 76%;
	font-family: verdana;
	color: #555;
	background: #fff;
	padding: 5px 0 7px;
}

.container .topicPath a:link,
.container .topicPath a:hover,
.container .topicPath a:visited,
.container .topicPath a:active {
	color: #555;
 }


/*   [contents]
---------------------------------------*/
.contents {
	width: 685px;
	display: inline;
	float: right;
}

.main {
	margin: 0 5px;
}


/* サイドバー */

.sidebar {
	display: inline;
	float: left;
	width: 240px;
}

/* お問い合わせ */
.sidebar .contactBox{
	margin: 10px;
	background: url(../img/bg_contact_top.gif) no-repeat 0 0;
	color: #fff;
	font-size: 84%;
}

.sidebar .contactBox dl {
	padding: 15px 20px 5px;
}

.sidebar .contactBox ul {
	text-align: center;
	padding-bottom: 15px;
	background:url(../img/bg_contact_bottom.gif) no-repeat 0 100%;
}

/* ローカルナビ */

.sidebar .lNavi {
	margin: 10px;
}

.sidebar .lNavi h2 {
	background: url(../img/bg_lnavi_title.gif) no-repeat 0 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 7px 10px;
}

.sidebar .lNavi ul {
	background: url(../img/bg_sidebox.gif) repeat-y 0 100%;
	padding-bottom: 5px;
}

.sidebar .lNavi li {
	padding: 0 6px;
	margin: 0;
	display: inline;
	width: 208px;
	float: left;
}

.sidebar .lNavi li.separate {
	background: #f1f1f1 url(../img/bg_lnavi_separate.gif) no-repeat 0 0;
	height: 10px;
	overflow: hidden;
}

.sidebar .lNavi li.stay {
}

.sidebar .lNavi a:link,
.sidebar .lNavi a:hover,
.sidebar .lNavi a:visited,
.sidebar .lNavi a:active {
	color: #636363;
	text-decoration: none;
 }
 
.sidebar .lNavi a:hover{
 	text-decoration: underline;
}


.sidebar .lNavi li a {
	background: #f4f4f4 url(../img/bg_lnavi_off.gif) no-repeat 0 0;
	padding: 12px 10px 9px 32px;
	display: block;
	margin: 0;
}

.sidebar .lNavi li.stay a {
	background: #d4ddee url(../img/bg_lnavi_on.gif) no-repeat 0 0;
	font-weight: bold;
}

.sidebar .lNavi li.stay a:link,
.sidebar .lNavi li.stay a:visited,
.sidebar .lNavi li.stay a:hover{
	color: #326099;
}

.sidebar .lNavi p {
	padding-top: 5px;
	text-align: right;
	font-size: 84%;
}

.sidebar .lNavi p a {
	padding-left: 12px;
	background: url(../img/icon_lnavi_cattop.gif) no-repeat 0 0.2em;
}


/* ボックス01 */

.sidebar .sideBox01 {
	clear: both;
	margin: 10px;
	background: url(../img/bg_sidebox.gif) repeat-y 0 100%;
	padding-bottom: 5px;
}

.sidebar .sideBox01 h2 {
	background: url(../img/bg_lnavi_title.gif) no-repeat 0 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 7px 10px;
}

.sidebar .sideBox01 .inner {
	padding: 10px 15px;
}

/* ボックス02 */

.sidebar .sideBox02 {
	clear: both;
	margin: 10px;
	background:#FFF;
	border: 1px solid #e4e4e4;
}

.sidebar .sideBox02 h2 {
	background: url(../img/bg_lnavi_title02.gif) repeat-x 0 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 7px 10px;
}
.sidebar .sideBox02 .inner {
	padding: 10px 15px;
}

/* ボックス02 */

.sidebar .sideBox03 {
	clear: both;
	margin: 10px;
	background:#FFF;
	border: 1px solid #e4e4e4;
	padding: 7px 10px;
}


/* 循環型社会への適用（図） */

#junkan{
	position:relative;
	width: 598px;
	height: 409px;
	margin: 0 auto 30px auto;
}
#junkan .name00{
	position: absolute;
	top: 0px;
	left: 0;
}
#junkan .name01{
	position: absolute;
	top: 289px;
	left: 0;
}
#junkan .name02{
	position: absolute;
	top: 100px;
	left: 0;
}
#junkan .name03{
	position: absolute;
	top: 100px;
	left: 200px;
}
#junkan .name04{
	position: absolute;
	top: 100px;
	left: 399px;
}



/*   [footer]
---------------------------------------*/
/* footer */
.footer {
	clear: both;
	position: relative;
	width: 950px;
	margin: 0 auto;
	font-size: 78%;
	margin-top: 25px;
}

.footer .fNavi {
	border: 1px solid #ccc;
}

.footer .fNavi li {
	float: left;
	width: 190px;
	text-align: center;
	padding: 4px 0;
	background:url(../img/line_foot.gif) repeat-y 100% 0;
}

.footer .fNavi li.stay {
	background: #F3f3f3 url(../img/line_foot.gif) repeat-y 100% 0;
}

.footer .fNavi li.lastChild {
	width: 188px;
	background-image: none;
}


.footer .utility {
	text-align: left;
	margin: 12px 0 17px;
}

.footer .utility li {
	display: inline;
	padding: 0 15px 0 10px;
	background: url(../img/icon_arw002.gif) no-repeat 0 0.4em;
}

.footer a:link,
.footer a:hover,
.footer a:visited,
.footer a:active {
	color: #636363;
	text-decoration: none;
 }
 
.footer  a:hover{
 	text-decoration: underline;
}

/* コピーライト・住所 */
.address {
	background: #f6f6f6;
	padding: 15px 0 ;
	width: 100%;
}

.address .inner{
	clear: both;
	position: relative;
	width: 950px;
	margin: 0 auto;
	font-size: 78%;
	text-align: left;
}

 
.address #copy {
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Verdana;
	float: right;
}

/*----- clearfix scheme -----*/

.sidebar .lNavi ul,
.footer .fNavi{
	display: inline-block;
}
.sidebar .lNavi ul:after,
.footer .fNavi:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/*MacIE \*/
* html .sidebar .lNavi ul,
* html .footer .fNavi{
	height: 1em;
}
.sidebar .lNavi ul,
.footer .fNavi{
	display: block;
}
/* initialization for clearfix */

/*---- 090724追加 ----*/

div.gl-search {
	position: absolute;
	right: 0;
	top: 50px;
}

.gl-search .search-box {
	float: left;
	height: 21px;
	width: 145px;
}
.gl-search .search-box input {
	font-size:12px;
	line-height:1.1em;
	margin:3px 5px;
	width:135px;
	color: #333333;
}

.gl-search .search-btn {
	float:left;
	width:44px;
}

.gl-search .search-btn input {
	vertical-align:top;
}