@charset "UTF-8";

@import url("common.css");

/*-------------------- gmenuArea --------------------*/
	
#gmenuArea #home img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}


/*-------------------- 1:main area --------------------*/
	
#mainarea {
	width:960px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	}
	
/* pointMenu */
	
#pointNavi {
	width:960px;
	height:110px;
	margin:0 auto;
	}

#pnav ul { margin:0; padding:0; }
#pnav ul li { margin:0; padding:0; }

#pnav { width: 960px; margin: 0; padding:0; position: relative; line-height:1; text-align: left; z-index:100;}
#pnav li {  margin: 0; padding:0; list-style: none; float: left; position: relative; }

#pnav ul { display: none; position: absolute; top: 110px; left: 0; margin: 0; padding:0; }
* html #pnav ul { line-height: 0; }
#pnav ul li { float: none; margin: 0; padding:0; }

/*#pnav ul { width: 191px; }
#pnav ul ul { top: 0; left: 0; }*/
#pnav ul a { 
	display: block;
	width: 292px;
	background:#f9f9f9;
	font-size:91.7%;
	font-weight:bold;
	color:#333333;
	line-height:1.3em;
	padding: 8px 10px;
	/*opacity: 0.94;
	filter: alpha(opacity=94);*/
	zoom: 1;
	line-height: 1;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}

#pnav ul li.last { 
	border-bottom:#CCCCCC 1px solid;
}

#pnav ul.miryoku a.hover { background: #ffd974; color:#000; text-decoration:none; }
#pnav ul.sagasu a.hover { background: #9ec8fb; color:#000; text-decoration:none; }
#pnav ul.kounyu a.hover { background: #aaeca4; color:#000; text-decoration:none; }
	
/*-------------------- タブ＆バナー --------------------*/
	
#tabAndBanner {
	width:960px;
	margin:0 auto;
	margin-top:18px;
	}
	
*html #tabAndBanner {
	margin-bottom:20px;
	}
	
*html #secretIE {
	display:none;
	}
	
/*-------------------- タブエリア --------------------*/
	
#newsTab {
width:612px;
background:url(/images/tab1_background.gif) left top repeat-x;
border-bottom:#d4d4d4 1px solid;
margin-bottom:20px;
	}
	
#newsTab .tab_all {
width:611px;
list-style: none;
padding-left:1px;
margin:0;
	}
	
#newsTab .tab_all li {
margin-left:4px;
margin-top:10px;
margin-bottom:0;
padding:0;
float:left;
font-size:0;
	}
	
*html #newsTab .tab_all li {
margin-left:2px;
margin-right:2px;
	}
	
#newsTab .tab_all li a img {
outline:none;
border:none;
	}
	
#newsTab .newsContainer {
	padding:0;
	margin:0;
	clear:left;
	}
	
#newsTab .newsContainer div {
/*display:none;*/
width:612px;
height:497px !important; /* 最新情報等のタブエリア高さ（左のバナー3つの時：307px / 1つにつき95px） */
overflow-x:hidden;
overflow-y:auto;
padding-top:10px;
	}

<!-- What's New start -->

#newsTab .newsContainer div {
font-size:12px;
padding:0;
margin:0;
}



#newsTab .newsContainer div dl{
width:582px;
padding:0;
margin-left:10px;
margin-bottom:-3px;
}



#newsTab .newsContainer div dl dt{
	clear:left;
float:left;
width:110px;
padding:0;
margin-top:1px;
font-size:12px;
color:#177643;
font-weight:bold;
}


#newsTab .newsContainer div dl dd.news_text{
float:left;
	width:450px;
padding:0;
margin-left:10px;
font-size:14px;
}

#newsTab .newsContainer div dl dd.news_text img{
margin-left:5px;
vertical-align:text-bottom;
}

#newsTab .newsContainer div dl dd.news_text small {
font-size:12px;
}


#newsTab .newsContainer div dl dd.news_text a:link{
color:#003399;
text-decoration:underline;
}

#newsTab .newsContainer div dl dd.news_text a:visited{
color:#003399;
text-decoration:underline;
}

#newsTab .newsContainer div dl dd.news_text a:hover{
color:#00974a;
}


#newsTab .newsContainer div dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}



#newsTab .newsContainer div dl{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

#newsTab .newsContainer div dl dd.oldInfo{
width:532px;
text-align:right;
margin-top:5px;
margin-bottom:-15px;
}


/* 美術協力ページへのリンクボタン */

.artsButton {
	padding:0;
	margin:3px 0 0 5px;
	line-height:1.1em;
	}

.artsButton img {
	border:none;
	}



/* Hides from IE-mac \*/
/* html #newsTab .newsContainer div dl{height: 1%;}
#newsTab .newsContainer div dl{display: block;}*/
/* End hide from IE-mac */

<!-- What's New end -->
	
/*-------------------- バナーエリア --------------------*/
	
#tabAndBanner #sideBannerArea {
	width:328px;
	margin-bottom:20px;
	}
	
#tabAndBanner #sideBannerArea p {
	margin-bottom:10px;
	}
	
/*-------------------- タブ2エリア --------------------*/
	
#tabArea {
	width:960px;
	margin:0 auto;
	margin-bottom:30px;
	clear:both;
	}
	
#tabArea .btn_tab {
	width:960px;
	list-style:none;
	height:44px;
	margin:0;
	padding:0;
	}
	
#tabArea .btn_tab li {
	height:44px;
	float:left;
	margin:0;
	padding:0;
	}
	
#tabArea .container_tab {
	width:960px;
	height:179px;
	background:url(/images/tab_background.gif) left top no-repeat;
	clear:left;
	}
	
#tabArea .container_tab div {
	margin:0;
	padding:0 0 0 12px;
	}
	
#tabArea .container_tab div ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
#tabArea .container_tab div ul li {
	float:left;
	margin-right:5px;
	padding:0;
	}
	
/*-------------------- バナーエリア --------------------*/
	
#bannerArea {
	width:960px;
	margin:0 auto;
	margin-bottom:0;
	clear:both;
	}
	
	
#bannerArea #border {
	width:960px;
	height:20px;
	background:url(/jsp/images/top_201110/pointLine_gray.gif) left top repeat-x;
	padding:0;
	margin:0;
	}
	
	
#bannerArea ul {
	list-style:none;
	padding:0;
	margin-left:32px;
	}
	
	
#bannerArea li {
	float:left;
	width:224px;
	height:70px;
	line-height:1.1em;
	margin:0;
	padding:0;
	text-align:center;
	}
	
	
#bannerArea #title {
	padding:0;
	margin-bottom:20px;
	}
	
	
*html #bannerArea li { /* IE6 */
	margin-bottom:12px;
	}