<!-- 
html, body{
height: 100%
}

body{
font-family: "メイリオ","MeiryoKe_Gothic","osaka","ＭＳ Ｐゴシック",Arial;
font-size: 14px;
line-height: 1.4em;
padding: 0px;
margin: 0px;
background: #fff9f0;
}

h1,h2,h3,h4,h5,h6,h7,p{
padding: 0;
margin: 0;
}

img{
border: 0;
}

/* ヘッダー（上段） */

#header{
background: #b70958;
}

#header_inner{
width: 900px;
padding-top: 30px;
margin: auto;
position: relative;
}

#head_top{
height: 17px;
line-height: 0px;
font-size: 0px;
}

#head_left{
background: url(./top_left.png) no-repeat;
width: 17px;
height: 17px;
float: left;
}
#head_center{
border-top: 1px solid #ffffff;
width: 866px;
height: 16px;
float: left;
}

#head_right{
background: url(./top_right.png) no-repeat;
width: 17px;
height: 17px;
float: right;
}

#head_line{
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff; 
height: 150px;
}

h1#logo{
padding-left: 15px;
}

h2#description{
padding: 10px 0 0 15px;
font-size: 14px;
font-weight: normal;
color: #ffffff;
}


/* コンテンツ（中段） */
#content{
width: 900px;
margin: auto;
}

#content_inner{
border-left: 1px solid #333333; 
border-right: 1px solid #333333; 
padding: 15px;
height: 1%;
}


/* フッター（下段） */
#footer{
background: #878787;
color: #ffffff;
}

#footer_inner{
width: 900px;
padding-bottom: 30px;
margin: auto;
}

#foot_bottom{
height: 17px;
line-height: 0px;
font-size: 0px;
}

#foot_left{
background: url(./bottom_left.png) no-repeat;
width: 17px;
height: 17px;
float: left;
}
#foot_center{
border-bottom: 1px solid #ffffff;
width: 866px;
height: 16px;
float: left;
}

#foot_right{
background: url(./bottom_right.png) no-repeat;
width: 17px;
height: 17px;
float: right;
}

#foot_line{
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff; 
}

ul#footer_menu{
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #ffffff;
list-style: none;
height: 16px;
line-height: 16px;
text-align: center;
}

ul#footer_menu li{
display: inline;
}

#copy{
text-align: center;
padding: 10px 0;
}

#copy a:link,
#copy a:visited,
#copy a:active{
color: #ffffff;
text-decoration: none;
}
#copy a:hover{
color: #ffffff;
padding-bottom: 1px;
border-bottom: 1px solid #ffffff;
text-decoration: none;
}

#powered{
text-align: center;
}


/*トップページ*/
#chara{
height: 750px;
width: 300px;
background: #ffffff;
position: absolute;
top: 0px;
right: 15px;
}


#menu{
width: 200px;
height: 300px;
background: #ffaaaa;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

#submenu{
width: 300px;
height: 300px;
background: #ffaaaa;
float: left;
}

#news{
width: 505px;
height: 300px;
background: #ffaaaa;
clear: left;
}



 -->