body {
  margin: 0px;
  padding: 0px;
/*  background-color: #333;*/
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
//  -webkit-touch-callout:none;
}
body,html {
 -webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6,p,pre,ul,ol,li,dl,dt,dd,adress,blockquotetable,th,tr,td{
        margin: 0;
        padding: 0;
        vertical-align: baseline;
	font-weight: normal;
}

dl,dt,dd,ul,ol,li{
        font-size: 13px;
        line-height: 1.4em;
        list-style-type: none;
}
a { padding: 0; }
p {
  font-size: 14px;
  color: black;
  line-height: 18px;
  margin: 6px 4px;
}
img { border: 0; }

.mt6  { margin-top:  6px; }
.mt12 { margin-top: 12px; }
.mb6  { margin-top:  6px; }
.mb12 { margin-top: 12px; }

fs16  { font-size: 16px; }
fs15  { font-size: 15px; }
fs14  { font-size: 14px; }
fs13  { font-size: 13px; }
fs12  { font-size: 12px; }

.center { text-align: center; }
.right  { text-align: right; }
.left   { text-align: left; }

.red { color: red; }
.blue { color: blue; }

/*======================================
topicsPath
======================================*/
#topicsPathBox {
	width: 100%;
	padding: 4px 0;
	margin: 6px 0 0 0;
	background-color: #e5e5e5;
}

#topicsPathBox ul {
    overflow: hidden;
    list-style:none;
    white-space: nowrap;
}
#topicsPathBox ul:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
#topicsPathBox ul{
	height: 1em;
	overflow: hidden;
}
#topicsPathBox ul li {
	float: left;
	font-size: 12px;
	line-height: 133%;
    color: black;
	padding: 0 0 0 22px;
	background: url(../images/icon_topicspath.gif) no-repeat 8px 3px;
}
#topicsPathBox ul li a{
	color: #08f;
}
#topicsPathBox ul li#tpTop {
	padding: 0;
	background: none;
}


















