@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/
h2{
margin:0 -10px;
padding:0;
border:0;
}


/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/
div#header{
height:445px !important;	/* height:155px !important; */
margin:0 0 10px 0;	/* margin:0 0 5px 0; */
background:none;
}
div#contents{
width:530px;
padding:0;
}
div#contents{
float:left;
width:100%;
}
div#navigation{
float:left;
width:189px;
margin:0 0 0 -948px;
}
div#sub_navigation{
position:relative;
float:left;
width:189px;
margin:0 0 0 -189px;
font-size:84%;
}

/* skip in IE6 */
* html div#header p.skip{display:none;}

/* external */
div#header a.external{
padding:0;
background:none;
}


/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/

div#contents div.section{
margin:0 209px 1em 209px;
}
div#contents div.section div.section{
margin:0;
}

/* detail */
div.section p.detail{
margin:-25px -5px 1em 0;
z-index:2;
}
div.section.user p.detail{
margin:-25px 5px 1em 0;
}


/* more */
div.section p.more{
text-align:center;
}


/* user */
div.section.user{
padding:0;
}

/* voice */
div.voice{
width:260px;
padding:0;
float:left;
}
div.voice h2{
z-index:1;
margin:0;
}
div.voice dl{
margin:1em 10px;
font-size:84%;
}
div.voice dl dt{
float:none;
width:auto;
margin:0;
padding:0 0 0 20px;
background:url(../img/voice_icon.gif) no-repeat 0 50%;
font-weight:bold;
}
div.voice dl dd{
padding:0;
border-bottom:1px solid #ccc;
}


/* bbs */
div.bbs{
width:260px;
padding:0;
float:right;
}
div.bbs h2{
z-index:1;
margin:0;
}
div.bbs dl{
margin:1em 10px;
font-size:84%;
}
div.bbs dl dt{
float:none;
width:auto;
margin:0;
padding:0 0 0 20px;
background:url(../img/bbs_icon.gif) no-repeat 0 50%;
font-weight:bold;
}
div.bbs dl dd{
padding:0;
border-bottom:1px solid #ccc;
}


/* event */
div.event h2{
padding:0 10px;
background:url(../img/h2_3.gif) no-repeat 0 0;
color:#900;
font-size:110%;
line-height:30px;
z-index:1;
}
div.event ul{
margin-right:159px;
}
div.event ul li{
border-bottom:1px solid #ccc;
}

div.event table.weather{
float:right;
width:164px;
margin:1em -5px 1em 0;
border:0;
font-size:84%;
}
div.event table.weather *{
margin:0;
padding:0;
border:0;
}
div.event table.weather caption{
display:none;
}
div.event table.weather th,
div.event table.weather td{
text-align:center;
vertical-align:middle;
}
div.event table.weather th{
background:transparent;
font-weight:bold;
}
div.event table.weather td.pict,
div.event table.weather td.temp{
padding:0 0 1.5em 0;
}
div.event table.weather td.temp{width:5em;white-space:nowrap;}
div.event table.weather tr td.temp span{
display:block;
}
div.event table.weather tr td.temp span.lowest{border-top:1px solid #ccc;}
div.event table.weather tr td.temp span.ext{display:none;}


/* information */
div.information h2{
}
div.information h2{
z-index:1;
}
div.information dl{
margin:1em 180px 1em 0;
}
div.information dl dt{
width:5em;
padding-left:0.2em;	/* padding:0.2em 0; */
}
div.information dl dd{
padding-left:6em;	/* padding:0.2em 0 0.2em 9em; */
border-bottom:1px solid #ccc;
}

/* information photo */
div.information div.photo{
position:relative;
z-index:3;
float:right;
width:190px;
height:192px;
margin:8px -7px 0 0;
padding:7px 7px 15px 9px;
background:url(../img/photo_background.gif) no-repeat 0 0;
line-height:1.5;
}
* html div.information div.photo{
margin:8px -3.5px 0 0;
}
div.information div.photo *{
float:none;
width:auto;
margin:0;
padding:0;
border:0;
}
div.information div.photo p.pict{
float:right;
padding:0;
}
div.information div.photo h3{
text-align:center;
}
div.information div.photo img{
vertical-align:baseline;
}
div.information div.photo dl{
height:166px;
margin:12px 0 0 0;
font-size:93%;
overflow:hidden;
}
div.information div.photo dl dt{
font-weight:bold;
}
div.information div.photo dl dd{
font-size:90%;
}

/* news */
div.news h2{
z-index:1;
}
div.news h3{
border:none;
margin-left:0;	/* margin:1em -10px -0.5em -10px; */
padding:0 10px 0 0;
font-size:100%;
}
div.news h4{
margin:0 0 -1em -1px;
}
div.news p.pict2,
div.news p.pict3{
margin:1em 0;
}

/* all */
div.all h2{
z-index:1;
}
div.all h3{
border:none;
padding:0;
}
div.all dl{
font-size:84%;
}
div.all dl dt{
float:none;
width:auto;
margin:0;
padding:3px 0 0 20px;
background:url(../img/all_icon.gif) no-repeat 0 50%;
font-weight:bold;
}
div.all dl dd{
padding:0 0 3px 0;
border-bottom:1px solid #ccc;
}




/*
--------------------------------------------------------
sub navigation
--------------------------------------------------------
*/
div#sub_navigation dl dd{
border:none;
}
/* movie */
div#sub_navigation div.movie{
margin:0 0 15px;
}
div#sub_navigation div.movie p{
margin:0 -10px 0.5em;
}

