@charset "UTF-8";

/*============================================================

---------------------目次---------------------
・レイアウト
---------------------
・ナビゲーション
	=サイト説明
	=グローバルナビゲーション
	=参加企業募集
---------------------
・左メニュー
	=ロゴ
	=CO2
	=特設バナー
	=バックナンバー
---------------------
・フッター
	=ナビゲーション
	=クレジット

//==========================================================

/*============================================================
//  レイアウト
//==========================================================*/

#contents{
	width:680px;
	float:right;
	margin-top:30px;
	margin-bottom:30px;
}
#menu-left{
	width:202px;
	margin-bottom:30px;
	float:left;
}

/*============================================================
//  ナビゲーション
//==========================================================*/

/*======サイト説明======*/

#navi{
	width:680px;
}
#navi .box-main{
	width:550px;
	float:left;
	margin-bottom:20px;
}
#navi h1{
	height:45px;
	font-size:0.8em;
	font-weight:normal;
	color:#CCC;
}

/*======グローバルナビゲーション======*/

#navi ul{
	list-style:none;
}
#navi ul li.home{
	width:70px;
	height:30px;
	background:url(/imgcommon/navi_home.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
#navi ul li.home a{
	width:70px;
	height:30px;
	background:url(/imgcommon/navi_home.gif) no-repeat;
	display:block;
}
#navi ul li.home a:hover{
	width:70px;
	height:30px;
	background:url(/imgcommon/navi_home_on.gif) no-repeat;
	display:block;
}
#navi ul li.about{
	width:125px;
	height:30px;
	background:url(/imgcommon/navi_about.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
#navi ul li.about a{
	width:125px;
	height:30px;
	background:url(/imgcommon/navi_about.gif) no-repeat;
	display:block;
}
#navi ul li.about a:hover{
	width:125px;
	height:30px;
	background:url(/imgcommon/navi_about_on.gif) no-repeat;
	display:block;
}
#navi ul li.action{
	width:150px;
	height:30px;
	background:url(/imgcommon/navi_action.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
#navi ul li.action a{
	width:150px;
	height:30px;
	background:url(/imgcommon/navi_action.gif) no-repeat;
	display:block;
}
#navi ul li.action a:hover{
	width:150px;
	height:30px;
	background:url(/imgcommon/navi_action_on.gif) no-repeat;
	display:block;
}
#navi ul li.list{
	width:110px;
	height:30px;
	background:url(/imgcommon/navi_list.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
#navi ul li.list a{
	width:110px;
	height:30px;
	background:url(/imgcommon/navi_list.gif) no-repeat;
	display:block;
}
#navi ul li.list a:hover{
	width:110px;
	height:30px;
	background:url(/imgcommon/navi_list_on.gif) no-repeat;
	display:block;
}
#navi ul li.company{
	width:80px;
	height:30px;
	background:url(/imgcommon/navi_company.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
#navi ul li.company a{
	width:80px;
	height:30px;
	background:url(/imgcommon/navi_company.gif) no-repeat;
	display:block;
}
#navi ul li.company a:hover{
	width:80px;
	height:30px;
	background:url(/imgcommon/navi_company_on.gif) no-repeat;
	display:block;
}

/*======参加企業募集======*/

#navi .join{
	width:125px;
	height:75px;
	background:url(/imgcommon/navi_join.gif) no-repeat;
	text-indent:-9999px;
	float:right;
}
#navi .join a{
	width:125px;
	height:75px;
	background:url(/imgcommon/navi_join.gif) no-repeat;
	display:block;
}
#navi .join a:hover{
	width:125px;
	height:75px;
	background:url(/imgcommon/navi_join_on.gif) no-repeat;
	display:block;
}

/*============================================================
//  左メニュー
//==========================================================*/

/*======ロゴ======*/

#menu-left .logo{
	width:200px;
	height:190px;
	background:url(/imgcommon/logo.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
}
#menu-left .logo a{
	width:200px;
	height:190px;
	background:url(/imgcommon/logo.jpg) no-repeat;
	display:block;
}
#menu-left .logo a:hover{
	width:200px;
	height:190px;
	background:url(/imgcommon/logo.jpg) no-repeat;
	display:block;
}

