@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/

/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/
div#header{
height:410px !important;
margin:0 0 10px 0;
background:url(../img/header_background.jpg) no-repeat 0 0;
}
div#body{
background:none;
}
div#contents{
width:510px;
padding:0;
float:left;
clear:none;
}

div#contents_footer{
width:100%;
height:240px;
background:url(../img/goutalink_background.jpg) no-repeat 0 0;
float:none;
clear:both;
}
div#navigation{
float:left;
clear:none;
width:155px;
padding:0;
}
div#sub_navigation{
float:right;
width:260px;
padding:0 15px 70px 0;
background:url(../img/event_back_bottom.gif) no-repeat 0 100%;
clear:none;
}


/*
--------------------------------------------------------
header
--------------------------------------------------------
*/
div#header div#slide-holder div.weather{
position:absolute;
width:290px;
height:191px;
background:url(../img/weather.png) no-repeat 0 0;
bottom:10px;
right:10px;
}
div#header div#slide-holder div.weather ul{
position:absolute;
top:100px;
left:65px;
color:#fff;
font-size:84%;
padding:0 10px 0 0;
}
div#header div#slide-holder div.weather ul li{
padding:0 5px;
display:inline;
border-right:1px solid #fff;
}
div#header div#slide-holder div.weather ul li a{
color:#fff;
}
div#header div#slide-holder div.weather ul li a:hover{
text-decoration:none;
}
div#header div#slide-holder div.weather dl{
position:absolute;
top:148px;
left:82px;
}
div#header div#slide-holder div.weather dl dt{
margin:0;
padding:0;
z-index:49;
}
div#header div#slide-holder div.weather dl dd{
margin:0 0 0 50px;
padding:0;
font-size:90%;
}



/*
--------------------------------------------------------
body
--------------------------------------------------------
*/
div#body dl.bodyside{
position:absolute;
top:-350px;
right:-80px;
widows:102px;
margin:0;
padding:0;
}
div#body dl.bodyside dt{
margin:0 31px 0 26px;
padding:5px 0 5px 0;
white-space:wrap;
width:45px;
text-align:center;
background:url(../img/side_text_background.png) no-repeat 0 0;
}
div#body dl.bodyside dt img{
float:right;
padding:0 5px;
display:block;
}
div#body dl.bodyside dt a{
display:block;
float:right;
width:20px;
padding:0;
}
div#body dl.bodyside dd{
padding:0;
}
div#body dl.bodyside dt a:link{
text-decoration:none;
}

div#body dl.bodyside dt:after{
content:" ";
display:block;
clear:both;
height:1px;
visibility:hidden;
}
div#body dl.bodyside dt{
min-height:1px;
display:inline-table;
}
/* Mac IE \*/
* html div#body dl.bodyside dt{
height:1px;
}
div#body dl.bodyside dt{
display:block;
}
/* Mac IE */



/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/
div#contents div.clock{
position:relative;
margin:0;
background:url(../img/clock_background.jpg) no-repeat 0 0;
width:482px;
height:220px;
margin:0 14px;
padding:0;
}
div#contents div.clock2{
background:url(../img/clock_background2.jpg) no-repeat 0 0;
}
div#contents div.clock h2{
margin:0;
padding:10px 0 0 10px;
clear:none;
background:none;
}
div#contents div.clock p.pict{
position:absolute;
top:28px;
left:70px;
}
div#contents div.clock p.text{
padding:20px 0 0 55px;
font-size:84%;
}
.posabs{
position:absolute;
left:0;
top:0;
z-index:50;
}

/* detail */
div#contents div.clock p.detail{
position:absolute;
top:0;
left:165px;
z-index:2;
}

/* information */
div#contents div.information{
padding:0 15px;
margin:0;
}
div.information h2{
position:relative;
background:url(../img/h2_background_l.jpg) no-repeat 0 0;
padding:0 0 0 50px;
line-height:73px;
height:73px;
color:#333;
}
div.information h2{
z-index:1;
margin:0 -10px -0.5em -10px;
}
div.information h3{
height:auto;
line-height:1.7em;
padding:2px 0 2px 30px;
background:url(../img/h3_background.jpg) no-repeat 0 50%;
}
div.information p{
padding:0 10px;
}
div.information p.date{
font-size:84%;
margin:1em 0 -1em 0;
}
div.information p.bus{
padding:0;
}

div.information dl dt{
width:9em;
padding-left:0.2em;	/* padding:0.2em 0; */
}
div.information dl dd{
padding-left:9.7em;	/* padding:0.2em 0 0.2em 9em; */
border-bottom:1px solid #ccc;
}
div.information dl dd p,
div.information dl dd ul{
margin:0;
}
div.information dl.topics{
margin:0.5em 0 1.5em 0;
}
div.information dl.topics dt{
width:100%;
font-weight:bold;
}
div.information dl.topics dd{
padding:0 0 0 3em;
border-bottom:none;
}
div.information dl.topics dd dl{
}
div.information dl.topics dd dl dt{
width:5em;
margin:-3px 0 0 0;
}
div.information dl.topics dd dl dd{
border-bottom:1px dotted #ccc;
}



/*
--------------------------------------------------------
navigation
--------------------------------------------------------
*/
div#navigation ul{
list-style:none;
margin:0;
padding:0 0 0 15px;
}
div#navitation ul li{
margin:0 0 5px 0;
padding:0;
}



/*
--------------------------------------------------------
sub_navigation
--------------------------------------------------------
*/
div#sub_navigation *{
}
div#sub_navigation dl{
background:url(../img/event_back_top.gif) no-repeat 0 0;
font-size:90%;
}
div#sub_navigation dl dt.event{
padding:30px 0 0 5px;
}
div#sub_navigation dl dd.event p{
color:#fff;
padding:5px 10px 0.5em 10px;
}
div#sub_navigation dl dd.event p a{
color:#FF9999;
text-decoration:underline;
font-weight:bold;
}
div#sub_navigation dl dd.event p a:hover{
text-decoration:none;
}
div#sub_navigation dl dd.event p.pict3{
clear:both;
}
div#sub_navigation dl dd.event p.pict1{
margin:-5px 0 10px 0;
}
div#sub_navigation dl dd.event p.pict img{
padding:3px !important;
margin:0;
background:#fff;
}
div#sub_navigation dl dd.event p.pict1 img{
padding:3px !important;
margin:0;
background:#fff;
}

div#sub_navigation dl dt.blog{
padding:0 0 0 5px;
}
div#sub_navigation dl dd.blog{
background:url(../img/eventimg/blognewsback_center.gif) repeat-y 5px 0;
}
div#sub_navigation dl dd.blog a{
font-weight:bold;
}
div#sub_navigation dl dd.blog p{
margin:0;
padding:5px 10px 5px 15px;
}
div#sub_navigation dl dd.blog p.date{
text-align:right;
padding:0 15px 0 0;
}
div#sub_navigation dl dd.blog,
div#sub_navigation dl dd.news{
position:relative;
}
div#sub_navigation dl dd.blog p.detail,
div#sub_navigation dl dd.news p.detail{
position:absolute;
top:-18px;
right:15px;
padding:0;
}


div#sub_navigation dl dt.news{
padding:0 0 0 5px;
}
div#sub_navigation dl dd.news{
background:url(../img/eventimg/blognewsback_center.gif) repeat-y 5px 0;
}
div#sub_navigation dl dd.news a{
font-weight:bold;
}
div#sub_navigation dl dd.news p{
padding:5px 10px 10px 15px;
}

div#sub_navigation p.counter{
margin:1em 10px 0 10px;
color:#fff;
font-size:90%;
text-align:center;
}

/*
--------------------------------------------------------
contents_footer
--------------------------------------------------------
*/
div#contents_footer div.section{
width:33%;
float:left;
clear:both;
}
div#contents_footer dl{
width:315px;
margin:0 0 0 10px;
font-size:90%;
float:left;
}
div#contents_footer dl dt{
width:300px;
border-bottom:1px solid #fff;
padding:70px 0 0 0;
margin:0 0 5px 0;
}
div#contents_footer dl dd{
background:url(../img/listicon.png) no-repeat 0 5px;
color:#fff;
padding:0 10px 0 13px;
clear:both;
margin:0 0 5px 0;
}
div#contents_footer dl dd a{
color:#fff;
}
div#contents_footer dl dd a:hover{
text-decoration:none;
}




body{font-size:1em}

div.wrap{
margin:0 auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
height:52px;
margin:22px 0 0;
background:url url(../img/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin:-1px 0 0;
}
div#video-header{
margin:-1px 0 0;
}
div#header div.wrap{
background:url(../img/header-bg.png) 50% 0 no-repeat;
}
div#header div#slide-holder{
/*z-index:40;*/
position:absolute;
top:100px;
left:0;
}
div#header div#slide-holder div#slide-runner{
width:950px;
height:298px;
overflow:hidden;
position:absolute;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls{
left:0;
bottom:0px;
width:950px;
height:46px;
display:none;
position:absolute;
/*background:url(../img/slide-bg.png) 0 0;*/
}
div#header div#slide-holder div#slide-controls p.text{
display:none;
/*float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;*/
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:-240px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-image:url(../img/silde-nav_on.png);
color:#333;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
background-image:url(../img/silde-nav.png);
color:#fff;
}
div#nav ul li a{
background:url(../img/nav.png) no-repeat;
}

/* 2013.01.08 */
div#contents div.information{
position:relative;
}
div#contents div.information p.detail{
position:absolute;
top:20px;
left:420px;
z-index:10;
}
p.businesshour{
margin: 0px 0 0px -9px;
}
div#contents_footer dl{
float:none;
width:auto;
margin:0;
padding:0 0 0 40px;
}
div#contents_footer dl dt{
width:540px;
padding:70px 0 5px 10px;
}
div#contents_footer dl dd{
background-position:9px 4px;
padding:0 10px 0 23px;
}