html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym,  big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5, h6{
	margin: 0px;
	padding: 0px;
}

body {
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
} 
img { vertical-align: text-bottom; }

:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* margin
--------------------------------------------*/
.mg0a {margin:0px;}.mg3a{margin:3px;}.mg5a{margin:5px;}.mg7a{margin:7px;}.mg10a{margin:10px;}
.mg15a{margin:15px;}.mg20a{margin:20px;}.mg30a{margin:30px;}
.mg50a{margin:50px;}

.mg0v {margin-top:0px; margin-bottom:0px;}.mg3v {margin-top:3px; margin-bottom:3px;}.mg5v {margin-top:5px; margin-bottom:5px;}
.mg7v{margin-top:7px; margin-bottom:7px;}.mg10v{margin-top:10px; margin-bottom:10px;}.mg15v{margin-top:15px; margin-bottom:15px;}
.mg20v{margin-top:20px; margin-bottom:20px;}.mg30v{margin-top:30px; margin-bottom:30px;}
.mg50v{margin-top:50px; margin-bottom:50px;}

.mg0h {margin-right:0px; margin-left:0px;}.mg3h {margin-right:3px; margin-left:3px;}.mg5h {margin-right:5px; margin-left:5px;}
.mg7h{margin-right:7px; margin-left:7px;}.mg10h{margin-right:10px; margin-left:10px;}.mg15h{margin-right:15px; margin-left:15px;}
.mg20h{margin-right:20px; margin-left:20px;}.mg30h{margin-right:30px; margin-left:30px;}
.mg50h{margin-right:50px; margin-left:50px;}

.mg0t {margin-top:0px;}.mg3t {margin-top:3px;}.mg5t {margin-top:5px;}.mg7t{margin-top:7px;}.mg10t{margin-top:10px;}
.mg15t{margin-top:15px;}.mg20t{margin-top:20px;}.mg30t{margin-top:30px;}
.mg50t{margin-top:50px;}
.mg70t{margin-top:70px;}

.mg0r {margin-right:0px;}.mg3r {margin-right:3px;}.mg5r {margin-right:5px;}.mg7r{margin-right:7px;}.mg10r{margin-right:10px;}
.mg15r{margin-right:15px;}.mg20r{margin-right:20px;}.mg30r{margin-right:30px;}
.mg50r{margin-right:50px;}

.mg0b {margin-bottom:0px;}.mg3b {margin-bottom:3px;}.mg5b {margin-bottom:5px;}.mg7b{margin-bottom:7px;}.mg10b{margin-bottom:10px;}
.mg15b{margin-bottom:15px;}.mg20b{margin-bottom:20px;}.mg30b{margin-bottom:30px;}
.mg50b{margin-bottom:50px;}

.mg0l {margin-left:0px;}.mg3l{margin-left:3px;}.mg5l {margin-left:5px;}.mg7l{margin-left:7px;}.mg10l{margin-left:10px;}
.mg15l{margin-left:15px;}.mg20l{margin-left:20px;}.mg30l{margin-left:30px;}
.mg50l{margin-left:50px;}



/* padding
--------------------------------------------*/
.pd0a {padding:0px;}.pd3a{padding:3px;}.pd5a {padding:5px;}.pd7a{padding:7px;}.pd10a{padding:10px;}
.pd15a{padding:15px;}.pd30a{padding:20px;}.pd30a{padding:30px;}
.pd50a{padding:50px;}

.pd0v {padding-top:0px; padding-bottom:0px;}.pd3v {padding-top:3px; padding-bottom:3px;}.pd5v {padding-top:5px; padding-bottom:5px;}
.pd7v{padding-top:7px; padding-bottom:7px;}.pd10v{padding-top:10px; padding-bottom:10px;}.pd15v{padding-top:15px; padding-bottom:15px;}
.pd20v{padding-top:20px; padding-bottom:20px;}.pd30v{padding-top:30px; padding-bottom:30px;}
.pd50v{padding-top:50px; padding-bottom:50px;}

.pd0h {padding-right:0px; padding-left:0px;}.pd3h {padding-right:3px; padding-left:3px;}.pd5h {padding-right:5px; padding-left:5px;}
.pd7h{padding-right:7px; padding-left:7px;}.pd10h{padding-right:10px; padding-left:10px;}.pd15h{padding-right:15px; padding-left:15px;}
.pd20h{padding-right:20px; padding-left:20px;}.pd30h{padding-right:30px; padding-left:30px;}
.pd50h{padding-right:50px; padding-left:50px;}

.pd0t {padding-top:0px;}.pd3t {padding-top:3px;}.pd5t {padding-top:5px;}.pd7t{padding-top:7px;}.pd10t{padding-top:10px;}
.pd15t{padding-top:15px;}.pd20t{padding-top:20px;}.pd30t{padding-top:30px;}
.pd50t{padding-top:50px;}

