@charset "UTF-8";

/* Initializations / Rules
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,N
a, abbr, acronym, address, 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;
	font-weight: normal;
	font-style: normal;
	}

body{
	background-color:#FFF;
	margin: 0px;
	text-align:center;
	font-size:13px;
	line-height:20px;
	color:#000;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo",
"メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
	}

img {
	border: none;
	}

img.border{
	background:url(../image/img_line.gif) repeat;
	padding:2px;
	}

img.b,
img.boxPart{
	display:block;
	}

th,td{
	vertical-align: top;
	text-align:left;
	font-size:13px;
	line-height:18px;
	}

.floatRight{
	float:right;
	display:inline;
	}

.floatLeft{
	float:left;
	display:inline;
	}

.leftImg{
	float:left;
	display:inline;
	margin:0 10px 5px 0;
	}

ul.fla {
	margin:0 0 50px 0;
	}

.fla li{
	float:left;
	display:inline;
	margin:0 30px 0 0;
	background:url(../image/acs03.gif) no-repeat;
	padding:0 0 0 15px;
	}
ul.styleNone {

	}
ul.styleNone li{
	list-style:none;
}
.rightImg{
	float:right;
	display:inline;
	margin:0 0 5px 10px;
	}

.clear{
	clear: both;
	font: 1px/1px monospace;
	}

.clear2{
	_clear:both;
	display:none;
	_display:inline;
	font: 1px/1px monospace;
	}

/* === clearfix ==*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.alignRight{
	text-align:right;
	}

.alignCenter{
	text-align:center;
	}



/* ====text==== */
strong{
	font-weight:normal;
	}

em{
	font-weight:bold;
	}


em.orangeTxt{
	font-weight:bold;
	color:#ff9900;
	font-size:14px;
	}

em.orangeTxt2{
	font-weight:bold;
	color:#ff9900;
	}

em.orangeTxt3{
	font-weight:normal ! important;
	color:#ff9900;
	}

em.brownTxt{
	color:#663300;
	font-weight:bold;
	}

em.acs{
	font-weight:bold;
	background:url(../image/acs02.gif) no-repeat left center;
	padding:0 0 0 10px;
	}

.colorbrown{
	color:#7f645a;
	font-size:10px;
	}


p{
	margin:0 0 15px 0;
	word-wrap: break-word;
	}

p.subRead{
	margin:0 0 5px 0;
	color:#333;
}

ol ol{
	color:#333;
}
ol ol li{
	font-style:italic;
}
ol ol li span{
	color:#333;
	font-weight:normal ! important;
}

.noMarg{
	margin-bottom:0 ! important;
	}

.moreMarg{
	margin-bottom:25px ! important;
	}

.miniMarg{
	margin-bottom:5px ! important;
	}

.leftMarg{
	margin-left:50px ! important;
	}

.supp{
	font-size:10px ! important;
	line-height:14px ! important;
	}

.imgBox{
	margin:0 0 20px 0;
	}


/* ====Form==== */
input{
	/*height:16px;
	_height:19px;
	border:1px solid #333;
	vertical-align:middle;*/

	}

select option{
	padding-right:15px;
	}

* html select option{
	padding-right:0;
	_padding-right:15px;
	}

select option.non{


	}

label{
	cursor: pointer;
	}

/* ====test tool==== */
/*div { border:1px red dashed; }*/


/* Link
------------------------------------------------------------------*/
a:link{
	text-decoration:underline;
	color:#ff6600;
	}
a:visited{
	color:#ff9900;
	}
a:hover{
	text-decoration:none;
	color:#000;
	background-color:#ffb74c;
	}
a:active {
	text-decoration:none;
}


a.boldLink:link{
	text-decoration:underline;
	color:#ff9900;
	font-size:14px;
	font-weight:bold;
	}
a.boldLink:visited{
	color:#ffbb00;
	font-size:14px;
	font-weight:bold;
	}
a.boldLink:hover{
	text-decoration:none;
	color:#000;
	background-color:#ffb74c;
	font-size:14px;
	font-weight:bold;
	}
a.boldLink:active {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	}




a.dot:link,
.arrowLink a:link,
.arrowLink3 a:link,
.cspNews a:link{
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #ffb74c;
	}

a.dot:visited,
.arrowLink a:visited,
.arrowLink3 a:visited,
.cspNews a:visited{
	text-decoration:none;
	color:#666;
	border-bottom:1px dotted #ffb74c;
	}

a.dot:hover,
.arrowLink a:hover,
.arrowLink3 a:hover,
.cspNews a:hover{
	text-decoration:none;
	border-bottom:none;
	}

a.dot:active,
.arrowLink a:active,
.arrowLink3 a:active,
.cspNews a:active{
	text-decoration:none;
	border-bottom:none;
	}

.arrowLink{
	background:url(../image/acs01.gif) no-repeat left 6px;
	padding:2px 0 2px 18px;
	}
.arrowLink2{
	background:url(../image/acs01.gif) no-repeat left 6px;
	padding:2px 0 2px 18px;
	font-size:14px;
	font-weight:bold;
	}
.arrowLink3{
	background:url(../image/acs06.gif) no-repeat left 6px;
	padding:2px 0 2px 18px;
	}

