@charset "utf-8";
/* CSS Document */


/* top
------------------------------------------------------------ */


body {
width: 100%;
margin: 0 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
padding: 0;
text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
background: url(../images/head_bg.gif) repeat-x top left !important;
}
#container {
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
width: 990px;

font-size: 0.84em;
color: #3d3738;
line-height: 130%;
letter-spacing: 0.01em;
}

/* head
------------------------------------------------------------ */
#head {
margin: 0 45px;
text-align: left;
position:relative;
width: 900px;
height: 116px;
white-space: nowrap;
}

#head #head-menu  {
position :absolute;
top: 0;
left: 0px;
height: 39px;
}

#logo {
position:absolute;
top: 10px;
left: 0px;
margin: 0 0 0 0;
background: URL(../common/images/logo.gif) no-repeat ;
width: 223px;
height: 53px;
text-indent: -8000px;
}

#head ul .fir {
display: inline;
position: absolute;
top: 74px;
margin: 0 0 0 0;
}
#contents-menu {
display: inline;
}

#contents-menu dd.sec{
display: inline;
position: absolute;
margin: 0 0 0 0;
top: 124px;
}

#g-about {
left: 0px;

}
#g-can {
left: 225px;
}
#g-outline {
left: 451px;
}
#g-inquiry {
left: 676px;
}



#head #head-navi {
position: absolute;
top: 10px;
right: 0px;

}
#head #head-navi ul{
display: inline;

}
#head #head-navi li{
display: inline;
float: left;
margin: 0 0 0 5px;
height: 39px;

}
#head #episode{
display: inline;
margin: 0 0 0 10px;
}


/* flash
------------------------------------------------------------ */
#flashcontent {
width: 990px;
height: 510px;
margin: 0 auto;
}

/* headline
------------------------------------------------------------ */
#headline {
height: 38px;
width: 990px;
padding: 10px 0 0 0;
vertical-align: top;
}
#headline a {
background: url(../images/dot_01.gif) repeat-x bottom;
text-decoration: none;
padding: 0 0 2px 0;
font-weight: bold;
color: #3d3738;
}
#headline p{
width: 92px;
display: inline;
}
#headline p img{
padding: 0 0 0 0;

}
#headline dl{
width: 500px;
display: inline;

}
#headline dt{
display: inline;
}
#headline dd{
display: inline;
background: url(../images/headline_mark.gif) no-repeat ;
padding: 0 0 0 15px;
}
#headline dd a{
background: url(../images/dot_01.gif) repeat-x bottom;
text-decoration: none;
padding: 0 0 2px 0;
font-weight: bold;
color: #3d3738;
}

.text a {
background: url(../../common/images/dot_01.gif) repeat-x bottom;
text-decoration: none;
padding: 0 0 2px 0;
font-weight: bold;
color: #3d3738;
}

/* foot
------------------------------------------------------------ */

#foot {
width: 100%;
margin: 0 0;
text-align: center; 
height: 60px;
background: URL(../common/images/foot_bg.gif) bottom left repeat-x;
}
#foot-inner {
margin: 0 auto;
text-align: center;
width: 900px;
white-space: nowrap;
}


#foot #copy{
margin: 12px 0 0 0;
float: left;
}

#foot #f-btn{
margin: 12px 0 0 0;
float: right;
}
#foot #f-btn li{
display: inline;
}