@charset "utf-8";

div#wrapper{
margin:0 auto;
background:#fff url(../img/top_background.jpg) no-repeat 50% 0;
}

div#body{
background:#fff;
}


/*
--------------------------------------------------------
header
--------------------------------------------------------
*/
div#header h1,
div#header p.title{
position:absolute;
top:40px;
left:0;
margin:0;
padding:0;
z-index:10;
font-size:150%;
font-weight:bold;
}

div#header p.pyon_chan{
position:absolute;
top:250px;
z-index:2;
}

div#header ul.navigation{
position:absolute;
top:430px;
z-index:10;
}

div#header ul.sub_navigation{
position:absolute;
top:60px;
right:0;
z-index:2;
}

div#header ul.topimage{
position:absolute;
top:40px;
left:-200px;
z-index:1;
}

/* inline frame */
div.weather iframe{
margin:0;
width:960px;
}



/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/
div.section.top{
padding:0 10px 30px;
background:#fff;
position:relative;
top:334px;
z-index:5;
}

div.section.top{
_position:relative;
_top:325px;
}

*:first-child+html div.section.top{
margin:25px 0 0 0;
top
}

div.section.top a img{
border:0;
}

div.section.top h2{
margin:1.5em 0 -1px 0;
background:url(../img/h2_top.png) no-repeat 0 0;
}

div.section.top h3{
border:none;
}

div.section.top div.information{
margin:0;
border:1px solid #ccc;
}

div.section.top div.information ul li{
list-style:none;
padding:3px 0 3px 20px;
background:url(../img/list_icon.jpg) no-repeat 0px 6px;
}

div.section.top div.new{
padding:10px;
border:1px solid #ccc;
}

div.section.top div.new p.list1{
padding:3px 0 3px 20px;
background:url(../img/list_icon.png) no-repeat 0px 6px;
border-top:1px dotted #ccc;
}

div.section.top div.new p.list2{
padding:3px 0 3px 40px;
background:url(../img/list_icon2.png) no-repeat 0px 6px;
}

div.section.top ul.gallery li{
padding:0 0 0 15px;
}

div.section.top ul.gallery.some{
margin:1em 0;
padding:0;
}
div.section.top ul.gallery.some li{
margin:0;
padding:0 6px;
}

div.section.top div.some p{
margin:4px 0; 
}

div.section.top div.some div.camera{
margin:10px 0;
padding:1px 10px;
background:#deeffa;
}
div.section.top div.some div.camera p{
margin:10px 0;
padding:0;
}

div.section.top div.photo{

margin:10px 0 0 0;
}

div.section.top div.photo p.photo_title{
margin:0;
padding:0;
}

div.section.top div.photo2{
padding:15px 0 10px;
background:#deeffa url(../img/photo_background.jpg) no-repeat 15px 0;
}

div.section.top div.photo p.pict6{
border:none;
}

div.section.top div.twitter div.tl a,
div.section.top div.photo a,
a:link{color:none;text-decoration:underline}
a:visited{color:none;}
a:hover{color:none;text-decoration:none;}
a:active{color:none;text-decoration:none;}

div.section.top div.twitter p.twitter_title{
position:relative;
z-index:2;
}

div.section.top div.twitter div.tl{
position:relative;
top:-34px;
background:#3d3d3d;
}


div.section.top ul.gallery.contents li{
padding:4px;
}

div.section.top ul.gallery.bn li{
width:176px;
height:90px;
text-align:center;
background:#e6e6e6;
margin:0 8px 10px 1px;
padding:8px 2px 0;
}

/* inline frame */
div.information iframe{
width:938px;
height:200px;
margin:0;
}
div#contents div.link  a img:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

/*
--------------------------------------------------------
footer
--------------------------------------------------------
*/
div#footer{
margin:334px 0 0 0;
}


