@charset "UTF-8";


/*-- Anchor -------------------------------------------------------------*/
a         { resize: none; text-decoration: none; }
a:link    { color: #2e8ece; }
a:visited { color: #2e8ece; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: none; }


/*-- Structure -------------------------------------------------------------*/

#wrapper {
}
header {
}
nav {
	clear: both;
	position: relative;
	width: 1020px;
	height: 60px;
	margin: 0 auto;
}
footer {
	clear: both;
	background: #413b3b;
}
#content {
	clear: both;
}
article {
}
section {
	clear: both;
	margin-bottom: 40px;
}
main {
	float: left;
	width: 690px;
}
aside {
	float: right;
	width: 310px;
}

/* list */
ol {
	list-style: inside decimal;
	margin: auto auto .75em;
}
ol li {
	margin: 0 0 .75em 1.3em;
	text-indent: -1.3em;
}
ol li:last-child {
	margin-bottom: 0;
}
.disc {
	list-style: inside disc;
	margin: auto auto .75em;
}
.disc li {
	margin: 0 0 .75em 1em;
	text-indent: -1em;
}
.disc li:last-child {
	margin-bottom: 0;
}

.disc2 {
	margin: auto auto .75em;
}
.disc2 li {
	margin: 0 0 .75em 1em;
	text-indent: -1em;
}
.disc2 li:before {
	content: '・';
}
.disc2 li:last-child {
	margin-bottom: 0;
}

.annotation {
	margin: auto auto .75em;
}
.annotation li {
	margin: 0 0 .75em 1.2em;
	text-indent: -1.2em;
}
.annotation li:before {
	content: '※';
	margin: 0 0.2em 0 0;
}
.annotation li:last-child {
	margin-bottom: 0;
}

/* pagetop */
#pagetop {
	position: fixed;
	z-index: 100;
	right: 10px;
	bottom: auto;
	width:87px;
}

.tbl01 {
}
.tbl01 th, .tbl01 td {
	vertical-align: top;
}
.tbl01 th {
}
.tbl01 td {
}
.tbl01 th{
	width: 25%;
	text-align: left;
}
.tbl01 td {
	width: 75%;
}

.ttl01 {
	clear: both;
	position: relative;
	padding: 10px;
	font-size: 2rem;
	color: #fff;
	background: url(../img/common/bg_ttl.jpg) 0 0 repeat;
	margin-bottom:20px;
	font-weight:normal;
}
.ttl01 span {
	display: block;
	padding-left: 12px;
	border-left: solid 8px #fff;
}
.ttl01 a {
	position: absolute;
	top: 7px;
	right: 10px;
	display: block;
}

.dl-news {
}
.dl-news dt {
	position: relative;
	margin: 0 0 6px;
	padding: 0 0 0 20px;
	line-height: 1;
}
.dl-news dt:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #d12d69;
}
.dl-news dt span {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 55px;
	margin: 0 0 0 10px;
	padding: 4px 0;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
}
.dl-news dt .cat-event {
	background-color: #ff8a00;
}
.dl-news dt .cat-news {
	background-color: #5f9e43;
}
.dl-news dt .cat-lesson {
	background-color: #d12d69;
}
.dl-news dt .cat-movie {
	background-color: #305196;
}
.dl-news dt .cat-gallely {
	background-color: #ef6e95;
}
.dl-news dd {
	margin: 0 0 14px;
	padding: 0 0 9px 20px;
	font-size: 1.4rem;
	border-bottom: dotted 1px #ccc;
}
.dl-news dd a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.dl-news dd a:hover {
	color: #d12d69;
}

.btn01 {
	margin: auto;
}
.btn01 a {
	display: block;
	padding: 7px;
	text-decoration: none;
	text-align: center;
	color: #f6357a;
	border: solid 1px #f6357a;
}
.btn01 a:hover {
	color: #fff;
	background: #f6357a;
}
.btn02 {
}
.btn02 a {
	display: block;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90c400+0,7a9b19+100 */
	background: #90c400; /* Old browsers */
	background: -moz-linear-gradient(top,  #90c400 0%, #7a9b19 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #90c400 0%,#7a9b19 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #90c400 0%,#7a9b19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c400', endColorstr='#7a9b19',GradientType=0 ); /* IE6-9 */
	border: solid 1px #789b19;
	border-radius: 6px;
}

/*-- Header ----------------------------------------------------------------*/
#in-header {
	width: 1020px;
	margin: 0 auto;
	padding: 10px 0 15px;
	background: url(../img/common/h_bg.png) center bottom no-repeat;
}
#in-header h1 {
	margin: 5px 0 10px;
	font-weight: normal;
	font-size: 1.2rem;
}
#in-header a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}
#in-header a:hover {
	color: #d12d69;
}
#in-header .fltR .alR {
	margin-bottom: 10px;
}
#in-header .fltR span {
	display: inline-block;
	vertical-align: top;
	line-height: 27px;
}
#in-header .fltR .ico01 a, #in-header .fltR .ico02 a {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#in-header .fltR .ico01 a {
	padding-left: 22px;
	background: url(../img/common/h_schejule.png) 0 0 no-repeat;
}
#in-header .fltR .ico02 a {
	padding-left: 22px;
	background: url(../img/common/h_lock.png) 0 0 no-repeat;
}
#in-header .fltR .ico01, #in-header .fltR .ico02 {
	padding: 2px 0 0;
}
#in-header .fltR .ico02 {
	margin-left: 8px;
	margin-right: 8px;
}

.h_logo img {
	width:319px;
	height:55px;
}


