@charset "utf-8";

/* common
------------------------------------------------------------------------- */
*{
	padding: 0;
	margin: 0;
}

body{
	margin: 0;
	padding: 0;
	min-width: 1020px;
	
	text-align: left;
	font-size: 85%;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	line-height: 100%;
	
	color: #333333;
	background-color: #ffffff;
}

#contents {
	margin: 0;
	padding: 0;
	min-width: 1020px;
	
	text-align: left;
	font-size: 85%;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	line-height: 100%;
	
	color: #333333;
	background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6, p, ul, li{
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
}

table, tr, th, td, form{
	margin: 0;
	padding: 0;

	border-collapse: collapse;
}

th, td{
	text-align: left;
	vertical-align: top;
}

img{
	border: 0;
	vertical-align: top;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}



/* contents
------------------------------------------------------------------------- */
#contents{
	margin: 0 0 60px 0;
}

#contents a{
	color: #33A552;
	outline: none;
}

#contents a:hover{
	color: #0C7227;
}
	#service .block .info .banner ul li a:hover,
	#service .block .info .event .box .img a:hover,
	#register .box .btn a:hover,
	#banner a:hover,
	
	#contents a:hover .hover,
	#contents .btn input:hover{
		opacity:0.7;
		filter: alpha(opacity=70);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=70)";  /* ie 8 */
		-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.7;              /* Safari 1.x */
		zoom:1;
	}

#contentsInner,
#contents .inner{
	width: 1000px;
	margin: 0 auto;
}

#contents select,
#contents input,
#contents textarea{
	padding: 6px;
	font-size: 14px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	line-height: 1.7em;
	border: 1px solid #cccccc;
	
}

#contents input[type='image']{
	padding: 0;
	border: 0;
}

#contents textarea{
	background-color: transparent;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFF),
		to(#FFF)
	);
	background: -moz-linear-gradient(
		top,
		#FFF,
		#FFF
	);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

#contents .last{margin: 0 !important;}

#contents .txtL{ text-align: left !important;}
#contents .txtC{ text-align: center !important;}
#contents .txtR{ text-align: right !important;}

#contents .fL{ float: left;}
#contents .fR{ float: right;}

#contents .mt0 { margin-top:0 !important;}
#contents .mt5 { margin-top:5px !important;}
#contents .mt10 { margin-top:10px !important;}
#contents .mt15 { margin-top:15px !important;}
#contents .mt20 { margin-top:20px !important;}
#contents .mt25 { margin-top:25px !important;}
#contents .mt30 { margin-top:30px !important;}
#contents .mt35 { margin-top:35px !important;}
#contents .mt40 { margin-top:40px !important;}
#contents .mt45 { margin-top:45px !important;}
#contents .mt50 { margin-top:50px !important;}
#contents .mt60 { margin-top:60px !important;}
#contents .mt70 { margin-top:70px !important;}
#contents .mt80 { margin-top:80px !important;}
#contents .mt90 { margin-top:90px !important;}
#contents .mt100 { margin-top:100px !important;}

#contents .mr0 { margin-right:0 !important;}
#contents .mr5 { margin-right:5px !important;}
#contents .mr10 { margin-right:10px !important;}
#contents .mr15 { margin-right:15px !important;}
#contents .mr20 { margin-right:20px !important;}
#contents .mr25 { margin-right:25px !important;}
#contents .mr30 { margin-right:30px !important;}
#contents .mr40 { margin-right:40px !important;}
#contents .mr50 { margin-right:50px !important;}

#contents .mb0 { margin-bottom:0 !important;}
#contents .mb5 { margin-bottom:5px !important;}
#contents .mb10 { margin-bottom:10px !important;}
#contents .mb15 { margin-bottom:15px !important;}
#contents .mb20 { margin-bottom:20px !important;}
#contents .mb25 { margin-bottom:25px !important;}
#contents .mb30 { margin-bottom:30px !important;}
#contents .mb35 { margin-bottom:35px !important;}
#contents .mb40 { margin-bottom:40px !important;}
#contents .mb45 { margin-bottom:45px !important;}
#contents .mb50 { margin-bottom:50px !important;}
#contents .mb60 { margin-bottom:60px !important;}
#contents .mb70 { margin-bottom:70px !important;}
#contents .mb80 { margin-bottom:80px !important;}
#contents .mb90 { margin-bottom:90px !important;}
#contents .mb100 { margin-bottom:100px !important;}