/* user/ */
div#sub_navigation div.user{
background:url(../img/user_line.gif) no-repeat 0 100%;
}
div#sub_navigation div.user h2{
margin:0;
padding:0;
}
div#sub_navigation div.user dl{
margin:0;
padding:0 10px;
border-left:1px solid #EBDBB2;
}
div#sub_navigation div.user dl dt{
float:none;
width:auto;
margin:0 -10px 0 -5px;
padding:0.2em 0 2px 4px;
border-bottom:3px solid #CC6600;
}
div#sub_navigation div.user dl dd{
padding:3px 0 5px 0;
}
div#sub_navigation div.user dl dd p.detail{
margin:-27px -11px 19px 0;
}
div#sub_navigation div.user dl dd input.text{
width:95px;
}

/* access */
div#sub_navigation div.user dl dd p{
margin:0.5em -7px 0.5em 2px;
font-weight:bold;
}
div#sub_navigation div.user dl.access dd ol{
list-style:none;
margin:0.5em -7px 1em -5px;
padding:0;
}
div#sub_navigation div.user dl.access dd ol li{
padding:0 5px;
border-bottom:1px solid #ccc;
}
div#sub_navigation div.user dl.access dd ol li img{
vertical-align:text-top;
}

/* enquete */
div#sub_navigation div.user dl.enquete dd ul li{
padding:0 0 0 5px;
background:none;
}

/* other/ */
div#sub_navigation div.other{
line-height:1.4;
}
div#sub_navigation div.other *{
margin:0;
padding:0;
}
div#sub_navigation div.other dl{
margin:10px -10px;
padding:0 4px 0 5px;
}
div#sub_navigation div.other dl dt{
float:none;
width:auto;
text-align:center;
}
div#sub_navigation div.other dl dd{
padding:5px 9px 5px 10px;
}
div#sub_navigation div.other dl dd ul li{
padding:1px 0 1px 15px;
background:url(../img/listicon3.gif) no-repeat 0 2px;
}
div#sub_navigation div.other dl dd p.pict2{
padding:0 5px 0 0;
}
div#sub_navigation div.other dl dd p.submit{
margin:4px 0;
}


/* mobile */
div#sub_navigation div.other dl.mobile dt{
background:url(../img/mobile_line1.gif) no-repeat 0 23px;
}
div#sub_navigation div.other dl.mobile dd{
padding-right:5px;	/* padding:3px 9px 5px 10px; */
background:url(../img/mobile_line2.gif) no-repeat 0 100%;
}

/* mail-magazine */
div#sub_navigation div.other dl.mailmaga dt{
background:url(../img/mailmaga_line1.gif) no-repeat 0 23px;
}
div#sub_navigation div.other dl.mailmaga dd{
background:url(../img/mailmaga_line2.gif) no-repeat 0 100%;
}
div#sub_navigation div.other dl.mailmaga dd ul li{
padding:0;
background:none;
}

/* experience */
div#sub_navigation div.other dl.experience{
margin:20px -10px;
}
div#sub_navigation div.other dl.experience dt{
background:url(../img/exp_line1.gif) no-repeat 0 0px;
}
div#sub_navigation div.other dl.experience dd{
background:url(../img/exp_line2.gif) no-repeat 0 100%;
}

/* counter */
div#sub_navigation div.other p.counter{
text-align:right;
}
* html /* ie */
div#sub_navigation div.other p.counter{position:relative;}

div#sub_navigation div.other p.counter em{
font-weight:bold;
color:#333;
}


/* bloglink */
div#sub_navigation dl.blog dd{
padding:2px 0 !important;
text-align:center;
}
div#sub_navigation dl.blog a img{
border:2px solid #FFCCCC;
}
div#sub_navigation dl.blog a:hover img{
border:2px solid #cc0000;
}



div#sub_navigation a.pdf{
padding:0;
background:none;
}

/*
--------------------------------------------------------
links
--------------------------------------------------------
*/
div#links{
clear:both;
font-size:84%;
}
div#links ul{
list-style:none;
margin:1em -10px 1em 0;
padding:0 14px;
}
div#links ul li{
list-style:none;
float:left;
width:176px;
height:80px;
margin:0 5px 10px 0;
padding:8px 2px 0;
background:#eee;
text-align:center;
line-height:1.1;
}
div#links ul li a{
display:block;
margin:0 auto;
padding:0 0 0 0.5em;
width:160px;
height:45px;
line-height:45px;
text-decoration:none;
}
div#links ul li a img{
vertical-align:middle;
margin-right:-0.5em;
}
/* ie6 */
* html div#links ul li a{
layout-grid-line:45px;
}




