body { text-align:center; font-size:62.5%; font-family: "$B%R%i%.%N3Q%4(B Pro W3", "Hiragino Kaku Gothic Pro", '$B%a%$%j%*(B', Meiryo, "$B#M#S(B $B#P%4%7%C%/(B", 'Verdana', sans-serif;}
body, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { font-size:100%;}
img { border:none;}
.alt, .kt { position:absolute; top:-5000px; left:-9999px;}
.cover { background: url(/img/cover.gif) repeat; width: 100%; height: 100%; border: 0; display: block;}
/*float*/
.floatL, .fl { float:left;}
.floatR, .fr { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0;}
.clearfix { min-height: 1px; _overflow: visible; _height: 1px; /*\*//*/ overflow: hidden; /**/ }
* html .clearfix { height: 1px; /*(J\(B*//*/ height: auto; overflow: hidden; /**/ }
/*font*/
.tCenter, .ct { text-align:center !important}
.tRight, .rt { text-align:right !important}
.tLeft, .lt { text-align:left !important}
/*font-color*/
.cRed, .err { color:#a50005;}
.cYel { color:#fd0;}
.cGrn { color:#305c00;}
.cBlu { color:#0060aa;}
.cOrg { color:#e96e00;}
/*font-size*/
.f220 { font-size: 220%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f120 { font-size: 120%;}
.f110 { font-size: 110%;}
.f90 { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f1 { font-size: 1% !important;}
/*link*/
a { text-decoration: none; color: #fff;}
a:hover { text-decoration: none; color: #ccc;}
/*footer*/
#footer { clear: both; padding: 20px; background: #777;}
/*common*/
*{margin: 0; padding: 0;}
img { vertical-align : middle;}
.nt, .msr { display: none;}
.vh { visibility: hidden;}
* html .nst { display: block;}
* html option { font-size: 90%;}
br, .ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: 0.1em;}
.ls2 { letter-spacing: 0.2em;}
.ls3 { letter-spacing: 0.3em;}
.fcl { clear:both;}
.dblk { display: block;}
.dbil { display: inline;}
.valt { vertical-align: top;}
.vals { vertical-align: super;}
.ofat { overflow: auto;}
.nw { white-space: nowrap;}
.noudl { border-bottom: 0;}
.ut, h1, h2, h3, h4, h5, h6, th {font-weight: lighter;}
.bt { font-weight: bold;}
.it { font-style: italic;}
.sdt { filter: shadow(color=#cccccc,direction=135,strength=1); text-shadow: 1px 1px 1px #ccc;}
.min { font-family:'$B%R%i%.%NL@D+(B Pro W3','$B:YL@D+BN(B','$B#M#S(B $B#PL@D+(B',serif;}
.wtlt { text-align: left; display: block;}
.bgwt { background: #fff;}
.bggr { background: #eee;}
.bgyel { background: #ffffe8; border: 1px solid #fec900;}
.wt { color: #fff;}
.bk { color: #000;}
.gt { color: #333;}
.lgt { color: #666;}
.red { color: #d80000;}
.grn { color: #267400;}
a:hover .col { color: #bc4832;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
.mg10 { margin: 10px;}
.pd20 { padding: 20px;}
.pdtb10 { padding: 10px 0;}
.pdt10 { padding: 10px 0 0 0;}
.pdt20 { padding: 20px 0 0 0;}
.mga { margin: auto;}
ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;}
h1 { font-size: 120%;}
h2 { font-size: 110%;}
h4 { font-size: 90%;}
/*color*/
.col { color: #e60012;}
.yel { color: #ffc900;}
.blk { color: #000;}
.sat { color: #00a2ff;}
.sun { color: #e24500;}
a:link { color: #000;}
a:visited { color: #222;}
a:active { color: #68e6eb;}
a:hover { color: #0a9eb4; text-decoration: none;}
.udl { border-bottom: 1px solid #d1d1d1;}
.tpl { border-top: 1px solid #d1d1d1; padding-top: 10px;}
.lnkof { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.newtxton { font-size: 90%; padding-right: 5px; color: #d80000;}
.newtxtoff { display: none;}
.wv { visibility: hidden; display: none;}
/*base*/
html { background: #fff;}
.main { width: 100%; min-width: 800px; height: 600px; margin: 0 auto; font-size: 150%; line-height: 170%; text-align: left; position: relative;}
.infotxt { width: 48%; height: 270px; position: absolute; top: 260px; left: 4%; overflow: hidden; overflow-y: auto;}
.lnksp { width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; text-align: center;}
.lnksp .closet { width: 100px; text-align: center; margin: 0 auto; padding-top: 15px; font-size: 90%;}
.lnksp .hidari { width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; background: #8c5b9b; font-size: 180%;}
.lnksp .migi { width: 50px; height: 50px; position: absolute; bottom: 0; right: 0; background: #8c5b9b; font-size: 180%;}
.lnksp .hidari a, .lnksp .migi a { width: 50px; height: 50px; display: block;}
.lnksp .hidari a:link, .lnksp .migi a:link, .lnksp .hidari a:visited, .lnksp .migi a:visited { color: #fff;}
.lnksp .hidari a:hover, .lnksp .migi a:hover { background: #eecdf7; color: #000;}
.nktxt { width: 100%; position: absolute; top: 10px; left: 0;}
#momoko { background: url(../img/momoko.jpg) center top no-repeat;}
#asahina { background: url(../img/asahina.jpg) center top no-repeat;}
#shinohara { background: url(../img/shinohara.jpg) center top no-repeat;}
#yumika { background: url(../img/yumika.jpg) center top no-repeat;}
#koharu { background: url(../img/koharu.jpg) center top no-repeat;}
#yuki { background: url(../img/yuki.jpg) center top no-repeat;}
#kumiko { background: url(../img/kumiko.jpg) center top no-repeat;}
#nishiki { background: url(../img/nishiki.jpg) center top no-repeat;}
#yoko { background: url(../img/yoko.jpg) center top no-repeat;}
#koyuki { background: url(../img/koyuki.jpg) center top no-repeat;}
#risa { background: url(../img/risa.jpg) center top no-repeat;}
#kanako { background: url(../img/kanako.jpg) center top no-repeat;}
#teppei { background: url(../img/teppei.jpg) center top no-repeat;}
#sayaka { background: url(../img/sayaka.jpg) center top no-repeat;}
#seiichiro { background: url(../img/seiichiro.jpg) center top no-repeat;}
#kaori { background: url(../img/kaori.jpg) center top no-repeat;}
#kenta { background: url(../img/kenta.jpg) center top no-repeat;}
#yanagi { background: url(../img/yanagi.jpg) center top no-repeat;}
#masayo { background: url(../img/masayo.jpg) center top no-repeat;}
#megumi { background: url(../img/megumi.jpg) center top no-repeat;}
#tomiko { background: url(../img/tomiko.jpg) center top no-repeat;}

/*for_W400-*/
@media screen and (max-device-width: 400px) {
.infotxt { width: 55%; font-size: 160%; line-height: 150%;}
}

/*eof*/