@charset "utf-8";

/* top
----------------------------------------------------------------------------*/

h1 {
	font-size:1.6em;
	margin:40px 0 25px;
	padding-bottom:7px;
	border-bottom:1px solid #CCC;
	color:#000;
}
h2 {
	font-size:1.4em;
	margin:0;
	padding:0;
	border:none;
	color:#000;
	height:34px;
}
h2 img { float:left; }

.top-h2 {
	width:634px;
	height:34px;
	margin:15px 0 10px;
	padding:0 10px 0 0;
	background:url(../../img/top_h2_bg01.gif) repeat-x left top;
}
.top-h2 h2 {
	float:left;
}

.arrow {
	float:right;
	margin:0;
	line-height:1;
}
.arrow a {
	font-size:10px;
	display:inline-block;
	padding-right:15px;
	background:url(../img/cmn_arrow01.gif) no-repeat right top;
	color:#333;
	font-weight:bold;
	height:11px;
}
.arrow a:link,
.arrow a:visited { color:#333; text-decoration:none; }
.arrow a:hover,
.arrow a:active { text-decoration:underline; }

h3 {
	font-size:1.4em;
	margin:0;
	padding:0;
	color:#000;
	width:100%;
	background:none;
}
h4 {
	font-size:1.2em;
	color:#000;
	margin:0;
}

#top-main {
	width:644px;
	float:right;
}
#top-head {
	width:896px;
	float:left;
	padding-bottom:10px;
}
#top-head-menu{
	width:896px;
	float:left;
	padding-bottom:18px;

}
#top-head-menu li{
	width:218px;
	height:53px;
	float:left;
	display:block;

}

#top-side {
	width:220px;
	float:left;
}
#top-swf {
	width:593px;
	height:443px;
	float:left;
	background:url(../../img/top-swf_bg.jpg) no-repeat 0 0;
}
#top-navi {
	width:145px;
	height:443px;
	float:right; 
	background:url(../../img/top-navi_bg.jpg) no-repeat left top;
}
#top-navi h2 { margin:0; padding:0; }

#top-navi li {
	width:143px;
	line-height:1;
	border-top:1px solid #F5F5F5;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:url(../../img/top-navi_bg02.gif) repeat-x left bottom #FFF;
}
#top-navi li a {
	width:128px;
	height:23px;
	line-height:23px;
	display:block;
	padding: 0px 0 0px 15px;
	color:#4E4E51;
	background:url(../img/cmn_arrow02.gif) no-repeat 5px center;
	text-decoration:none;
	font-size:10px;
}
#top-navi li a:hover {
	color:#000;
	background:url(../img/cmn_arrow02.gif) no-repeat 5px center #F5DAA3;
}

.top-section { width:738px; }

dl.top-archiveList {
	width:634px;
	padding:0 10px;
}
dl.top-archiveList dt {
	color:#9D5200;
}
dl.top-archiveList dd {
	margin:-1.5em 0 2px;
	padding:0 0 0 6.0em;
}
dl.top-archiveList dd a:link,
dl.top-archiveList dd a:visited { text-decoration:none; }
dl.top-archiveList dd a:hover,
dl.top-archiveList dd a:active { text-decoration:underline; }

dl.top-archiveList02 {
	width:634px;
	padding:0 10px;
}
dl.top-archiveList02 dt {
	color:#9D5200;
}
dl.top-archiveList02 dd {
	margin:-1.5em 0 2px;
	padding:0 0 0px 9.5em;
}
.top-archiveList02-place {
	margin-left:10px;
	display:inline-block;
}
dl.top-archiveList02 dd a:link,
dl.top-archiveList02 dd a:visited { text-decoration:none; }
dl.top-archiveList02 dd a:hover,
dl.top-archiveList02 dd a:active { text-decoration:underline; }

#event-info {
	margin:1px 0 0;
	border-collapse:collapse;
	width:644px;
}
#event-info th,
#event-info td {
	border-collapse:collapse;
	border:1px solid #CCC;
	white-space:nowrap;
	padding:5px 5px;
	text-align:center;
}
#event-info .event {
	white-space:normal;
	text-align:left;
	width:100%;
}
#event-info a:link,
#event-info a:visited { text-decoration:none; }
#event-info a:hover,
#event-info a:active { text-decoration:underline; }

#event-info .month {
	font-weight:bold;
	text-align:center;
	padding:5px 10px;
}