.arrowLink.newIcon{
	background:url(../image/acs01_new.gif) no-repeat left 6px ! important;
	padding:2px 0 2px 43px;
	display:inline;
	}

.secretLink{
	background:url(../image/school/secret.gif) no-repeat left center ! important;
	padding:2px 0 2px 75px;
	display:inline;
	}

.arrowLink.h3TitleSub{
	float:right;
	display:inline;
	margin:-38px 0 0 0;
	}

.arrowLink.h3TitleSubLesson{
	display:inline;
	margin:0px 0 5px 0;
	}

.lineClamp2Row{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	}

.moreLink{
	background:url(../image/link_bg.gif) repeat;
	padding:10px;
	text-align:right;
	clear:both;
	}

.moreLinkBottom{
	text-align:right;
	clear:both;
	}


a.blackLink:link{
	background:url(../image/inquiry/dot.gif) repeat-x left bottom;
	color:#000000 ! important;
	}
a.blackLink:visited{
	color:#000000 ! important;
	background:url(../image/inquiry/dot.gif) repeat-x left bottom;
	text-decoration:none;
	}
a.blackLink:hover{
	background:url(../image/inquiry/dot.gif) repeat-x left bottom;
	color:#000000 ! important;
	background-color:#ffb74c;
	text-decoration:none;
	}
a.blackLink:active {
	background:url(../image/inquiry/dot.gif) repeat-x left bottom;
	text-decoration:none;
	}

/* Common Layout
------------------------------------------------------------------*/
#container-head{
	text-align:center;
	margin:auto;
	padding:0;
	width:100%;
	}
#container{
	text-align:center;
	margin:auto;
	padding:0 0 1em 0;
	width:1004px;
	}

/* header common
------------------------------------------------------------------*/
#headerNew {
	font-size:12px;
}
.headerNewTop {
	padding-bottom:10px;
}

#headerNew .hMain {
	margin:0 auto;
	text-align:right;
	background:url(../image/header_bg.gif);
    padding:5px 0 0;
}

.hMain .inner {
	width:985px;
	margin:0 auto;
}

#headerNew .hMain .inner h1 {
	display:inline;
	float:left;
    padding:5px 0 0;
    color:#938838;
    font-size:10px;
    line-height:10px;
}

.hMain .inner .anchorR {
	float:right;
	margin-bottom:5px;
}


#headerNew .hMain .anchorR ul {
	float:left;
	margin-right:5px;
}

#headerNew .hMain .anchorR li {
	display:inline;
	border-right:1px solid #000;
	padding:0 5px;
}


#headerNew .hMain dl,
#headerNew .hMain dt,
#headerNew .hMain dd {
	float:left;
}

#headerNew .hMain dt,
#headerNew .hMain dd a,
#headerNew .hMain dd strong {
	background-image:url(../image/f_change.png);
	background-repeat:no-repeat;
}

#headerNew .hMain dt span,
#headerNew .hMain dd a span,
#headerNew .hMain dd strong span {
    position:relative;
    text-indent:2px;
    z-index:-1;
}

#headerNew .hMain dt {
	width:30px;
	height:15px;
	margin-right:0px;
	background-position:0 0;
}

#headerNew .hMain dd a,
#headerNew .hMain dd strong {
	display:block;
	width:54px;
	height:18px;
	text-decoration:none;
}

#headerNew .hMain dd.middle a{background-position:-32px -18px;background-color:none;}
#headerNew .hMain dd.middle a:hover{background-position:-32px -18px;background-color:none;}
#headerNew .hMain dd.large a{background-position:right 0;}
#headerNew .hMain dd.large a:hover{background-position:right -18px;}


/* header linkBG
------------------------------------------------------------------*/

.topLogo .inner p a,
.mainLogo .inner a,
.memRegist dt a,
.memRegist dd a,
.scAction li a,
.fanList li a {
	background:none;
}


/*2013.3.14追加*/

/* gNav
------------------------------------------------------------------*/

#tGNav {
	background:#542d1c;
	text-align:left;
}

#tGNav .inner {
	position:relative;
	width:985px;
	margin:0 auto;
}

#tGNav ul {
}
#tGNav ul li {
	float:left;
	width:120px;
	list-style:none;
	border-left:1px solid #75523f;
}

#tGNav ul li:last-child {
	border-right:1px solid #75523f;
}

#tGNav ul li a {
	padding:13px 0 3px 0;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	height:25px;
	line-height:1.3;
	font-weight:normal;
}

#tGNav ul li a.on,
#tGNav ul li a:hover {
	color:#FFF;
	text-decoration:none;
	background:url(../image/bg_gnav_hover.png) repeat-x left bottom;
}

#tGNav ul li.fontS a {
	height:32px;
	padding:6px 0 3px 0;
	font-size:13px !important;
}

#tGNav ul li a,
#tGNav ul li a span {
	display:block;
}

#tGNav ul li a span {
	font-size:10px;
}

#tGNav .navKwSearch {
	position:absolute;
	top:8px;
	right:0;
}

#tGNav .navKwSearch input {
	vertical-align:middle;
}

#tGNav .navKwSearch select {
	vertical-align:middle;
	padding:3px;
	border:1px solid #000;
}

#tGNav .navKwSearch .navFormInput {
	width:200px;
	padding:3px;
	border:1px solid #000;
	height:15px;
}

#tGNav .navKwSearch .navFormSubmit {
	margin-left:-1px;
	padding:4px 5px 2px;
	background:url(../image/btn_nav_submit.png) repeat-x left bottom;
	border:0;
	color:#FFF;
	text-shadow:1px 1px 0 #999;
	cursor:pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#tGNav .navKwSearch .navFormInput {
	padding:4px;
}
}

/* //2013.3.14追加 */


/* header top
------------------------------------------------------------------*/

/* 2013.3.14追加 */
#headerNew .topLogo {
	padding:10px 0 10px 0;
}

#headerNew .mainLogo p {
	margin:0px;
	display:inline-block;
}

/* //2013.3.14追加 */

/* 2013.3.14変更 */

#headerNew .topLogo,
#headerNew .mainLogo {
	padding:10px 0 10px 0;
	text-align:left;
	background:#fffaef;
}
/* //2013.3.14変更 */

/* header top
------------------------------------------------------------------*/

#headerNew .topLogo,
#headerNew .mainLogo {
	padding-top:10px;
	text-align:left;
	background:#fffaef;
}

.topLogo .inner {
	position:relative;
	width:985px;
	margin:0 auto;
	background: url(../image/toph_image.jpg) no-repeat 220px 0;
}
.topLogo .inner p{
	display:inline-block;
}
#headerNew .mainLogo .inner {
	position:relative;
	width:985px;
	margin:0 auto;
}
.memRegist {
	position:absolute;
	top:0;
	right:0;
}
.memRegister {
	position:absolute;
	top:0px;
	right:0;
	display:table;
}

.memRegist dl {
	float:left;
	margin-left:10px;
}

.memRegist dt {
	margin-bottom:5px;
}

.memLogin {
	position:absolute;
	top:0;
	right:0;
}

.memLogin dt {
	margin-bottom:5px;
	text-align:right;
}
.memRegist ul {
	width:300px;
	overflow:hidden;
}
.memRegist ul li {
	display:block;
	float:left;
	margin-right:10px;
}
.memRegist ul li:last-child {
	margin-right:0;
}
.memRegist ul li a, .memRegist p a{
	text-decoration:none;
	color:#fff;
	text-align:center;
}
.memRegist p a{
	text-decoration:none;
	color:#542d1c;
	text-align:center;
	margin-top:10px;
}
.memRegist.subpage {
	margin-top:1px;
}
.memRegist.subpage .button-login,
.button-login:link {
	padding:4px 0;
}
.memRegist.subpage .button-open,
.button-open:link {
	padding:4px 0;
}
.memRegist.subpage .linktxt {
	font-weight:normal;
	font-size:12px;
	color:#542d1c;
	float:right;
	padding-top:2px;
}
.memRegist.subpage .linktxt a {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
.memRegist.subpage .linktxt a:hover {
	text-decoration:none;
}
/* cspNews
------------------------------------------------------------------*/

.cspNews,
.cspNews dl {
	background-image:url(../image/bg_news.png);
	background-repeat:no-repeat;
}

.cspNews {
	margin:10px 0 0 10px;
	padding-bottom:15px;
	background-position:left bottom;
	text-align:left;
	*margin-bottom: 1em;
	-margin-bottom: 1em;
}

.cspNews dl {
	position:relative;
	padding-top:10px;
	background-position:left top;
	font-size:12px;
}

.cspNews dt {
	position:absolute;
	top:13px;
	left:10px;
}

.cspNews dd span {
	margin-right:5px;

	color:#dd0000;
}

.cspNews dd strong {
	font-weight:bold;
}


.cspNews dd {
	padding:0 25px 0 140px;
}

/* school info
------------------------------------------------------------------*/

#scInfoBox {
	position:relative;
	margin:0 20px 15px;
}


#scInfoBox .scName,
#scInfoBox .scName div.h2inner {
	background-image:url(../image/bg_name.png);
	background-repeat:no-repeat;
}

#scInfoBox .scName {
	width:780px;
	min-height:100px;
	_height:100px;
	padding-bottom:10px;
	background-position:left bottom;
}

#scInfoBox .scName div.h2inner {
	background-position:left top;
	padding-top:10px;
}

#scInfoBox .scName h2 {
	padding:5px 15px 5px;
	float:left;
	color:#663300;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0px;
}

#scInfoBox .scName h2 span {
	font-size:14px;
	white-space:nowrap;
}

#scInfoBox .scName p {
	padding: 0 15px;
}


#scInfoBox .scName p.open_confirm {
	float:right;
	font-size:x-small;
}

.fanList {
  height: 30px;
	margin:0 15px;
	padding:5px 5px 0 10px;
	background:url(../image/bg_idot.gif);
}

.fanList dl {
	float: left;
}

.fanList dt,
.fanList dd{
	float:left;
	margin-top:3px;
}

.fanList dd{
	margin-right: 15px;
}

.fanList .sociadButtons {
	float: left;
	margin: -2px 0 0 0;
	padding:0;
}

.fanList .sociadButtons a.snsBtnLink{
	color: #5b3219!important
}

