﻿body{
 /*background-color:transparent;*/

}
img{
 border:0px;
}

video{
display:block;
}

h3{
 /*width:300px;*/
 background:url(img/h3_bar.png) repeat-x center center;
 font-size:14px;
 font-weight:bold;
 text-align:center;
}
h4{
 /*width:300px;*/
 background:url(img/h4_bar.png) repeat-x center center;
 font-size:14px;
 font-weight:bold;
 text-align:center;
}

#header{
 background-color:#ffdf00;
 background-position: center top;
 width:700px;
 /*height:351px;*/
 height:351px;
 
 margin:0px;
 padding:0px;
 padding-top:0px;
 /*border:2px solid orange;*/
 border:0px;
 position:absolute;
 left:20px;
 top:0px;
}
.headercontent{
 background-color:#ffdf00;
 width:650px;
 hight:50px;
 margin:1px;
 font-size:18px;
 font-weight:bold;
 text-indent:16px;
}

#welcome{  
 width:188px;
 color:#ffffff; 
 font-size:36px;  
 font-weight:bold;  
 text-align:center;  
 display:block;  
 text-decoration:none;  
 border:0px;  
 position:absolute;left:512px;top:60px;
} 

#smart_header{
display:none;
}

#smart_footer{
display:none;
}

#smart_footer_{
display:none;
}

#leftbar{
 background-color:#ffffff;
 width:200px;
 height:1000px;
 margin:0px;
 padding:0px;
 padding-top:0px;
 border:0px;
 /*position:absolute;
 left:5px;*/
 /*top:351px;*/
 /*top:0px;*/
 float:left;
 clear:none;
 padding-left:0px;
 display:inline;
}
.leftbarcontent{
 background-color:#ffffff;
 width:160px;
 margin:1px;
 margin-left:28px;
 margin-top:20px;
 font-size:12px;
 padding:3px;
 border:1px solid black;
}
#maindummy{
 background-color:#ffffff;
 width:700px;
 height:800px;
 margin:0px;
 padding:0px;
 border:0px;
 position:absolute;
 left:20px;
 /*top:351px;*/
 top:371px;

}
#main{
 background-color:#ffffff;
 width:500px;
 height:800px;
 margin:0px;
 padding:0px;
 padding-bottom:30px;
 border:0px;
 /*position:absolute;
 left:200px;
 top:0px;*/
 float:right;
 clear:none;
 display:inline;
}
.maincontent{
 background-color:#ffffff;
 width:430px;
 height:800px;
 margin:1px;
 margin-left:20px;
 margin-top:5px;
 font-size:14px;
 padding:15px;
 border:0px
 line-height:26px;
}
.maincontent .note{
 font-size:12px;
 color:orange;
}

#menu{/* メニューバー全体 */
    position:absolute;
 /*   top:150px;*/
  bottom:12px;
  left:0px;
    width:700px;/* メニューバー全体の横幅 */
    height:50px;/* メニューバー全体の高さ */
    margin:0px;
    padding:0px;
/*    padding-left:40px;*/
    font-size:14px;
 font-weight:bold;
 text-indent:30px;
 text-align:center;

    list-style:none;
}
#menu li.menuitem{/* １つ分のメニュー */
    position:relative;
    float:left;
    background:url(img/menubutton.png) no-repeat;
    width:135px;/* １つのメニューの横幅 */
    height:50px;/* １つのメニューの高さ */
    line-height:50px;/* ↑と揃えた方がキレイ */
    text-align:center;
 text-indent:20px;

}
#menu li a{
 color:#000000;
    text-decoration:none;
    display:block;/* hoverでブロック全体の色が変わるように*/
    color:#000000;
}
#menu li a:hover{/* マウスオーバーでスタイル変更 */
    width:100%;
    height:100%;
    color:#331100;
    background:url(img/menubutton_.png) no-repeat;
}

.profile{
 display:inline;
 width:130px;
 height:250px;
 overflow:hidden;
 float:left;
 text-align:center;
 background-color:#ffffff;
 padding:0px;
 margin:0px;
 margin-left:3px;
 margin-right:3px;
 margin-top:10px;
/* border:1px solid orange;*/
 border:0px;
}
.profile .name{
 padding:0px;
 border:0px;
 margin:0px;
 font-size:14px;
 font-weight:bold;
 background-color:#00FF00;
 background:url(img/green_grd_bar.png) repeat-x center center;
 text-align:center;
 height:28px;
 line-height:28px;
}
.profile .name_{
 padding:0px;
 border:0px;
 margin:0px;
 font-size:14px;
 font-weight:bold;
 background-color:#00FF00;
 background:url(img/orange_grd_bar.png) repeat-x center center;
 text-align:center;
 height:28px;
 line-height:28px;
}

.profile .portrait{
 padding:0px;
 border:0px;
 margin:0px;
/* float:none;
 clear:both;*/
}
.profile .property{
 padding:0px;
 border:0px;
 margin:0px;
}
.profile .zodiac{
 padding:0px;
 border:0px;
 margin:0px;
 font-size:12px;
 background-color:#66ff00;
 width:35px;
 float:left;
 text-align:center;
 height:20px;
 line-height:20px;
 display:block;
}
.profile .zodiac_{
 padding:0px;
 border:0px;
 margin:0px;
 font-size:12px;
 background-color:#ffcc00;
 width:35px;
 float:left;
 text-align:center;
 height:20px;
 line-height:20px;
 display:block;
}
.profile .blood{
 padding:0px;
 border:0px;
 margin:0px;
 font-size:12px;
 background-color:#00cc00;
 width:35px;
 float:left;
 text-align:center;
 height:20px;
 line-height:20px;
 display:block;
}
.profile .blood_{
 padding:0px;
 border:0px;
 margin:0px;
 font-size:12px;
 background-color:#ff9900;
 width:35px;
 float:left;
 text-align:center;
 height:20px;
 line-height:20px;
 display:block;
}
.profile .height{
 padding:0px;
 border:0px;
 margin:0px;
 font-size:12px;
 background-color:#009900;
 width:60px;
 float:left;
 /*clear:both;*/
 text-align:center;
 height:20px;
 line-height:20px;
 display:block;
}
.profile .height_{
 padding:0px;
 border:0px;
 margin:0px;
 font-size:12px;
 background-color:#ff6600;
 width:60px;
 float:left;
 /*clear:both;*/
 text-align:center;
 height:20px;
 line-height:20px;
 display:block;
}
.profile .description{
 padding:0px;
 border:0px;
 margin:0px;
 height:70px;
 line-height:120%;
 background-color:#adff2f;
 text-align:left;
 font-size:12px;
}
.profile .description_{
 padding:0px;
 border:0px;
 margin:0px;
 height:70px;
 line-height:120%;
 background-color:#ffff66;
 text-align:left;
 font-size:12px;
}

p.resizeimage img { width: 100%; }