/* 婎杮儗僀傾僂僩 */

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
img { border: 0; }

/* 尒弌偟 */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 5px 0; }

/* 儕儞僋怓乮儁乕僕慡懱乯 */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff6600; }

/* 昞帵曗彆 */

.pkg {
    position: static;
    display: block;
    clear: both;
    padding: 0px;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* 儁乕僕儗僀傾僂僩 */

body {
    width: 100%;
    text-align: center; /* center on ie */
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.5em;
    color: #000;
  background-image: url(img/cmbg.jpg) ; /* 慡懱偺攚宨夋憸 */
  background-repeat: no-repeat;            /* 攚宨傪孞傝曉偝側偄 */
  background-position: 50% 50%;            /* 攚宨夋憸偺埵抲偼夋柺拞墰 */
  background-attachment:fixed;             /* 攚宨夋憸傪屌掕偡傞 */
}

#inbox {
    width: 100%;
    text-align: left; /* center on ie */
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 0.8em;
    line-height: 1.5em;
    color: #000;
    background: #111; /* 慡懱偺攚宨夋憸 */
    color: #ccc;
}

#container1
{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-image: url(img/bbg.gif);
}

#container1:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/* 僿僢僟乕乮儗僀傾僂僩乯 */

#banner {
    position: relative;
    width: 100%;
    height: 230px;
    margin: 80px 0 30px;
    padding: 0;
    text-align: center;
}

.cm #banner {
    position: relative;
    width: 100%;
    height: 0;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

/* 僿僢僟乕乮僉儍僢僠乯 */

#banner h1
{
    display: none;
}


/* 僐儞僥儞僣乮婎杮儗僀傾僂僩乯*/

#pagebody
{
    position: relative;
    height: 270px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(img/pbbg.png) repeat-x;
}

#pagebody2
{
    position: relative;
    height: 610px;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    background: url(img/pb2bg.png) repeat-x;
}

#pagebody3
{
    position: relative;
    height: 2012px;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    background: url(img/3.png) repeat-x;
}

/* 僐儞僥儞僣乮儗僞乕晹暘乯 */

.main
{
    width: auto;
    position: static;
    display: block;
    width: 940px;
    clear: both;
    margin: 0 auto;
    padding: 50px 0 0 10px;
    text-align: left;
    color: #fff;
}

.main2
{
    width: auto;
    position: static;
    display: block;
    width: 900px;
    clear: both;
    margin: 0 auto;
    padding: 10px;
    text-align: left;
    color: #fff;
}

.contents
{
    background-image: url(img/note.gif);
    margin: 0 0 20px;
}

.contents p
{
    margin: 30px 0 0;
    line-height: 30px;
}

#container4, #container5, #container6, #container7
{
    width: 560px;
    display: block;
    clear: both;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    clear:both;
    border-bottom: 1px dotted #999;
}

/* 尒弌偟 */

.header {
    margin: 20px 0 0;
    padding: 10px 0;
    color: #000;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
    clear: both;
    border-top: 1px solid #a0895c;
    border-bottom: 1px solid #a0895c;
}

#inbox .header {
    margin: 0;
    padding: 3px 0;
    color: #a0895c;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.25;
    text-align: left;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
    clear: both;
    border-top: none;
    border-bottom: 1px solid #333;
}

.header2 {
    position: relative;
    margin: 10px 0;
    padding: 5px 5px 5px 10px ;
    color: #c40000;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.25;
    text-align: left;
    border-left: 5px solid #c40000;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
    clear: both;
}


/* 夋憸 */

.img { float: left; margin: 10px 10px 0 0; }
.imgr { float: right; margin-left: 5px; }


/* 暥帤惂屼 */

.right { text-align: right; } /* 嵍婑偣 */
.center { text-align: center; } /* 塃婑偣 */


/* 僼僢僞乕 */

#footer
{
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%; 
    height: 30px;
    text-align: left;
    font-size: 10px;
    clear: both;
    color: #999;
}

#footer p
{
    margin: 0;
    padding: 10px 10px 0 0;
    line-height: 1.25;
   text-align: right;
    color: #a0895c;
}

.foot
{
   margin: 0;
   text-align: center;
}

/* 埻傒昞帵 */

.bullet /* 捈慄 */
{
   margin: 20px;
    border: 1px dotted #5b9200;
   background-color: #fff;
   padding: 10px;
   line-height: 1.25;
}

.bu-b /* 僽儗僢僩崟帤 */
{
    margin: 5px 0 0;
    color: #333;
    font-size: 1.1em;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
    line-height: 1.5em;
    background: url(img/next.gif) no-repeat;
    padding: 0 0 0 35px;
    border-bottom: 1px dotted #5b9200;
}


