@charset "utf-8";

/*-----------------------------------------------------
body
-------------------------------------------------------*/
body {
	
}

/*-----------------------------------------------------
container
-------------------------------------------------------*/
div#container{
	width:995px;
	margin:0 auto 0 auto;
}

/*-----------------------------------------------------
header
-------------------------------------------------------*/
div#header{
	width:820px;
	height:100px;
	position:absolute;
	top:0;
	margin:0 87px 0 87px;
	/* background:url("../images/common/bg_head.png") no-repeat bottom; */
}
#header h1{
	float:left;
	margin:24px 0 0 17px;
}
#header p{
	float:left;
	margin:0 0 0 19px;
}
#header dl{
	float:right;
	margin:4px 1px 0 0;
}
#header dl dd{
	margin:0 0 2px 0;
	text-align:right;
}

/*-----------------------------------------------------
contents
-------------------------------------------------------*/
div#main{
	margin:0;
	width:995px;
	z-index:-1;
}

/* globalNavi */
div#globalNavi{
	width:850px;
}
#globalNavi ul{
	width:824px;
	margin:0 auto 0 auto;
	padding:30px 0 0 0;
}
#globalNavi ul li{
	float:left;
	display:inline;
	margin:6px 0 0 14px;
}
#globalNavi ul li.navi2{
	margin:6px 0 0 23px;
}
div#contents{
	width:850px;
	margin:0 auto 0 auto;
	background:url("../../images/common/bg_contents.jpg") repeat-y;
}
div#contents{
	width:850px;
	margin:0 auto 0 auto;
	background:url("../images/common/bg_contents.jpg") repeat-y;
}



/*-------------------------------------
CONTENT
---------------------------------------*/
div.update{
	width:824px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
	background:url("../images/common/bg_footer.jpg") repeat-x bottom;
}

/* mews */
div.news{
	width:468px;
	height:180px;
	float:left;
	margin:17px 0 0 18px;
	display:inline;
	background:url("../images/index/bg_news.jpg") no-repeat;
}
div.news p.ttl{
	padding:13px 0 0 38px;
}
div.news .overflow{
	width:389px;
	height:90px;
	margin:10px 0 0 38px;
	overflow:auto;
}
div.news dl{
	margin:0 0 5px 0;
}
div.news dl dt{
	width:60px;
	float:left;
	clear:boht;
	color:#FF3366;
}
div.news dl dd{
	width:280px;
	float:right;
	color:#FFF;
	font-weight:bold;
}

/* topics */
div.topics{
	width:315px;
	height:193px;
	float:right;
	display:inline;
	margin:4px 15px 0 0;
	background:url("../images/index/bg_topics.jpg") no-repeat;
}
div.topics p.ttl{
	margin:26px 0 0 26px;
}
div.topics dl{
	width:252px;
	margin:10px auto 0 auto;
}
div.topics dl dt{
	
	color:#0099CC;
	font-weight:bold;
	font-size:117%;
}
div.topics dl dd{
	
}
div.topics p.btn{
	text-align:right;
	margin:23px 24px 0 0;
}

/*-----------------------------------------------------
footer
-------------------------------------------------------*/
div#footer{
	width:824px;
	height:74px;
	clear:both;
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
	background:url("../images/common/bg_footer.jpg") repeat-x;
}
div#footer p{
	text-align:center;
}
div#footer address{
	text-align:center;
	margin:15px 0 0 0;
}


/*-----------------------------------------------------
flexcroll
-------------------------------------------------------*/

.scrollgeneric{line-height:1px; font-size:1px; position:absolute; top:0; left:0;}

.vscrollerbar{width:15px; background:url(../images/index/scrollbar.jpg) center no-repeat; cursor:pointer;}

.vscrollerbase{width:15px; background:url(../images/index/base.jpg) top center;}
.vscrollerbasebeg{width:15px; height:15px; background:url(../images/index/arrow1.jpg) top center no-repeat; cursor:pointer;}
.vscrollerbaseend{width:15px; height:15px; background:url(../images/index/arrow2.jpg) bottom center no-repeat; cursor:pointer;}
/*
.hscrollerbase {height:15px;}
.hscrollerbar {height:15px;}
*/

.vscrollerbar{padding:0; z-index:2;}

/*.vscrollerbar, .hscrollerbar {padding:0; z-index:2;}*/
.scrollerjogbox {width:15px; top:auto; left:auto; bottom:0px; right:0px;}