/*======CO2======*/

#box-co2{
	width:200px;
	border:1px solid #222;
	margin-bottom:15px;
	background:#000;
}
#box-co2 .time{
	width:120px;
	height:68px;
	float:left;
}
#box-co2 .number{
	width:73px;
	height:68px;
	background:url(/imgcommon/menu_left_co2_bg.gif) no-repeat;
	float:left;
	text-align:right;
}

/*======特設バナー======*/

#menu-left ul.sp{
	width:200px;
	list-style:none;
}
#menu-left ul.sp li{
	width:200px;
	font-size:0.8em;
	margin-bottom:10px;
}
#menu-left ul.sp li a{
	color:#EEE;
	text-decoration: none;
}
#menu-left ul.sp li a:hover{
	color:#FFF;
	text-decoration: underline;
}

/*======バックナンバー======*/

#menu-left .btn-backnumber{
	width:95px;
	height:17px;
	background:url(/imgcommon/btn_backnumber.gif) no-repeat;
	text-indent:-9999px;
	margin-left:auto;
	margin-bottom:10px;
	cursor:pointer;
}
#menu-left .btn-backnumber a{
	width:95px;
	height:17px;
	background:url(/imgcommon/btn_backnumber.gif) no-repeat;
	display:block;
}
#menu-left .btn-backnumber a:hover{
	width:95px;
	height:17px;
	background:url(/imgcommon/btn_backnumber_on.gif) no-repeat;
	display:block;
}
.Accordion {
	overflow: hidden;
}
.AccordionPanelTab {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelContent {
	overflow: auto;
}

/*============================================================
//  フッター
//==========================================================*/

#footer{
	margin-bottom:20px;
}

/*======ナビゲーション======*/

#footer ul.navi{
	width:500px;
	list-style:none;
	float:left;
}
#footer ul.navi li{
	width:105px;
	height:17px;
	background:url(/imgcommon/btn_bg.gif) no-repeat;
	font-size:0.8em;
	color:#EEE;
	margin-right:4px;
	float:left;
}
#footer ul.navi li a{
	height:17px;
	background:url(/imgcommon/btn_bg.gif) no-repeat;
	color:#EEE;
	text-decoration: none;
	display:block;
	padding:1px 6px 0 19px;
}
#footer ul.navi li a:hover{
	height:17px;
	background:url(/imgcommon/btn_bg_on.gif) no-repeat;
	color:#FFF;
	text-decoration: none;
	display:block;
}

/*======クレジット======*/

#footer p.copy{
	font-size:0.8em;
	float:right;
}

/*============================================================
//  コンテンツデザイン
//==========================================================*/

#main .inner{
	width:680px;
	background:url(/imgcommon/bg_traival.jpg) no-repeat top right;
}
#main .box-table h3{
	background-image : url(/imgcommon/catch_title.gif) ;
	background-position : 0 50% ;
	background-repeat : no-repeat ;
	padding-left : 15px ;
	font-size:1.2em;
	color:#FFF;
	margin-bottom:6px;
}
#main .box-table{
	width:650px;
	background:url(/imgcommon/bg_tabe.png) repeat-y;
	padding:12px 15px 15px 15px;
	margin-bottom:20px;
}
* html #main .box-table {
	behavior: expression(IEPNGFIX.fix(this));
}
#main .box-table p{
	font-size:1.0em;
}
#main .box-table p a{
	color:#EEE;
	text-decoration: none;
}
#main .box-table p a:hover{
	color:#FFF;
	text-decoration: underline;
}
#main .toptop,
#contents .toptop{
	width:31px;
	height:11px;
	background:url(/imgcommon/icon_toptop.gif) no-repeat;
	text-indent:-9999px;
	margin-left:auto;
	margin-bottom:10px;
}
#main .toptop a,
#contents .toptop a{
	width:31px;
	height:11px;
	display:block;
	background:url(/imgcommon/toptop.gif) no-repeat;
}
#main .toptop a:hover,
#contents .toptop a:hover{
	width:31px;
	height:11px;
	display:block;
	background:url(/imgcommon/toptop_on.gif) no-repeat;
}