/*-- Nav -------------------------------------------------------------------*/
#in-nav {
	position: absolute;
	top: 0;
	left: 0;
}
#in-nav li {
	float: left;
	height: 60px;
}
#in-nav .nav-toggle div {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 0\9;
	max-height: 0;
	overflow: hidden;
	background: #333;
}
#in-nav .nav-toggle:hover div {
	height: 140px\9;
	max-height: 140px;
}
#in-nav .nav-toggle div a {
	display: block;
	padding: 10px 20px;
	font-size: 1.2rem;
	color: #fff;
}
#in-nav .nav-toggle div a:first-child {
	border-bottom: solid 1px rgba(255,255,255,.25);
}

#in-nav li:nth-child(1)  img{
	width:75px;
	height:60px;
}
#in-nav li:nth-child(2)  img{
	width:153px;
	height:60px;
}
#in-nav li:nth-child(3)  img{
	width:119px;
	height:60px;
}
#in-nav li:nth-child(4)  img{
	width:163px;
	height:60px;
}
#in-nav li:nth-child(5)  img{
	width:119px;
	height:60px;
}
#in-nav li:nth-child(6)  img{
	width:124px;
	height:60px;
}
#in-nav li:nth-child(7) img {
	width:137px;
	height:60px;
}
#in-nav li:nth-child(8) img {
	width:130px;
	height:60px;
}



/*-- Footer ----------------------------------------------------------------*/
#in-footer {
	width: 1020px;
	margin: 0 auto;
	padding: 20px 0 5px;
	color: #fff;
	background: url(../img/common/f_bg.jpg) 0 5px no-repeat;
}
#in-footer .fltL, #in-footer .fltR {
	margin-bottom: 60px;
}
#in-footer .fltR {
	text-align: right;
}
#in-footer .fltR ul {
	display: inline-block;
	margin-left: 15px;
	vertical-align: top;
	text-align: left;
	font-size: 1.2rem;
}
#in-footer .fltR ul li {
	margin: 0 0 6px;
	padding-left: 18px;
	background: url(../img/common/dot_arrow.png) 0 center no-repeat;
}
#in-footer .fltR ul li a {
	color: #fff;
}

#in-footer #copyright {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
}


/*-- Aside -----------------------------------------------------------------*/
.in-aside {
	clear: both;
	margin: 0 0 15px;
}

.side-uketsuke {
	position: relative;
	height: 173px;
	background: url(../img/common/lesson_side_btn.png) 0 0 no-repeat;
}
.side-uketsuke .posAb {
	z-index: 100;
}
.side-uketsuke .posAb.nittei {
	top: 94px;
	right: 10px;
}
.side-uketsuke .posAb.yoyaku {
	bottom: 6px;
	right: 10px;
}

.side-classroom {
	position: relative;
	height: 91px;
	background: url(../img/common/side_shop_btn_bg.png) 0 0 no-repeat;
}
.side-classroom .posAb.funabashi {
	bottom: 14px;
	left: 15px;
}
.side-classroom .posAb.gyotoku {
	bottom: 14px;
	right: 15px;
}

.side-banner {
}
.side-banner li {
	margin-bottom: 15px;
}
.side-tw {
	border: 1px solid rgba(15,70,100,.12);
	border-radius: 4px;
}

.side-nav {
	border: solid 1px #fae3eb;
}
.side-nav h5 {
	padding: 10px;
	line-height: 1.4;
	font-size: 1.5rem;
	background: #fae3eb;
}
.side-nav h5 span {
	padding: 0 0 0 7px;
	border-left: solid 5px #ef6e95;
}
.side-nav ul li:not(:last-child) {
	border-bottom: solid 1px #fae3eb;
}
.side-nav ul li a {
	position: relative;
	display: block;
	padding: 10px 15px 10px 30px;
	text-decoration: none;
	color: #333;
	border: solid 1px transparent;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.side-nav ul li a:before {
	content: '';
	position: absolute;
	top: 16px;
	left: 15px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #ef6e95;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.side-nav ul li a:hover {
	color: #fff;
	background: #ef6e95;
	border: solid 1px #fff;
}
.side-nav ul li a:hover:before {
	border-color: transparent transparent transparent #fff;
}

/*-- Content ---------------------------------------------------------------*/
#in-content {
	width: 1020px;
	margin: 15px auto 60px;
}
#breadcrumbs {
	margin: 0 0 13px;
	font-size: 1.2rem;
}
#breadcrumbs span a {
	color: #333;
}
#breadcrumbs span:not(:last-child):after {
	content: '\003e';
	position: relative;
	top: -1px;
	margin-left: 5px;
	margin-right: 2px;
}
#breadcrumbs span:last-child {
	color: #ee4d81;
}

.in_section {
	margin:0 10px 20px;
}

.rImg {
	width:40%;
	margin:0 0 10px 20px;
	float:right;
}

.lImg {
	width:40%;
	margin:0 20px 10px 0;
	float:left;
}

h3.sub_copy {
	font-size:21px;
	color:#c54f4f;
	margin-bottom:10px;
	font-weight:normal;
}

.fContact {
	background:url(../img/second/f_contact_bg.png) 0px 0px no-repeat;
	background-size:cover;
	width:580px;
	height:120px;
	margin:0 55px 20px 55px;
	position:relative;
}

.fContact_btn {
	position:absolute;
	width:168px;
	top:63px;
	right:14px;
}

