@charset "utf-8";

@import url(reset.css);
@import url(base.css);
@import url(common.css);

#menu{
	width:260px;
	float:left;
}
#menu li{
	margin-bottom:10px;
}
#menu li.mg{
	margin-bottom:50px;
}
#menu ul.image{
	margin-top:20px;
}
#menu ul.image li{
	margin-bottom:20px;
}
#menu h3{
	font-size: 1.8em;
	margin-bottom:10px;
}
#content{
	width:640px;
	float:left;
	margin:0 20px 0 20px;
}
#content #about{
	background-color:#766863;
	padding:50px 20px 50px 20px;
}
#content #about h3,#content #about p{
	text-align:center;
}
#content #about h3{
	margin-bottom:30px;
}
#content #about p{
	font-size:1.1em;
	line-height:2.9;
	margin-bottom:20px;
}
#content #about p:last-child{
	margin-bottom:0;
}
#content #message{
	margin:100px 0 100px 0;
}
#content #message h3{
	margin-bottom:20px;
}
#content #message p{
	font-size:1.0em;
	text-align:left;
	line-height:3;
}
#content #message p.center{
	text-align:center;
}
#content #message p.center a.link{
	color:#FFCC00;
}
#content #message ul{
	overflow:hidden;
	margin:20px 0 20px 0;
}
#content #message ul li{
	float:left;
}
#blog_topics{
	font-size:0.9em;
	overflow:hidden;
	zoom:1px;
}
#blog_topics h3,
#concept h3{
	text-align:center;
	margin-bottom:20px;
}
#blog_topics + h3,
#message + h3{
	font-size: 1.8em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:60px;
	background:url(../image/h3_back.png) repeat-x left bottom;
	text-align:center;
}

#blog_topics dt{
	color:#E7DFDA;
}
#blog_topics dd{
	font-weight:bold;
}
#content #rss{
	float:left;
	width:270px;
	background-color:#766863;
	margin-bottom:100px;
	padding:20px;
}
#content #topics{
	float:right;
	width:270px;
	background-color:#766863;
	margin-bottom:100px;
	padding:20px;
}
#content .topics{
	height:195px;
	background-color:#948681;
	overflow-y:scroll;
}
#content .topics div{
	overflow:hidden;
	zoom:1;
	padding:10px;
}
#content .topics div dl{
	margin-bottom:20px;
}
#content #accessmap{
	overflow:hidden;
	zoom:1px;
	background-color:#766863;
	margin-top:20px;
	margin-bottom:100px;
	padding:50px 30px 50px 30px;
}
#content #accessmap .left{
	float:left;
	width:260px;
}
#content #accessmap .left p{
	margin-top:10px;
	font-weight:bold;
}

#content #accessmap .right{
	float:right;
	width:300px;
}

#content #accessmap .right p{
	line-height:2;
}

#content #accessmap .right h4{
	font-size:1.1em;
	font-weight:bold;
	margin-top:20px;
}
#content #accessmap .right h4:first-child{
	margin-top:0px;
}

#content #accessmap .map{
	width:260px;
	height:260px;
}
#content #concept{
	overflow:hidden;
	zoom:1px;
	background-color:#766863;
	margin-top:20px;
	margin-bottom:100px;
	padding:50px 30px 50px 30px;
}
#content #concept .left{
	float:left;
	/*width:0px;*/
	width:160px;
}
#content #concept .left img{
	margin-top: 10px;
}
#content #concept .right{
	float:right;
	/*width:580px;*/
	width:390px;
}
#content #concept .right p{
	line-height:3;
}
#content #concept p{
	font-size:1.0em;
	text-align:left;
	line-height:3;
}
#content #concept p.center{
	text-align:center;
}
#content #concept p.center a.link{
	color:#FFCC00;
}