.pd0r {padding-right:0px;}.pd3r {padding-right:3px;}.pd5r {padding-right:5px;}.pd7r{padding-right:7px;}.pd10r{padding-right:10px;}
.pd15r{padding-right:15px;}.pd20r{padding-right:20px;}.pd30r{padding-right:30px;}
.pd50r{padding-right:50px;}

.pd0b {padding-bottom:0px;}.pd3b {padding-bottom:3px;}.pd5b {padding-bottom:5px;}.pd7b{padding-bottom:7px;}.pd10b{padding-bottom:10px;}
.pd15b{padding-bottom:15px;}.pd20b{padding-bottom:20px;}.pd30b{padding-bottom:30px;}
.pd50b{padding-bottom:50px;}

.pd0l {padding-left:0px;}.pd3l {padding-left:3px;}.pd5l {padding-left:5px;}.pd7l{padding-left:7px;}.pd10l{padding-left:10px;}
.pd15l{padding-left:15px;}.pd20l{padding-left:20px;}.pd30l{padding-left:30px;}
.pd50l{padding-left:50px;}


.att {
	color:#F00;
}

.f130 {
	font-size:130%;
}
.f150 {
	font-size:150%;
}
.f170 {
	font-size:170%;
}

i {
	margin-right:3px;
}

/*---------------------------------------共通-----------------------------------------------------*/

body{
	background-image:url(../img/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	color:#202020;
}


/*ヘッダー*/
#head-wrapp{
	font-size:10px;
	color:#202020;
	text-align:left;
	height:31px;
}

/*ロゴ*/
#head-wrapp .l-box{
	float:left;
	width:400px;
}

/*SNSボタン*/
#head-wrapp .r-box{
	float:right;
	width:400px;
	padding-top:5px;
}

#cont-wrapp{
	background-image:url(../img/cont-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:auto;
	text-align:center;
}



#contents{
	background-image:url(../img/contents-bg.png);
	background-repeat:repeat-y;
	background-position:center;
	width:965px;
	margin:auto;
	padding-right:15px;
}


h1{
	font-size:10px;
	font-weight:normal;
	padding-left:18px;
	padding-top:8px;
}

h2{
	clear:both;
	padding-bottom:5px;
}

/*--------------------------フッタ---------------------------------*/

#foot{
	clear:both;
	background-image:url(../img/foot-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:154px;
	color:#FFF;
	background-color:#005a0c;
	margin-top:30px;
}

#foot .inner{
	width:940px;
	margin:auto;
	text-align:center;
	font-size:12px;
	line-height:25px;
	padding-top:40px;
}

#foot .inner a{
	color:#FFF;
	text-decoration:none;
}

#foot .inner a:hover{
	text-decoration:underline;
	color:#0F6;
}

#foot .l-box{
	float:left;
	width:620px;
	padding-left:50px;
}

#foot .facebook{
	float:right;
	width:264px;
}


/*--------------------------左ナビ---------------------------------*/

#side{
	width:214px;
	float:left;
	margin-left:18px;
}


/*ナビゲーション*/
#side .navi{
	clear:both;
	background-image:url(../img/side_bg.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	width:221px;
	padding-top:9px;
}

#side .navi li{
	padding-bottom:5px;
}


hr.l-navi{
	clear:both;
   border-width: 1px 0px 0px 0px; 
   border-style: solid; 
   border-color:#b36f32; 
   height: 1px;
	margin-top:22px;
	margin-bottom:22px;
}

/*ファンレター*/
#side .navi .letter{
	width:191px;
	height:230px;
	margin-left:9px;
	margin-top:5px;
}



/*--------------------------メイン---------------------------------*/

#main{
	float:right;
	width:700px;
}

#main .m-contents{
	clear:both;
	width:690px;
	margin:auto;
	padding-top:15px;
	font-size:12px;
}

#main .m-contents .l-box{
	float:left;
	width:442px;
	padding-top:15px;
}

#main .m-contents .r-box{
	float:right;
	width:240px;
	padding-top:15px;
}

/*お知らせ*/
#main .m-contents .l-box .news{
	background-image:url(../../img/news-bg.jpg);
	background-repeat:no-repeat;
	width:442px;
	height:164px;
	text-align:left;
}

#main .m-contents .l-box .news .inner{
	margin:0px 0px 0px 25px;
	width:395px;
	line-height:18px;
	height:140px;
	overflow:auto;


}

#main .m-contents .l-box .news p{
	border-bottom:1px solid #e0d19d;
	padding-bottom:10px;
	padding-top:15px;
}


/*スケジュール*/
#main .m-contents .r-box .schedule{
	background-image:url(../../img/schedule-bg.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:175px;
}

#main .m-contents .r-box .schedule .inner{
	padding-top:10px;
	text-align:left;
	margin:auto;
	width:220px;
	line-height:18px;
	height:140px;
	overflow:auto;

}

