@charset "UTF-8";

/* CSS Document */

*{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

html,body,div#index,div#inner{
	height:100%;
}

body > div#index,
body > div#inner{
	height:auto;
	min-height:100%;
}

img{
	border:0px;
	margin:0;
	padding:0;
}

ul,ol{
	margin:0;
	padding:0;
}

body{
	text-align: center;
	}

h1,h2,h3,h4,h5,h6{
	display:none;
}

li,p{
	color:#333;
	font-size:90%;
	line-height:1.5;
}

span.alt{
	display:none;
}

div#index{
	background-color:#99CC00;
	text-align: center;
	width: 100%;
	height:100%;
	min-height:100%;
}

div#inner{
	background-color:#FFFFFF;
	text-align: center;
	width: 100%;
	height:100%;
	min-height:100%;
}


#allcontents-index{
width:800px;
margin:0 auto;
padding-bottom:180px;
}

#flashcontent{
	width:100%;
	height:430px;
	background: rgb(150, 214, 235);
}

#flashcontent h1{
	display: block;
	filter: drop-shadow(20px 0 20px rgb(46 106 192));
	-ms-filter: drop-shadow(20px 0 20px rgb(46, 106, 192));
}

#flashcontent p{
	text-shadow: 1px 1px 5px white;
}

#noflash{
	width:800px;
	margin:0 auto;
}


#glabalnavi{
	text-align:center;
	background-image:url(../images/globalnavi_pattern.jpg);
	background-repeat:repeat-x;
	width:100%;
	margin-bottom:30px;
}

#glabalnavi-main{
	width:676px;
	height:70px;
	margin:0 auto;
	margin-bottom:15px;
}

#glabalnavi-main li{
	display:inline;
}

ul#pulldown-menu {
behavior: url("js/csshover.htc");
}

ul#pulldown-menu a {
	font-size:90%;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
}
ul#pulldown-menu li a {
        display: block;
}

ul#pulldown-menu li ul {
        display: none;
}

ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
		background:#060;
		width:12em;
		top:65px;
        z-index: 100;
}

ul#pulldown-menu li ul li ul.last{
	position:relative;
	top:0;
}

ul#pulldown-menu li ul li ul li a{
	background:url(../images/list_maker.gif) ;
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:10px;
	margin-left:1.5em;
}

ul#pulldown-menu li ul li {
        float: none;
		margin-left:0;
        font-weight: normal;
}

ul#pulldown-menu li ul li a{
	color:#FFF;
	margin:0.25em 0 0.25em 1em;
	text-decoration:none;
}

ul#pulldown-menu li ul li a:link,
ul#pulldown-menu li ul li a:visited {
	color:#FFF;
}

ul#pulldown-menu li ul li a:hover,
ul#pulldown-menu li ul li a:active {
	color:#CCFF00;
}


ul#pulldown-menu li a.about{
	width:147px;
	height: 70px;
	background-image:url(../images/globalnavi.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

ul#pulldown-menu li a.about:hover{
	background-position:0px -70px;
}

ul#pulldown-menu li a.active{
	width:145px;
	height: 70px;
	background-image:url(../images/globalnavi.jpg);
	background-repeat:no-repeat;
	background-position:-147px 0px;
}

ul#pulldown-menu li a.active:hover{
	background-position:-147px -70px;
}

ul#pulldown-menu li a.event{
	width:137px;
	height: 70px;
	background-image:url(../images/globalnavi.jpg);
	background-repeat:no-repeat;
	background-position:-292px 0px;
}

ul#pulldown-menu li a.event:hover{
	background-position:-292px -70px;
}

ul#pulldown-menu li a.access{
	width:139px;
	height: 70px;
	background-image:url(../images/globalnavi.jpg);
	background-repeat:no-repeat;
	background-position:-429px 0px;
}

ul#pulldown-menu li a.access:hover{
	background-position:-429px -70px;
}

ul#pulldown-menu li a.preservation{
	width:108px;
	height: 70px;
	background-image:url(../images/globalnavi.jpg);
	background-repeat:no-repeat;
	background-position:-568px 0px;
}

ul#pulldown-menu li a.preservation:hover{
	background-position:-568px -70px;
}




#glabalnavi-sub{
	width:128px;
	height:16px;
	margin:0 auto;
}

