/*-- Utility --*/
#wrap:after,
.entry:after,
.notice-inner:after,
.pop-wrap:after,
#manual-wrap:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
}

/*-- layout --*/
html{
height:100%;
}
body{
height:100%;
background:url(../img/common/bg_body.png) center top;
}
#header{
width:224px;
height:100%;
text-align:left;
float:left;
}
#headersp{
display:none;
}
#header-inner{
position:relative;
padding:115px 0 0;
width:200px;
}
#logo-title{
position:absolute;
left:7px;
top:9px;
width:190px;
height:100px;
background:url(../img/common/logo_title.png) left top no-repeat;
}
#logo-title a{
width:190px;
height:100px;
text-indent:-9999px;
overflow:hidden;
display:block;
}
#wrap{
height:100%;
min-height:100%;
background:url(../img/common/bg_wrap.png) left top repeat-y;
}
body > #wrap{
height:auto;
}
#container{
width:100%;
margin-left:-224px;
float:left;
}
#container-inner{
margin-left:224px;
}
#footer{
padding:0 0 20px;
max-width:780px;
clear:both;
}
.copy{
width:100%;
height:30px;
background:url(../img/common/copy.png) 20px 0px no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#main{
margin:0 0 10px;
height:640px;
background:url(../img/common/popmain.png) left top no-repeat;
}

/*-- entry --*/
.entry{
margin:0 0 10px;
padding:0 20px;
max-width:740px;
}
.entry h2{
margin:0 0 0;
padding:6px 12px;
line-height:1;
background:url(../img/common/bg_h2.jpg) left bottom no-repeat;
border-top-right-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topright:10px;
}
.entry h2 img{
width:33%;
height:auto !important;
display:block;
}
.entry p{
margin:0 0 8px;
}
.entry p.lead{
margin:0 0 15px;
color:#334866;
font-size:14px;
text-shadow:1px 1px 1px #dddddd;
}
.entry p:last-child{
margin:0 0 15px;
}
.text-imp{
margin:0 0 8px;
font-size:16px;
font-weight:bold;
line-height:1;
text-shadow:1px 1px 1px #dddddd;
}
.text-km{
font-size:12px;
color:#555555;
}
.text-red{
color:#b33636;
}
.text-blue{
color:#366ab3;
}
.text-green{
color:#268032;
}
.text-purple{
color:#933d99;
}
.text-yellow{
color:#ffea77;
}
.text-bld{
font-weight:bold;
}
.text-cap{
padding:5px 0 0;
font-size:11px;
color:#ffffff;
text-align:center;
text-shadow:1px 1px 2px #363d4d;
}


/*-- topics, notice --*/
.notice{
margin-bottom:20px;
width:740px;
text-align:left;
background-color:#ffffff;
background-color:rgba(255,255,255, 0.7);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:1px 1px 3px 1px #b2b2b2;
-moz-box-shadow:1px 1px 3px 1px #b2b2b2;
-webkit-box-shadow:1px 1px 3px 1px #b2b2b2;
-ms-box-shadow:1px 1px 3px 1px #b2b2b2;
-o-box-shadow:1px 1px 3px 1px #b2b2b2;
}
.title-notice{
padding:8px 10px 12px;
height:28px;
}
.title-notice img{
}
.closeaccordion{
background:url(../img/common/ac-close.png) right 16px no-repeat;
cursor:pointer;
}
.openaccordion{
background:url(../img/common/ac-open.png)  right 16px no-repeat;
cursor:pointer;
}
.notice{
background-image:url(../img/common/bg_topics.png);
background-position:0px -62px;
background-repeat:repeat-x
}
.notice-inner{
padding:0 10px 5px;
font-size:13px;
clear:both;
}
.notice-inner-title{
margin:0 0 8px;
padding:10px 0 0;
font-weight:bold;
line-height:1;
font-size:15px;
color:#a31b1b;
text-shadow:1px 1px 1px #dddddd;
}
.notice ul{
margin:0 0 10px;
padding:0 0 2px;
border-bottom:1px dotted #994d4d;
}
.notice ul:last-child{
margin:0 0 0;
padding:0 0 0;
border-bottom:none;
}
.notice li{
margin:5px 0;
color:#555555;
}