.header {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0058bd', endColorstr='#002e62');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0058bd', endColorstr='#002e62')";
  background: linear-gradient(#0058bd,#002e62 );
  background: -moz-linear-gradient(top, #0058bd,#002e62 );
  background: -webkit-gradient(linear, left top, left bottom, from(#0058bd), to(#002e62));
  border-top: 2px solid #002e62;
  text-indent: 8px;
  font-weight: bold;
/*  margin: 8px auto;*/
}

.header a {
  text-decoration: none;
  color: white;
}

.header a.login {
  position: absolute;
  display: inline-block;
  height: 30px;
  line-height: 32px;
  right: 4px;
  top: 4px;
  width: 70px;
 -webkit-border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3366cc', endColorstr='#0022cc');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3366cc', endColorstr='#0022cc')";
  background:linear-gradient(#36c,#02c );
  background: -moz-linear-gradient(top, #36c,#02c );
  background: -webkit-gradient(linear, left top, left bottom, from(#36c), to(#02c));
  color: white;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}

.header a.login:hover {
  background-color: red;
}

.header a.btn {
  float: right;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  margin: 0px 8px 0 0;
  text-decoration: none;
  border: none;
}

.header a.btn img {
  width: 40px;
  height: 40px;
  border: none;
  margin: 0;
  padding: 0;
}


.footer {
  position: relative;
  width: 100%;
  height: 80px;
  line-height: 20px;
  font-size: 12px;
  color: #888;
  background: #ddd;
  border-top: 1px solid #aaa;
  margin-top: 12px;
  text-align: center;
}

.footer .topline {
  width: 100%;
  height: 1px;
  background-color: white;
}

.footer .link {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 8px;
}

.footer .copyright {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 60px;
}

.footer a {
  color: #0075ec;
  font-weight: normal;
  text-decoration: none;
}

/* タイトル */
.__h2 {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: black;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bbffff', endColorstr='#44cccc');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bbffff', endColorstr='#44cccc')";
  background:linear-gradient(#bff,#4cc );
  background: -moz-linear-gradient(top, #bff,#4cc );
  background: -webkit-gradient(linear, left top, left bottom, from(#bff), to(#4cc));
  border-top: 1px solid #4cc;
  text-indent: 8px;
  margin: 6px 0 0 0;
}

h2 {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: black;
  text-indent: 8px;
  margin: 6px 0 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ddeeff', endColorstr='#88aacc');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ddeeff', endColorstr='#88aacc')";
  background:linear-gradient(#def,#8ac );
  background: -moz-linear-gradient(top, #def,#8ac );
  background: -webkit-gradient(linear, left top, left bottom, from(#def), to(#8ac));
  border-top: 1px solid #8ac;
}

h2.error {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffaacc', endColorstr='#cc5577');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffaacc', endColorstr='#cc5577')";
  background:linear-gradient(#fac,#c57 );
  background: -moz-linear-gradient(top, #fac,#c57 );
  background: -webkit-gradient(linear, left top, left bottom, from(#fac), to(#c57));
  border-top: 1px solid #c57;
  color: white;
}

a.h2last,
.h2last {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999999', endColorstr='#bbbbbb');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999999', endColorstr='#bbbbbb')";
  background:linear-gradient(#999,#bbb );
  background: -moz-linear-gradient(top, #999,#bbb );
  background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#bbb));
  border-top: none;
  text-align: right;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.h2last b {
  width: 12px;
  height: 32px;
  margin: 0px 6px 0px 2px;
  background: url(../images/icon_arrow.png)no-repeat 0px 8px;
  vertical-align: middle;
  display: inline-block;
}

.h2lastline {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #bbb;
  background: none;
  background-color: white;
  margin-top: 0;
  margin-bottom: 6px;
}

.btnmenu {
  background-color: #f0f0f0;
  border-top: #999999 1px solid;
  padding: 12px 8px;
  font-size: 14px;
}

.btnmenu-head {
  background-color: #e3e3e3;
  width: 100%;
  height: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#999999');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#999999')";
  background:linear-gradient(#fff,#999 );
  background: -moz-linear-gradient(top, #fff,#999 );
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
}

.btnmenu-last {
  background-color: #e3e3e3;
  width: 100%;
  height: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999999', endColorstr='#ffffff');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999999', endColorstr='#ffffff')";
  background:linear-gradient(#999,#fff );
  background: -moz-linear-gradient(top, #999,#fff );
  background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff));
}

.btnmenu ul {
/*  width: 100%;*/
  border-top: 1px solid #999999;
  webkit-border-radius: 5px;
  border-radius: 5px;
  border: #c3c3c3 1px solid;
}

a { text-decoration: none; }

.btnmenu ul li,
.btnmenu ul li.first,
.btnmenu ul li.last {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #c3c3c3;
  font-size: 14px;
  color: #565656;
  text-indent: 12px;
  text-decoration: none;
}

.btnmenu ul li.first {
  border-top: none;
  border-bottom: 1px solid #c3c3c3;
  text-decoration: none;
}
.btnmenu ul li.last {
  border-top: 1px solid #fff;
  border-bottom: none;
  text-decoration: none;
}

.btnmenu ul li.first b,
.btnmenu ul li.last b,
.btnmenu ul li b {
  float: right;
  display: inline-block;
  height: 40px;
  width: 16px;
  margin-right: 6px;
  background: url(../images/nextpage.png) no-repeat 0px 12px;
  border: none;
}




/* お知らせ */
ul.news {
  font-size: 13px;
  color: black;
}

ul.news li,
ul.news li.first {
  position: relative;
  height: 32px;
  line-height: 32px;
  background-color: white;
  border-top: 1px dotted #aaa;
  font-size: 14px;
  text-indent: 28px;
  text-decoration: none;
  color: black;
  overflow: hidden;
}

ul.news li.first {
  border-top: none;
}

ul.news li b,
ul.news li b.tv,
ul.news li b.book,
ul.news li b.shirt,
ul.news li b.news,
ul.news li b.exc,
ul.news li b.camera,
ul.news li b.star{
  position: absolute;
  left: 4px;
  top: 6px;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-transform: scale( 0.5 );
  -moz-transform: scale( 0.5 );
  transform: scale( 0.5 );
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  background: url(../images/icon_news.png) no-repeat;
  background-position: 0px -120px;
}

ul.news li b.game { background-position: 0px    0px; }
ul.news li b.shirt{ background-position: 0px  -40px; }
ul.news li b.star { background-position: 0px  -80px; }
ul.news li b.book { background-position: 0px -160px; }
ul.news li b.news { background-position: 0px -200px; }
ul.news li b.tv   { background-position: 0px -240px; }
ul.news li b.exc  { background-position: 0px -280px; }
ul.news li b.camera{ background-position: 0px -320px; }


/* 中島先生のつぶやき */
ul.tweet {
  font-size: 13px;
  color: black;
}

ul.tweet li,
ul.tweet li.first {
  position: relative;
  height: 32px;
  line-height: 32px;
  background-color: white;
  border-top: 1px dotted #aaa;
  font-size: 14px;
  text-indent: 28px;
  text-decoration: none;
  color: black;
  overflow: hidden;
}

ul.tweet li.first {
  border-top: none;
}

ul.tweet li b,
ul.tweet li b.tv,
ul.tweet li b.book,
ul.tweet li b.shirt,
ul.tweet li b.tweet,
ul.tweet li b.exc,
ul.tweet li b.camera,
ul.tweet li b.star{
  position: absolute;
  left: 4px;
  top: 6px;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-transform: scale( 0.5 );
  -moz-transform: scale( 0.5 );
  transform: scale( 0.5 );
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  background: url(../images/icon_news.png) no-repeat;
  background-position: 0px -120px;
}

ul.tweet li b.game { background-position: 0px    0px; }
ul.tweet li b.shirt{ background-position: 0px  -40px; }
ul.tweet li b.star { background-position: 0px  -80px; }
ul.tweet li b.book { background-position: 0px -160px; }
ul.tweet li b.tweet { background-position: 0px -200px; }
ul.tweet li b.tv   { background-position: 0px -240px; }
ul.tweet li b.exc  { background-position: 0px -280px; }
ul.tweet li b.camera{ background-position: 0px -320px; }



/* レッスンスケジュール */
ul.sche {
  font-size: 13px;
  color: black;
}

ul.sche li,
ul.sche li.first {
  position: relative;
  height: 26px;
  line-height: 24px;
  background-color: white;
  border-top: 1px dotted #aaa;
  font-size: 14px;
  text-indent: 14px;
  text-decoration: none;
  color: black;
  overflow: hidden;
}

ul.sche li.first {
  border-top: none;
}

ul.sche li b,
ul.sche li b.tv,
ul.sche li b.book,
ul.sche li b.shirt,
ul.sche li b.news,
ul.sche li b.exc,
ul.sche li b.camera,
ul.sche li b.star{
  position: absolute;
  left: 4px;
  top: 6px;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-transform: scale( 0.5 );
  -moz-transform: scale( 0.5 );
  transform: scale( 0.5 );
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  background: url(../images/icon_news.png) no-repeat;
  background-position: 0px -120px;
}

ul.sche li b.game { background-position: 0px    0px; }
ul.sche li b.shirt{ background-position: 0px  -40px; }
ul.sche li b.star { background-position: 0px  -80px; }
ul.sche li b.book { background-position: 0px -160px; }
ul.sche li b.news { background-position: 0px -200px; }
ul.sche li b.tv   { background-position: 0px -240px; }
ul.sche li b.exc  { background-position: 0px -280px; }
ul.sche li b.camera{ background-position: 0px -320px; }




/* ミニメール  */
ul.mail {
  position: relative;
  font-size: 13px;
  color: black;
}

ul.mail li,
ul.mail li.first {
  position: relative;
  height: 40px;
  line-height: 24px;
  background-color: white;
  border-top: 1px dotted #aaa;
  font-size: 14px;
  text-indent: 14px;
  text-decoration: none;
  font-weight: bold;
  color: #08f;
  overflow: hidden;
}

ul.mail li.first {
  border-top: none;
}

ul.mail h3,
ul.mail h4,
ul.mail h5,
ul.mail h6 {
  position: absolute;
}

ul.mail h6 {
  font-size: 12px;
  bottom: 2px;
  right: 20px;
  width: 160px;
  height: 16px;
  line-height: 16px;
  color: #6474a7;
  font-weight: bold;
  text-align: right;
}
ul.mail h3 {
  font-size: 12px;
  bottom: 2px;
  left: 2px;
  width: 160px;
  height: 16px;
  line-height: 16px;
  color: #617589;
  font-weight: bold;
  text-align: left;
}



ul.game {
  font-size: 13px;
  color: black;
}

ul.game a {
  text-decoration: none;
}

ul.game li {
  position: relative;
  width: 100%;
  height: 138px;
  height: 106px;
  font-size: 14px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee')";
  background:linear-gradient(#fff,#eee );
  background: -moz-linear-gradient(top, #fff,#eee );
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  border-top: #ddd 1px solid;
}

ul.game li img {
  position: absolute;
  width: 100px;
  height: 132px;
  height: 100px;
  left: 4px;
  top: 4px;
}

ul.game li .text {
  position: absolute;
  left: 108px;
  line-height: 15px;
  font-size: 13px;
  color: #444;
  margin-top: 8px;
  text-indent: 0;
}

ul.game li .text .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}




.frameshadow {
  margin: 0 6px;
  background-color: #eee;
  border: 2px solid rgba(128,128,128,0.2);
}

.login-body {
  margin: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: black;
}

.login-err {
  color: red;
  font-size: 14px;
  line-height: 16px;
  margin: 6px 6px 0px 6px;
}

.login-body input {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 38px;
  font-size: 16px;
  margin-bottom: 6px;
}

.login-body a.login {
  position: relative;
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9500', endColorstr='#ff6a02');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9500', endColorstr='#ff6a02')";
  background:linear-gradient(#ff9500,#ff6a02 );
  background: -moz-linear-gradient(top, #ff9500,#ff6a02 );
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9500), to(#ff6a02));
  border: #ff6902 1px solid;
  color: white;
  webkit-border-radius: 5px;
  border-radius: 5px;
}


a.button,
a.button.yellow,
a.button.orange,
a.button.full,
.login-body a.button {
  position: relative;
  display: inline-block;
  width: 48%;
  width: 44%;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#aaaaaa');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#aaaaaa')";
  background:linear-gradient(#fff,#aaa );
  background: -moz-linear-gradient(top, #fff,#aaa );
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#aaa));
  border: #aaa 1px solid;
  color: black;
  margin: 0 auto;
  webkit-border-radius: 5px;
  border-radius: 5px;
}

a.button.yellow {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff3b3', endColorstr='#ffd348');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff3b3', endColorstr='#ffd348')";
  background:linear-gradient(#fff3b3,#ffd348 );
  background: -moz-linear-gradient(top, #fff3b3,#ffd348 );
  background: -webkit-gradient(linear, left top, left bottom, from(#fff3b3), to(#ffd348));
  border: #ffd348 1px solid;
}

a.button.lightgray {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc')";
  background:linear-gradient(#fff,#ccc );
  background: -moz-linear-gradient(top, #fff,#ccc );
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  border: #ccc 1px solid;
}

a.button.orange {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9500', endColorstr='#ff6a02');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9500', endColorstr='#ff6a02')";
  background:linear-gradient(#ff9500,#ff6a02 );
  background: -moz-linear-gradient(top, #ff9500,#ff6a02 );
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9500), to(#ff6a02));
  border: #ff6902 1px solid;
  color: white;
}

a.button.full {
  width: 98%;
  font-size: 13px;
}


.btnselect {
  margin: 12px 8px 4px 8px;
  text-align: center;
}

.btnselect a.button {
  position: relative;
  margin-bottom: 12px;
  width: 98%;
  font-size: 13px;
  color: #666;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc')";
  background:linear-gradient(#fff,#ccc );
  background: -moz-linear-gradient(top, #fff,#ccc );
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  border: #ccc 1px solid;
  text-align: left;
  text-indent: 10px;
}

.btnselect a.button .price {
  position: absolute;
  top: 0px;
  right: 8px;
  width: 100px;
  height: 38px;
  line-height: 38px;
  text-align: right;
}

p.caution {
  position: relative;
  color: blue;
  font-size: 14px;
  line-height: 16px;
  padding: 0 4px 0 20px;
}

p.caution b {
  position: absolute;
  font-weight: normal;
  left: 4px;
  top: 0px;
  width: 14px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}

p.exp {
  margin: -4px 0 6px 0;
  color: #46f;
  font-size: 12px;
  line-height: 120%;
}

p.err {
  margin: -4px 0px 6px 0;
  color: #f00;
  font-weight: bold;
  font-size: 12px;
  line-height: 120%;
}

p.input {
  height: 38px;
  font-size: 16px;
  line-height: 38px;
  background-color: white;
  border: 1px solid #999;
  text-indent: 4px;
  margin: 0 0 6px 0;
}

p.input.gray {
  color: #bbb;
}

/* お知らせ */
ul.blog {
  font-size: 13px;
  color: black;
}

ul.blog a li {
  position: relative;
  height: 42px;
  line-height: 28px;
  background-color: white;
  border-top: 1px dotted #aaa;
  font-size: 16px;
  text-indent: 8px;
  text-decoration: none;
  color: black;
  overflow: hidden;
}

ul.blog a:first-child li {
  border-top: none;
}

ul.blog li .date { position: absolute; width: 128px; right: 24px; top: 20px; font-size: 12px; color: #64f; text-indent: 0; text-align: right; }
ul.blog li .user { position: absolute; width: 320px; left: 10px; top: 20px;  font-size: 12px; color: #64f; text-indent: 0; }

ul.blog li b{
  float: right;
  display: inline-block;
  height: 34px;
  width: 26px;
  margin-right: 6px;
  background: url(../images/nextpage.png) no-repeat 10px 12px;
  border: none;
}