@charset "utf-8";

/* ---------------------------------------- 
Information

 - Latest Css Updates : 
 - Those who update it : 
---------------------------------------- */

/* ---------------------------------------- 
 - asset
---------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* --- /reset --- */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* --- /clearfix ---*/


/* ---------------------------------------- 
 - common
---------------------------------------- */
body{
	font-family: Georgia,Baskerville,'Times New Roman','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	color:#000 !important;
	line-height:1.4;
	/*background-color:#ededed;*/
	background:url(../images/common/bgpattern.gif) 0 1px;
}


a,
a p{
	color:#0071ae;
	text-decoration:none;
	padding-bottom:1px;
	color:#000000;
	background-color:#ffdc00;
}
a:hover,
a:hover p{
	background-color:#000;
	color:#FFF;
	text-decoration:none;
}

img{
	vertical-align:bottom;
}
strong{
	font-weight: bold;
}

.imgTx{
	display:block;
	text-indent:-9999px;
	text-align: left;
	outline: 0;
	overflow:hidden;
}
.imgBtn a,
.imgBtn a:link,
.imgBtn a:visited,
.imgBtn a:hover,
.imgBtn a:active,
.imgBtn a:focus,
.imgBtn button,
.imgBtn button:link,
.imgBtn button:visited,
.imgBtn button:hover,
.imgBtn button:active,
.imgBtn button:focus{
	display:block;
	text-indent:-9999px;
	text-align: left;
	outline: 0;
	padding:0;
	border:0;
	overflow:hidden;
}
.imgBtn button{
	cursor:pointer;
}
.arrowBtn{
	padding: 0 0 0 16px;
	background:url(../images/common/arrow.gif) no-repeat 2px 6px transparent;
}
.ftLL{
	font-size:140%;
	line-height: 1;
}

.ftLS{
	font-size:120%;
	line-height: 1.8;
}

.ftL{
	font-size:110%;
	line-height: 1.8;
}
.ftML{
	font-size:100%;
	line-height: 1.8;
}
.ftM{
	font-size:90%;
	line-height: 1.8;
}
.ftMS{
	font-size:85%;
	line-height: 1.8;
}
.ftS{
	font-size:80%;
	line-height: 1.8;
}
.ftSS{
	font-size:78%;
	line-height:1;
}
.ftSSS{
	font-size:75%;
	line-height:1;
}

.fcW{
	color:#FFF;
}
.fcB{
	color:#000;
}
.fcR{
	color:#e23500;
}
.fcBl{
	color:#00a0d2;
}
.fhN{
	line-height:1;
}
.fhS{
	line-height:1.2;
}
.fhM{
	line-height:1.4;
}
.fhL{
	line-height:1.6;
}
.fhLL{
	line-height:2.2;
}
.dotLine {
  background: url("../images/common/dotLine.gif") repeat-x scroll center bottom transparent;
}
.dotLineUp {
  background: url("../images/common/dotLine.gif") repeat-x scroll center top transparent;
}
.error {
  color: #FF0000;
  line-height: 200%;
}
/* ---------------------------------------- 
 - wrapper
---------------------------------------- */
#wrapper {
	width:951px;
	height:100%;
	/*margin:0 auto;*/
	text-align:left;
	float:left;
	min-width:951px;
}
/* ---------------------------------------- 
 - header
---------------------------------------- */
#header{
	border-top:4px #0095dc solid;
	height:39px;
}
#tabMenu{
	/*margin:9px 0 0 0;*/
	float:right;
}
#tabMenu li{
	float: left;
}

#tabMenu .tabParticipate{
	margin: 9px 23px 0 0;
	width:98px;
	height:30px;
}
#tabMenu .tabParticipate a{
	width:98px;
	height:30px;
	background:url(../images/common/common.gif) no-repeat 0 0 transparent;
}
#tabMenu .tabParticipate a:hover{
	background-position: -98px 0;
}

#tabMenu .tabSignUp{
	margin: 0;
	width:128px;
	height:30px;
}
#tabMenu .tabSignUp a{
	width:128px;
	height:30px;
	background:url(../images/common/common.gif) no-repeat 0 -497px transparent;
}
#tabMenu .tabSignUp a:hover{
	background-position: 0 -527px;
}

#tabMenu .tabLogIn{
	margin: 0;
	width:165px;
	height:30px;
}
#tabMenu .tabLogIn a{
	width:165px;
	height:30px;
	background:url(../images/common/common.gif) no-repeat -128px -497px transparent;
}
#tabMenu .tabLogIn a:hover{
	background-position: -128px -527px;
}

#tabMenu .tabMypage{
	margin: 0;
	width:158px;
	height:30px;
}
#tabMenu .tabMypage a{
	width:158px;
	height:30px;
	background:url(../images/common/common.gif) no-repeat 0 -558px transparent;
}
#tabMenu .tabMypage a:hover{
	background-position: 0 -588px;
}

#tabMenu .tabLogOut{
	margin: 0;
	width:181px;
	height:30px;
}
#tabMenu .tabLogOut a{
	width:181px;
	height:30px;
	background:url(../images/common/common.gif) no-repeat -158px -558px transparent;
}
#tabMenu .tabLogOut a:hover{
	background-position: -158px -588px;
}

#tabMenu .nickname{
	padding: 8px 23px 0 0;
}

/* ---------------------------------------- 
 - main
---------------------------------------- */
#main{
	width:951px;
	clear:both;
	background-color:#FFF;
	padding:20px 0 0 0;
}

/* ---------------------------------------- 
 - mainL
---------------------------------------- */
.mainL{
	float:left;
	display:inline;
	width:180px;
	margin:0 27px 0 20px;
}
.logo,
.logoBtn a{
	width:180px;
	height:174px;
	background:url(../images/common/common.gif) no-repeat 0 -170px transparent;
}
/* ---------------------------------------- 
 - globalnavi
---------------------------------------- */

.globalNavi{
	margin:12px 0 0 0;
	background:url(../images/common/common.gif) no-repeat top right transparent;
}
.globalNavi .inner{
	padding:5px 0 5px 0;
	background:url(../images/common/common.gif) no-repeat bottom right transparent;
}
.globalNavi .list{
	background-color:#F6F6F6;
}

.globalNavi li a{
	width:180px;
	height:31px;
}
.globalNavi .child{
	display: none;
}
.globalNavi .child a{
	width:180px;
	height:29px;
}
.globalNavi .start a{
	height:30px;
}
.globalNavi .home a{
	background:url(../images/common/common.gif) no-repeat 0 -346px transparent;
}
.globalNavi .home a:hover,
.globalNavi .home .nCurrent{
	background-position: -180px -346px;
}
.globalNavi .about a{
	background:url(../images/common/common.gif) no-repeat 0 -376px transparent;
}
.globalNavi .about a:hover,
.globalNavi .about .nCurrent{
	background-position: -180px -376px;
}
/*授業を受ける*/
.globalNavi .lessons a{
	background:url(../images/common/common.gif) no-repeat -370px -376px transparent;
}
.globalNavi .lessons a:hover,
.globalNavi .lessons .nCurrent{
	background-position: -550px -376px;
}
.globalNavi .lessons1 a{
	background:url(../images/common/common.gif) no-repeat -370px -407px transparent;
}
.globalNavi .lessons1 a:hover,
.globalNavi .lessons1 .nCurrent{
	background-position: -550px -407px;
}
/*ボラスタになる*/
.globalNavi .volusta a{
	background:url(../images/common/common.gif) no-repeat -370px -436px transparent;
}
.globalNavi .volusta a:hover,
.globalNavi .volusta .nCurrent{
	background-position: -550px -436px;
}
/*サポーターになる*/
.globalNavi .supporter a{
	background:url(../images/common/common.gif) no-repeat 0 -407px transparent;
}
.globalNavi .supporter a:hover,
.globalNavi .supporter .nCurrent{
	background-position: -180px -407px;
}
.globalNavi .supporter1 a{
	background:url(../images/common/common.gif) no-repeat 0 -438px transparent;
}
.globalNavi .supporter1 a:hover,
.globalNavi .supporter1 .nCurrent{
	background-position: -180px -438px;
}
.globalNavi .supporter2 a{
	background:url(../images/common/common.gif) no-repeat 0 -467px transparent;
}
.globalNavi .supporter2 a:hover,
.globalNavi .supporter2 .nCurrent{
	background-position: -180px -467px;
}
/* ---------------------------------------- 
 - newsWidget
---------------------------------------- */
.newsWidget{
	margin:30px 0 0 0;
	float:left;
}
.newsWidget .title{
	width:180px;
	height:27px;
}
.newsWidget .title a{
	width:180px;
	height:27px;
	background:url(../images/common/common.gif) no-repeat -370px -27px transparent;
}
.newsWidget dd dl{
	border-bottom: 1px dotted #DDDDDD;
	padding: 10px 0;
}
.newsWidget dd dl dd{
	padding: 6px 0 0 0;
}


