@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++++++++
CSS Document
+++++++++++++++++++++++++++++++++++++++++++*/
* {
	margin: auto;
	padding: 0;
	margin-left: auto;
	margin-right: auto;

}
img {
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	background: #fff;
	height:100%;
	}
body/**/ {
	font-size: /**/small;
}
p,h1,h2,h3,h4,h5,ul,li,ol,dl,dt,dd {
	padding: 0px;
	margin: 0px;
}
/*++++++++++++++++++++++++++++++++++++++++++
リンク
+++++++++++++++++++++++++++++++++++++++++++*/
a,a:visited {
	color:#993300;
}
a:hover {
	color:#993300;
	text-decoration: none;
}
a img {
	border: none;
}
.clear{
	clear: both;
}
.clear hr{
	display: none;
}

.cl{
    display: inline-block;  
   }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*++++++++++++++++++++++++++++++++++++++++++
全体
+++++++++++++++++++++++++++++++++++++++++++*/
#wrapper{
	margin: auto;
  	width: 100%;  /*横幅*/
	text-align:center;
}

/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++*/
#header{
	width:800px;
	text-align:center;
}

/*++++++++++++++++++++++++++++++++++++++++++
グローバルナビ
+++++++++++++++++++++++++++++++++++++++++++*/

#gnavi_base {
	width: 800px;
	height: 60px;
}

#gnavi_base ul {
	list-style-type: none;
	margin: 0px;
}

#gnavi_base ul li {
	float: left;
	height: 50px;
	width: 100px;
}

#gnavi_base ul li a {
	background:url(../image/navi.gif) no-repeat scroll 0 0;
	height: 50px;
	display: block;
	width: 100px;
}
#gnavi_base ul li span {
	overflow: hidden;
	z-index: -1;
	position: relative;
	display: block;
}
@media print {
   #gnavi_base ul li span  {
      visibility:hidden; 
   }
}
#gnavi_base ul li.dewa a {background-position: 0px 0px;}
#gnavi_base ul li.syohin a {background-position: -100px 0px;}
#gnavi_base ul li.news a {background-position: -200px 0px;}
#gnavi_base ul li.buy a {background-position: -300px 0px;}
#gnavi_base ul li.kaigai a {background-position: -400px 0px;}
#gnavi_base ul li.link a {background-position: -500px 0px;}
#gnavi_base ul li.zaidan a {background-position: -600px 0px;}
#gnavi_base ul li.english a {background-position: -700px 0px;}

#gnavi_base ul li.dewa a:hover {background-position: 0px -51px;}
#gnavi_base ul li.syohin a:hover {background-position: -100px -51px;}
#gnavi_base ul li.news a:hover{background-position: -200px -51px;}
#gnavi_base ul li.buy a:hover {background-position: -300px -51px;}
#gnavi_base ul li.kaigai a:hover{background-position: -400px -51px;}
#gnavi_base ul li.link a:hover {background-position: -500px -51px;}
#gnavi_base ul li.zaidan a:hover {background-position: -600px -51px;}
#gnavi_base ul li.english a:hover {background-position: -700px -51px;}

/*++++++++++++++++++++++++++++++++++++++++++
メイン
+++++++++++++++++++++++++++++++++++++++++++*/
#main{
	width: 800px;
}
#main #top{
	width: 800px;
	background:#000000;
	height:310px;
}
#main #top #t_left{
	width:550px;
	height:310px;
	float:left;
}
#main #top #t_right{
	width:225px;
	height:310px;
	float:right;
	background:#FFFFFF;
}
#main #top #t_right .new{
	width:225px;
	height:185px;
	background-color:#000000;
	overflow-y:scroll;  
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
}
#main #top #t_right .new dl{
	margin-bottom:20px;
	}

#main #top #t_right .new dl dt{
	line-height:130%;
	padding:2px;
	}
#main #top #t_right .new dl dt a{
	color:#FFFFFF;
	}
#main #top #t_right .youtube{
	width:225px;
	height:120px;
	padding-top:3px;
	background:#000000;
	text-align:center;
	overflow-y:scroll;  
	margin-top:2px;
	position: relative; 
	z-index:2;

}
#main #top #t_right table{
	width:160px;
	height:110px;
	text-align:center;
	padding:0 3px;
	position: relative; 
	z-index:0;
}
#main #top #t_right table td{
	z-index:0;
}

/*++++++++++++++++++++++++++++++++++++++++++
フッター
+++++++++++++++++++++++++++++++++++++++++++*/

#foot{
	width:800px;
	margin-top:5px;
	text-align:center;
	vertical-align:middle;
}
#foot .count{
	font-size:9px;
	float:left;
	width:150px;
}
#foot p{
	padding-top:10px;
}
#foot p span{
	padding-left:50px;
}

/*++++++++++++++++++++++++++++++++++++++++++
メインコンテンツ
+++++++++++++++++++++++++++++++++++++++++++*/ 

#main .con{
	width:800px;
	font-size:12px;
	margin-top:10px;
	
}
#main .con #con_l{
	width:390px;
	float:left;
	text-align:left;
}

