@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	index.css
 	
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	コンテンツ

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#contents {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #FFFFFF;
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	MAIN VISUAL
	スライダーの設定は、nivo-style.css

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mainVisual {
	clear: both;
	width: 980px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	section01

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.section01 {
	width: 980px;
	margin: 0 0 30px 0;
	}

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

	photmenu

-------------------------------------------------- */
ul.photmenu {
	width: 980px;
	overflow: hidden;
	}

.photmenu li {
	float: left;
	width: 224px;
	height: 264px;
	margin: 0 20px 20px 0;
	padding: 2px 2px;
	display: block;
	border: 1px solid #C0CAD3;
	background: url(../img/top_menu_arrow.png) right bottom no-repeat;
	}
.photmenu li.none {
	background: url(../img/top_menu_arrow2.png) right bottom no-repeat;
	}
.photmenu li.last {
	margin: 0 0 0 0;
	}
.photmenu li h2 {
	margin: 0 0 5px 0;
	padding: 0 8px;
	color: #CC3300;
	font-size: 16px;
	}
.photmenu li.none h2 {
	color: #666666;
	}
.photmenu li p.phot {
	margin: 0 0 12px 0;
	padding: 0;
	}
.photmenu li p {
	padding: 0 8px 5px 8px;
	color: #333333;
	line-height: 140%;
	}
.photmenu li.none p {
	/*color: #999999;*/
	}


.photmenu a:hover li{ background-color: #F0F8FF;}








/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	section02

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.section02 {
	width: 980px;
	margin: 0 0 30px 0;
	}

.mainarea {
	float: left;
	width: 670px;
	}
.subarea {
	float: right;
	width: 270px;
	}

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

	mainarea

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

.mainarea .newsbox {
	width: 660px;
	margin: 0 0 0 0;
	padding: 4px 4px;
	border: 1px solid #C0CAD3;
	}
.mainarea .newsbox h2 {
	margin: 0 0 15px 0;
	}

.mainarea .newsbox .inner {
	height: 250px;
	margin: 0 7px 10px 10px;
	overflow: auto;
	}
.mainarea .newsbox dl {
	/*height: 300px;*/
	margin: 0 5px 0 0;
	padding: 7px 10px 7px 8px;
	border-bottom: 1px dotted #C0CAD3;
	}
.mainarea .newsbox dt {
	clear: left;
	float: left;
	width: 120px;
	padding: 0;
	color: #00468C;
	/*border-bottom: 1px solid #111111;*/
	}
.mainarea .newsbox dd {
	margin-left: 120px;
	padding: 0;
	/*border-bottom: 1px solid #111111;*/
	}


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

	subarea

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

.banner {
	margin: 0;
	}

.banner li {
	padding: 0 0 5px 0;
	}		


/*
.banner {
	margin: 0 0 10px 0;
	}

.banner li a {
	width: 290px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	display: block;
	}		
.banner li a{ background:url(../img/bn_passion.jpg) 0 0 no-repeat;}
.banner li a:hover{ background:url(../img/bn_passion.jpg) 0 -70px no-repeat;}
*/