body { text-align:center; font-size:62.5%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", '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; /*¥*//*/ 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:'ヒラギノ明朝 Pro W3','細明朝体','ＭＳ Ｐ明朝',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; color: #0f53a4;}
.main { width: 100%; min-width: 800px; height: 565px; margin: 0 auto; font-size: 150%; line-height: 170%; text-align: left; position: relative;}
.infotxt { width: 48%; height: 320px; position: absolute; top: 180px; right: 2%; overflow: hidden; overflow-y: auto;}
#sakura .infotxt { width: 48%; height: 360px; top: 140px; right: 1%;}
#shinomiya .infotxt, #kase .infotxt, #shirakawa .infotxt { width: 40%;}
.lnksp { width: 98%; height: 30px; position: absolute; bottom: 0; left: 0.8%; text-align: center; border: 1px solid #abd0df; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding: 10px 0;}
.lnksp .closet { text-align: center; padding-top: 5px; font-size: 90%;}
.nktxt { width: 100%; position: absolute; top: 10px; left: 0;}
#sakura { background: url(../img/sakura.jpg) center top no-repeat;}
#shinomiya { background: url(../img/shinomiya.jpg) center top no-repeat;}
#komatsu { background: url(../img/komatsu.jpg) center top no-repeat;}
#shimoya { background: url(../img/shimoya.jpg) center top no-repeat;}
#imahashi { background: url(../img/imahashi.jpg) center top no-repeat;}
#kakuta { background: url(../img/kakuta.jpg) center top no-repeat;}
#kase { background: url(../img/kase.jpg) center top no-repeat;}
#funakoshi { background: url(../img/funakoshi.jpg) center top no-repeat;}
#arai { background: url(../img/arai.jpg) center top no-repeat;}
#shirakawa { background: url(../img/shirakawa.jpg) center top no-repeat;}
#ohsawa { background: url(../img/ohsawa.jpg) center top no-repeat;}
#mukai { background: url(../img/mukai.jpg) center top no-repeat;}
#baby { width: 300px; height: 200px; margin: 5px auto; background: url(../img/baby.jpg) center top no-repeat;}

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

/*eof*/