.fanList .sociadButtons .snsBtn {
  float: left;
  margin: 0 0 0 5px;
  padding: 3px 11px 2px;
  background: #fff;
  border: solid 1px #e8dcc7;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  font-size: 0.8em;
}

.fanList .sociadButtons .snsBtn img{
  display: block;
  float: left;
  margin: 3px 5px 0 0;
}

.fanList ul.fanListMain li {
	display:inline;
}

.fanList .fanListSub {
	margin-top:15px;
}

.fanList .fanListSub li {
	float:left;
	width:180px;
	list-style:none;
}

.fanList .fanListSub li img {
	display:block;
	float:left;
	margin-bottom:10px
}

.fanList .fanListSub li span {
	display:block;
	margin:5px 0 0 60px;
}

.fanList .closeBox {
	clear:left;
	margin-bottom:15px;
	text-align:center;
}

.scAction {
	width: 155px;
	position:absolute;
	top:0;
	right:0;
}

.scAction li {
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
}

.scAction li.contactBtn{
	display: inline-block;
	width: 145px;
	background: #5b3219;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
}

.scAction li.contactBtn.contactBtnOff{
	background: #ddd;
	color: #292828;
	height: 45px;
 }

.scAction .contactBtn p{
	padding: 3px 0;
	margin-bottom: 0!important;
}

.scAction .contactBtn p .contact{
	font-size: 13px;
	font-weight: bold;
}

.scAction li.contactBtn a{
	color: #fff!important;
    text-decoration: none;
}
.scAction li.contactBtn a:hover{
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #845639;
}

.scAction .sociadButtons{
	/*margin-top: -5px;*/
	margin: 0px 0 0 -5px;
}

.scAction .sociadButtons a{
	color: #000;
}

.scAction .sociadButtons li{
	float: left;
	width: 33%;
	text-align: center;
	font-size: xx-small;
}
.scAction .sociadButtons li.mail{
	/*width: 42%;*/
}
.scAction .sociadButtons li img{
	display: block;
  margin: 0 auto;
}

#header{
	background:url(../image/header_bg.gif) repeat-x;
	padding:0 0 27px 0;
	height:114px;
	text-align:center;
	}

/* === clearfix ==*/
#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#header{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #header{height: 1%;}
#header{display: block;}
/* End hide from IE-mac */

#header h1{
	font-size:10px;
	line-height:14px;
	color:#bab278;
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:10px 0 6px 0;
	margin:0px 0 5px 0;
}

.headerLink {
	position:relative;
}

.headerNavi{
	position:absolute;
	top:4px;
	right:0;
}

.loginHeader ul li {
	float:left;
	margin-left:8px;
	list-style-type:none;
}

.loginBtn {
	display:block;
	width:89px;
	height:20px;
	background:url(../image/mypage/bg/btn_login1.png) no-repeat;
}

a.loginBtn span {
	visibility:hidden;
}

a.loginBtn:link,
a.loginBtn:hover,
a.loginBtn:visited,
a.loginBtn:active {
	text-decoration:none;
}

/* //login header */


#header #headerIn{
	margin:0 auto;
	width:985px;
	text-align:left;
	}



#header #headerIn p#logo{
	padding:5px 0 0 0;
	margin:0;
	float:left;
	display:inline;
	}

#header #headerIn #headerCnt{
	position:relative;
	float:right;
	display:inline;
	width:470px;
	}


/* login header */

.Myid {
	margin:0 5px;
	font-weight:bold;
}

ul.loginHeader {
	position:absolute;
	top:58px;
	right:0;
	clear:both;
	text-align:right;
}

ul.loginHeader li {
	float:left;
	margin-left:8px;
	list-style-type:none;
}

.loginBtn {
	display:block;
	width:89px;
	height:20px;
	background:url(../image/mypage/bg/btn_login1.png) no-repeat;
}

a.loginBtn span {
	visibility:hidden;
}

a.loginBtn:link,
a.loginBtn:hover,
a.loginBtn:visited,
a.loginBtn:active {
	text-decoration:none;
}

/* //login header */



#pathNavi{
	text-align:left;
	width:985px;
	margin:10px auto 0 auto;
	*margin-bottom: 1em;
	-margin-bottom: 1em;
	}

#wrapper{
	text-align:left;
	width:985px;
	margin:20px auto 0 auto;
	}

/* === clearfix ==*/
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#wrapper{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #wrapper{height: 1%;}
#wrapper{display: block;}
/* End hide from IE-mac */

#mainArea{
	float:left;
	display:inline;
	width:650px;
	}


#subArea{
	margin-top:10px;
	float:right;
	display:inline;
	width:300px;
	}

#wrapper #mainArea{
	margin:10px auto 0 -1em;
	padding:1em;
	background:url(../image/bg.gif) repeat;
	-webkit-box-shadow:0 1px 4px #AAA, 0 0 6px #CCC;
    -moz-box-shadow:0 1px 4px #AAA, 0 0 6px #CCC;
    box-shadow:0 1px 4px #AAA, 0 0 6px #CCC;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
	behavior: url(/css/PIE.htc);
	}


.fullCol #mainArea{
	float:left;
	display:inline;
	width:985px;
	}