/* 温暖化ナビゲーション
----------------------------------------------------------------------------*/
.bottom{
	width:634px;
	margin-top:20px;
}
.bottom .naviHead{
	background-image:url(../../img/navigator/titleN.gif);
	padding:6px 0 6px 8px;
}
.bottomLeft{
	width:200px;
	float:left;
	margin:0 0 0 4px;
	_display:inline;
}
.bottomLeft ul{
	margin:0 0 0 0px;
}
.bottomLeft ul li{
	width:200px;
}
.bottomLeft ul li a{
	width:175px;
	color:#575759;
	background-image: url("../../img/navigator/bg_menu.gif") ;
	background-repeat:no-repeat;
	padding:4px 17px 4px 8px;
	display:block;
}
.bottomLeft ul li.last a{
	background-image: url("../../img/navigator/bg_menuLast.gif") ;
}
.bottomLeft ul li.last a{
	padding:5px 17px 10px 5px;
}
.bottomLeft ul li a:hover,.bottomLeft ul li a.current{
	background-image: url("../../img/navigator/bg_menu2.gif");
	background-repeat:no-repeat;
}
.bottomRight{
	padding:10px 0 10px 0px;
	width:531px;
	float:right;
/*	background:url(../../img/navigator/bg_bottomRight.gif) repeat-y 3px 0;*/
}
.article{
	width:165px;
	float:left;
	margin:0 0 0 8px;
}
* html .article{
	width:162px;
}
.article p{
	margin:7px 0 0 0;
}
.title a{
	color:#16569d;
	display:block;
	line-height:1.5em;
}
.continue a{
	color:#16569d;
	display:block;
	text-align:right;
}
.summary{
	line-height:1.5em;
}
.underLine{
	width:550px;
	height:8px;
	background-image: url("../../img/navigator/bg_underLine.gif");
	background-repeat:no-repeat;
	margin:0 0 10px 187px;
}

strong { font-size:1.4em; }


/* フッタータブ */
.bottom-tab{
	width:644px;
	margin-top:20px;
}




/*  --------------------------------- */
.top-tabnav{
	width:644px;
	float:left;
	_display:inline;
}
.top-tabnav ul{
	margin:0 0 0 0px;
}
.top-tabnav ul li{
	float:left;
	list-style:none;
	height:37px;

}
.top-tabnav ul li.btab01{
	width:212px;
	height:37px;
	text-indent:-9999px;
}

.top-tabnav ul li.btab01 a{
	width:212px;
	height:37px;
	background-image: url("../../images/gr_tab01.gif") ;
	background-repeat:no-repeat;
	display:block;
}
.top-tabnav ul li.btab01 a:hover,.top-tabnav ul li.btab01 a.current{
	background-image: url("../../images/gr_tab01_ov.gif") ;
	background-repeat:no-repeat;
}
.top-tabnav ul li.btab02{
	width:216px;
	height:37px;
	text-indent:-9999px;
}

.top-tabnav ul li.btab02 a{
	width:216px;
	height:37px;
	background-image: url("../../images/gr_tab02.gif") ;
	background-repeat:no-repeat;
	display:block;
}
.top-tabnav ul li.btab02 a:hover,.top-tabnav ul li.btab02 a.current{
	background-image: url("../../images/gr_tab02_ov.gif") ;
	background-repeat:no-repeat;
}
.top-tabnav ul li.btab03{
	width:216px;
	height:37px;
	text-indent:-9999px;
}

.top-tabnav ul li.btab03 a{
	width:216px;
	height:37px;
	background-image: url("../../images/gr_tab03.gif") ;
	background-repeat:no-repeat;
	display:block;
}
.top-tabnav ul li.btab03 a:hover,.top-tabnav ul li.btab03 a.current{
	background-image: url("../../images/gr_tab03_ov.gif") ;
	background-repeat:no-repeat;
}

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




.bottomtab-area{
	width:644px;
	float:left;
	padding:0 0 10px 0px;
	background:url(../../images/gr_tab_bg.gif) repeat-y 0;
}

.article-tab{
	width:312px;
	float:left;
	margin:10px 0 0 9px;
}
* html .article-tab{
	width:300px;
	float:left;

}

.article-tab .t-title{
	background:url(../../images/tab-yaji.gif) no-repeat 0 top;
	width: 312px;
}
* html .article-tab .t-title{
	background:url(../../images/tab-yaji.gif) no-repeat 0 top;
	width: 300px;
}

.article-tab .t-title p{
	font-size:1.4em;
	margin:0 0 0 15px;
	font-weight:bold;
	width: 297px;
}

* html .article-tab .t-title p{
	font-size:1.4em;
	margin:0 0 0 15px;
	font-weight:bold;
	width: 290px;
}
.article-tab .t-title p a:hover{
	font-weight:bold;
	text-decoration:none;
}


.article-tab p{
	margin:7px 18px 0 10px;
}

* html .article-tab p{
	margin:7px 9px 0 10px;
}

.underLine-tab{
	width:644px;
	height:11px;
	background:url(../../images/gr_tab04.gif);
	background-repeat:no-repeat;
	margin:0 0 10px 0;
}


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

.top-h2side {
	width:210px;
	height:34px;
	margin:15px 0 10px;
	padding:0 10px 0 0;
}

/* add 2013.11.25 */
#top-side h3 {
	border: 0;
}