/*
--------------------------------------------------------
itemlist special1
--------------------------------------------------------
*/
/* special */
div.special{margin-bottom:0 !important;}	/* margin:0 209px 1em 209px; */
div.special *{
margin:0;
padding:0;
}
div.special p{
margin:1em -10px;
}
div.special p.pict{
margin:0 -10px 1em;
}
div.special dl{
height:19px !important;
margin:-5px -10px 0;
padding:3px 10px;
background:url(../img/special_line.gif) no-repeat 0 0;
line-height:19px;
}
div.special dl dt,
div.special dl dd{
margin:0;
padding:0;
border:0;
}
div.special dl dt{
font-weight:bold;
}
div.special dl dd{
position:relative;
width:320px !important;
left:-6px !important;
}
div.special dl dt img{vertical-align:middle;}
div.special dl dt a.prev{margin-left:0.5em;}

div.special dl dd ul{	/* temporary hidden */
width:320px;
height:1.4em;
overflow:hidden;
}
div.special dl dd ul li{
width:310px !important;
margin:0;
padding:1px 4px 0 6px;
background:none;
}

div.special p.detail{margin-top:-22px;}	/* margin:-25px 5px 1em 0; */
* html div.special p.detail{margin-top:-26px;}


/*
--------------------------------------------------------
itemlist special2
--------------------------------------------------------
*/
div.special2{margin-bottom:0.5em !important;}	/* margin:0 209px 1em 209px; */
div.special2 dl{
width:528px;
height:148px !important;
margin:0 -10px 0;
padding:1px 1px;
background:url(../img/special2_background.gif) no-repeat 0% 0%;
}
div.special2 dl dt,
div.special2 dl dd{
width:auto;
float:none;
margin:0;
padding:0;
border:none;
}
div.special2 dl dd *{
width:auto;
margin:0;
padding:0;
}

div.special2  ul.navigation.itemlist,
div.special2 div.itemlist{
float:none;
clear:both;
margin:0;
padding:0;
width:auto;
}
div.special2  ul.navigation.itemlist *,
div.special2 div.itemlist *{
margin:0;
padding:0;
width:auto;
}

/* navi */
div.special2 ul.navigation.itemlist{
position:relative;
margin:0 11px;
width:506px;	/* (118 * 4) + (17 * 2) = 472 + 34 */
height:105px;
}
div.special2 ul.navigation.itemlist li{
position:absolute;
margin:0;
padding:25px 0 0;
background:none;
}
div.special2 ul.navigation.itemlist li.prev{left:0;}
div.special2 ul.navigation.itemlist li.next{right:0;}

/* item */
div.special2 div.itemlist{
width:472px !important;	/* 118 * 4 = 472 */
margin:-105px auto 0 29px !important;
}
div.special2 div.itemlist ul{
overflow:hidden;
width:100%;
height:105px;
}
div.special2 div.itemlist ul li{
float:left;
width:118px  !important;
height:105px !important;
margin:0;
padding:0;
background:url(../img/index_item_background.gif) no-repeat 0% 0%;
text-align:center;
font-size:90%;
}
div.special2 div.itemlist ul li img{
margin:11px 14px;
}
div.special2.test dt{
font-weight:bold;
color:#DE4B31;
font-size:120%;
background:url(../img/pickup.jpg) no-repeat 0 9px;
margin:0;
padding:0 0 0 150px !important;
display:block;
line-height:34px;
width:auto;
}

/*
--------------------------------------------------------
campaign
--------------------------------------------------------
*/
div.campaign{
margin-top:0.5em;
margin-bottom:0 !important;/* margin:0 209px 1em 209px; */
}
div.campaign *{
margin:0;
padding:0;
}
div.campaign p.pict{
margin:0 -10px 1em;
}

/*
--------------------------------------------------------
attention
--------------------------------------------------------
*/
div.attention{
margin-top:0.5em;
margin-bottom:0.5em !important;/* margin:0 209px 1em 209px; */
border-color: #FF0000;
border-width: 1px;
border-style: solid;
}
div.attention *{
margin:0;
padding:0;
}

/**/

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(../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;
}
div#header div#slide-holder div#slide-runner{
top:0;
left:0;
width:950px;
height:400px;
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:11px 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-position:-24px 0 !important;
color:#fff;
}
* html div#header div#slide-holder div#slide-controls p#slide-nav a.on{	/* ie6 */
border-bottom:1px dashed #fff;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
background-position:0 0;
background-image:url(../img/silde-nav.png);
color:#333;
}
div#nav ul li a{
background:url(../img/nav.png) no-repeat;
}
div.topicMap{
	border:0px #FFFFFF;
}