#campaign_report #wrapper {
	width:985px;
	margin:20px auto 0 auto;
	text-align:left;
	padding:1em;
	background:url(../image/bg.gif) repeat;
	-webkit-box-shadow:0 1px 4px #AAA, 0 0 6px #CCC;
    -moz-box-shadow:0 1px 4px #AAA, 0 0 6px #CCC;
    box-shadow:0 1px 4px #AAA, 0 0 6px #CCC;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
	behavior: url(/css/PIE.htc);
	}

#campaign_report #wrapper #mainArea{
	background:none;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:none;
    -moz-border-radius:none;
    border-radius:none;
	}

#mainBox{
	background:url(../image/main_bg.gif) repeat-y;
	width:650px;
	}

#mainBox.mainBox2{
	background:url(../image/main2_bg.gif) repeat-y;
	width:650px;
	}

.fullCol #mainBox{
	background:url(../image/main_bg_full.gif) repeat-y;
	width:985px;
}

#mainBox #mainBoxTop{
	background:url(../image/main_top.gif) no-repeat;
	width:650px;
	height:20px;
	_margin:0px 0 0 0;
	}

#mainBox.mainBox2 #mainBoxTop{
	background:url(../image/main2_top.gif) no-repeat;
	width:650px;
	height:9px;
	_margin:0px 0 0 0;
	}

#mainBox #mainBoxBottom{
	background:url(../image/main_bottom.gif) no-repeat;
	width:650px;
	height:8px;
	_margin:0 0 -8px 0;
	}

#mainBox.mainBox2 #mainBoxBottom{
	background:url(../image/main_bottom.gif) no-repeat;
	width:650px;
	height:9px;
	_margin:0 0 -9px 0;
	}

.fullCol #mainBox #mainBoxBottom{
	background:url(../image/main_bottom_full.gif) no-repeat;
	width:985px;
	height:11px;
	_margin:0 0 -8px 0;
	}



#mainArea h2{
	background:url(../image/main_title.gif) no-repeat left top;
	line-height:32px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	padding:0 30px 0 30px;
	margin:0 0 15px 0;
	}

.fullCol #mainArea h2{
	background:url(../image/main_title_full.gif) no-repeat left top;
	line-height:30px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	padding:0 30px 0 30px;
	margin:0 0 15px 0;
	}

#mainArea h2 strong{
	font-weight:bold;
	}

#mainArea .indent{
	padding:0 20px;
	width:610px;
	}

.fullCol #mainArea .indent{
	padding:0 40px;
	width:905px;
	}

.fullCol .cntBox{
	background:url(../image/box_bg_full.gif) repeat-y;
	width:905px;
	margin:0 0 20px 0;
}

#mainArea .indent.line{
	background:url(../image/line02.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin:0 0 20px 0;
	}

#mainArea .indent.line.carryout{
	background:url(../image/line02.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin:0 0 20px -10px;
	}

/* === clearfix ==*/
#mainArea .indent:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#mainArea .indent{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #mainArea .indent{height: 1%;}
#mainArea .indent{display: block;}
/* End hide from IE-mac */

.side_news .dt {
	font-size:xx-small;
	}

#mainArea h3,
#mainArea h2.line,
#mainArea h2.line2,
.myTopBody h3,
.side_news h2{
	background:url(../image/line03.gif) repeat-x left bottom;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	}

#mainArea .indent .hosoku
{
font-size:16px;
padding:0 0 10px 25px;
}

#mainArea h3 span,
#mainArea h2.line span,
.myTopBody h3 span,
.side_news h2 span {
	font-size:15px;
	font-weight:bold;
	padding:0 0 0 25px;
	/*color:#6a3300;*/
	}

#mainArea h2.line2 span{
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 25px;
	color:#6a3300;
	}

#mainArea h3 span.icon01,
#mainArea h2.line span.icon01,
#mainArea h2.line2 span.icon01,
.side_news h2 span.icon01
{background:url(../image/title_icon01.gif) no-repeat left center;}
#mainArea h3 span.icon02{background:url(../image/title_icon02.gif) no-repeat left center;}
#mainArea h3 span.icon03{background:url(../image/title_icon03.gif) no-repeat left center;}
#mainArea h3 span.icon04{background:url(../image/title_icon04.gif) no-repeat left center;}
#mainArea h3 span.icon05{background:url(../image/title_icon05.gif) no-repeat left center;}
#mainArea h3 span.icon06{background:url(../image/title_icon06.gif) no-repeat left center;}
#mainArea h3 span.icon07{background:url(../image/title_icon07.png) no-repeat left center;}

#mainArea h3 span.icon0{
	padding:0;
	}

#mainArea h3 span.txt{
	font-size:12px;
	font-weight:normal;
	padding:0;
	}

#mainArea h3 span strong{
	font-weight:bold;
	}

#mainArea h3 span.sub{
	font-size:12px;
	font-weight:normal;
	padding:0;
	}

#mainArea h3 span.sub2{
	font-size:14px;
	font-weight:normal;
	padding:0;
	margin-left:1em;
	}


#mainArea h3.nonh3{
	background:none ! important;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	}

#mainArea h4{
	margin:0 0 5px 0;
	}

#mainArea .imgs{
	width:620px;
	margin-right:-10px;
	margin:0 0 0px 0;
	}

/* === clearfix ==*/
#mainArea .imgs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#mainArea .imgs{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #mainArea .imgs{height: 1%;}
#mainArea .imgs{display: block;}
/* End hide from IE-mac */

#mainArea .imgs .img{
	float:left;
	display:inline;
	width:142px;
	margin:0 12px 15px 0;

	}

#mainArea .imgs.t3{
	width:630px;
	margin-right:-20px;
	margin:0 0 0px 0;
	}

#mainArea .imgs.t3 .img{
	width:190px;
	margin:0 20px 15px 0;
	}

#mainArea .imgs .img img{
	display:block;
	margin:0 0 3px 0;
	}

#mainArea .imgs .img p{
	margin:0 0 0px 0;
	}

#mainArea span.reserve {
	margin:0px 0px 0px 5px;
	text-align:right;
	float:right;
}


#footer{
	margin:30px auto 15px auto;
	text-align:left;
	width:985px;
	}

#footer p{
	margin:0 0 5px 0;
	text-align:center;
	line-height:1.6;
	}

#footer p#copyRights{
	font-size:10px;
	line-height:14px;
	}

.pageTop{
	background:url(../image/pagetop.gif) no-repeat;
	width:135px;
	height:36px;
	margin:-15px 20px 0 0;
	float:right;
	display:inline;
	font-size:10px;
	}

.pageTop.main2BoxUnder{
	margin:-5px 20px 0 0;
}

.pageTop span{
	display:block;
	margin:10px 0 0 25px;
	}

html>/**/body .pageTop span{
	margin-top /*\**/:13px\9;
}

#footerBnr{
	width:700px;
	height: 250px;
	padding:0px 0 0 0;
	margin:-20px 0 10px 0;
	}

#footerCnt{
	background:#f7f6ee;
	width:100%;
	padding:0px 0 0 0;
	margin:40px 0 0 0;
	}

/* === clearfix ==*/
#footerCnt:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#footerCnt{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #footerCnt{height: 1%;}
#footerCnt{display: block;}
/* End hide from IE-mac */

#footerCnt h2{
	margin:0px 0 15px 0;
	}

#footerCnt .footerCntIn{
	margin:-10px auto 0 auto;
	width:985px;
	text-align:left;
	padding:20px 0 15px 0
	}


#footerCnt .footerCntIn.line{
	background:url(../image/footer_line.gif) repeat-x left bottom;
	padding:20px 0 15px 0
	}



#footerCnt .imgs{

	}

/* === clearfix ==*/
#footerCnt .imgs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#footerCnt .imgs{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #footerCnt .imgs{height: 1%;}
#footerCnt .imgs{display: block;}
/* End hide from IE-mac */

#footerCnt .imgs .img{
	float:left;
	display:inline;
	width:120px;
/*	margin:0 37px 15px 0; */
	margin:0 20px 10px 20px;
	text-align:center;
	}

#footerCnt .imgs .img img{
	display:block;
	margin:0 0 3px 0;
	}

#footerCnt .imgs .img p{
	margin:0 0 0px 0;
	}

#footerCnt .footerCntIn .project{
	float:left;
	display:inline;
	width:270px;
/*	margin:0 30px 15px 0;   */
	margin:0 30px 15px 20px;
	}

/* === clearfix ==*/
#footerCnt .footerCntIn .project:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#footerCnt .footerCntIn .project{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #footerCnt .footerCntIn .project{height: 1%;}
#footerCnt .footerCntIn .project{display: block;}
/* End hide from IE-mac */

#footerCnt .footerCntIn .project .img{
	float:left;
	display:inline;
	}

#footerCnt .footerCntIn .project .txt{
	float:right;
	display:inline;
	width:175px;
	}

#footerCnt .footerCntIn .project .txt p{
	margin:0 0 5px 0;
	}

#footerCnt .footerCntIn .moreLink{
	background:url(../image/footer_more_link.gif) repeat;
	}

#footerCnt .footerCntIn .arrowLink{
	background:url(../image/footer_acs.gif)  no-repeat left 7px;
	}


/* Common parts
------------------------------------------------------------------*/
table.basicTable{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:0 0 15px 0;
	}


table.basicTable th,
table.basicTable td{
	padding:5px 0;
	vertical-align:middle;
	background:url(../image/line04.gif) repeat-x left bottom;
	}

table.basicTable th.noLine,
table.basicTable td.noLine,
table.basicTable .last td,
table.basicTable .last th{
	background:none;
	}

table.basicTable th.top,
table.basicTable td.top{
	vertical-align:top;
	}

/*2014_10ログイン周り*/
table.basicTable th{
	padding:5px 15px 5px 0;
	}
/*2014_10ログイン周り　ここまで*/

#formbox{
	background:url(../image/img_line.gif) repeat;
	padding:2px;
	width:606px;
	margin:0 0 20px 0;
	}

table.basicTable.form{
	width:100%;
	background:#fff;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:1px dotted #bfdc00;
	margin:0 0 0 0;
	}

table.basicTable.form td,
table.basicTable.form th{
	border:1px dotted #bfdc00;
	padding:10px 10px ! important;
	background-color:#fff;
	}