.box
{
   margin: 30px 10px;
   border: 3px solid #a0895c;
   background-color: #fff;
   padding: 5px 15px 10px;
   clear: both;
   line-height: 1.25;
}

.box2
{
   margin: 30px 10px 20px;
   border: 1px solid #ccc;
   background-color: #fff;
   padding: 5px 10px;
   clear: both;
   line-height: 1.3;
}
.box2 p
{
    margin: 10px;
    font-size: 0.9em;
}
.box3
{
   margin: 10px;
   border: 1px dotted #3b96c9;
   background-color: #fff;
   padding: 20px 20px;
   clear: both;
   line-height: 1.3;
}

.box3 img { margin: 0 10px 0 0; }


/* 暥帤憰忺 */

.bbb /* 嵟戝丒懢帤 */
{
    font-size: 1.4em;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
    padding: 0;
}

.b4 /* 嵟戝丒懢帤 */
{
    font-size: 2.4em;
    font-family: "HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
    padding: 0;
}

.bb, .boxname /* 戝丒懢帤 */
{
    font-size: 1.2em;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
}

.b /* 懢帤 */
{
    font-weight: bold;
}


.bbbr /* 嵟戝丒懢帤丒愒 */
{
    color: #cc0000;
    font-size: 1.6em;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
}

.bbr /* 戝丒懢帤丒愒 */
{
    color: #cc0000;
    font-size: 1.2em;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
}

.br /* 愒丒懢帤 */
{
    color: #ff0000;
    font-weight: bold;
}

.red { color: #cc0000;}
.blue { color: #003399;}
.green { color: #006600;}

.line /* 儅乕僇乕張棟 */
{
    background: #ffff00;
    color: #000;
}

.u {border-bottom: 1px solid #000; }

/* 暷報拲堄彂偒 */

.kome { text-align: center; font-size: 12px; color: #ff0000; line-height: 1.25;}

.f-line { border-bottom: 1px dotted #ccc; margin: 10px 0; padding-bottom: 10px; }
.name
{
    font-size: 1.2em;
    font-family: "HGP柧挬E","HGS柧挬E","HGS憂塸妏恨集窾B","僸儔僊僲妏僑 Pro W6";
    text-align: right;
    margin: 10px 0 50px 0;
}
.name p { margin: 10px 0; }
.s { font-size: 0.8em; line-height: 1.25;}
.form
{
    padding: 30px 0 0;
    margin: 0 auto;
    width: 550px;
    height: 380px;
    _height: 410px;
    display: block;
    background: url(img/form.gif) no-repeat;
}

.none { display:none; }
table {margin:0}
td, th {padding:2px;text-align:left;margin:0;}
td img, th img {margin:0}
.navi {
padding: 0;
margin: 5px 0;
float:left;
width:200px;
display:block;
font-size:0.9em;
}
.navi ul, #inboxi ul{
padding: 0;
margin: 0;
line-height:1.25;
}



/* 僫價僎乕僔儑儞 */


.navi
{
    margin: 0;
    padding: 0;
    width: 380px;
    height: 190px;
    background: url(img/navi.gif) no-repeat;
}

.navi ul
{
    width: 380px;
    height: 190px;
    list-style: none;
    margin: 0 1px;
    padding: 0;
    text-align: center;
}

.navi li
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.navi li a span, .navi li span
{
    display: none;
}

.navi li a
 {
    margin: 0 5px 0 1px ;
    padding: 0;
    display: block;
    width: 53px;
    height: 190px;
    color: #fff;

}
.navi li a.mail
 {
    margin: 0 0 0 5px ;
    width: 77px;
}

.navi li a.home:hover
 {
    background: url(img/navi2.gif) no-repeat -2px;
}

.navi li a.live:hover
 {
    background: url(img/navi2.gif) no-repeat -61px;
}

.navi li a.cd:hover
 {
    background: url(img/navi2.gif) no-repeat -120px;
}

.navi li a.yokoku:hover
 {
    background: url(img/navi2.gif) no-repeat -179px;
}

.navi li a.link:hover
 {
    background: url(img/navi2.gif) no-repeat -238px;
}

.navi li a.mail:hover
 {
    background: url(img/navi2.gif) no-repeat -301px;
}
.infobox {float:left; margin:0 0 0 10px;}
.what a {
display:block;
width:160px;
height:160px;
background: url(img/what.png) no-repeat;
float:right;
margin: 20px 0 0;
}
.what a:hover {background: url(img/what2.png) no-repeat;}
.what a span {display:none}

.logo {width:590px;margin:0 auto;}

.gotop
{
   position:absolute; top:370px; left: 0px;
}
.story
{
   position:absolute; top:60px; left: 0px;
}
.leftline {border-left: 2px solid #fff;padding-left: 10px}
.lh60 {padding-top:10px}