/**
 * レッスンプログラム
 * ----------------------------------------------------------------------------
 */
 .classTbl {
	 margin-bottom:20px;
 }
 .classTbl th {
	 padding:10px 10px;
	 font-size:16px;
	 background:#fbe8ee;
	 border:#c8c8c8 1px solid;
	 vertical-align:middle
 }
 
 .classTbl th.sub_tbl_th {
	 padding:10px 20px;
 }
	 
 .classTbl td {
	 padding:10px;
	 font-size:16px;
	 border:#c8c8c8 1px solid;
 }
 
 	.classTbl td.tblprice {
		text-align:center;
		vertical-align:middle;
		font-size:21px;
		font-weight:bold;
	}
	
	.classTbl td.tblprice span {
		font-size:14px;
		font-weight:normal;
	}
	
	.classTbl td.tblText {
		font-size:12px;
		vertical-align:middle;
	}
	
	.classTbl td p.tblText02 {
		font-size:13px;
	}
	
	.classTbl td.tblbtnArea {
		padding:5px;
		text-align:center
	}
	
	.classgaiyo {
		position:relative;
		height:250px;
	}
	
	.classLinkBtn {
		width:132px;
		height:30px;
		text-align:center;
		color:#fff;
		background:#f6357a;
		font-size:13px;
		margin-bottom:0px;
		line-height:30px;
		position:absolute;
		bottom:10px;
	}
	
	.classLinkBtn a {
		display:block;
	}
	
	.classLinkBtn a:link,.classLinkBtn a:visited {
		text-decoration:none;
		color:#fff;
	}
	
	.classLinkBtn a:hover,.classLinkBtn a:active {
		text-align:center;
		color:#f6357a;
		background:#fff;
		font-size:13px;
		margin-bottom:0px;
		line-height:30px;
		border:1px solid #f6357a;
		text-decoration:none;
	}
	
	.yen {
		font-size:0.9em;
		font-weight:normal;
		margin-left:5px;
	}
	
	.text_small_list li {
		font-size:13px;
		margin-bottom:5px;
	}


.senka_box {
	border-bottom:#DEDEDE 1px solid;
	padding:20px 0;
}

.senka_box .fltL img { width:200px; }

.senka_box:first-child {
	border-top:#DEDEDE 1px solid;
}
	.senka_fltR {
		float: right;
		width: 450px;
	}
	.senka_fltR ul li {
		border-bottom:#DEDEDE 1px solid;
		padding: 10px;
	}
	
	.senka_fltR ul li:first-child {
		vertical-align: middle;
	}
	.senka_fltR ul li:last-child {
		border-bottom: none;
		padding-bottom: 0 !important;
	}
	
	.senka_ttl {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 0 10px;
		font-weight:bold;
		font-size: 21px;
	}
	.senka_ttl2 {
		margin: 0;
		font-weight:bold;
		font-size: 21px;
	}
	
	span.senka_icon01 {
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		padding: 2px 10px;
		font-weight: normal;
		font-size: 14px;
		color: #fff;
		background: #282828;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.pink_link_btn {
		float:right;
		width:132px;
		height:30px;
		text-align:center;
		color:#fff;
		background:#f6357a;
		font-size:13px;
		margin-bottom:0px;
		line-height:30px;
	}

		.pink_link_btn a {
			display:block;
		}
		
		.pink_link_btn a:link,.pink_link_btn a:visited {
			text-decoration:none;
			color:#fff;
		}
		
		.pink_link_btn a:hover,.pink_link_btn a:active {
			text-align:center;
			color:#f6357a;
			background:#fff;
			font-size:13px;
			margin-bottom:0px;
			line-height:30px;
			border:1px solid #f6357a;
			text-decoration:none;
		}

		span.senka_icon02 {
			display: inline-block;
			width: 100px;
			margin-right: 16px;
			padding: 2px 0;
			text-align: center;
			vertical-align: middle;
			font-weight: normal;
			font-size: 13px;
			color: #fff;
			background: #282828;
		}
		
		.senka_ttl_kai {
			font-weight: normal;
			font-size: 16px;
		}