#contents .ml0 { margin-left:0 !important;}
#contents .mb3 { margin-bottom:3px !important;}
#contents .ml4 { margin-left:4px !important;}
#contents .ml5 { margin-left:5px !important;}
#contents .ml10 { margin-left:10px !important;}
#contents .ml15 { margin-left:15px !important;}
#contents .ml20 { margin-left:20px !important;}
#contents .ml25 { margin-left:25px !important;}
#contents .ml30 { margin-left:30px !important;}
#contents .ml40 { margin-left:40px !important;}
#contents .ml50 { margin-left:50px !important;}
#contents .ml60 { margin-left:60px !important;}

#contents .pt0 { padding-top:0 !important; }
#contents .pt5 { padding-top:5px !important; }
#contents .pt10 { padding-top:10px !important; }
#contents .pt15 { padding-top:15px !important; }
#contents .pt20 { padding-top:20px !important; }
#contents .pt25 { padding-top:25px !important; }
#contents .pt30 { padding-top:30px !important; }
#contents .pt35 { padding-top:35px !important; }
#contents .pt40 { padding-top:40px !important; }
#contents .pt45 { padding-top:45px !important; }
#contents .pt50 { padding-top:50px !important; }

#contents .pr5 { padding-right:5px !important; }
#contents .pr8 { padding-right:8px !important; }
#contents .pr10 { padding-right:10px !important; }
#contents .pr18 { padding-right:18px !important; }
#contents .pr30 { padding-right:30px !important; }
#contents .pr40 { padding-right:40px !important; }
#contents .pr50 { padding-right:50px !important; }
#contents .pr60 { padding-right:60px !important; }

#contents .pl5 { padding-left:5px !important; }
#contents .pl10 { padding-left:10px !important; }
#contents .pl50 { padding-left:50px !important; }

#contents .pb10 { padding-bottom:10px !important; }
#contents .pb20 { padding-bottom:20px !important; }
#contents .pb30 { padding-bottom:30px !important; }
#contents .pb40 { padding-bottom:40px !important; }
#contents .pb50 { padding-bottom:50px !important; }
#contents .pb60 { padding-bottom:60px !important; }

#contents .coBlack{ color: #333333;}
#contents .coRed{ color: #FF0505;}
#contents .coPink{ color: #f26666;}
#contents .coGreen{ color: #119934;}

/* table ---------------- */
#contents table{
	width: 100%;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
}

#contents table th,
#contents table td{
	padding: 20px 15px;
	font-size: 14px;
	line-height: 1.2em;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}
	#contents table th.noLineR,
	#contents table td.noLineR{border-right: none;}

	#contents table th.noLineB,
	#contents table td.noLineB{border-bottom: none;}

#contents table th{
	background: #c6ecd5;
}

#contents table td{
	background: #ffffff;
}


/* visual
------------------------------------------------------------------------- */
#mainVisual,
#subVisual{
	margin: 0 0 40px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* mainVisual */
#mainVisual{
	height: 260px;
}

#mainVisual .inner{
	height: 260px;
	position: relative;
}

#mainVisual .inner h1{
	position: absolute;
	top: 80px;
	left: 60px;
}

#mainVisual .inner p{
	color: #118C33;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	position: absolute;
	top: 120px;
	right: 85px;
}

/* subVisual */
#subVisual{
	height: 180px;
}

#subVisual .inner{
	padding: 80px 0 0 0;
}

#subVisual h1{
	padding: 0 45px 0 0;
	color: #118C33;
	text-align: right;
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;
}


