@charset "utf-8";
/* CSS Document */

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

Last Update 2014.06.09

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

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

header

----------------------------------------------------------*/
#header {
	height : 29px;
	margin : 0 auto;
	padding : 5px 0 0 0;
	width : 960px;
}
#header a {
	color : #fff;
	text-decoration : none;
}
#header a:hover {
	color : #ccc;
	text-decoration : none;
}
#header_area {
	background-position : center top;
	background-repeat : no-repeat;
	color : #fff;
	height : 325px;
	width : 100%;
}
#header_area_bg {
	background-image : url(../images/elements/bg_header.jpg);
	background-repeat : repeat-x;
	height : 325px;
	width : 100%;
}
#image_area {
	background-color : #999999;
	width : 100%;
}
#logo {
	margin : 0 auto;
	position : relative;
	width : 960px;
}
p.logo {
	margin : -35px 0 0 35px;
	position : absolute;
}

/*
#logo p.logo {
	margin-top : -35px;
	position : absolute;
}
*/

#animation {
	height : 290px;
	width : 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* IE7 hack */ 
*+html #animation {
	background-image : url(../images/elements/bg_animation_01.jpg);
	background-position : center center;
	background-repeat : no-repeat;
	height : 434px;
	margin : 0 auto;
	width : 100%;
}
*:first-child+html #animation {
	background-image : url(../images/elements/bg_animation_01.jpg);
	background-position : center center;
	background-repeat : no-repeat;
	height : 434px;
	margin : 0 auto;
	width : 100%;
}

p.date {
	float : left;
	padding:10px 0 0 100px;
}


/*
@media screen and (min-width: 1200px){

p.date_large {
	float : right;
	padding:0 20px 0 0;
}

p.date_small {
	float : right;
	display:none
}

}



@media screen and (max-width: 1199px){
p.date_small {
	float : right;
	padding:0 20px 0 0;
}
p.date_large {
	display:none;
}
}
*/
ul#header_nav {
	float : right;
	font-size : 13px;
	margin-top: -7px;
}
ul#header_nav li {
	background-position : left center;
	background-repeat : no-repeat;
	float : left;
}
ul#header_nav li.last {
	background-position : left center;
	background-repeat : no-repeat;
	float : left;
}
ul#header_nav li.top{
	background-image : none;
	background-position : left center;
	background-repeat : no-repeat;
	float : left;
	margin-right:10px;
}
#header #header_nav li {
	margin-right:10px;
}

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

navigation

----------------------------------------------------------*/
#navigation {
	height : 60px;
	margin : 0 auto;
	width : 960px;
}
#navigation ul {
	margin : 0;
	padding : 0;
}
#navigation ul li {
	float : left;
	margin : 0;
	padding : 0;
}
#navigation_area {
	background-image : url(../images/elements/bg_navigation.jpg);
	background-position : left top;
	background-repeat : repeat-x;
	height : 66px;
	width : 100%;
	z-index:500;
}
/* ---------------------------------------------------------

contents

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

#contents {

	margin : 30px auto;
	padding : 0;
	width : 960px;
}
#loc {
	float : left;
	margin : 0;
	width : 380px;
}
#main {
	float : left;
	margin : 0;
	width : 690px;
}
#news_box {
	margin : 0;
	width : 690px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

#news_box dl.news_area {
	overflow : hidden;
	width : 670px;
	padding:10px 20px 0 0;
	overflow:auto;
	zoom : 1;
}
#news_box dl.news_area dd {
	margin-bottom : 7px;
	padding : 0 0 5px 120px;
}
#news_box dl.news_area dt {
	clear : both;
	float : left;
	font-weight : bold;
	margin-bottom : 5px;
	padding-bottom : 5px;
	width : 165px;
}
#news_box h2 {
	color : #006699;
	font-size : 20px;
	padding : 0 0 10px 0;
}
span.red {
	color:#C03;
	padding:0 0 0 7px ;
}

#sub {
	float : left;
	margin : 0 0 0 50px;
	width : 220px;
}
#welcome_box {
	margin-bottom:30px;

}
#welcome_box h1 {
	color : #0F49AF;
	font-size : 28px;
line-height : 1.1;
	padding : 0 0 20px 0;
}
#welcome_box p {
	font-size : 16px;
}

/* IE7 hack */ 
*+html ul#loc_list li, *:first-child+html ul#loc_list li {
	background-image : url(../images/elements/bg_list_loc.png);
	background-position : left center;
	background-repeat : no-repeat;
	float : left;
	list-style-type : none;
	margin : 0 10px 0 0;
	padding : 0 0 0 15px;
	width : 165px;
}
ul#loc_list {
	margin : 0;
	padding : 0;
}
ul#loc_list li {
	float : left;
	list-style-type : disc;
	margin : 0 10px 0 15px;
	padding : 0;
	width : 165px;
}

#news_box .news_area .red {
	color: #FD0307;
}
#welcome_box dl {
	margin-top:10px;
}
#welcome_box dl dd {
	margin-bottom:5px;
}

#welcome_box dl dt {
	float:left;
	width:110px;
	font-weight:700;
}
#dates_box {
	background-color:#fff;
	padding-bottom:5px;
}

#dates_box .dates_area dt {
 clear: left;
  float: left;
  margin: 0 0 0.3em;
  width: 14.5em;
  padding-left: 5px;
  color:#F90;
  font-weight:bold;
}

#dates_box .dates_area dd {
  margin-bottom: 0.3em;
  margin-left: 14.5em;
}
#dates_box h2.dates {
	margin-bottom:10px;
}



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

side

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

ul#banner_list {
	margin : 0;
	padding : 0;
}
ul#banner_list li {
	margin : 0 0 20px 0;
	padding : 0;
}
/* ---------------------------------------------------------

footer

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


#credit {
	background-image: url(../images/elements/bg_footer_line.jpg);
	background-repeat: no-repeat;
	font-size : 0.8em;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#footer {
	padding : 0;
	width : 960px;
	height: 285px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer a {
	color : #000;
	font-size : 12px;
	text-decoration : none;
}
#footer a:hover {
	border-bottom : none;
	color : #757584;
}
#footer ul.nav {
	clear : both;
	padding : 0;
	width : 700px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#footer ul.nav li {
	background-image : url(../images/elements/bg_footer_nav.jpg);
	background-position : right center;
	background-repeat : no-repeat;
	float : left;
	margin : 0 15px 0 0;
	padding : 0 15px 0 0;
}

#footer_area {
	background-image:url(../images/elements/bg_footer_side.png);
	background-repeat:repeat-x;
	background-position : left top;
	background-repeat : repeat-x;
	margin : 0;
	width : 100%;
}
#footer_nav {
	width : 700px;
}

#footer #footer_nav {
	padding-top:70px;
}

#footer_logo ul li {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

#footer_logo p {
	margin:15px 0;
}
#footer_logo ul .last {
	margin-right:-18px;
}


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

body

----------------------------------------------------------*/
body {
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #DCE4FA;
	margin: 0;
	padding: 0;
		background-image : url(../images/elements/bg_container.jpg);
	background-position : center bottom;
	background-repeat : repeat;
}
/**/
html>body { /*font-size: 12px;*/
}
* + html body {
	font-family: Helvetica, Arial, sans-serif
}
/*
a.external {
	padding-left:15px;
	background:url(../images/elements/external.gif) right no-repeat;
	padding:0 20px 0 0;
}
*/