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

top_en.css

-------------------------------------
last update : 2009 / 4 / 10

*/


/*
================================
 1/ Reset rules 
================================
*/

* {
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

body,div,p,h1,h2,h3,h4,h5,h6,ul,li,form,input,select,hr,fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	background-color: #FFFFFF;
	color: #333333;
	background: url(../images/top/top_bg.jpg) repeat-x;
	margin-left:5px;
}


img{border:0;}


a:link { color: #333333; text-decoration: none }
a:visited { color: #333333; text-decoration: none }
a:active { color: #333333; text-decoration: none}
a:hover {
	color: #FFFFFF;
	text-decoration: underline
}

/*
================================
 2/ header
================================
*/

#head-box {
	height: 58px;
	width: 940px;
}

#rogo {
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 14px;
	width: 216px;
	float: left;
}

#head_link {
	float: right;
	font-size: 10px;
	margin-top: 35px;
	margin-right: 2px;
	margin-bottom: 11px;
	text-align: right;
}

/* IE6 CSS hack */
	*html #head_link {
	_width: 147px;
	}

#head_link ul li{
	display:inline;
	padding:0 4px 0 8px;
	border-left:1px solid #999;
	list-style-type:none;
}

#head_link ul li.migi{
	padding-left:0;
	border-left:0;
}

a.head:link { color: #333333; text-decoration: none }
a.head:visited { color: #333333; text-decoration: none }
a.head:active { color: #333333; text-decoration: none}
a.head:hover { color: #CCCCCC; text-decoration: none}

/*
================================
 3/ top image
================================
*/

#main_ph {
	width: 940px;
	background-color: #FFFFFF;
	padding: 5px 0;
	text-align:center;
}

/*
================================
 4/ navi btn
================================
*/

#navi {
	width: 940px;
	background-color: #FFFFFF;
	margin:0;
}
#navi table {
	width:100%;
	background-color:#EBEBEB;
}
#navi td {
	width:23%;
	padding:9px 0;
}
#navi td.leftTd {
	width:31% !important;
	padding-left:38px;
}
#navi td.dotLine {
	background:url(../images/dot_1.jpg) repeat-x left bottom;
	padding-bottom:10px !important;
}


/*
================================
 5/ main
================================
*/
#main-box {
	width: 940px;
	background-color: #FFFFFF;
	padding-top: 25px;
	text-align:center;
}


/*special exhibition*/

.event_box{
	width: 810px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 25px;
	margin:0 auto;
	text-align:left;
}

.event_ph{
	float: left;
	width: 125px;
}

.event_phBun{
	width: 99px;
	font-size: 9px;
	line-height: 120%;
	padding-top: 3px;
}

.event_text{
	width: 685px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	line-height: 150%;
	float: right;
}

.event_textS{
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	line-height: 180%;
}

.event_text img{
	margin-bottom: 15px;
}

a.event:link {
	text-decoration: underline;
	color: #333333;
}
a.event:visited {
	text-decoration: underline;
	color: #333333;
}
a.event:active {
	text-decoration: underline;
	color: #333333;
}
a.event:hover {
	color: #999999;
	border-bottom: none;
	text-decoration: none;
}

.event_text_red{
	font-size: 12px;
	font-weight: bold;
	color: #660000;
	margin-top: 8px;
}

/*next exhibition*/

.event_box_jikai{
	width: 810px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 25px;
	margin:25px auto 0 auto;
	text-align:left;
}

/*next exhibition pre*/
.event_box_jikaiPre{
	height: 99px;
	width: 700px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 25px;
}



.event_text2{
	font-size: 11px;
	font-weight: bold;
	margin-top: 3px;
}


/*Infomation*/

.event_box_info{
	width: 810px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 25px;
	margin:25px auto 0 auto;
	text-align:left;
}

.event_box_info img{
	margin-bottom: 16px;
	clear: left;
}

.info_text_red{
	font-size: 12px;
	font-weight: bold;
	color: #660000;
	margin-bottom: 16px;
	height: 14px;
	width: 650px;
}

.info_text_b{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	height: 30px;
	width: 650px;
}

.info_textRed{
	font-size: 12px;
	font-weight: bold;
	color: #660000;
	height: 30px;
	width: 650px;
}

.info_text{
	font-size: 11px;
	color: #333333;
	width: 650px;
	line-height: 150%;
}

/*Infomation0904*/

.info_text_b_0904{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	height: 30px;
}

.info_text_0904{
	font-size: 11px;
	color: #333333;
	line-height: 150%;
}




/*Introduce*/

#event_box_intro{
	width: 810px;
	padding-bottom: 25px;
	margin:25px auto 0 auto;
	text-align:left;
}

#event_box_intro img{
	float: left;
}

#event_box_intro_text{
	float: right;
	width: 665px;
	font-size: 11px;
	line-height: 150%;
	font-style: normal;
}

#event_box_intro_text p{
	margin-bottom: 10px;
}


/*
================================
 5/ fotter
================================
*/

#fotter-box {
	width: 940px;
	clear: both;
	padding-bottom: 20px;
}


/*go top*/
#go_top_box{
	float: right;
	width: 169px;
	font-size: 10px;
	text-align:right;
	padding-right: 10px;
	margin-bottom: 13px;
}

#go_top img{
	margin:0 3px;
}

#go_top{
	margin-right:10p;
}

/*footer*/

#fotter_bg{
	clear: both;
	width: 940px;
	height: 22px;
	background: url(../images/top/footer_bg.jpg) repeat-x;
}

#fotter_jt{
	clear: both;
	width: 940px;
	height: 32px;
	background: url(../images/top/footer_copy.gif) no-repeat right;
}


#foot_link {
	float: left;
	font-size: 9px;
	margin-left: 31px;
	text-align: left;
	height: 26px;
	width: 300px;
}

/* IE6 CSS hack */
	*foot #head_link {
	_width: 331px;
	}

#foot_link ul li{
	display:inline;
	padding:0 4px 0 8px;
	border-left:1px solid #999;
	list-style-type:none;
}

#foot_link ul li.migi{
	padding-left:0;
	border-left:0;
}

a.foot:link { color: #666666; text-decoration: none }
a.foot:visited { color: #666666; text-decoration: none }
a.foot:active { color: #666666; text-decoration: none}
a.foot:hover { color: #333333; text-decoration: none}

/*
	float clear
=========================================*/
.clr {
    overflow: hidden;
}
.clr:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
* html .clr {
    height: 1em;
    overflow: visible;
}

@media print {
	body {
		_zoom:85%;
	}
}