@charset "UTF-8";

body{
	background:url(../images/2nd_common/back.jpg) repeat;
	
	
	}

	
div#header_in{
	width:960px;
	margin:0 auto;

	}

div#h_logo{
	position:absolute;
	top:0;
	left:10%;
	z-index:300;

	}
	
div#h_logo a{
	display:block;
	width:280px;
	height:100px;	
	}
	

div#menu{
	height:80px;
	background:url(../images/index/menu_back.jpg) repeat-x;
	text-align:center;
	
	}

div#menu ul{
	display:block;
	width:960px;
	margin:0 auto;
	text-align:center;
	}
	


div#menu ul li.first a{
	display:inline;
	margin:0 40px 0 145px;
	text-align:center;
	
	}


div#menu ul li{
	display:inline;
	margin:0 40px 0 0;
	text-align:center;
	
	}


div#menu ul a{
	color:#FFF;
	display:block;
	float:left;
	margin:0 50px 0 0;

	font-weight:600;
	text-shadow: 0px 0px 5px #000;
	padding:30px 0 0 0;

	}
	
div#menu ul a:hover{
	text-decoration:none;
	text-shadow: 0px 0px 5px #FFF;

	}
	
	
div#contents{
	width:960px;
	margin:0 auto;
	
	}
	
	
	
h3{
	text-align:center;
	margin:50px auto 30px;
	
	}

a.news_link div.news_block:hover{
	background:#999;
	color:#FFF;
	}


	
div.news_block_r{
	margin:0 0 0 auto;
	padding:0px;
    -moz-box-shadow: 0px 0px 8px #333;　/* Firefox用 */  
    -webkit-box-shadow: 0px 0px 8px #333;　/* Safari,Google Chrome用 */  
    width: 500px;
    float: right;
	}


div.news_block{
	margin:0 auto 0 0;
	padding:20px;
	background:#FFF;
    -moz-box-shadow: 0px 0px 8px #333;　/* Firefox用 */  
    -webkit-box-shadow: 0px 0px 8px #333;　/* Safari,Google Chrome用 */  
    width: 500px;
    float: left;
	}


div.news_block p.cate{
	background:#999;
	color:#FFF;
	width:25%;
	float:left;
	text-align:center;
	line-height:30px
	}

div.news_block p.date{
	width:25%;
	float:left;
	text-align:center;
	line-height:30px

	}

div.news_block p.text{
	width:50%;
	float:left;
	line-height:30px

	}

div.contents_block{
	margin:0 auto;
	padding:20px;
	background:#FFF;
    -moz-box-shadow: 0px 0px 8px #333;　/* Firefox用 */  
    -webkit-box-shadow: 0px 0px 8px #333;　/* Safari,Google Chrome用 */  
	}



	
div#f_link{
	text-align:center;
	
	}
	
div#footer{
	background:#002B00;
	color:#FFF;
	
	}
	
div#footer_in{
	width:960px;
	margin:10px auto 0;
	padding:30px 0;
	text-align:center;

	}
	
div#footer_in h4{
	font-size:1.4em;
	font-weight:600;

	}
	
div#footer_in p{
	text-align:center;
	color:#FFF;

	}
	
address{
	background:#004713;
	color:#FFF;
	text-align:center;
	padding:20px 0;
	font-style:normal;
	font-size:0.9em;
	
	}
	
address a{
	color:#FFF;
	}
	

/*------------------------------------
戻るボタン
--------------------------------------*/


#back-top {
	position: fixed;
	bottom: 230px;
	right: 50px;
	_margin-left:auto;
	_text-align:right;
	_margin-top:-100px;
	_margin-right:50px;
}

#back-top a {
	width: 45px;
	display: block;
	text-align: center;
}

#back-top a:hover {
	color: #000;

}

/* arrow icon (span tag) */
#back-top span {
	width: 45px;
	height: 45px;
	display: block;
	margin-bottom: 10px;
	margin-right: 10px;
	background: url(../images/2nd_common/page_top.png) no-repeat center center;
}
#back-top a:hover span {
	background: url(../images/2nd_common/page_top_on.png) no-repeat center center;
}

/*------------------------------------
スライド部分
--------------------------------------*/


#container {
	width: 100%;
	text-align: center;
}

/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 100%;
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 101;
}
.viewer .btnPrev {
	left: 10px;
	background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
	right: 10px;
	background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}


/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}