#main .m-contents .r-box .schedule .inner p{
/*		border-bottom:1px solid #999;*/
	padding-bottom:10px;
	padding-top:15px;
	
}



/*--------------------------プロフィール---------------------------------*/


.profile-wrapp{
	background-image:url(../../profile/img/profile-bg.jpg);
	background-repeat:no-repeat;
	width:689px;
	height:1140px;
	text-align:left;
}
.profile-wrapp .in{
	padding-top:45px;
	width:610px;
	padding-left:38px;
}


.profile-wrapp .in .kokuban{
	width:570px;
	clear:both;
	margin:auto;
}

.profile-wrapp .in .kokuban .l-box{
	float:left;
	width:213px;
	padding-top:25px;
	padding-left:20px;
}

.profile-wrapp .in .kokuban .r-box{
	float:right;
	width:260px;
	padding-top:50px;
	text-align:left;
	font-size:17px;
	color:#004109;
	line-height:28px;
}

.dtl-text{
	clear:both;
	width:540px;
	margin:auto;
	padding-top:30px;
}

.wrapp{
	clear:both;
	width:540px;
	text-align:left;
	padding-top:10px;
	border-bottom:1px dashed #999;
	padding-bottom:4px;		font-size:12px;
	line-height:18px;
}

.wrapp .l-text{
	float:left;
	width:150px;
	background-image:url(../../profile/img/icon.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:3px;
}

.wrapp .r-text{
	float:right;
	width:340px;
		padding-top:3px;
}


/*--------------------------黒板くんのスケジュール---------------------------------*/

.topsche_tilte{

	font-size:170%;
	font-weight:700;
	padding-bottom:3px;
	color:#F00;
	text-align:left;
	margin-bottom:5px;
}

.topsche_detial {
	font-size:130%;
	text-align:left;
	line-height:150%;
}


.schedule-wrapp{
	background-image:url(../../img/schedule-bg.png);
	background-repeat:no-repeat;
	background-position: bottom; 
	width:689px;
	
	margin:auto;
}


/*見出し*/
.schedule-wrapp .title{
	clear:both;
	padding-top:27px;
	width:573px;
	margin:auto;
}

/*テキスト部分*/
.schedule-wrapp .t-area{
	margin-left:35px;
	clear:both;
	padding-bottom:40px;
}


.schedule-wrapp .t-area .r-box{
	float:right;
	padding-bottom:20px;
		width:300px;	
}


.schedule-wrapp .t-area .h-title{
	clear:both;
	background-image:url(../../schedule/img/icon.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:16px;
	color:#00650d;
	font-size:13px;
	font-weight:bold;
	padding:10px 0px 0px 25px;
	border-bottom:#418c4b dashed 1px;
	text-align:left;
}

.schedule-wrapp .t-area .detial{
	clear:both;
	color:#424242;
	font-size:12px;
	line-height:18px;
	padding-top:10x;
	text-align:left;
	;
}

.schedule-wrapp .t-area .detial a{
	color:#0024ff;
	text-decoration:underline;
}

.schedule-wrapp .t-area .detial a:hover{
	color:#0024ff;
	text-decoration:none;
}


hr.sch-line{
	clear:both;
	background-image:url(../../schedule/img/u-bar02.jpg);
	height:1px;
	border:0px;
	width:604px;
}




/*--------------------------応援メッセージ---------------------------------*/

.aid-wrapp{
	width:689px;
}

.aid-wrapp .inner{
	background-image:url(../../aid/img/bg.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	width:689px;
}

.aid-wrapp .comment{
	background-image:url(../../aid/img/commnet-bg.jpg);
	background-repeat:no-repeat;
	width:595px;
	height:143px;
	margin:auto;
	clear:both;
	margin-bottom:15px;
}

.aid-wrapp .comment .l-box{
	float:left;
	width:124px;
	height:124px;
	padding-top:7px;
	padding-left:9px;
}
.aid-wrapp .comment .r-box{
	float:right;
	width:430px;
	padding-top:7px;
	padding-right:20px;
	text-align:left;
	color:#004109;
	font-size:14px;
	line-height:20px;
}

.aid-wrapp .comment .r-box .title{
	font-size:17px;
	margin-bottom:15px;
	background-image:url(../../aid/img/star.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:18px;
	padding-left:25px;
}



/*--------------------------グッズ紹介---------------------------------*/

.goods-wrapp{
	clear:both;
	width:688px;
	margin:auto;
	padding-top:10px;
	padding-bottom:18px;
}

.goods-wrapp .item{
	float:left;
	width:220px;
	font-size:10px;
}

.goods-wrapp .item p{
font-size:10px;
	padding-top:5px;
}


.goods-wrapp .item02{
	float:left;
	width:220px;
		padding-left:14px;
}

.goods-wrapp .item03{
	float:left;
	width:400px;
	padding-top:207px;
		padding-left:44px;
}

/*--------------------------ClearFix---------------------------------*/

.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }