@charset "utf-8";

/*  Reset Style
*****************************************/
* {margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {position: relative;width:100%;}
img {display:block;}
li {list-style:none;}


/*  Float
*****************************************/
.clear {clear:both;}
.left {float:left;display:inline}
.right {float:right;display:inline}
.center {display:block;margin:0 auto;}
.clearfix:after,#slide .item img:after {content: url(../images/pixel.gif);display: block;clear: both;height: 0;}

/*  Setting Style
*****************************************/
.red {color:#E20516;}
hr {border-top:1px #4a4a4a dotted;margin:5px 0;}
a:visited {	color: #0152ab;	text-decoration: none;	font-weight: normal;}
a:active {	color: #0152ab;	text-decoration: none;	font-weight: normal;}
a:link {	color: #0152ab;	text-decoration: none;	font-weight: normal;}
a:hover {	color: #0152ab;	text-decoration: none;	font-weight: normal;}

/*  Tools
*****************************************/

.X-Browser-radius {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
}
.X-Browser-shadow {
	box-shadow: 0 3px 5px #888;
	-webkit-box-shadow: 0 3px 5px #888;
	-moz-box-shadow: 0 3px 5px #888;
	-o-box-shadow: 0 3px 5px #888;
}
.css3Gradiant {
	background: -moz-linear-gradient(top, #dfdfdf,  
			#fff 50%,  
			#fff),;
	background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf),  
			color-stop(0.5, #fff),  
			to(#fff));
}
.css3BoxShadow {
	-moz-box-shadow: 0 0 5px #dbdbdb;
	-webkit-box-shadow: 0 0 5px #dbdbdb;
}

/*スマートフォン（（縦長・横長）*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
    #wrap,
    body,
    html,
    header,
    section > nav,
    #content,
    .banner,
    footer {
    	width:100%;
    	max-width:640px;
    	margin:0 auto;
    }
}
 
/*スマートフォン（横長）*/
@media only screen
and (min-width : 321px) {
/* Styles */
    	width:100%;
}
 
/*スマートフォン（縦長）*/
@media only screen
and (max-width : 320px) {
/* Styles */
    #wrap, body,
    html, header, section > nav,
    #content,
    .banner,
    footer {
    	width:320px;
    	margin:0 auto;
    }

}
 
/*iPad（縦長・横長）*/
@media only screenand
(min-device-width : 768px) and
(max-device-width : 1024px) {
/* Styles */
}
 
/*iPad（横長）*/
@media only screenand
(min-device-width : 768px) and
(max-device-width : 1024px) and
(orientation : landscape) {
/* Styles */
}
 
/*iPad（縦長）*/
@media only screenand
(min-device-width : 768px) and
(max-device-width : 1024px) and
(orientation : portrait) {
/* Styles */
}
 
/*デスクトップのブラウザ用（横長）*/
@media only screenand
(min-width : 1224px) {
/* Styles */
}
 
/*大きいモニター用*/
@media only screenand
(min-width : 1824px) {
/* Styles */
}
 
/*iPhone4などの高解像度用*/
@media
only screenand (-webkit-min-device-pixel-ratio : 1.5),
only screenand (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/*  Html
*****************************************/

html {	font-size: 1.0em;}
body {
	font-family: "DroidSansJapanese", "Hiragino Kaku Gothic Pro", " ヒラギノ角ゴ Pro W3", Arial, sans-serif;
	-webkit-text-size-adjust: none;
	line-height:1.7em;
	letter-spacing: 0.05em;
	text-align:left;
}
#wrap {
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	overflow: hidden;
	backbground-color:white;
}
#campain{
	width:90%;
	margin:0 auto;}
#wrap,
body,
html,
header,
section > nav,
#content,
.banner,
footer {
/*	width:320px;*/
    max-width:640px;
	margin:0 auto;
}
#wrap,
header,
.banner img,
section > nav,
#content,
.banner,
footer {
	min-width:320px;
}
p{width:90%;margin:0 auto;}
img {
     max-width: 100%;
     height: auto;
     }
.button{
width:30px;
font-size: 0.6em;
font-weight: bold;
color: #f7f7f8;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border-radius: 3px;
text-decoration: none;
padding: 2px 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #2030ff), color-stop(0.00, #c3cffe));
background: -moz-linear-gradient(top, #c3cffe 0%, #2030ff 88%);
}
.button2{
width:70%;
font-size: 1.2em;
font-weight: bold;
color: #f7f7f8;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border-radius: 3px;
text-decoration: none;
padding: 10px ;
background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top,  #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
text-align:center;
margin:20px auto;
}
.button2 a{
	color:white;
	}
/* メインページ一番上 */
#pc_info{width:100%;background-color:#ff5400;text-align:center;}
#pc_info a{color:white;font-weight:bold;}

/* ヘッダーの右にメニュー */
.header{
 background: -webkit-gradient(linear, left top, left bottom, from(#ececec),to(#fff));　
 background: linear-gradient(#ececec, #fff);
 background-size: 100% 100%;
 height: 70px;
 border-bottom: 1px solid #dadada;
}
 .header h1{
 display: block;
 width: 160px;
 font-weight: bold;
 margin:0 0 0 5px;
 float: left;
 }
 .header aside{
 margin-top:10px;
 float: right;
 }
 .header aside li{
 float: left;
 }
 .header aside li>a, #tel_number{
 display: block;
 padding:3px;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#ececec));
 background: linear-gradient(#fff #ececec);
 text-align: center;
 border: 1px solid #dadada;
 }
.header aside li>a{
 height: 30px; width: 30px; 
 }
 #tel_number{
 height:35px;width:140px;
 }
 .header aside li:first-child>a{
 border-radius: 4px 0 0 4px;
 }
 .header aside li:last-child>a{
 border-radius: 0 4px 4px 0;
 border-left: none;
 margin-right: 5px;
 } 
/*  Navigation
*****************************************/
nav {
	margin:0 auto;
	width:;
	height:;
}
nav ul {
}
nav ul li {
}
nav ul li a img:hover ,.nowpage img,.current img ,.nowpage ,.current  {
}



/*  Accordion
*****************************************/
.accordion_close a:link{
	font-weight:bold;
	color:#333;
	}
ul li .fomal {
		font-family: "DroidSansJapanese", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Arial, sans-serif ;
		font-weight:bold ;
		color:#333 !important;
	}

.accordion {
	border-bottom:1px solid #ccc;
}
.accordion > ul > li, .list_style1{
	border-top:#ccc 1px solid;
/*
	background:url(../common/m_images/allow_close.png) 97% 50% no-repeat, -moz-linear-gradient(top, #ffffff, #e9e9e9);
	background:url(../common/m_images/allow_close.png) 97% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));
*/
	cursor: pointer;
	padding:0.6em 0;
	display: block;
	vertical-align: middle;
	font-weight: bold;
	border-top:1px solid #ccc;
	border-bottom:2px solid #fff;
}
.accordion_close, .list_style1{
	background:url(../common/m_images/allow_close.png) 97% 50% no-repeat, -moz-linear-gradient(top, #ffffff, #e9e9e9);
	background:url(../common/m_images/allow_close.png) 97% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));
}
.accordion_open {
	background:url(../common/m_images/allow_open.png) 97% 50% no-repeat, -moz-linear-gradient(top, #ffffff, #e9e9e9);
	background:url(../common/m_images/allow_open.png) 97% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));
}
.accordion > ul > li small, .list_style1 small {
	font-size:0.6em;
}
#content .list_style1 {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));
}

.list_style2 {
	background:url(../common/m_images/allow_small.png) 97% 50% no-repeat;
	border-bottom:1px dashed #dfdddf;
	cursor: pointer;
	padding:0.8em 0.8em 0.8em 2.8em;
	display: block;
	vertical-align: middle;
	font-size: 1.0em;
	margin:0 5px;
	color:#0152ab;
	list-style: none;
	line-height:2em;
}
.list_style2 a{
	display:block;
	width:100%;
	}
.list_style2 small {
	font-size:1.0em;
}
.list_style3 {
	cursor: pointer;
	padding:0.4em 0.8em;
	display: block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.6em;
	margin:0 5px;
	color:#0152ab;
	list-style: none;
	line-height:2em;
}
.list_style4 {
	cursor: pointer;
	padding:0.8em 0.8em 0.8em 2.8em;
	display: block;
	vertical-align: middle;
	font-size: 1.0em;
	margin:0 5px;
	list-style: none;
	line-height:2em;
}
.accordion ul > li > img, #content h1.list_style1 img {
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
	margin-right:6px;
	margin-top:-2px;
}
.accordion > ul > ul {
	border-top:#ccc 1px solid;
}
.accordion > ul > li a{
	vertical-align: middle;
	color:black;
	font-weight:bold;
}
.accordion > ul > ul > li {
}
li a:link,
li a:visited,
li a:hover,
.list:link,
.list:visited,
.list:hover
 {
	color:#0152ab;
}
.newslist {
	padding-left:5px;
	font-size:1.45em;
}

/* アクセスのボタン */
#access_inquiry_menu{
margin-top:20px;
display:-webkit-box; display:-moz-box; display:flexbox;
width:100%;
background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top,  #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */

}

#access_inquiry_menu >a{
width:49.5%;
text-align: center;
display: block;
color:white;
font-weght:bold;
padding: 8px 0;
text-decoration: none;
font-weight: bold;
text-shadow: 0px 1px 0px rgba(216, 202, 218, 1);
border-right:1px solid white;
	}

#access_button{
background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top,  #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */

}
#inquiry_button a{
	display:block;
	width:85%;
	margin:10px auto;
	border-radius:5px;
	text-align:center;
	font-size:18px;
	font-weight:700;
	background:#3CB371;
	color:white;
	padding:8px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.3);
} 

#apply_button{
	display:block;
	width:100%;
	margin:0;
	text-align:center;
	background:#909090;
	color:#333;
	}
/* レッスンコースのレイアウト */

.lesson dl{
	margin:15px auto;
	width:90%;
	background-color:#ccf;
	padding: 0;
    border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	}
.lesson dt{
	clear:left;
	float:left;
	width:20%;
	border-top:1px solid #666666;
	padding-top:5px;
	font-size:0.8em;
	}
.lesson dd{
	margin:0 0 0 20%;
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	background-color:#ffc;
	padding:5px 5px 5px 10px;
	font-size:0.8em;
	}
#time{
	display:-webkit-box; display:-moz-box; display:flexbox;
	margin:15px auto;
	width:70%;
	}
#weekday,#saturday{
	width:50%;
	}

footer{
	text-align:center;
	background: #111111; /* Old browsers */
background: -moz-linear-gradient(top,  #111111 0%, #a5a5a5 4%, #848484 21%, #303030 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(4%,#a5a5a5), color-stop(21%,#848484), color-stop(100%,#303030)); 
	color:white;
	font-size:0.6em;
	line-height:1.8em;
	margin:0;
	padding:0;}
footer a:link{
	color:yellow;}
	
	
.company{
	width:90%;
	margin: 0 auto;
	}
.company dt{
	color:#0152ab;
	margin-top:15px;
	}
iframe{
	width:21em;
	margin:0 auto;}
.campain_img{
	margin:10px auto;}