.btn-lesson-schedule div {
	margin: 0 0 15px;
}
.btn-lesson-schedule div a {
	display: block;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90c400+0,7a9b19+100 */
	background: #90c400; /* Old browsers */
	background: -moz-linear-gradient(top,  #90c400 0%, #7a9b19 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #90c400 0%,#7a9b19 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #90c400 0%,#7a9b19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c400', endColorstr='#7a9b19',GradientType=0 ); /* IE6-9 */
	border: solid 1px #789b19;
	border-radius: 6px;
}
.btn-lesson-schedule2 div {
	margin: 0 0 15px;
}
.btn-lesson-schedule2 div a {
	display: block;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #fff;
	background: #fb405a;
	background: -moz-linear-gradient(top, #fb405a 0%, #ac2235 100%);
	background: -webkit-linear-gradient(top, #fb405a 0%,#ac2235 100%);
	background: linear-gradient(to bottom, #fb405a 0%,#ac2235 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb405a', endColorstr='#ac2235',GradientType=0 );
	border: solid 1px #a73a18;
	border-radius: 6px;
}

.fltL.btn-lesson-schedule {
	clear: none;
	width: 47%;
	margin-left: 10px;
}
.fltR.btn-lesson-schedule2 {
	clear: none;
	width: 47%;
	margin-right: 10px;
}


/**
 * キッズクラス
 * ----------------------------------------------------------------------------
 */
 
 .merit_ttl {
	 font-size:24px;
	 text-align:center;
	 border-radius:24px;
	 background:#eb6d95;
	 padding:5px 20px;
	 color:#fff;
 }
 
 .kids_merit_box li {
	 float:left;
	 width:200px;
	 margin-right:20px;
 }
 .kids_merit_box li:first-child {
	 margin-left:15px;
 }
 .kids_merit_box li:last-child {
	 margin-right:15px !important;
 }
 
 .k_m_b_Ttl {
	 text-align:center;
	 color:#f6357a;
	 font-size:18px;
	 font-weight:600;
 }
 
 .kids_merit_box02 {
	 margin-bottom:40px;
 }
 
 .kids_merit_box02 li {
	 float:left;
	 width:310px;
 }
 .kids_merit_box02 li:first-child {
	 margin-right:50px;
 }
 
 .k_m_b02_ttl {
	 background:#eb6d95;
	 padding:5px 20px;
	 border-radius:8px 8px 0 0;
	 text-align:center;
	 font-size:18px;
	 color:#fff;
 }
 


/**
 * エイサー
 * ----------------------------------------------------------------------------
 */
 .class_copy {
	 font-size:24px;
	 color:#eb6d95;
 }
 
 .eiser_merit_box li {
	 width:325px;
	 float:left;
 }
 .eiser_merit_box li:nth-child(2n) {
	 margin-left:20px;
 }
 
  .eiser_merit_box li dl {
	  margin-bottom:10px;
  }
 
 .eiser_merit_box li dl dt {
	 background:#eb6d95;
	 width:60px;
	 height:35px;
	 float:left;
	 color:#fff;
	 line-height:20px;
	 text-align:center;
	 line-height:1.2em;
	 padding-top:5px;
 }
 .eiser_merit_box li dl dt span {
	 font-size:18px;
 }
 .eiser_merit_box li dl dd {
	 background:#fbe3ea;
	 float:left;
	 width:245px;
	 height:40px;
	 padding-left:20px;
	 font-size:18px;
	 line-height:40px;
	 font-weight:bold;
 }
 
 .eiser_merit_box li p {
	 height:120px;
 }
	 

/**
 * エイサー
 * ----------------------------------------------------------------------------
 */
 .classTbl02 {
	 width:100%;
	 margin-bottom:40px;
 }
 
.classTbl02 th {
	background:#dcdcdc;
	border:#c8c8c8 1px solid;
	padding:10px
}

.classTbl02 td {
	background:#fff;
	border:#c8c8c8 1px solid;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}

/**
 * レギュラークラス
 * ----------------------------------------------------------------------------
 */
 
 .month_ttl {
	 font-size:16px;
	 font-weight:bold;
	 padding-left:20px;
	 border-left:#D02C68 5px solid;
 }


/**
 * 入会について
 * ----------------------------------------------------------------------------
 */
 
 .f_step01 {
	 background:url(../img/second/step01.png) 0px 0px no-repeat;
	 height:60px;
	 width:670px;
	 font-size:21px;
	 padding-left:120px;
	 line-height:60px;
	 margin-bottom:20px;
 }

 .f_step02 {
	 background:url(../img/second/step02.png) 0px 0px no-repeat;
	 height:60px;
	 width:670px;
	 font-size:21px;
	 padding-left:120px;
	 line-height:60px;
	 margin-bottom:20px;
 }
 
  .f_step03 {
	 background:url(../img/second/step03.png) 0px 0px no-repeat;
	 height:60px;
	 width:670px;
	 font-size:21px;
	 padding-left:120px;
	 line-height:60px;
	 margin-bottom:20px;
 }
  .f_step04 {
	 background:url(../img/second/step04.jpg) 0px 0px no-repeat;
	 height:60px;
	 width:670px;
	 font-size:21px;
	 padding-left:120px;
	 line-height:60px;
	 margin-bottom:20px;
 }
  
 /**
 * 講師
 * ----------------------------------------------------------------------------
 */
 
 .koushi_box li {
	 width:200px;
	 float:left;
	 margin-right:35px;
 }
 
 .koushi_box li:nth-child(3n) {
	 margin-right:0px;
 }
 
 .kouchi_ttl {
	 color:#f6357a;
	 font-size:18px;
	 font-weight:bold;
 }
 
  /**
 * FAQ
 * ----------------------------------------------------------------------------
 */
 
 .faq_box {
	 margin:0 10px 20px;
	 padding:10px;
	 border-radius:6px;
	 border:#e8f5f6 3px solid;
 }
 
 .faq_box dt {
	 background:url(../img/second/icon_q.png) 0px 0px no-repeat;
	 padding-left:60px;
	 font-size:18px;
	 font-weight:bold;
	 min-height:45px;
	 margin-bottom:10px;
	 border-bottom:#e8f5f6 3px solid;
	 padding-top:10px;
 }
 .faq_box dd {
	 background:url(../img/second/icon_a.png) 0px 0px no-repeat;
	 padding-left:60px;
	 min-height:45px;
 }
 
   /**
 * アクセス
 * ----------------------------------------------------------------------------
 */
 
 #access_page .tab-button {
	 border-bottom:#f06598 4px solid;
	 margin:0 10px 20px;
 }
 
#access_page .tab-button li {
	 background:#b8b8b8;
	 font-size:18px;
	 text-align:center;
	 width:335px;
	 height:50px;
	 line-height:50px;
	 float:left;
	 color:#fff;
 }
 
  #access_page .tab-button li a {
	  display:block;
	  color:#fff;
  }
  
	#access_page .tab-button li a         { resize: none; text-decoration: none; }
	#access_page .tab-button li a:link    { text-decoration: none;  }
	#access_page .tab-button li a:visited { text-decoration: none;  }
	#access_page .tab-button li a:hover   { text-decoration: none; background:#f06598; }
	#access_page .tab-button li a:active  { text-decoration: none; }
 
 #access_page .tab-button li.tab_selected {
	 background:#f06598;
	 font-size:18px;
	 text-align:center;
	 width:335px;
	 height:50px;
	 line-height:50px;
	 color:#fff;
	 position:relative;
 }
 
 	 #access_page .tab-button li.tab_selected:after {
		 	content:"";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 17.5px 0 17.5px;
			border-color: #f06598 transparent transparent transparent;
			position:absolute;
			top:50px;
			left:150px;
	 }
		 
 
 .access_map_ttl {
	 background:url(../img/second/icon_map.png) 0px 0px no-repeat;
	 height:45px;
	 font-size:18px;
	 border-bottom:#b8b8b8 2px solid;
	 padding-bottom:10px;
	 margin-bottom:20px;
 }

	.access_map_ttl span {
	 border-bottom:#f06598 2px solid;
	 line-height:45px;
	 padding-left:60px;
	 padding-bottom:19px;
	 }

.access_name {
	font-size:24px;
	border-bottom:#b8b8b8 1px solid;
	margin-bottom:10px;
	padding:0 10px;
}

