body,td,th { font-size:14px; line-height:160%}
body { background:#f0ebf8}

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

#wrapper { width:850px; padding:0px; margin:50 auto 0 auto; background:#FFFFFF; border:solid 1px #673ab7}
#koukoku { text-align: center; margin:30 auto 10 auto;}
.footer { text-align:center; margin-top:25px; color:#FFFFFF; font-weight:bold}

table { border-collapse:collapse}

.red { color:#CC3300;}
.p12 { font-size:12px}
.mb1 { margin-bottom:10px}
.mt1 { margin-top:10px}
.mt2 { margin-top:20px}

.attention { padding-left:2em; text-indent:-2em;}

.main { padding:50px;}

h1 { font-size:24px; font-weight:bold; padding:25px; color: #FFFFFF; text-align:center; background:#673ab7; margin:0px}

.photo_left { float:left; width:350px; text-align:center}
.photo_right { float:right; width:350px; text-align:center}

#outline { margin:0px 0px 20px 0px}
#outline .dl_flo { padding: 0px}
#outline .dl_flo dt { font-weight:bold ; padding: 3px 0px 3px 10px; margin:0px 0px 15px 0px; float: left; width:80px; clear: left; border-left:solid 7px #673ab7 ;}
#outline .dl_flo dd { padding: 3px 0px 3px 0px; margin:0px 0px 15px 95px;}

#syohin { padding:0px; text-align:left; margin:10px 0px 10px 0px}
#syohin table { border-collapse: collapse; width:100%}
#syohin td { border:solid 1px #999999; padding:5px 10px 5px 10px}
.sho { color:#673ab7; font-weight:bold;; font-size:16px}
.ninzu { background:#f0ebf8; width:80px; text-align:center}

#player ul { list-style:none; margin:0px; padding:0px}
#player li { float:left; width:120px; margin:0px 10px 0px 0px ;border:solid 1px #673ab7}

.class1 { background:#673ab7; color: #FFFFFF; padding:5px; border-bottom:solid 1px #673ab7}
.class2 { background:#f0ebf8; padding:5px; border-bottom:solid 1px #673ab7}
.name { padding:5px 0px 10px 10px;}
.kubun { margin-top:5px; color:#666666; font-weight:bold ; background:url(img/border_gray.jpg) no-repeat; padding:0px 0px 0px 15px}

.purple { background:#f0ebf8}