/* ブラウザデフォルトＣＳＳリセット */

*{

margin:0;
padding:0;
font-size:100%;
list-style:none;

}

/* ブラウザデフォルトＣＳＳリセット */


body{

font-size:75%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ　Ｐゴシック", "sans-serif";

line-height:1.4;
color:#333333;
background:#ddd url(../img/bg_body.gif) center top repeat-x;
margin:20px;

}

a{



}

a:visited{


}

a:hover{



}

img{

border:none;
vertical-align:top;
}

h1{
width:100%;
color:#666666;
height:30px;
font-size:12px;
background:#ffffff url(../img/kasa.gif) left top repeat-x;
text-align:center;
}


/* 全てを囲う大枠 */

#out{

width:800px;
background:#fff url(img/p.gif) center top repeat-y;
margin:0 auto 0 auto;
padding:5px 10px 20px 10px;
border-top:1px solid #333;
border-right:1px solid #333;
border-left:1px solid #333;
}

/* 全てを囲う大枠 */









/* 一番頭 */


#top{


width:820px;
height:65px;
background:#000 url(../img/.gif) center top no-repeat;
margin:0 auto 0 auto;
padding-top:8px;



}
/* 一番頭 */

/* 概要 */

#gai{

width:820px;
height:125px;
background:#eee url(../img/ba.gif) center top no-repeat;
margin:0 auto 0 auto;
padding:0 0 0 0;


}
/* 概要 */



/* サブメニュー */
#sub{
background:#ffcc33 url(../img/bgbg.gif) left top no-repeat;
width:800px;
height:40px;
margin:0 auto 0 auto;
padding:0 10px 0 10px;
text-align:right;
border-right:1px solid #000;
border-left:1px solid #000;


}
/* サブメニュー */



/* メニューとコンテンツを囲う枠 */


#main{
width:100%;
}

/* メニューとコンテンツを囲う枠 */


/* ヘッダー */

#head{width:780px; height:70px;
margin:0 auto 0 auto;
background:#fff url(../img/logo.gif) center top;
padding:0 20px 0 20px;
}

#head h2{}

/* ヘッダー */




/* 左のコンテンツ */

#conts{
width:600px; 
float:right; 
border:1px solid #ffffff;  
padding-top:10px; 
padding-right:8px; 
padding-bottom:27px; 
padding-left:5px;
}

#conts .section{ background:#fff; margin-bottom:10px; padding:10px;}

#conts .section h3{color:#333333; background:#eeeeee; font-size:110%; padding:6px; border-bottom:5px solid #ad0018;  border-left:1px solid #cccccc; margin-bottom:10px;}


#conts .section dl {background:#fff;}

#conts .section dl dt{padding-left:15px; font-weight:bold;  background:#ffffff url(../img/dtbg.gif) left center no-repeat; border-bottom :1px dotted #000000;}

#conts .section dd {margin:5px 5px 5px 5px; background:#eeeeee;}

#conts .section ul{ background:#fff; padding:5px 5px 5px 8px;}
#conts .section ul li{margin-bottom:5px; padding-left:15px; color:#0000cc; background:#ffffff url(../img/libg.gif) left center no-repeat;
}

/* 左のコンテンツ */


/* 右のメニュー */

#menu{width:135px; background:#fff url(../img/me_bg.gif) center top no-repeat; border:1px solid #ffffff; float:left; padding:5px; color:#333333;}

#menu h3{margin-bottom:5px;}

#menu ul{ background:#;}
#menu li{ margin-bottom:4px; font-size:10px;}

#menu li a{  border:1px solid #333333; text-decoration:none; color:#333333; background:#ffffff url(../img/info00.gif) left center no-repeat ; width:116px;  height:31px; display:block;  padding-top:3px; padding-bottom:2px; padding-left:15px;}

#menu li a:hover{text-decoration:none; color:#ad0018; background:url(../img/info01.gif) left center no-repeat ;   display:block; padding-left:15px;}



#menu .bbs{margin-bottom:10px;}

#menu .chat {margin-top:5px; margin-bottom:10px;}




/* 右のメニュー */








/* フッター */

#foot{clear:both; color:#333333; background:#eeeeee; padding:10px 0 0 10px; border-top:1px dotted #333333;
}


/* フッター */

/* 説明部分 */

#info{width:780px; margin:0 auto 0 auto; background:#ffffff url(../img/info.gif) center top;  padding:0 20px 0 20px; 

}

#navi{float:right;  height:32px; border-bottom:2px solid #cccccc;}
#navi li{width:109px; float:left;}
#navi li a{  display:block; width:100%; padding:6px 0 8px 0; background:#ffffff; text-align:center; text-decoration:none;}
/* 説明部分 */



/* 性格判断部分 */



/* ボトム */

#bot{height:36px; width:800px; margin:0 auto 0 auto; background:#ccc url(../img/bobo.gif) center top no-repeat; padding:0 10px 0 10px;

}

/* ボトム */


h4{margin-bottom:5px;}