/* Icon
------------------------------------------------------------------------- */
#contents .newsIcon{
	display: block;
	width: 88px;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	background: #cccccc url(../images/common/newsIcon.png) no-repeat 0 0;
	
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
	#contents .icon-cp{ background-color: #EDA805;}
	#contents .icon-news{ background-color: #119936;}
	#contents .icon-update{ background-color: #58B42F;}
	#contents .icon-important{ background-color: #EE4D4D;}
	#contents .icon-shop{ background-color: #A1C434;}
	#contents .icon-compe{ background-color: #FC7D58;}
	#contents .icon-trial{ background-color: #128BCD;}
	#contents .icon-easy{ background-color: #9DB02F;}
	#contents .icon-kids{ background-color: #C6BD13;}
	#contents .icon-junior{ background-color: #C6BD13;}
	#contents .icon-campus{ background-color: #91BCAB;}
	#contents .icon-youth{ background-color: #91BCAB;}
	#contents .icon-student{ background-color: #AD63B8;}
	#contents .icon-tour{ background-color: #D78B00;}
	#contents .icon-lesson{ background-color: #B57600;}
	#contents .icon-member{ background-color: #D1435B;}
	#contents .icon-event{ background-color: #DBC500;}

#contents .prefeIcon{
	display: block;
	width: 58px;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	background: #cccccc url(../images/common/prefeIcon.png) no-repeat 0 0;
}
	#contents .prefeIcon01{ background-color: #C64848;}
	#contents .prefeIcon02{ background-color: #AC5BA5;}
	#contents .prefeIcon03{ background-color: #3E97DF;}
	#contents .prefeIcon04{ background-color: #52AD92;}
	#contents .prefeIcon05{ background-color: #56A049;}
	#contents .prefeIcon06{ background-color: #ACB93C;}


/* newsList
------------------------------------------------------------------------- */
#newsList{
	margin: 0 0 40px 0;
	overflow: hidden;
}

/* titArea */
#newsList .titArea{
	float: left;
	width: 145px;
}

#newsList .titArea h2,
.detail #newsList .titArea h3{
	margin: 0 0 20px 0;
}

#newsList .titArea h2 span,
.detail #newsList .titArea h3 span{
	display: block;
	padding: 0 0 0 32px;
	font-size: 22px;
	font-weight: normal;
	line-height: 27px;
	background: url(../images/common/icon-note-gray.png) no-repeat 0 center;
}

#newsList .titArea .link{
	padding: 0 0 0 32px;
}

#newsList .titArea .link a{
	padding: 0 0 0 20px;
	font-size: 14px;
	line-height: 14px;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}

#newsList ul{
	float: right;
	padding: 2px 0 0 0;
	width: 855px;
}

#newsList ul li{
	margin: 0 0 15px 0;
	overflow: hidden;
}

#newsList ul li span{
	float: left;
	width: 618px;
	line-height: 20px;
	font-size:14px;
}
	#newsList ul li span.newsIcon{ margin: 0 14px 0 0;}
	#newsList ul li span.deta{ width: 135px; font-size: 14px;}
	#newsList ul li span.txt a{
		display: block;
		padding: 0 0 0 20px;
		font-size: 14px;
		line-height: 1.6em;
		background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left 3px;
	}


/* contList / banner
------------------------------------------------------------------------- */
#contList,
#banner{}

#contList ul,
#banner ul{
	overflow: hidden;
}

/* row1 ----------------- */

/* row2 ----------------- */
#contList ul.row2 li,
#banner ul.row2 li{
	float: left;
	width: 490px;
}

#contList ul.row2 li span.img,
#banner ul.row2 li span.img{
	display: block;
	margin: 0 0 15px 0;
	height: 160px;
}

#contList ul.row2 li span.txt,
#banner ul.row2 li span.txt{
	display: block;
	text-align: center;
}

#contList ul.row2 li span.txt span,
#banner ul.row2 li span.txt span{
	padding: 0 0 0 20px;
	font-size: 20px;
	line-height: 22px;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}
	#contList ul.row2 li a.externalLink span.txt span,
	#banner ul.row2 li a.externalLink span.txt span{ background-image: url(../images/common/icon-externalLink.png); }


