@charset "UTF-8";

BODY,TABLE,TH,TR,TD 
{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ , Meiryo , "ＭＳ Ｐゴシック", Verdana, monospace;
  color: #333; font-size: 12px; line-height: 1.8; letter-spacing: 0; text-indent: 0; margin:0px;}

img {max-width : 100% ;height : auto ;}

#wrapper { background:#FFFFFF; border:solid 1px #666699; width:auto ; margin: 0 auto;}

.main { padding:10px 10px 20px 10px;}
.main_base { padding:10px 10px 15px 10px; background: none; height: auto}

h2 { padding:5px 5px 5px 10px; margin:0px 0px 15px 0px; color:#FFFFFF; font-weight:bold;; font-size:14px;}

.sm { display: inline;}
.pc { display: none;}

/* *** MENU ***************************************************** */

#menu { padding:0px; margin:0 auto; background: none}
#menu ul { list-style:none; padding: 10px 0px 10px 10px; margin: 0px;}
#menu li { padding:1px 0px 5px 25px ; width:90px; float:left; margin:0px; background:url(img/stone.gif) no-repeat; font-size:14px}

/* *** INDEX ***************************************************** */

#guide { float:none; width: auto;}
#guide .dl_flo { padding-top: 7px;}
#guide .dl_flo dt { padding-left: 10px; font-weight: bold; border-left: 3px solid #666699; line-height: 1; margin-bottom: 1em; float: none; width: 6em; clear: left; font-size:14px;}
#guide .dl_flo dd { margin: -.3em 0 1em 0em; font-size:12px}

#guide li { background:url(img/li.gif) no-repeat; margin:0px; padding:1px 0px 3px 17px}

#banner { float:none; width: auto; margin-top:30px}
#banner li { margin:0px 0px 10px 0px; padding:0px ; border-bottom:none; width:170px; float:left; }

#win ul { list-style:none; padding:5px 10px 0px 0px; margin:0px 0px 5px 0px}
#win li { font-size:14px; background:url(img/stone.gif) no-repeat; padding:1px 0px 5px 25px}

/* *** etc ***************************************************** */

#etc table { width:640px}
#boy table { width:640px}
#girl table { width:640px}
#boy_h table { width:425px}
#girl_h table { width:425px}
#class ul { list-style:none; padding:0px; margin:0px}
#class li { font-size:14px; background:url(img/stone.gif) no-repeat; padding:2px 0px 20px 30px}

.day { background:#eaeafd; padding:3px 3px 3px 10px; margin:20px 0px 10px 0px; color:#666699; font-weight:bold}

/* *** player ***************************************************** */

.table_left { width: auto; float: none}
.table_right { width: auto; float: none; margin-top:15px}

.table_left_2 { width: auto; float: none}
.table_right_1 { width: auto; float: none; margin-top:15px}

/* *** data ***************************************************** */

#data table { width:640px}
#data td { padding:3px ; border:solid 1px #666699}

div.scroll { overflow: auto; width: 100%; font-size:12px}
div.scroll table{ width:640px;}