@charset "UTF-8";

@import url("common.css");

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

.caution_text a:link{
color:#003399;
font-weight: bold;
text-decoration:underline;
}

.caution_text a:visited{
color:#003399;
font-weight: bold;
text-decoration:underline;
}

.caution_text a:hover{
color:#00974a;
font-weight: bold;
}

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

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


/*-------------------- common--------------------*/
body h2 {
	margin-bottom:20px;
}

/*-------------------- aboutBlind  --------------------*/

#aboutBlind {
	width:100%;
	background:#f2f2f2;
	padding:35px 0 35px;
}

#aboutBlind .aboutBlindAreaWrap {
	width:960px;
	margin:0 auto;
	}

#aboutBlind .aboutBlindAreaWrap h2 {
	padding-left:5px;
	}

#aboutBlind ul {
	margin:0 -12px 0 -5px;
	padding:0;
	overflow:hidden;
}

#aboutBlind ul p {
	margin:0;
	padding:0;
}

#aboutBlind ul p.menutext {
	margin-top:10px;
	margin-left:25px;
	padding:0;
}

#aboutBlind ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-right:7px;
}


#aboutBlind ul li.movie {
	display:block;
	width:590px;
	height:354px;
	/* background:url(/images/top_aboutBlind_movie_bg.jpg) top left; */
	position:relative;
	text-indent:-9999px;
}

#aboutBlind ul li.movie a {
	display:block;
	width:100%;
	height:100%;
}

#aboutBlind ul li span {
	line-height:1.25em;
}

#aboutBlind ul li.movie span.title {
	position:absolute;
	top:0px;
	left:12px;
	text-indent:0;
}


#aboutBlind ul li.movie span.goMovie {
	position:absolute;
	top:3px;
	left:465px;
	text-indent:0;
}

#aboutBlind ul li.movie iframe {
	text-indent:0;
	display:block;
	position:absolute;
	top:24px;
	left:15px;
	z-index:100;
	padding:2px;
	border:#64c218 1px solid;
}


/*-------------------- topicsArea --------------------*/
	
#topicsArea {
	padding:40px 0 20px;
	width:960px;
	margin:0 auto;
}

/* #topicsArea .topicsAreaWrap {
	width:960px;
	margin:0 auto;
	} */

#topicsArea h2 {
	margin-bottom:15px;
}
	
#topicsArea .columnList {
	overflow:hidden;
	margin:0 -10px 15px -5px;
	}
	


#topicsArea .columnList .topic_col {
	position:relative;
	width:320px;
	height:216px;
	margin-bottom:10px;
	text-align:center;
	float:left;
	margin-right:5px;
	background:url(/images/top_topics_bg.gif) left bottom no-repeat;
	}
	
#topicsArea .columnList .topic_col.bg2 {
	background:url(/images/top_topics_bg2.gif) left bottom no-repeat;
	}
	
#topicsArea .columnList .topic_col.bg3 {
	background:url(/images/top_topics_bg3.gif) left bottom no-repeat;
	}
	
#topicsArea .columnList .topic_col.bg4 {
	background:url(/images/top_topics_bg4.gif) left bottom no-repeat;
	}
	
#topicsArea .columnList .topic_col.bg5 {
	background:url(/images/top_topics_bg5.gif) left bottom no-repeat;
	}
	
#topicsArea .columnList .topic_col:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
	
#topicsArea .columnList .topic_col_noHover:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}

#topicsArea .columnList .topic_col a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
vertical-align:bottom;
}

#topicsArea .columnList .topic_col a span{
	position:absolute;
	left:-9999px;
}

#topicsArea .topic_col .subtitle {
	margin:0;
	height:16px;
	width:287px;
	padding:10px 15px 0 18px;
	display:block;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	background:url(/images/top_topics_h3_bg.png) top left no-repeat    ;
	}

/*サブタイトルカラー設定*/
#topicsArea .topic_col .bg_c01 { background-color:#663300;}/*ブラウン*/
#topicsArea .topic_col .bg_c02 { background-color:#f58c03;}/*オレンジ*/
#topicsArea .topic_col .bg_c03 { background-color:#24860e;}/*グリーン*/
#topicsArea .topic_col .bg_c04 { background-color:#EF84A6;}/*ピンク*/
#topicsArea .topic_col .bg_c05 { background-color:#CC0000;}/*レッド*/
	

#topicsArea .topic_col h3 img {
	padding:15px 0;
	}
	
#topicsArea .topic_col p.cont_txt {
	text-align:left;
	margin:0 15px 10px;
	line-height:1.3em;
	}

#topicsArea .topic_col p.short {
	letter-spacing:-0.06em;
	}

	
#topicsArea .topic_col p.link_detail {
	text-align:right;
	margin:0 15px;
	padding-right:10px;
	background:url(/images/top_topics_arrow.gif) right center no-repeat;
	}

#topicsArea .topic_col p.link_detail a {
	font-weight:bold;
	color:#447bc7;
}

#topicsArea .link_more {
	text-align:right;
}


/*-------------------- searchBlind --------------------*/

#searchBlind {
	padding:0;
	background-color:#fbfbfb;
}

#searchBlind .up {
	width:100%;
	height:10px;
	margin-bottom:35px;
	padding:0;
	background:url(/images/top_app_bg_pattern_up_gray.gif) left top repeat-x;
}

#searchBlind .down {
	width:100%;
	height:10px;
	margin-top:30px;
	padding:0;
	/*background:url(/images/top_app_bg_pattern_down_gray.gif) left top repeat-x;*/
}

#searchBlind .searchBlindWrap {
	width:960px;
	margin:0 auto;
}

#searchBlind ul {
	margin:0 -12px 0 -5px;
	padding:0;
	overflow:hidden;
}

#searchBlind ul.mgb30 {
	margin-bottom:30px;
}

#searchBlind ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-right:7px;
    margin-bottom: 10px;
}

#searchBlind ul li:nth-child(n+3) {
    margin-bottom: 0;
}

#searchBlind h3 {
	margin-bottom:10px;
}


/*-------------------- appArea  --------------------*/

#appArea {
	padding:45px 0 40px;
	width:960px;
	margin:0 auto;
}

/* #appArea .appAreaWrap {
	width:960px;
	margin:0 auto;
} */

#appArea ul {
	margin:0 -12px 0 -5px;
	padding:0;
	overflow:hidden;
}

#appArea ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-right:7px;
}




/*-------------------- shop  --------------------*/

#shop {
	padding:45px 0;
	background:url(/images/top_shop_bg_pattern.gif) repeat;
}

#shop .shopWrap {
	width:960px;
	margin:0 auto;
}

#shop ul {
	margin:0 -12px 0 -5px;
	padding:0;
	overflow:hidden;
}

#shop ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-right:7px;
}


/*-------------------- infoArea  --------------------*/
#infoArea {
	 width:960px;
	 padding:45px 0 50px 0; 
	 margin:0 auto;
}


#infoArea .infoAreaWrap {
	overflow:hidden;
	margin-left:-5px;
}

#infoArea .leftCont {
	width:490px;
	float:left;
}

#infoArea .rightCont {
	width:470px;
	float:right;
}

#infoArea .leftCont ul{
	margin:0;
	padding:0;
}

#infoArea .leftCont ul li {
	list-style:none;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	padding: 5px 10px 5px 45px; 
	background:url(/images/top_info_list_bg.gif) left center no-repeat;
	margin-bottom:8px;
}

#infoArea .leftCont ul li a {
	display:block;
}

#infoArea .leftCont ul li a:hover {
	text-decoration:none;
}


	
/*-------------------- タブ＆バナー --------------------*/
	
#tabAndBanner {
	width:960px;
	margin:0 auto;
	margin-top:18px;
	}
	
*html #tabAndBanner {
	margin-bottom:20px;
	}
	
*html #secretIE {
	display:none;
	}
	
/*-------------------- タブエリア --------------------*/
	
#newsTab {
width:468px;
background:url(/images/tab2_background.gif) left top repeat-x;
/*border-bottom:#d4d4d4 1px solid;
border-left:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;*/
margin-bottom:20px;
	}
	
#newsTab .tab_all {
width:470px;
list-style: none;
padding-left:0;
margin:0;
	}
	
#newsTab .tab_all li {
margin-left:0;
margin-top:0;
margin-bottom:0;
padding:0;
float:left;
font-size:0;
	}
	
#newsTab .tab_all li a img {
outline:none;
border:none;
	}
	
#newsTab .newsContainer {
padding:0;
margin:0;
border-bottom:#d4d4d4 1px solid;
border-left:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;
clear:left;
	}
	
#newsTab .newsContainer div {
/*display:none;*/
width:470px;
height:215px !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:460px;
padding:0;
margin-left:10px;
margin-bottom:-3px;
}



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


#newsTab .newsContainer div dl dd.news_text{
float:left;
width:325px;
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:410px;
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 -->


/*-------------------- タブ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;
	}