/* row4 ----------------- */
#contList ul.row4 li,
#banner ul.row4 li{
	float: left;
	margin: 0 13px 0 0;
	width: 240px;
}

#contList ul.row4 li span.img,
#banner ul.row4 li span.img{
	display: block;
	margin: 0 0 10px 0;
	height: 90px;
	background: #f0f0f0;
	position: relative;
}

#contList ul.row4 li span.img span.flame,
#banner ul.row4 li span.img span.flame{
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/range/topBannerMask.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
}

#contList ul.row4 li span.txt,
#banner ul.row4 li span.txt{
	display: block;
	text-align: center;
}

#contList ul.row4 li span.txt span,
#banner ul.row4 li span.txt span{
	padding: 0 0 0 20px;
	font-size: 14px;
	line-height: 20px;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}

/* link ----------------- */
#contList .link{
	padding: 20px 0;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	
}

#contList .link ul{
	overflow: hidden;
}

#contList .link ul li a{
	font-size: 18px;
	line-height: 24px;
}

#contList .link ul li a span{
	display: inline-block;
	padding: 0 0 0 30px;
	background-position: left center;
	background-repeat: no-repeat;
}
	#contList .link ul li.iconNote a span{ background-image: url(../images/common/icon-note2.png);}
	#contList .link ul li.iconFaq a span{ background-image: url(../images/common/icon-faq.png);}

/* row1 ----------------- */
#contList .link ul.row1 li{
	padding: 10px 0;
	text-align: center;
}


/* row2 ----------------- */
#contList .link ul.row2 li{
	float: left;
	padding: 10px 0;
	margin: 0 !important;
	width: 500px;
	text-align: center;
}
	#contList .link ul.row2 li.link01{
		width: 499px;
		border-right: 1px solid #dddddd;
	}


/* row3　レディース　お問い合わせ追加ver.----------------- */

#contList .link ul.row3 li{
	float: left;
	padding: 10px 0;
	margin: 0 !important;
	width: 333px;
	text-align: center;
}
	#contList .link ul.row3 li.link01{
		width: 333px;
		border-right: 1px solid #dddddd;
	}

	#contList .link ul.row3 li.link02{
		width: 332px;
		border-right: 1px solid #dddddd;
	}

	#contList .link ul.row3 li.link03{
		width: 333px;
	}


/* form
------------------------------------------------------------------------- */
.form{}

/* contTit -------------- */
.form .contTit h2{
	margin: 0 0 30px 0;
}

.form .contTit p.txt1{
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 16px;
	line-height: 1em;
}

.form .contTit p.txt2{
	margin: 0 auto;
	width: 375px;
	font-size: 16px;
	line-height: 20px;
}

.form .contTit p.txt2 span{
	float: left;
	margin: 0 10px 0 0;
}

/* mandatory ------------ */
.form .mandatory{
	display: block;
	width: 48px;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	background: #119936 url(../images/common/formIcon.png) no-repeat 0 0;
	
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.form .hissu{
    float: right;
    font-weight: bold;
    color: red;}

/* formArea ------------ */
.form .formArea{
	margin: 0 0 60px 0;
}

.form .formArea table{
	margin: 0 0 50px 0;
}

.form .formArea table th{
	width: 240px;
	vertical-align: middle;
	font-weight: normal;
	line-height: 20px !important;
	position: relative;
}

.form .formArea table td{
	vertical-align: middle;	
}

.form .formArea .mandatory{
	margin: -10px 0 0 0;
	position: absolute;
	top: 50%;
	right: 20px;
}

.form .formArea table td{
	word-break: break-all;
}

/* formInput ------------ */
.form .formInput{}

/* formArea */
.form .formInput .formArea{}

.form .formInput .formArea table{}

.form .formInput .formArea table th,
.form .formInput .formArea table td{
	padding: 15px !important;
	text-align: left;
}

.form .formInput .formArea table input.tel{ width: 200px;}
.form .formInput .formArea table textarea.msg{ width: 500px;}

.form .formInput .formArea .btn{
	text-align: center;
}

.form .formInput .formArea .btn #button{
	text-indent: -9999px;
	width: 430px;
	height: 65px;
	border: none;
	background: transparent url(../images/common/btnSubmit.png) no-repeat 0 0;
	cursor: pointer;
}