#main .con #con_r{
	width:390px;
	float:right;
}
/*++++++++++++++++++++++++++++++++++++++++++
メインコンテンツ(ニュース)
+++++++++++++++++++++++++++++++++++++++++++*/ 
#main .con #con_l h3{
	background:url(../image/con_title.jpg) no-repeat;
	padding:4px 10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:100;
	text-align:left;
	}
#main .con #con_l ul{
	list-style:none;
	margin-left:10px;
	margin-top:10px;
}

#main .con #con_l ul li label{
	margin-right:20px;
	font-weight:bold;
	line-height:150%;
}
#main .con #con_l img{
	margin-top:10px;
}
/*++++++++++++++++++++++++++++++++++++++++++
メインコンテンツ(美術館便り)
+++++++++++++++++++++++++++++++++++++++++++*/ 
#main .con #con_r h3{
	background:url(../image/con_title.jpg) no-repeat;
	padding:4px 10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:100;
	text-align:left;
	}
	
#main .con #con_r table td{
	text-align:center;
	padding-top:10px;
}

/*++++++++++++++++++++++++++++++++++++++++++
メインコンテンツ(広場)
+++++++++++++++++++++++++++++++++++++++++++*/ 
#main .con h3{
	background:url(../image/con_title2.jpg) no-repeat;
	padding:4px 10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:100;
	text-align:left;
	}
	
#main .con table.hiroba{
	text-align:center;
	width:800px;
}

#main .con table.hiroba td img{
	margin:10px 5px 5px 10px;
}

#main .con table.hiroba td .toku{
	background:url(../image/tokusyu.jpg) no-repeat;
	width:250px;
	height:56px;
	text-align:center;
	line-height:150%;
	padding-top:5px;
	color:#FF0066;
	margin-top:10px;
	margin-right:10px;
}
#main .con table.hiroba td .toku a{
	color:#FF0066;
	}
/*++++++++++++++++++++++++++++++++++++++++++
メインコンテンツ(栄光の歴史)
+++++++++++++++++++++++++++++++++++++++++++*/ 

#main .con table.hist{
	margin-top:10px;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
#main .con table.hist td{
	width:380px;
	margin-left:20px;
	line-height:140%;
	font-size:12px;
	text-align:left;
}

#main .con table.hist ul li{
	background:url(../image/list.gif) no-repeat scroll 0 2px transparent;
	display:block;
	padding:0 0 0 15px;
}

#main .banner{
	width:800px;
	margin-top:30px;
	text-align:center;	
}

#main .banner img{
	margin:2px 10px;	
}

/*++++++++++++++++++++++++++++++++++++++++++
文字、画像、背景関係
+++++++++++++++++++++++++++++++++++++++++++*/
/*+align+*/
.right{
	text-align:				right;
	padding-right:			10px;
}

.f_l{float:left}
.f_r{float:right;}

.center{text-align:			center;}

/*+font+*/
.bold{font-weight:			bold;}
.c_w{color:					#FFFFFF;}
.c_b{color:					#000000;}
.c_bl{color:				#06a6ff;}
.c_r{color:				    red;}
.s_11{font-size:11px;}

/*+border+*/
.b{border:					1px solid #ccc;}
.b2{border:					1px solid #0094a0;}

/*+padding+*/
.pd3{padding:		    	3px;}
.pd5{padding-left:			5px;}
.pd20{padding-left:         20px;}
.pd150{padding-left:		150px;}
.pd7{padding:	    		7px;}
.pd10{padding:	    		10px;}

/*+background+*/
.bg_g{background:			#0094a0;}
.bg_bc{background:			#000000;}

/*+width+*/
.w50{width:                 50px;}
.w80{width:                 80px;}
.w100{width:                100px;}
.w110{width:				110px;}
.w150{width:                150px;}
.w170{width:				170px;}
.w180{width:				180px;}
.w300{width:                300px;}
.w410{width:				410px;}
.w440{width:				440px;}
.w450{width:				450px;}
.w541{width:				541px;}
.w544{width:				544px;}
.w540{width:				540px;}
.w740{width:				740px;}

/*+height+*/
.h100{height:               100px;}

/*+float+*/
.float_l{float:             left;}
.float_r{float:             right;}


.font_s14{font-size:14px;}


div.pic{
	height:122px;
	border:1px solid #FF3333;
	padding:5px;
}
div.pic div.new{
	background:url(../image/new.jpg) no-repeat;
	font-size:10px;
	width:39px;
	height:31px;
	margin-left:85px;
	margin-top:5px;
	padding-top:5px;
	padding-left:2px;
	color:#FF0000;
}
div.pic a{
	color:#FF3333;
}
div.move{
	height:122px;
	border:1px solid #FF3333;
	padding:5px;
}
div.move a{
	color:#0066CC;
}
div.move div.new{
	background:url(../image/new.jpg) no-repeat;
	font-size:10px;
	width:39px;
	height:31px;
	margin-left:85px;
	margin-top:5px;
	padding-top:5px;
	padding-left:2px;
	color:#FF0000;
}