@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/
h2{
padding:0;
margin:1em 0 -0.5em 0;
border:none;
background:none;
line-height:auto;
}


/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/

div#header{
position:relative;
height:375px !important;
padding:0;
display:block;
background:url(../img/topimage.jpg) no-repeat 0 100%;
}
div#movie{
 position:absolute;
 top:151px;
 right:19px;
}

div#body{
background:none;
}
* html div#body{
padding:45px 0 0 0;
}
div#contents{
width:400px;
float:left;
}
div#contents2{
width:400px;
float:left;
}
h3{
margin:1em -10px -0.5em -10px;
padding:0;
}

/* news */
div.news{
position:relative;
text-align:left;
padding:0 20px 20px 20px;
background:url(../img/news_background.gif) no-repeat 50% 0;
}
div.news h2{
position:relative;
left:-45px;
top:-5px;
}
div.news ul li{
background:url(../img/organization_list.gif) no-repeat 0 5px;
}
div.news strong{
color:#C00;
font-size:120%;
}
div.news p.pict3{
text-align:right;
}
div.news div.pickup{
clear:none;
float:right;
width:300px;
border:1px solid #85B200;
background:url(../img/pickup_background.jpg) repeat 0 0;
}
div.news div.pickup h3{
margin:0;
}
div.news div.pickup p.pict{
margin:1em 9px !important;
padding:0 !important;
border:1px solid #ccc;
background:#fff;
}
div.news div.pickup p.pict img{
padding:5px !important;
}
div.news div.pickup p{
margin:1em 10px;
}
div.news div.pickup p.date{
margin:1em 10px -0.5em 10px;
font-size:90%;
}
div.news div.pickup h4{
margin:0.5em 10px -0.5em 10px;
font-weight:normal;
font-size:105%;
}
div.news div.pickup h4,
div.news div.pickup a,
div.news div.pickup a:link,
div.news div.pickup a:visited,
div.news div.pickup a:hover,
div.news div.pickup a:active{
color:#009900;
}
div.news ul{
width:600px;
float:left;
clear:none;
}
div.news ul:after{
clear:none;
}
div.attention{
 background:#eee;
 text-align:left;
 margin:1em 10px;
 padding:0 20px;
 font-size:105%;
 border:3px double #ccc;
}
div.attention p{
margin:1em 10px;
}
/* sightseeing */
div.sightseeing{
background:url(../img/sightseeing_background.jpg) no-repeat 50% 0;
width:370px !important;
text-align:left;
padding:0 0 10px 0;
float:left;
z-index:100;
}
div.sightseeing:after{
clear:none;
}
div.sightseeing h2{
position:relative;
margin:0;
padding:0 0 60px 0;
}
div.sightseeing h2 img{
position:absolute;
left:-45px;
top:-5px;
}
div.sightseeing h3{
margin:0.5em 15px -0.5em 15px;
padding:0;
}
div.sightseeing ul.pickup{
font-size:84%;
margin:1em 20px 5px 20px;
border-bottom:1px solid #ccc;
}
div.sightseeing ul.pickup li{
padding:5px;
border:1px solid #FACEC1;
background:none;
}
div.sightseeing ul{
margin:1em 20px;
}
div.sightseeing ul li{
margin:0 0 5px 0;
background:url(../img/sightseeing_list.gif) no-repeat 0 5px;
}
div.sightseeing ul li p.pict2{
margin:0 !important;
padding:0 5px 0 0 !important;
}
div.sightseeing ul li p.pict2 img{
margin:0 !important;
padding:0 !important;
}
div.sightseeing ul.navigation{
margin:0 0 5px 15px;
padding:0;
}
div.sightseeing ul.navigation li{
padding:0 0 5px 5px;
float:left;
background:none;
}
div.sightseeing ul.pickup li:after{
content:" ";
display:block;
clear:both;
height:1px;
visibility:hidden;
}
div.sightseeing ul.pickup li{
min-height:1px;
display:inline-table;
}
/* Mac IE \*/
* html div.sightseeing ul.pickup li{
height:1px;
}
div.sightseeing ul.pickup li{
display:block;
}
/* Mac IE */


/* convention */
div.convention{
background:url(../img/convention_background.jpg) no-repeat 0 0;
width:360px !important;
text-align:left;
padding:0 0 10px 0;
float:left;
clear:none;
z-index:10;
}
div.convention:after{
clear:none;
}
div.convention h2{
position:relative;
margin:0;
padding:0 0 60px 0;
}
div.convention h2 img{
position:absolute;
left:-55px;
top:-5px;
}
div.convention h3{
margin:0.5em 15px -0.5em 5px;
padding:0;
}
div.convention h4{
margin:1em 15px -0.5em 5px;
}
div.convention a,
div.convention a:link,
div.convention a:visited,
div.convention a:hover,
div.convention a:active{
color:#CD6700;
}
div.convention p{
margin:1em 20px 1em 10px;
}
div.convention dl{
margin:1em 25px 1em 20px;
}
div.convention dl dt{
width:auto;
margin:0;
padding:0;
float:none;
}
div.convention dl dd{
padding:0;
border-bottom:1px dashed #FFCE84;
font-size:84%;
}
div.convention div.information{
padding:0 30px 50px 20px;
background:url(../img/convention_background.jpg) no-repeat 50% 100%;
}


/* member */
div.member{
width:220px;
text-align:left;
padding:0;
float:left;
clear:none;
z-index:10;
}
div.member p{
margin:0;
}


div.mobile{
width:220px;
border-top:1px solid #ccc;
margin:10px 0 0 0;
padding:0;
float:left;
clear:none;
z-index:10;
}


/* counter */
p.counter{
margin:-2em 10px 1em 0;
text-align:right;
}


/* search */


/* navigation */
ul.navigation.bn{
clear:none;
float:right;
width:230px;
margin:10px 0 0 0;
padding:0;
background:#ffffff;
list-style:none;
}
ul.navigation.bn li{
margin:0 10px 5px 0;
padding:5px 0;
background:#eee;
font-size:85%;
text-align:center;
}
ul.navigation.bn li a{
display:block;
padding:0 0 0.3em 0;
color:#333;
text-decoration:none;
}