/*-- news --*/
.gotosite{
margin:0 0 12px;
padding:0 0 5px;
text-align:center;
border-bottom:1px solid #994d4d;
}
.news-date{
margin:0 0 8px;
padding:0 10px;
color:#ffea77;
font-size:12px;
font-weight:bold;
line-height:1;
text-shadow:1px 1px 1px #000000;
}
.news-text{
margin:0 0 10px;
padding:0 10px 8px;
color:#ffffff;
font-size:11px;
text-shadow:1px 1px 1px #000000;
border-bottom:1px solid #994d4d;
}

.pop-wrap{
position:relative;
margin:0 0 15px;
padding:0 0 15px;
width:740px;
border-bottom:1px solid #994d4d;
}
.pop-new{
position:absolute;
right:12px;
left:auto;
top:10px;
padding:6px 0 4px;
width:42px;
color:#ffffff;
font-size:10px;
font-weight:bold;
line-height:1;
text-align:center;
background:#a31b1b;
text-shadow:1px 1px 1px #000000;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.pop-wrapl{
width:190px;
float:left;
}
.pop-wrapl-inner{
margin:0 0 5px;
padding:5px;
width:180px;
height:180px;
border-radius:5px;
background:#000000;
background-color:rgba(0,0,0, 0.6);
box-shadow:1px 1px 2px 1px #dadada;
-moz-box-shadow:1px 1px 2px 1px #dadada;
-webkit-box-shadow:1px 1px 2px 1px #dadada;
-ms-box-shadow:1px 1px 2px 1px #dadada;
-o-box-shadow:1px 1px 2px 1px #dadada;
float:left;
}
.pop-wrapr{
padding:10px 12px 8px;
width:510px;
border-radius:5px;
background:#ffffff;
background-color:rgba(255,255,255, 0.6);
box-shadow:1px 1px 2px 1px #dadada;
-moz-box-shadow:1px 1px 2px 1px #dadada;
-webkit-box-shadow:1px 1px 2px 1px #dadada;
-ms-box-shadow:1px 1px 2px 1px #dadada;
-o-box-shadow:1px 1px 2px 1px #dadada;
float:right;
}
.pop-title{
margin:0 0 10px;
padding:0 0 2px;
font-size:16px;
color:#b33636;
border-bottom:1px solid #994d4d;
}
.pop-size,
.pop-mb{
font-size:14px;
}
.pop-dl{
font-size:14px;
text-align:center;
}

.bng {
margin:0 0 15px;
padding:10px 0 0;
text-align:center;
}
.btn-pagetop {
position:fixed;
bottom:-150px;
right:5px;
left:auto;
width:75px;
height:85px;
z-index:10;
}
.btn-pagetop a {
display:block;
background:url(../img/common/bg_btn-pagetop.png) right bottom no-repeat;
width:75px;
height:85px;
text-indent:-9999px;
overflow:hidden;
}

#manual-wrap {
margin:0 0 20px;
padding:0 50px;
width:640px;
text-align:center;
}
.manual-l {
padding:5px 10px;
width:270px;
height:60px;
float:left;
background:#a21400;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:1px 1px 2px 1px #dadada;
-moz-box-shadow:1px 1px 2px 1px #dadada;
-webkit-box-shadow:1px 1px 2px 1px #dadada;
-ms-box-shadow:1px 1px 2px 1px #dadada;
-o-box-shadow:1px 1px 2px 1px #dadada;
}
.manual-r {
padding:5px 10px;
width:270px;
height:60px;
float:right;
background:#a21400;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:1px 1px 2px 1px #dadada;
-moz-box-shadow:1px 1px 2px 1px #dadada;
-webkit-box-shadow:1px 1px 2px 1px #dadada;
-ms-box-shadow:1px 1px 2px 1px #dadada;
-o-box-shadow:1px 1px 2px 1px #dadada;
}