.access_tel {
	background:url(../img/second/icon_tel.png) 0px 5px no-repeat;
	font-size:24px;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	padding-left:30px;
	line-height:13px;
	padding-top:10px;
}

	.access_tel span {
		font-size:10px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:normal;
	}

.access_tel_box {
	border-bottom:#b8b8b8 1px solid;
	margin-bottom:10px;
	padding:0 10px 5px;
}

.line_text {
	padding-left:20px;
}

	.line_text p:nth-child(1) {
		background:url(../img/second/icon_musashino_line.png) 0px 0px no-repeat;
		padding-left:25px;
	}
 	.line_text p:nth-child(2) {
		background:url(../img/second/icon_keisei_line.png) 0px 0px no-repeat;
		padding-left:25px;
	}

.line_text02 {
	padding-left:20px;
}

	.line_text02 p:nth-child(1) {
		background:url(../img/second/icon_touzai_line.png) 0px 0px no-repeat;
		padding-left:25px;
	}

 .access_map_ttl02 {
	 background:url(../img/second/icon_michi.png) 0px 0px no-repeat;
	 height:51px;
	 font-size:18px;
	 border-bottom:#b8b8b8 2px solid;
	 padding-bottom:10px;
	 margin-bottom:20px;
 }

	.access_map_ttl02 span {
	 border-bottom:#f06598 2px solid;
	 line-height:45px;
	 padding-left:60px;
	 padding-bottom:25px;
	 }



.access-directions-wrap {
	margin: 0 10px 20px;
}
.access-directions-wrap .center {
	width: 480px;
	margin: 0 auto 40px;
}
.access-directions-wrap .fltL, .access-directions-wrap .fltR {
	width: 310px;
}
.access-directions-wrap .fltL h4, .access-directions-wrap .fltR h4 {
	font-weight: normal;
}

.access-directions-wrap .center h4 {
	text-align:center;
	font-size:16px;
	color:#fff;
	height:50px;
	width:480px;
	background: url(../img/second/line_circle.png) 35px 13px no-repeat #0296fe;
	position:relative;
	line-height:50px;
	margin-bottom:20px;
}
.access-directions-wrap .center h4:after {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 17.5px 0 17.5px;
	border-color: #0296fe transparent transparent transparent;
	position:absolute;
	top:50px;
	left:220px;
}

.access-directions-wrap .fltL h4 {
	text-align: center;
	font-size: 16px;
	color: #fff;
	height: 50px;
	width: 315px;
	background: url(../img/second/line_circle.png) 35px 13px no-repeat #fe4902;
	position: relative;
	line-height: 50px;
	margin-bottom: 20px;
}
.access-directions-wrap .fltL h4:after {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 17.5px 0 17.5px;
	border-color: #fe4902 transparent transparent transparent;
	position:absolute;
	top:50px;
	left:140px;
}

.access-directions-wrap .fltR h4 {
	text-align:center;
	font-size:16px;
	color:#fff;
	height:50px;
	width:315px;
	background: url(../img/second/line_circle.png) 35px 13px no-repeat #065bae;
	position:relative;
	line-height:50px;
	margin-bottom:20px;
}
.access-directions-wrap .fltR h4:after {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 17.5px 0 17.5px;
	border-color: #065bae transparent transparent transparent;
	position:absolute;
	top:50px;
	left:140px;
}