table.basicTable.form th{
	background-color:#f8fbe5;
	vertical-align:top;
	}



table.normal{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:0 0 15px 0;
	}
table.normal th,
table.normal td{
	font-size:12px;
	padding:5px 0;
	vertical-align:middle;
	border-bottom:1px dotted #c7d426;
	}
table.normal tr.bNone th,
table.normal tr.bNone td{
	border:none;
}
table.normal th{
	font-weight:bold;
}

#freeSearch{
	padding:5px 0 0 0;
	margin:0 0 20px 0;
	vertical-align:middle;
	___background:url(../image/line04.gif) repeat-x left bottom;
	}

/* === clearfix ==*/
#freeSearch:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#freeSearch{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #freeSearch{height: 1%;}
#freeSearch{display: block;}
/* End hide from IE-mac */

#freeSearch p{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	}

#freeSearch p.input input{
	width:195px;
	}

#freeSearch p.input img{
	display:block;
	margin:0 0 5px 0;
	}

#freeSearch p.txt{
	margin-top:25px;
	}

#freeSearch p.btn{
	margin-top:12px;
	}

#freeSearch .att{
	color:#999999;
	margin:0 0 5px 0;
	}

#freeSearch .attKey{
	margin:0 0 15px 0;
	}

.checkes li{
	padding:0;
	margin:0 10px 0 0;
	list-style:none;
	float:left;
	display:inline;
	}

.lineBox{
	background:url(../image/line_box_bg.gif) repeat-y;
	width:610px;
	margin:0 0 20px 0;
	}

.lineBox a{
	color:#ff9900;
	}

.lineBox a:visited{
	color:#ff9900;
	}
.lineBox a:hover{
	text-decoration:none;
	color:#000;
	background-color:#ffb74c;
	}

.lineBox .in{
	margin:10px 20px;
	width:570px;
	}


.attBox{
	background:url(../image/att_box_bg.gif) repeat;
	border:1px solid #d6d7ce;
	padding:10px;
	margin:0 0 20px 0;
	}

.btns{
	text-align:center;
	}

.btns img{
	vertical-align:middle;
	}

.need{
	color:#d70404;
	}

#imgCheck{

	}

/* === clearfix ==*/
#imgCheck:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#imgCheck{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #imgCheck{height: 1%;}
#imgCheck{display: block;}
/* End hide from IE-mac */


#imgCheck .txt{
	margin:0 0 5px 0;
	font-weight:bold;
	}

#imgCheck .img{
	float:left;
	display:inline;
	width:102px;
	text-align:center;
	}

#imgCheck .img img{
	display:block;
	margin:0 0 3px 0;
	}

#imgCheck .txt2{
	float:left;
	display:inline;
	margin:15px 0 0 10px;
	width:445px;
	}

#imgCheck .txt2 input{
	display:block;
	margin:5px 0 0 0;
	}


.dotgreen{
	background:url(../image/dot_green.gif) repeat-x left bottom;
	padding:10px 0 10px 0;
	}

.dotgreenNone{
	background:none;
	padding:10px 0 10px 0;
	}

.topNewsBox{
	width:280px;
	float:left;
	display:inline;
	}


.topNewsBox em{
	background:url(../image/icon_new.gif) no-repeat left center ! important;
	padding:2px 0 2px 33px;
	display:inline;
	font-weight:bold;
	}

.topNewsBox img{
	float:left;
	display:inline;
	margin:5px 0 10px 0;
	}

.topNewsBoxRight{
	float:right;
	display:inline;
	width:180px;
	margin:5px 0 10px 0;
	}

.NewsBoxSpace{
	margin-right:30px;
	}


.topVoiceBox{
	width:280px;
	float:left;
	display:inline;
	margin:0 0 10px 0;
	}
.VoiceBoxSpace{
	margin-right:30px;
	}
.topVoiceBox .image{
	float:right;
	display:inline;
	margin:10px 0 0px 10px;
	}
.topVoiceBox .text{
	margin:0px 0px 0px 0;
	}
.topVoiceBox .date{
	font-size:10px;
	margin:5px 0 0px 0;
	border:none;
	color:#666;
	width:auto;
	}
.topVoiceBox .date span{
	margin-right:5px;
}
.topVoiceBox .school{
	margin:0px 0 0px 0;
	}
.topVoiceBox .school span{
	font-weight:bold;
	color:#666;
	}
.topVoiceBox .commenter{
	margin:0 0 2px 0;
}
.topVoiceBox .commenter span{
	color:#8f6339;
	margin-right:5px;
	font-size:10px;
}
.topVoiceBox .commenter a{
	text-decoration:none;
	color:#333;
	border-bottom:1px dotted #ffb74c;
}


.side_news .title{
	font-weight:bold;
	}

.side_news .new{
	background:url(../image/icon_new.gif) no-repeat left center ! important;
	padding:2px 0 2px 33px;
	}

