body {
 color:#FFFFFF;
 background:#3E0000;
 margin:0px;
 padding:0px;
 text-align: center;
font-family: Arial, Helvetica, Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
 background-image: url("image/choco/nama.jpg"); 
 background-repeat: repeat; 
 background-attachment: fixed; 
}

a:link{
 font-weight:normal;
 color:#FFFFFF;
 text-decoration: none;
}

a:visited{
 font-weight:normal;
 color:#FFFFFF;
 text-decoration: none;
}

a:hover {
 font-weight:normal;
 background:#;
 color:#FF99FF;
}

#layout{
 background: #;
 width:650px;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
}

#TopArea{
 width: 800px;
 height: px;
 padding: 0px;
 margin: 0px;
}

.header{
 display:block;
 color:#000079;
 font-weight:bold;
 line-height:1.4em;
 margin:0px 0px 0px 0px;
 Text-align:right;
 font-size:10pt;
}

h2{
 margin:0px;
 padding:5px 0px 3px 0px;
 font-size:small;
 color:#000079; 
 font-weight:bold;
 background:#FF66CC;
}

h3{
 color:#;
 margin:0px;
 padding:0px;
 border-bottom:2px solid #FF66CC;
}

h4{
 text-decoration:none;
 color:#FF99FF;
 margin:0px;
 padding:10px;
 font-size:small;
 background:#000033;
}

h5{
 color:#FF0099;
 margin:0px;
 padding:10px 0px 0px 10px;
 font-size:medium;
 border-bottom:1px solid #FF0099;
}

#MesBox{
 color:#000079;
 border:1px solid #FF66CC;
 padding:3px;
 font-size:small;
 line-height:1.3em;
}

#MesBox2{
 color:#000079;
 background:#000033;
 border:1px solid #FF66CC;
 margin:0px;
 padding:0px;
 font-size:small;
 line-height:1.3em;
}

#MesBox3{
 color:#000079;
 background:#000033;
 margin:30px;
 padding:0px;
 font-size:small;
}

#navi2{
 width: 120px;
 height:50px;
 float:right;
 margin:0px;
 list-style:none;
 background:#;
}

#navi{
 width: 660px;
 height:0px;
 float:left;
 margin:3px;
 padding:3px;
 list-style:none;
 background:#FF66CC;
}

.selected{
 line-height:1.2em;
 background:#FFFFFF;
 color:#000079;
 font-size:10pt;
 font-weight:bold;
 float:left;
 width:100px;
 height:15px;
 margin:6px 0px 0px 3px;
 border:1px solid #000079;
}

.menu{
 line-height:1.2em;
 background:#FF66CC;
 color:#000079;
 font-weight:bold;
 font-size:10pt;
 float:left;
 width:100px;
 height:15px;
 margin:3px 0px 0px 3px;
 padding:2px 2px 2px 2px;
 border:0px solid #000079;
}

.menu2{
 float:left;
 width:217px;
 height:65px;
 margin:3px 3px -3px 0px;
 border:0px solid #000079;
}

.menu3{
 line-height:1.2em;
 background:#FFB0D8;
 color:#000079;
 text-align: left;
 font-size:10pt;
 float:left;
 width:100px;
 height:15px;
 margin:6px 0px 0px 3px;
 border:0px solid #000079;
}

.menu a:link{ 
 text-decoration:none;
 color:#000079;
 font-weight:bold;
}

.menu a:visited{ 
 text-decoration:none;
 color:#000079;
 font-weight:bold;
}

.menu a:hover{
 display:block;
 height:15px;
 background:#FFFFFF;
 color:#000079;
 font-weight:bold;
}

.menu2 a:hover{
 font-weight:normal;
}

.menu3 a:hover{
 display:block;
 height:15px;
 background:#FFFFFF;
 color:#000079;
 font-weight:normal;
}


#PhotoArea{
 margin:20px 0px 5px 10px;
 padding:0px;
 float: left;
 text-align: left;
 width:300px;
 height:px;
 line-height: 80%;
}

#BasicProfileArea{
 margin:0px 0px;
 padding:10px;
 float: left;
 width:200px;
 height:px;
 background:#;
 color:#;
 text-align: left;
 font-size:10pt;
 border:0px solid #FFFFFF;
}

#InformationArea{
 margin:0px 0px 0px 20px;
 padding:10px 0px 0px 15px;
 float: left;
 width:207px;
 height:px;
 background:#;
 color:#;
 text-align: left;
 font-size:9pt;
 border:1px solid #FFFFFF;
}

#ProfileArea{
 color: #;
 width: 576px;
 height: px;
 padding: 0px;
 margin:0px 0px 15px 8px;
 border:0px solid #FF66CC;
 float: left;
 text-align: left;
 line-height: 100%;
}

#BottomArea{
 color: #;
 width: 500px;
 height: px;
 padding: 0px 0px 10px 0px;
 margin: 0px 0px 0px 8px;
 border:0px solid #FF66CC;
 float: left;
 text-align: left;
 line-height: 80%;
}

#RightArea{
 margin:3px 3px 3px 3px;
 text-align: center;
 float: right;
 width:170px;
}

#ContentsArea{
 margin:3px 0px 3px 3px;
 padding:0px;
 text-align: left;
 float: left;
 width:430px;
 background: #fff;
 border:1px solid #FF66CC;
 font-size:small;
}

#ContentsArea2{
 margin:3px 0px 3px 3px;
 padding:0px;
 text-align: left;
 float: left;
 width:600px;
 background: #fff;
 border:1px solid #FF66CC;
 font-size:small;
}

#ContentsBox{
 color:#000079;
 margin:5px;
 padding:5px;
 font-size:small;

}

#CopyRight{
 width:800px;
 margin:0px auto;

 font-size:10pt;
 padding: 2px 0px 2px 0px;
 background:#FFB0D8;
 color:#000079;
} 

#SoundJewelDesigners{
 font-size:small;
 text-align:center;
 margin:1em 0 0 0;
}

#SoundJewelDesigners a{
 font-weight:bold;
 Line-height:1.3em;
 text-decoration:none;
 color:#555;
}

#SoundJewelDesigners a:hover{
 display:block;
 font-weight:bold;
 Line-height:1.3em;
 text-decoration:none;
 color:#FFF;
 background:#777;
}

#quote{
 padding:5px;
 margin:10px;
 border-color:#333;
 border-width:1px;
 border-style:dotted;
 background-color:white;
 color:#888;}
