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

#top_main{
	background:url(../images/main_pic.jpg) top left no-repeat;
	height:500px;
	padding-left:640px;
}

#top_main h1{display:none;}

#navi li{float:left; width:235px; text-align:left;}

#header{
	height:80px;
	padding:20px 0 0 20px;
	background:url(../images/bg_header.jpg) top left no-repeat;
}

/*news*/
#news dl{padding-top:15px;}
#news dt{float:left; width:6.5em;}
#news dd{margin-left:7em;}


/*2col*/
div.2col{}
div.left{float:left; width:460px; text-align:left; padding-right:20px;}
div.right{float:left; width:460px; text-align:left;}


/*text*/
h1{
	font-size:131%;
	line-height:1;
	background:#eee;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:7px solid #ff92f8;
	border-bottom:1px solid #ccc;
	padding:.8em .9em;
	margin-bottom:15px;
}

h2{
	font-size:93%;
    border-left:7px solid #6f9eff;
    border-bottom:1px dashed #b4b4b4;
    padding:.6em .8em;
	margin-bottom:15px;
}

h3{
	font-size:93%;
	line-height:1;
    background:#eee;   
    border-left:7px solid #ccc;   
    padding:.8em .9em;
	margin-bottom:15px;
}

.caption{
	font-size:85%;
	color:#666;
}

.category_area{
	padding-bottom:30px;
}

/*link*/
a, a:visited{
	text-decoration:none;
	color:#09c;
}

a:hover, a:active{
	text-decoration:none;
	color:#369;
}

.links a{
	background:url(../images/icon_link.gif) top left no-repeat;
	padding-left:17px;
}

ul.banner_links li{
	float:left;
	width:235px;
	text-align:center;
	padding:5px 0;
}

/*list*/
ul.links li{padding-top:5px;}

/*museum*/

#museum img{
	padding:5px 5px 5px 0;
}

/*profile*/
#profile dl {
	margin: 0;
	padding: 0;
	width: 460px;
}
#profile dl dt {
	clear: both;
	float: left;
	margin: -1px 0px 1px 0;
	padding: 10px 5px 10px 5px;
	border-top: 1px dotted #999;
	width: 60px;
	font-weight: bold;
}
#profile dl dd {
	float: left;
	margin: -1px 0 1px 0;
	padding: 10px 5px 10px 5px;
	border-top: 1px dotted #999;
	width: 400px;
	line-height: 1.4;
}

[id="profile"] dl {
	width: 298px; /* #case3 dlの「width」-「左右のborder」の値*/
}

#profile dl > dt:first-child,
#profile dl > dt:first-child + dd {
	border-top: none;
}
#profile dl > dt {
	margin: 0;
	width: 50px; /* #profile dl dtの「width」-「左右のpadding」の値*/
}
#profile dl > dd {
	margin: 0;
	width: 390px; /* #profile dl ddの「width」-「左右のpadding」の値*/
}
*:first-child+html #profile dl dd {
	float: none;
}


/*footer*/
#footer{
	padding:60px 0 0;
	text-align:center;
	height:40px;
	background:url(../images/bg_footer.jpg) bottom no-repeat;
}

#footer_in{
	padding:60px 0 0;
	text-align:center;
	height:40px;
	background:url(../images/bg_footer_2.jpg) bottom no-repeat;
}