.form .formInput .formArea .btn #back{
	padding: 0 0 0 20px; 
	color: #119934;
	text-align: left;
	font-size: 20px;
	line-height: 23px;
	border: none;
	background: transparent url(../images/common/icon-circle-arrowR-green.png) no-repeat left 3px;
	position: absolute;
	top: 21px;
	left: 20px;
	cursor: pointer;
}

.form .formInput .formArea .btn #conf{
	display: block;
	margin: 0 auto;
	width: 430px;
	height: 65px;
	text-indent: -9999px;
	border: none;
	background: transparent url(../images/common/btnSubmit2.png) no-repeat 0 0;
	cursor: pointer;
}

/* formConf ------------- */
.form .formConf{}

/* confArea */
.form .formConf .confArea p.txtArea{
	padding: 25px;
	margin: 0 0 40px 0;
	text-align: center;
	font-size: 16px;
	line-height: 1.7em;
	border: 1px solid #dddddd;
}

.form .formConf .confArea table th,
.form .formConf .confArea table td{
	padding: 10px 15px !important;
	text-align: left;
}
	.form .formConf .confArea table td{
		font-size: 14px;
		line-height: 1.6em !important;
	}

.form .formConf .confArea .btn{
	overflow: hidden;
	position: relative;
}

.form .formConf .confArea .btn #back{
	padding: 0 0 0 20px; 
	color: #119934;
	text-align: left;
	font-size: 20px;
	line-height: 23px;
	border: none;
	background: transparent url(../images/common/icon-circle-arrowR-green.png) no-repeat left 3px;
	position: absolute;
	top: 21px;
	left: 20px;
	cursor: pointer;
}

.form .formConf .confArea .btn #button{
	display: block;
	margin: 0 auto;
	width: 430px;
	height: 65px;
	text-indent: -9999px;
	border: none;
	background: transparent url(../images/common/btnSubmit2.png) no-repeat 0 0;
	cursor: pointer;
}

/* errorArea */
.form .formArea .errorArea{
	font-size: 14px;
	line-height: 1.6em;
}

.form .formArea .errorArea p.txtArea{
	text-align: center;
	margin: 0 0 1em 0;
	font-size: 16px;
	line-height: 1.7em;
}

.form .formArea .errorArea p.txtArea span{
	color: #FF5259;
}

.form .formArea .errorArea ul{
	padding: 20px;
	margin: 0 0 50px 0;
	border: 10px solid #eeeeee;
	position: relative;
}
	.form .formArea .errorArea ul:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: -10px;
		right: -10px;
	}

.form .formArea .errorArea ul li{
	line-height: 2em;
}

.form .formArea .errorArea .btn{
	text-align: center;
}

.form .formArea .errorArea .btn #back{
	width: 146px;
	height: 50px;
	text-indent: -9999px;
	border: none;
	background: transparent url(../images/common/btnBack.png) no-repeat 0 0;
	cursor: pointer;
}

/* formComp ------------- */
.form .formComp{}

.form .formComp .formArea{
	padding: 40px;
	text-align: center;
	border: 10px solid #eeeeee;
	position: relative;
}
	.form .formComp .formArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: -10px;
		right: -10px;
	}

.form .formComp .formArea h3{
	margin: 0 0 30px 0;
	color: #119933;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2em;
}

.form .formComp .formArea p{
	margin: 0 0 1.5em 0;
	font-size: 16px;
	line-height: 1.7em !important;
}

.form .formComp .formArea p a{
	text-decoration: underline;
}

.form .formComp .formArea .link{
	padding: 10px 0 0 0;
}

.form .formComp .formArea .link a{
	padding: 0 0 0 20px;
	font-size: 18px;
	line-height: 20px;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}