/* ---------------------------------------- 
 - twitterWidget
---------------------------------------- */
.twitterWidget{
	margin:30px 0 0 0;
	float:left;
}
.twitterWidget .title{
	width:180px;
	height:27px;
}
.twitterWidget .title a{
	width:180px;
	height:27px;
	background:url(../images/common/common.gif) no-repeat -370px 0 transparent;
}

.twitterWidget dd{
	width:180px;
	height:300px;
}
.twtr-hd,
.twtr-ft{
	display:none;
}
.twitterWidget dd #twtr-widget-1 .twtr-doc a:hover{
	text-decoration:none !important;
	background-color:#000;
	color:#FFF !important;
}
.twtr-widget .twtr-tweet-wrap{
	padding:6px 2px !important;
}
.twitterWidget dd #twtr-widget-1 .twtr-tweet-text{
	font-size: 90%;
}

.twitterWidget dd #twtr-widget-1 .twtr-tweet-text em{
	display: none;
}

/* ---------------------------------------- 
 - mainR
---------------------------------------- */
.mainR{
	position:relative;
	display:inline;
	float:right;
	width:710px;
	margin:0 14px 0 0;
}

.mainR noscript{
	padding: 0px 0 20px 0;
	display: block;
}

.subHeader h2,
.subHeader h2 a,
.subHeader h3,
.subHeader h3 a
{
	width:710px;
	height:32px;
}
.subHeader p{
	margin: 10px 0;
}

.subTitle{
	padding:2px 0 2px 25px;
	background: url("../images/common/dtTitle.gif") repeat-y 0 0 transparent;
}


/* ---------------------------------------- 
 - footer
---------------------------------------- */
#footer{
	width:951px;
	height:145px;
	clear:both;
	overflow:hidden;
	background-color:#FFF;
}
.footerUp{
	position:relative;
	height:47px;
	width:929px;
	margin:60px 0 0 22px;
	background:url(../images/common/common.gif) no-repeat 0 -62px transparent;
}
.footerUp .prof1{
	width:140px;
	height:12px;
}
.footerUp .prof1 a{
	width:140px;
	height:12px;
	background:url(../images/common/common.gif) no-repeat 0 -110px transparent;
}
.footerUp .prof2{
	width:127px;
	height:12px;
}
.footerUp .prof2 a{
	width:127px;
	height:12px;
	background:url(../images/common/common.gif) no-repeat 0 -122px transparent;
}
.footerUp .prof3{
	width:53px;
	height:12px;
}
.footerUp .prof3 a{
	width:53px;
	height:12px;
	background:url(../images/common/common.gif) no-repeat 0 -134px transparent;
}
.pageTopBtn{
	width:142px;
	height:30px;
	position:absolute;
	right:0;
	bottom:0;
}
.pageTopBtn a{
	width:142px;
	height:30px;
	background:url(../images/common/common.gif) no-repeat 0 -31px transparent;
}
.pageTopBtn a:hover{
	background-position: -142px -31px;
}

.footerDown{
	position:relative;
	height:38px;
	background-color:#0095dc;
}
.copyright{
	width:298px;
	height:10px;
	background:url(../images/common/common.gif) no-repeat 0 -146px transparent;
	position:absolute;
	bottom:13px;
	left:20px;
}
.footerNavi{
	position:absolute;
	bottom:13px;
	right:20px;
}
.footerNavi li{
	display:inline;
	padding:0 10px;
	border-right:1px #56b9e8 solid;
}
.footerNavi .end{
	border-right:none;
}
.footerNavi li a{
	color:#FFF;
	background:none;
	text-decoration:none;
}
.footerNavi li a:hover{
	color:#0095DC;
	background:#FFF;
}