@charset "UTF-8";

@import url("reset.css");
@import url("clearfix.css");

/* CSS Document */



body{
	background-color: #F2E3BA;
	font-size: 10px;
	_font-size: 62.5%;
	font-family: Arial, Verdana, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background-image: url(../img/common/bg-000.gif);
	background-repeat: repeat;
	background-position: left top;
}

#container{
	width: 800px;
	margin:0 auto 0 auto;
	background-color: #fff;
}

/*header
-------------------------------------------------------------*/
#top h1{
	display:inline;
	float:left;
}


#bg01{
	display:inline;
	float:left;
}

#headerBottom li{
	display:inline;
	float:left;
}

#headerBottom li a{
	color:#666;
	text-decoration:none;
}

#headerBottom li a:hover
,#headerBottom li a:focus
,#headerBottom li a:active{
	color:#666;
	text-decoration:underline;
}


#headerLeft{
	width:531px;
	float:left;
}

#headerRight{
	width:269px;
	float:right;
}


/*sideNav
-------------------------------------------------------------*/
#top #sideNav{
	width:220px;
	float:left;
}

#top #contact{
	width:180px;
	margin:20px;
}

#top #sideNav ul{
	width:220px;
	background-image: url(../img/nav/side-nav.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#top #sideNav li{
	color:#666;
	font-size:1.2em;
	padding:11px 13px 0 25px;
}

#top #sideNav li a{
	color:#0000ff;
	text-decoration:underline;
}

#top #sideNav li a:hover
,#top #sideNav li a:focus
,#top #sideNav li a:active{
	color:#0000ff;
	text-decoration:none;
}

#nav01{
	width:55px;
	height:28px;
	background-image: url(../img/common/nav01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#666;
	font-size:1.4em;
	padding:12px 0 0 45px;
}

#nav02{
	width:75px;
	height:28px;
	background-image: url(../img/common/nav02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#666;
	font-size:1.4em;
	padding:12px 0 0 25px;
}

#nav03{
	width:94px;
	height:28px;
	background-image: url(../img/common/nav03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#666;
	font-size:1.4em;
	padding:12px 0 0 25px;
}

#nav04{
	width:43px;
	height:28px;
	background-image: url(../img/common/nav04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#666;
	font-size:1.4em;
	padding:12px 0 0 28px;
}

#nav05{
	width:116px;
	height:28px;
	background-image: url(../img/common/nav05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#666;
	font-size:1.4em;
	padding:12px 0 0 25px;
}


#top #contents{
	width:800px;
	background-image: url(../img/common/bg-003.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/*footer
-------------------------------------------------------------*/
#top #footer{
	width:800px;
	height:28px;
	background-image: url(../img/common/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}
#top #footer p{
	color:#fff;
	float:left;
	margin:8px 0 0 30px;
	display:inline;
}

#top #footer p a{
	color:#fff;
	text-decoration:none;
}

#top #footer p a:hover
,#top #footer p a:focus
,#top #footer p a:active{
	color:#fff;
	text-decoration:underline;
}

#top #footer address{
	color:#fff;
	float:right;
	margin:8px 30px 0 0;
	display:inline;
}


/*main
-------------------------------------------------------------*/

#top #main{
	width:560px;
	float:right;
}

/*area1
-------------------------------------------------------------*/

#top #area1Left{
	width:174px;
	float:left;
}

#top #info{
	width:370px;
	float:right;
	margin:0 12px 0 0;
}

#top #info ul{
	width:370px;
	height:200px;
	overflow-x: hidden;
	overflow-y: auto;
}

#top #info li{
	font-size:1.2em;
	line-height:1.5em;
	width:345px;
	float:left;
	background-image: url(../img/top/list.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding:0 0 0 15px;
	margin:3px 10px 0 5px;
}

#top #info li a{
	color:#000000;
	text-decoration:underline;
}

#top #info li a:hover
,#top #info li a:focus
,#top #info li a:active{
	color:#000000;
	text-decoration:none;
}

#top #news{
	width:535px;
	margin:25px 0 0 12px;
}

#top #news ul{
	width:535px;
	height:145px;
	overflow-x: hidden;
	overflow-y: auto;
}

#top #news li{
	font-size:1.2em;
	line-height:1.5em;
	width:495px;
	float:left;
	background-image: url(../img/top/whatsnew_list.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding:0 0 0 15px;
	margin:3px 10px 0 10px;
}

#top #news li a{
	color:#000000;
	text-decoration:underline;
}

#top #news li a:hover
,#top #news li a:focus
,#top #news li a:active{
	color:#000000;
	text-decoration:none;
}

#top .details{
	font-size:1.2em;
	text-align:right;
}

#top .details a{
	color:#666;
	text-decoration:none;
}

#top .details a:hover
,#top .details a:focus
,#top .details a:active{
	color:#666;
	text-decoration:underline;
}

/*area1plus
-------------------------------------------------------------*/
#area1plus{
	clear:left;
}
/*area2
-------------------------------------------------------------*/

#top #area2{
	width:540px;
	clear: both;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#top .area2Box{
	padding:0 0 20px 0;
}

#top .area2Box h3 a{
	color:#009245;
	text-decoration:none;
}

#top .area2Box h3 a:hover
,#top .area2Box h3 a:focus
,#top .area2Box h3 a:active{
	color:#009245;
	text-decoration:underline;
}

#top .area2Left
,#top .area2Center
,#top .area2Right{
	width:165px;
	float:left;
	display:inline;
}


#top .area2Center
,#top .area2Right{
	margin:0 0 0 20px;
}

#top .area2BoxTop{
	height: 68px;
	width: 163px;
	border: 1px solid #a67c52;
}

#top .area2BoxBottom{
	width: 163px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a67c52;
	border-bottom-color: #a67c52;
	border-left-color: #a67c52;
}

#top .area2BoxBottom h3{
	color:#009245;
	font-size:1.4em;
	font-weight:bold;
	padding:5px 2px 0 2px;
}

#top .area2BoxBottom p{
	font-size:1.2em;
	min-height: 180px;
	line-height: 1.5em;
	padding:5px 2px 0 2px;
}

*html #top .area2BoxBottom p{
	height: 180px;
}

#top .boxBottom{
	font-size: 1.2em;
	text-align: right;
	padding:0 0 5px 0;
}

#top .boxBottom a{
	color:#666;
	text-decoration:none;
}

#top .boxBottom a:hover
,#top .boxBottom a:focus
,#top .boxBottom a:active{
	color:#666;
	text-decoration:underline;
}

/*area1plus　081106追加
-------------------------------------------------------------*/
#area1plus p{
	font-size:1.2em;
}

#area1plus p#karune{
	margin:0 0 20px 0;
}

/*area1plus　090115追加
-------------------------------------------------------------*/
#area1plus div#karuneL{
	width:280px;
	float:left;
}

#area1plus div#karuneR{
	width:254px;
	float:left;
}

#area1plus div#r1{
	width:254px;
}

#area1plus div#r2{
	width:28px;
	float:left;
}

#area1plus p#r3{
	width:95px;
	height:47px;
	float:left;
	line-height:160%;
	padding:6px 0 0 0;
}

#area1plus div#r4{
	width:131px;
	float:left;
}

#area1plus div#r5{
	width:254px;
	clear:left;
}


#area1plus p#r3 a{
	color:#333;
	text-decoration:underline;
}

#area1plus p#r3 a:hover
,#area1plus p#r3 a:focus
,#area1plus p#r3a:active{
	color:#333;
	text-decoration:none;
}