.access-directions-inner {
	counter-reset: directions-num;
}
.access-directions-inner dl {
	counter-increment: directions-num;
}
.access-directions-inner dl dt {
	display: table;
	margin: 0 0 10px;
}
.access-directions-inner dl dt span {
	display: table-cell;
	vertical-align: middle;
	width: 280px;
	padding: 10px;
}
.access-directions-inner dl dt:before {
	content: counter(directions-num);
	display: table-cell;
	width: 30px;
	padding: 10px 0;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.access-directions-inner dl dd {
	margin: 0 0 20px;
	text-align: center;
}
.access-directions-inner dl dd span {
	display: block;
	padding: 10px;
}


.access-directions-wrap .center .access-directions-inner dl dt span {
	width: 430px;
}

.access-directions-wrap .fltL .access-directions-inner dl dt:before {
	background: #fe4902;
}
.access-directions-wrap .fltL .access-directions-inner dl dt span {
	background: #fed5c5;
}
.access-directions-wrap .fltL .access-directions-inner dl dd {
	background: #fed5c5;
}

.access-directions-wrap .fltR .access-directions-inner dl dt:before {
	background: #065bae;
}
.access-directions-wrap .fltR .access-directions-inner dl dt span {
	background: #cee5fb;
}
.access-directions-wrap .fltR .access-directions-inner dl dd {
	background: #cee5fb;
}


.access-directions-wrap .center .access-directions-inner dl dt:before {
	background: #fe4902;
}
.access-directions-wrap .center .access-directions-inner dl dt span {
	background: #fed5c5;
}
.access-directions-wrap .center .access-directions-inner dl dd {
	background: #fed5c5;
}

.access-directions-wrap .center .access-directions-inner dl dt:before {
	background: #0296fe;
}
.access-directions-wrap .center .access-directions-inner dl dt span {
	background: #e2f3ff;
}
.access-directions-wrap .center .access-directions-inner dl dd {
	background: #e2f3ff;
}



  /**
 * 会員の声
 * ----------------------------------------------------------------------------
 */
 
 .voice_box {
	 border-bottom:#DCDCDC 1px dotted;
	 padding-bottom:10px;
	 margin-bottom:10px;
 }
 
 .voice_ttl {
	 font-size:18px;
	 font-weight:bold;
	 padding:10px 10px 0;
	 border-bottom:#EDEDED 1px solid;
	 margin-bottom:10px;
	 line-height:40px;
 }
 
 .voice_text {
	 width:516px;
	 padding:0 10px;
 }
 
 .men_voice {
	 background:#cfeffe;
	 padding:2px 5px;
	 font-size:12px;
	 font-weight:normal;
	 margin-left:20px;
	 line-height:40px;
 }
 
  .women_voice {
	 background:#f7e8f1;
	 padding:2px 5px;
	 font-size:12px;
	 font-weight:normal;
	 margin-left:20px;
	 line-height:40px;
 }

 
/**
 * 出張演奏
 * ----------------------------------------------------------------------------
 */
 
 .ensou_box {
	 border:#c54f4f 1px solid;
	 border-radius:6px;
	 padding:20px;
	 margin:0 10px 20px;
 }
 
 .profile_box {
	 margin-bottom:20px;
	 padding-bottom:20px;
	 border-bottom:#DCDCDC 1px dotted;
 }
	 
 
 .pro_text {
	 width:452px;
 }
 
 .pro_ttl {
	 font-size:18px;
	 font-weight:bold;
 }

 .trip_price {
	 margin-bottom:20px;
 }
 .trip_price dt {
	 background:#eb6d95;
	 color:#fff;
	 padding:20px;
	 font-size:18px;
	 float:left;
 }

 .trip_price dd {
	 background:#fce4ed;
	 padding:20px;
	 font-size:18px;
	 float:left;
 }
 
 .trip_list {
	 margin-bottom:20px;
 }
 
 .trip_list li {
	 background:url(../img/common/arrow_pink.png) 0px 5px no-repeat;
	 padding-left:15px;
	 margin-bottom:5px;
 }
 
 .fContact02 {
	background:url(../img/second/f_contact_trip.png) 0px 0px no-repeat;
	width:580px;
	height:120px;
	margin:0 55px 20px 55px;
	position:relative;
}

/**
 * レッスンスケジュール
 * ----------------------------------------------------------------------------
 */

.ex-table-wrap {
	margin: 0 10px 20px;
}
.ex-table-wrap .fltL, .ex-table-wrap .fltR {
	width: 315px;
}
.ex_sub_ttl {
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	background: #EF6E95;
}
.ex_sub_ttl02 {
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	background: #9D84AC;
}
.ex_sub_ttl03 {
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	background: #F0C44D;
}


 .le_list_btn {
	 margin:0 20px 20px;
 }
 
 .le_list_btn li {
	 width:208px;
	 height:60px;
	 margin-right:10px;
	 font-size:16px;
	 text-align:center;
	 line-height:60px;
	 float:left;
 }
 
 .le_list_btn li:first-child {
	 border:#EF6E95 1px solid;
 }
 .le_list_btn li:nth-child(2) {
	 border:#9D84AC 1px solid;
 }
 .le_list_btn li:last-child {
	 border:#F0C44D 1px solid;
 }

 
 .le_list_btn li a {
	 display:block;
 }
 
  	.le_list_btn li a         { resize: none; text-decoration: none; }
	.le_list_btn li a:link    { text-decoration: none; color:#666;  }
	.le_list_btn li a:visited { text-decoration: none; color:#666;  }
	.le_list_btn li:first-child a:hover   { text-decoration: none; color:#FFFFFF; background:#EF6E95; }
	.le_list_btn li:nth-child(2) a:hover   { text-decoration: none; color:#FFFFFF; background:#9D84AC; }
	.le_list_btn li:last-child a:hover   { text-decoration: none; color:#FFFFFF; background:#F0C44D; }
	.le_list_btn li a:active  { text-decoration: none; color:#666; }

 
 	.le_list_btn li:last-child {
		margin-right:0px;
	}
		
 
 .ex_ttl {
	 background:#FAE3EB;
	 border-left:#EF6E95 8px solid;
	 padding:10px 10px 10px 15px;
	 font-size:16px;
	 font-weight:bold;
	 margin-bottom:20px;
 }
 
  .ex_ttl02 {
	 background:#F2E6FF;
	 border-left:#9D84AC 8px solid;
	 padding:10px 10px 10px 15px;
	 font-size:16px;
	 font-weight:bold;
	 margin-bottom:20px;
 }
 
  .ex_ttl03 {
	 background:#FFFFE1;
	 border-left:#F0C44D 8px solid;
	 padding:10px 10px 10px 15px;
	 font-size:16px;
	 font-weight:bold;
	 margin-bottom:20px;
 }

.ex_le_tbl {
	/*width: 315px;*/
	width:100%; 
}
.ex_le_tbl th {
	background: #FAE3EB;
	padding: 10px;
	border: #FFC8E3 1px solid;
}
.ex_le_tbl td {
	padding: 10px;
	border: #FFC8E3 1px solid;
	text-align: center;
}
tr.sat td {
	background: #EEF7FF;
}
tr.sun td {
	background: #FFF0F0;
}
tr.grey td {
	background: #f4f4f4;
}

a.ex_btn {
	display: block;
	width: 90px;
	margin:0 auto;
	height: 20px;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	background: #33CC66;
	border-radius: 2px;
}
a.ex_btn:hover {
	color: #fff;
	background: #f06598;
}

a.ex_btn_grey {
	display: block;
	width: 90px;
	margin:0 auto;
	height: 20px;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	background: #ccc;
	border-radius: 2px;
}

.ex_le_tbl02 {
	width:650px;
	margin-left:10px;
	margin-bottom:20px;
}
.ex_le_tbl02 th {
	background:#FAE3EB;
	padding:10px;
	border:#FFC8E3 1px solid;
	vertical-align:middle;
}
.ex_le_tbl02 td {
	padding:10px;
	border:#FFC8E3 1px solid;
	text-align:center;
	vertical-align:middle;
}

 
/*-- 個人情報保護方針 ------------------------------------------------------------------*/
#privacy dt {
	margin: 1em 0;
	padding: 0.75em 1.15em;
	border-left: solid 0.6em #f6357a;
	background: #f4f4f4;
}


/*-- サイトマップ ----------------------------------------------------------------------*/
.list-sitemap {
	padding: 0 12px;
}
.list-sitemap li {
	margin: 1em 0;
	border-left: solid 0.6em #f6357a;
}
.list-sitemap li a {
	display: block;
	padding: 0.75em 1.15em;
	text-decoration: none;
	color: #f6357a;
	background: #f4f4f4;
}
.list-sitemap li a:hover {
	color: #fff;
	background: #f6357a;
}


/*-- Form ------------------------------------------------------------------*/
#btn-submit-container {
	clear: both;
	margin: 20px auto;
	text-align: center;
}
#msg-thanks {
	margin: 0 auto 200px;
}

.form-inquiry th, .form-inquiry td {
	vertical-align: top;
}
.form-inquiry em {
	margin: 0 0.2em;
	color: #c0392b;
}


.thanks-ttl {
	margin-bottom: 20px;
	line-height: 20px;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 18px;
	color: #f06598;
	border-bottom: #b8b8b8 2px solid;
}
.thanks-ttl span {
	line-height: 20px;
	padding-bottom: 7px;
	border-bottom: #f06598 2px solid;
}

.thanks-flow dl {
	counter-increment: merit-count;
	margin-bottom: 18px;
	padding-bottom: 18px;
	background: url(../img/flow_arrow.png) center bottom no-repeat;
	background-size: 220px auto;
}
.thanks-flow dl:last-child {
	padding-bottom: 0;
	background: none;
}
.thanks-flow dl dt {
	margin: 0 0 10px;
	background: #fbe3ea;
	border-radius: 6px;
}
.thanks-flow dl dt span {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	font-size: 15px;
}
.thanks-flow dl dt:before {
	content: '0' counter(merit-count);
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #eb6d95;
	border-radius: 6px 0 0 6px;
}
.thanks-flow dd {
}


@media screen and (max-width: 767px) {
	.form-inquiry th,	.form-inquiry td {
		display: list-item;
	}
}
@media screen and (min-width: 768px) {
	.form-inquiry th {
		width: 25%;
		text-align: left;
	}
	.form-inquiry td {
		width: 75%;
	}
}

/*-- Input -----------------------------------------------------------------*/
/* WP パスワード保護スタイル */
.btn-login {
	padding-top: 3px;
	padding-bottom: 3px;
	color:#fff;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,e73827+100 */
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #e73827 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
}
.passwd-length {
	width: 280px;
}


input, textarea, select, button {
	font-family: "メイリオ", meiryo, Verdana, sans-serif;
}

/* appearance */
input:not(input[type=radio]):not(input[type=checkbox]), input::-webkit-file-upload-button, select, textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* scale */
input[type=radio], input[type=checkbox] {
	display: inline-block;
	margin: -0.35em 0.5em auto auto;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transition: scale(1.2);
	-o-transition: scale(1.2);
	transform: scale(1.2);
}

input[type=submit], input[type=button] {
	display: inline-block;
	cursor: pointer;
	border: none;
	-webkit-transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	-ms-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}

input[type=submit]:hover, input[type=button]:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
}

.label-pointer {
	display: inline-block;
	margin: 0 12px 2px 0;
	cursor: pointer;
}
.label-pointer input {
	position: relative;
	top: 2px;
}

.btn-confirm, .btn-submit, .btn-back {
	margin: 0 auto;
	text-align: center;
	font-family: "メイリオ", meiryo, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	border-radius: 6px;
}


.length-l {
	width: 280px;
}
.length-s {
	width: 80px;
}
.length-s2 {
	width: 30px;
}
.textarea-length {
	width: 280px;
	height: 120px;
	max-width: 280px;
	margin: 0 auto;
}

input.datepicker {
	width: 121px;
}

/*-- sidebar -----------------------------------------------------------------*/

.side_box { border:#FAE3EB 1px solid; border-radius:4px; margin-bottom:20px; }
.side_ttl { 
	text-align:center; height:50px; line-height:50px; color:#fff; font-size:18px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc71a3+0,f74e8b+99 */
	background: #fc71a3; /* Old browsers */
	background: -moz-linear-gradient(top, #fc71a3 0%, #f74e8b 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fc71a3 0%,#f74e8b 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fc71a3 0%,#f74e8b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc71a3', endColorstr='#f74e8b',GradientType=0 ); /* IE6-9 */
	 }
.side_box .in { padding:4%; }
.side_box .in p { text-align:center; font-size:0.9em; }
.side_box .in ul li { float:left; text-align:center; }
	.side_box .in ul li:first-child { width:48%; margin-right:4%; }
	.side_box .in ul li:last-child { width:48%; }

	.side_box .in ul li:first-child a {
		height: 35px;
		line-height: 35px;
		color: #fff;
		border: #ffa23e 1px solid;
		display: block;
		text-align: center;
		background: #ffa23e;
		border-bottom: #e68822 3px solid;
		border-radius: 4px;
	}
	.side_box .in ul li:first-child a:hover {
		color:#ffa23e;
		background:#fff;
		text-decoration:none;
	}

	.side_box .in ul li:last-child a {
		height: 35px;
		line-height: 35px;
		color: #fff;
		border: #90c400 1px solid;
		display: block;
		text-align: center;
		background: #90c400;
		border-bottom: #65b16b 3px solid;
		border-radius: 4px;
	}
	.side_box .in ul li:last-child a:hover {
		color:#65b16b;
		background:#fff;
		text-decoration:none;
	}

/*-- flatbtn ------------------------------------------------------------*/

	.flat_btn_orange a {
		width:140px;
		height: 35px;
		line-height: 35px;
		color: #fff;
		border: #ffa23e 1px solid;
		display: block;
		text-align: center;
		background: #ffa23e;
		border-bottom: #e68822 3px solid;
		border-radius: 4px;
	}
	.flat_btn_orange a:hover {
		color:#ffa23e;
		background:#fff;
		text-decoration:none;
	}

	.flat_btn_orange a:link    { color:#fff; text-decoration: none; }
	.flat_btn_orange a:visited { color:#fff; text-decoration: none; }
	.flat_btn_orange a:active  { color:#fff; text-decoration: none; } 

	.flat_btn_green a {
		width:140px;
		height: 35px;
		line-height: 35px;
		color: #fff !important;
		border: #90c400 1px solid;
		display: block;
		text-align: center;
		background: #90c400;
		border-bottom: #65b16b 3px solid;
		border-radius: 4px;
	}
	.flat_btn_green a:hover {
		color:#65b16b !important;
		background:#fff;
		text-decoration:none;
	}

	.flat_btn_green a:link    { color:#fff; text-decoration: none; }
	.flat_btn_green a:visited { color:#fff; text-decoration: none; }
	.flat_btn_green a:active  { color:#fff; text-decoration: none; } 
	
	
	.arrow_shop { margin:0 6%; background:#aadaaa; padding:2% 4%; border-radius:6px; }
	.arrow_shop p { color:#fff; text-align:center; margin-bottom:5px; }
	.arrow_shop ul li { float:left; width:47.5%; margin-right:4%; text-align:center; height:30px; line-height:30px; background:#fff; border:#9bb97c 1px solid; border-radius:6px;}
	.arrow_shop ul li:last-child { margin-right:0px; }
		.arrow_shop ul li a { display:block; color:#2e8ece; } 
		.arrow_shop ul li a:link    { color:#2e8ece; text-decoration: none; }
		.arrow_shop ul li a:visited { color:#2e8ece; text-decoration: none; }
		.arrow_shop ul li a:hover   { color:#fff; text-decoration: none; background:#9bb97c; }
		.arrow_shop ul li a:active  { color:#2e8ece; text-decoration: none; } 
	
/*-- box LINK 
色を変える　枠線　hoverで反転のリンク
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.box_link_btn a { color:#FF6600; width:60%; height:40px; line-height:40px; border:#FF6600 1px solid; display:block; text-align:center; margin:0 20%; background:#fff;}
	.box_link_btn a:link    { color:#FF6600; text-decoration: none; }
	.box_link_btn a:visited { color:#FF6600; text-decoration: none; }
	.box_link_btn a:hover   { color:#fff;    text-decoration: none; background:#FF6600; }
	.box_link_btn a:active  { color:#FF6600; text-decoration: none; } 
}
@media screen and (min-width: 768px) {
	.box_link_btn a { color:#fff; width:60%; height:40px; line-height:40px; border:#78A304 1px solid; display:block; text-align:center; margin:0 20%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc400+0,78a304+100 */
	background: #8fc400; /* Old browsers */
	background: -moz-linear-gradient(top, #8fc400 0%, #78a304 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8fc400 0%,#78a304 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8fc400 0%,#78a304 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#78a304',GradientType=0 ); /* IE6-9 */
	}
	.box_link_btn a:link    { color:#fff; text-decoration: none; }
	.box_link_btn a:visited { color:#fff; text-decoration: none; }
	.box_link_btn a:hover   { color:#78A304;    text-decoration: none; background:#fff; }
	.box_link_btn a:active  { color:#fff; text-decoration: none; } 

	.box_link_btn02 a { color:#fff; width:100%; height:40px; line-height:40px; border:#78A304 1px solid; display:block; text-align:center; margin:0 0%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc400+0,78a304+100 */
	background: #8fc400; /* Old browsers */
	background: -moz-linear-gradient(top, #8fc400 0%, #78a304 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8fc400 0%,#78a304 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8fc400 0%,#78a304 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#78a304',GradientType=0 ); /* IE6-9 */
	}
	.box_link_btn02 a:link    { color:#fff; text-decoration: none; }
	.box_link_btn02 a:visited { color:#fff; text-decoration: none; }
	.box_link_btn02 a:hover   { color:#78A304;    text-decoration: none; background:#fff; }
	.box_link_btn02 a:active  { color:#fff; text-decoration: none; } 
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#in-header { padding: 10px 1% 15px; width:auto !important; }
	#content { margin: 1%; }
	#in-content { width:1000px; }
	main { width:680px; }
	aside { width:300px; }
	#in-footer .fltL { margin-left:1%; }
	#in-footer .fltR { margin-right:1%; }
}
/*-- Adjustment ------------------------------------------------------------*/
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

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

.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

.pg5  { padding:  5px !important; }
.pg10 { padding: 10px !important; }
.pg15 { padding: 15px !important; }
.pg20 { padding: 20px !important; }
.pg25 { padding: 25px !important; }
.pg30 { padding: 30px !important; }
.pg35 { padding: 35px !important; }
.pg40 { padding: 40px !important; }

.mg0  { margin: 0 !important; }
.pg0  { padding: 0 !important; }

.ofh  { overflow: hidden; }
.fltR { float: right; }
.fltL { float: left; }
.clr  { clear: both; }

.posRe { position: relative; }
.posAb { position: absolute; }

.alJ { text-align: justify; }
.alC { text-align: center; }
.alR { text-align: right; }
.alL { text-align: left; }

.xlarge { font-size: 1.2em; }
.large  { font-size: 1.1em; }

.xsmall { font-size: 0.8em; }
.small  { font-size: 0.9em; }

.bold { font-weight: bold; }
.red  { color: #c0392b; }
.pink { color: #eb6d95; }

.border-dotted { display: block; clear: both; height: 1px; border: none; border-bottom: dotted 1px #ddd !important; }
.border-solid  { display: block; clear: both; height: 1px; border: none; border-bottom: solid 1px #ddd  !important; }

.link-hover {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.link-hover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.trans {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}