#glabalnavi-sub li{
	display:inline;
}

#glabalnavi-sub a{
	display:block;
	height:16px;
	float:left;
	background-image:url(../images/globalnavi2.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

#sitemap a{
	width:79px;
	background-position:0px 0px;
}

#sitemap a:hover{
	background-position:0px -16px;
}

#security a{
	width:128px;
	background-position:-88px 0px;
}

#security a:hover{
	background-position:-88px -16px;
}



div#lang-area{
	width:800px;
}

div#lang-area p{
	font-size:80%;
	color:#0033CC;
	text-align:center;
}

div#lang-area a{
	color:#0033CC;
}



#banners-inquiry-set{
	width:800px;
	margin:0 auto;
	/clear:both;
}

#banners{
	width:800px;
	margin-bottom:10px;
}

#banners li{
	float:left;
	list-style:none;
	margin-right:13px;
}

#banners li.quiz{
	display:block;
	font-size:60%;
	width:190px;
	float:right;
	text-align:center;
	margin:0;
}

#banners li.live{
	display:block;
	font-size:60%;
	width:203px;
	float:left;
	margin-right:13px;
	margin:0;
}



#inquiry{
	width:800px;
	background-color:#588200;
}

#inquiry li{
	display:block;
	float:left;
	width:230px;
	list-style:none;
}

#inquiry li p{
	font-size:90%;
	color:#FFFFFF;
}

#inquiry img.up{
	vertical-align:top;
}

#inquiry img.under{
	vertical-align:bottom;
}

#inquiry li img.use{
	margin-top:10px;
}

#inquiry li.inquiry{
	width:230px;
	margin-left:10px;
}

#inquiry li.inquiry-vc{
	width:260px;
	border-left:1px #FFFFFF solid;
	padding-left:9px;
	margin-left:10px;
}

#inquiry li.inquiry-ac{
	width:260px;
	border-left:1px #FFFFFF solid;
	padding-left:9px;
	margin-left:10px;
}





#footer{
	position:relative;
	margin-top:-250px;
	height:250px;
	width:100%;
	text-align:center;
}

#footer.index{
	background-color:#FFFFFF;
}

#footer.inner{
	background-color:#99CC00;
}

#footer .footer-menu{
	width:800px;
	margin:0 auto;
}

#footer .footer-menu ul{
	text-align:center;
}

#footer .footer-menu li{
	display:inline;
}

#footer .footer-menu li a{
	color:#666666;
	margin-right:0.5em;
	font-size:75%;
}

#footer .footer-menu li a:link,
#footer .footer-menu li a:visited {
	color:#0033CC;
}

#footer .footer-menu li a:hover,
#footer .footer-menu li a:active{
	color:#0033CC;
}


div#footer-inner{
	text-align:center;
	background-color:#FFF;
	width:100%;
	margin-bottom:15px;
}



div#copyright p{
	text-align:center;
	margin-top:20px;
	font-size:70%;
}

div#copyright p.index{
color:#666666;
}

div#copyright p.inner{
color:#000000;
}






/*clear fix*/
.clearfix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;  
}  

* html .clearfix{
	display: inline-block;
}

/* no ie mac \*/
* html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
	/*overflow:hidden;*/
}








#allcontents-inner{
width:800px;
margin:0 auto;
padding-bottom:300px;
}

div#inner-column{
	width:800px;
	margin-bottom:30px;
}

div#left-column{
	width:200px;
	float:left;
	/*position:absolute;*/
}

div#right-column{
	width:570px;
	margin-left:230px;
}




div#header{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

div#header .contents{
	width:800px;
	margin:0 auto;
}

div#english-button{
	width:800px;
}

div#english-button a{
	text-align:right;
	display:block;
	font-size:75%;
}




div.jumphidden{
	display:none;
}




div#inner-navi{
	width:200px;
}

div#inner-navi ul{
	text-decoration:none;
	list-style:none;
}

* div#inner-navi ul li{
display: inline;
}

*:first-child+div#inner-navi ul li{
display: inline;
}

div#inner-navi a{
	display:block;
	width:200px;
	background-image: url(../images/inner_navi.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

div#inner-navi li.top a{
	height:30px;
	background-position:0 0;
}

div#inner-navi li.top a:hover{
	background-position:-200px 0;
}

div#inner-navi li.about a{
	height:29px;
	background-position:0 -30px;
}

div#inner-navi li.about a.now,
div#inner-navi li.about a:hover{
	background-position:-200px -30px;
}

div#inner-navi li.active a{
	height:29px;
	background-position:0 -59px;
}

div#inner-navi li.active a.now,
div#inner-navi li.active a:hover{
	background-position:-200px -59px;
}

div#inner-navi li.event a{
	height:29px;
	background-position:0 -88px;
}

div#inner-navi li.event a.now,
div#inner-navi li.event a:hover{
	background-position:-200px -88px;
}

div#inner-navi li.institution a{
	height:29px;
	background-position:0 -117px;
}

div#inner-navi li.institution a.now,
div#inner-navi li.institution a:hover{
	background-position:-200px -117px;
}

div#inner-navi li.vc a{
	height:21px;
	background-position:0 -146px;
}

div#inner-navi li.vc a.now,
div#inner-navi li.vc a:hover{
	background-position:-200px -146px;
}

div#inner-navi li.ac a{
	height:25px;
	background-position:0 -167px;
}

div#inner-navi li.ac a.now,
div#inner-navi li.ac a:hover{
	background-position:-200px -167px;
}

div#inner-navi li.access a{
	height:29px;
	background-position:0 -192px;
}

div#inner-navi li.access a.now,
div#inner-navi li.access a:hover{
	background-position:-200px -192px;
}

div#inner-navi li.book a{
	height:29px;
	background-position:0 -221px;
}

div#inner-navi li.book a.now,
div#inner-navi li.book a:hover{
	background-position:-200px -221px;
}

div#inner-navi li.preservation a{
	height:29px;
	background-position:0 -250px;
}

div#inner-navi li.preservation a.now,
div#inner-navi li.preservation a:hover{
	background-position:-200px -250px;
}

div#inner-navi li.preservation01 a{
	height:22px;
	background-position:0 -279px;
}

div#inner-navi li.preservation01 a.now,
div#inner-navi li.preservation01 a:hover{
	background-position:-200px -279px;
}

div#inner-navi li.preservation02 a{
	height:22px;
	background-position:0 -301px;
}

div#inner-navi li.preservation02 a.now,
div#inner-navi li.preservation02 a:hover{
	background-position:-200px -301px;
}

div#inner-navi li.preservation03 a{
	height:21px;
	background-position:0 -323px;
}

div#inner-navi li.preservation03 a.now,
div#inner-navi li.preservation03 a:hover{
	background-position:-200px -323px;
}

div#inner-navi li.preservation04 a{
	height:22px;
	background-position:0 -344px;
}

div#inner-navi li.preservation04 a.now,
div#inner-navi li.preservation04 a:hover{
	background-position:-200px -344px;
}

div#inner-navi li.preservation05 a{
	height:21px;
	background-position:0 -366px;
}

div#inner-navi li.preservation05 a.now,
div#inner-navi li.preservation05 a:hover{
	background-position:-200px -366px;
}

div#inner-navi li.preservation06 a{
	height:22px;
	background-position:0 -387px;
}

div#inner-navi li.preservation06 a.now,
div#inner-navi li.preservation06 a:hover{
	background-position:-200px -387px;
}

div#inner-navi li.preservation07 a{
	height:24px;
	background-position:0 -409px;
}

div#inner-navi li.preservation07 a.now,
div#inner-navi li.preservation07 a:hover{
	background-position:-200px -409px;
}

div#inner-navi li.faq a{
	height:29px;
	background-position:0 -433px;
}

div#inner-navi li.faq a.now,
div#inner-navi li.faq a:hover{
	background-position:-200px -433px;
}

div#inner-navi li.links a{
	height:29px;
	background-position:0 -462px;
}

div#inner-navi li.links a.now,
div#inner-navi li.links a:hover{
	background-position:-200px -462px;
}

div#small-youtube{
	width:200px;
	margin-top:10px;
}





div#contents-navi{
	width:570px;
}

div#contents-navi ul{
	list-style:none;
}

div#contents-navi li{
	font-size:90%;
	line-height:1.6;
	border-bottom:1px #CCCCCC solid;
	background-image:url(../images/arrow_red.gif);
	background-repeat:no-repeat;
	background-position:0 0.35em;
	padding-left:0.7em;
	padding-bottom:0.3em;
	margin-bottom:0.3em;
}

div#contents-navi li a{
}








.pagetop{
	margin-top:20px;
	padding-top:15px;
	border-top:1px #CCC dashed;
	text-align:right;
	clear:both;
}

.pagetop a{
	width:98px;
	height:13px;
	display:block;
	margin-left:auto;
	margin-right:0;
	background-image:url(../images/pagetop.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

.pagetop a:hover{
	background-position:-98px 0;
}





div#location{
	width:570px;
	margin-bottom:10px;
}

div#location ol{
	list-style:none;
	background-image:url(../images/location_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:10px;
}

div#location ol li{
	display:inline;
	font-size:70%;
}



.contents-area{
	width:570px;
}


.contents-title{
	margin-bottom:15px;
}

.contents-column-lay2col{
	width: 570px;
}

.contents-column-lay2col-left{
	width:274px;
	float:left;
	border:1px #CCC solid;
	padding:2px;
}

.contents-column-lay2col-right{
	float:right;
	width:274px;
	border:1px #CCC solid;
	padding:2px;
}


.youtube-area{
	width:320px;
	margin-bottom:30px;
}

.youtube-area2{
	width:280px;
	margin-bottom:30px;
	float:left;
}


.contents-column-lay3col{
	width:570px;
}

.contents-column-lay3col .col1{
	float:left;
}

.contents-column-lay3col .col2{
	float:left;
	margin-left:6px;
}

.contents-column-lay3col .col3{
	float:right;
}

.contents-column-lay3col .innerbox{
	width:180px;
	border:1px #CCC solid;
	padding:2px;
}



div#contents-column-lay4col{
	width:570px;
}

div#contents-column-lay4col .col1{
	float:left;
}

div#contents-column-lay4col .col2,
div#contents-column-lay4col .col3{
	float:left;
	margin-left:10px;
}

div#contents-column-lay4col .col4{
	float:right;
}

div#contents-column-lay4col .innerbox-lay4col{
	width:129px;
	border:1px #CCC solid;
	padding:2px;
}








div#pdf-plugin{
	border:1px #F30 solid;
	padding:7px;
	background-color:#E5E5E5;
}

div#pdf-plugin p{
	font-size:80%;
	color:#333;
}

div#pdf-plugin img{
	float:right;
	margin-left:10px;
}


.pdf-large{
	background-image:url(../images/pdficon_large.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:40px;
}

.pdf-small{
	background-image:url(../images/pdficon_small.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:20px;
}









.top-margin5{
margin-top:5px;
}

.top-margin10{
margin-top:10px;
}

.top-margin15{
margin-top:15px;
}

.top-margin20{
margin-top:20px;
}

.top-margin30{
margin-top:30px;
}

.bottom-margin5{
margin-bottom:5px;
}

.bottom-margin10{
margin-bottom:10px;
}

.bottom-margin15{
margin-bottom:15px;
}

.bottom-margin20{
margin-bottom:20px;
}

.bottom-margin30{
margin-bottom:30px;
}

.bold{
font-weight:bold;
}

.caption{
	font-size:75%;
	text-align:center;
	margin-top:0.5em;
}

.clearleft{
	clear:left;
}

.clearright{
	clear:right;
}

.clearboth{
	clear:both;
}

span.movie{
	color:#F00;
}



ul.link li{
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
background-position:0 0.5em;
padding-left:1.2em;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px #666666 dashed;
list-style:none;
}

ul.link li p.unlink{
font-size:120%;
margin-bottom:0.2em;
}

ul.link a{
font-size:120%;
margin-bottom:0.2em;
}



.link-icon{
	background-image:url(../images/icon_link.gif);
	background-repeat:no-repeat;
	background-position:0 0.2em;
	padding-left:35px;
}





div.stripe-area{
}

div.stripe-area .yellow{
	background-image:url(../images/stripe_yellow.gif);
	background-repeat:repeat;
	padding:7px;
}

div.stripe-area .inner{
	background-color:#FFF;
	padding:8px;
}

div.stripe-area .inner p{
	color:#F30;
	font-weight:bold;
}

div.stripe-area .inner ul li{
	list-style:none;
	color:#F30;
}




img.newwin{
	margin-left:0.5em;
}