/* definL
------------------------------------------------------------------*/
.definL.horizon{
	height: 10px;
	width: 500px;

}
.definL dl{
	margin:15px 25px;
}
.definL dt,
.definL dd{
	margin-bottom:3px;
}
.definL dt,
.definL dt label{
	font-weight:bold;
	font-size: medium;
}
.definL dl .supp,
.definL dt .supp{
	font-size: medium;
	font-weight:normal;
	color:#ff6666;
}
.definL dt label input{
	margin-right:8px;
}
.definL dd{
	margin-bottom:5px;
	margin-left:25px;
}
.definL dd input{
	margin-left:5px;
}
.definL dd .inputText1{
	height:20px;
	width:200px;
}
.definL.horizon dt{
	float:left;
	width:160px;
	font-size: medium;
}
.definL.horizon dd{
	float:left;
}


/**/
a:hover img.hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


a.imgLink {
	background:none;
}

.error{
	border:3px solid #e8b0b0;
	background:#fdf7f7;
	padding:10px;
	color:#d53d3d;
	margin:0 30px 20px 30px;
	}

.error p{
	margin:0;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	color:#d53d3d;
	text-align:left;
}


.systemError {
	margin:30px 0;
	text-align:center;
	font-size:14px;
}

.systemError h2 {
	margin-bottom:15px;
	font-weight:bold;
	font-size:20px;

}

.systemError p {
	color:#333;
}

.systemError li {
	list-style-type:none;
}

/*socialButtons*/
.sociadButtons{
	margin:5px 0 10px 0;
}
.sociadButtons ul{
	width:220px;
	float:right;
	display: inline;
}
.sociadButtons ul li{
	float:left;
	display: inline;
}
.sociadButtons ul li.facebook{
	/*width:100px;*/
}
.sociadButtons ul li.twitter{
	width:85px;
}
.sociadButtons ul li.mixi{
	width:70px;
}
.sociadButtons ul li.googlePlus{
	width:55px;
}
.sociadButtons ul li.hatena{
	width:50px;
}
@-moz-document url-prefix() {
	.hackSocialButtons {
		margin-top: -3px;
	}
}

/*socialButtonsNew*/
.sociadButtonsNew{
	margin:5px 0 10px 0;
}
.sociadButtonsNew ul{
	width:300px;
	float:right;
	display: inline;
}
.sociadButtonsNew ul li{
	float:left;
	display: inline;
}
.sociadButtonsNew ul li.facebook{
	width:115px;
}
.sociadButtonsNew ul li.twitter{
	width:115px;
}
.sociadButtonsNew ul li.mixi{
	width:70px;
}
.sociadButtonsNew ul li.googlePlus{
	width:55px;
}
.sociadButtonsNew ul li.hatena{
	width:50px;
}

p.popularKeyword {
	margin: 5px 0 0 0;
}


p.catchTxt {
	margin:0 20px 30px;
	font-size:13px;
}

p.catchTxtLesson {
	margin:0 20px 10px;
	font-size:13px;
}


/*ログイン後ページ改修 （お知らせボタンまわり）2014_8_28*/

.topLogo .inner .memRegister .userimg, .topLogo .inner .memRegister .infoarea {
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
}
.topLogo .inner .memRegister .infoarea,.mainLogo .inner .memRegister .infoarea {
	padding-right:10px;
}
.topLogo .inner .memRegister .infoarea a, .mainLogo .inner .memRegister .infoarea a{
	font-weight:bold;
}
.mainLogo .inner .memRegister {
	position:absolute;
	bottom:0;
	right:0;
	display:table;
}
.mainLogo .inner .memRegister .userimg, .mainLogo .inner .memRegister .infoarea {
    display: table-cell;
    vertical-align: bottom;
	text-align:right;
}
.selectarea {
	margin:10px 11px 0;
}
.selectarea .right, .selectarea_bottom .right {
	text-align:right;
}
.selectarea p, .selectarea_bottom p{
	width:620px;
	display:table;
	margin:10px 0;
	padding-left:10px;
}
.selectarea span, .selectarea_bottom span{
	display:table-cell;
	vertical-align:middle;
}
.selectarea span a {
	font-size:12px;
}
.selectarea_bottom {
	margin:0 11px 20px;
}
.selectarea .namCnt {
    margin-top:10px;
    text-align: right;
}
.selectarea_bottom .namCnt {
    margin-bottom: 10px;
    text-align: right;
}
.selectarea .selectall, .selectarea_bottom .selectall {
	margin-right:11px;
}
.selectarea .button, .selectarea_bottom .button{
	color:#FFF;
	font-weight:bold;
}
.selectarea .button:hover, .selectarea_bottom .button:hover{
	color:#190D00;
}
.topLogo .inner .memRegister .toMypage a.mypagebtn {
	background:#ff8c00;
	border-radius:3px;
	width:175px;
	text-align:center;
	display:block;
	padding:4px 5px;
	margin-top:8px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	border:1px solid #ff8c00;
	color:#fff;
	float:right;
}
.topLogo .inner .memRegister .toMypage a:hover {
	background:#f5a777;
	border:1px solid #f5a777;
}

/**
 * BxSlider v4.1.3 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/

.collabo_top {
  width: 120%;
  max-width: 640px;
  margin: 0 auto;
  padding-top: 10px;
}

.bx-wrapper {
  position: relative;
  width: 120%;
  margin: 0 auto 40px;
  padding: 0;
  *zoom: 1;
  height: 100%;
}

.bx-wrapper img {
  width: 100%;
  height: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  width: 100%;
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ece4d2;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #b99984;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */