@charset "utf-8";
/* CSS Document */
@import url(setting.css);
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

.spnone{display:none;}
.pcnone{ margin:0; padding:0;}

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



h1.site-title { color: #333333; padding:5px 0px 5px 0px; margin:0px; font-size:11px; line-height:13px; display:block;}
h1.site-title a:link{ color:#333333; text-decoration:none;}
h1.site-title a:visited { color:#333333; text-decoration:none;}
h1.site-title a:active{ color:#b49644; text-decoration:none;}
h1.site-title a:hover{ color:#b49644; text-decoration:none;}

h1.site-title02 { color: #333333; padding:3px 0px 0px 0px; margin:0px; font-size:11px; display:block; height:15px;}
h1.site-title02 a:link{ color:#333333; text-decoration:none;}
h1.site-title02 a:visited { color:#333333; text-decoration:none;}
h1.site-title02 a:active{ color:#999999; text-decoration:none;}
h1.site-title02 a:hover{ color:#999999; text-decoration:none;}

h2.catcopy {font-size:20px; line-height:30px; padding:0px; margin:0px 0px 30px 0px; clear:both;}
h2.entcopy {font-size:20px; line-height:30px; padding:0px; margin:0px 0px 10px 0px; clear:both;}
h2.topcopy {font-size:18px; line-height:30px; padding:0px; margin:0px 0px 20px 0px; clear:both;}

h3.maintitle{font-size:21px; line-height:20px; display:block; margin:0 0 20px 0; padding:0 10px 10px 10px; border-radius:5px; border-bottom:1px solid #cccccc;}

h3.entnaiyou {font-size:14px; padding:0px; margin:0px 0px 30px 0px; clear:both; line-height:150%;}
h3.entredtitle {font-size:16px; padding:0px; margin:0px 0px 10px 0px; clear:both; color:#e60012;}


.head { width:100%; margin:0px auto; padding:0px; height:130px;}
.head_pad{padding:15px 0 0 0; margin:0;}
.head_bg_top{margin:0; padding:0; width: 100%;}
.head_bg{ background:#FFFFFF url(images/bg02.gif) bottom left repeat-x; margin:0; padding:0;}

.head_navi01{float:left; width:80px; height:80px; margin:0 117px 0 0; padding:0;}
.head_navi02{float:left; width:80px; height:80px; margin:0 118px 0 0; padding:0;}
.head_navi03{float:left; width:210px; height:80px; margin:0 118px 0 0; padding:0;}
.head_navi04{float:left; width:80px; height:80px; margin:0 117px 0 0; padding:0;}
.head_navi05{float:left; width:80px; height:80px; margin:0 0px 0 0; padding:0;}

.all {width:100%; margin:0px auto; clear:both; overflow:visible;}
.main { clear:both; margin:0px auto; padding:0px 10px;}

/* グローバルナビ
--------------------------- */
#nav  {
	width: 100%;
	text-align: center;
	display: block;
	padding:0;
	margin:0;
}

#nav ul  {
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	padding:0;
}

#nav ul li  {
	float: left;
	margin:0; padding:0;
	width:25%;
}


#nav ul li a {
	font-size: 14px;
	display: block;
	margin:0px;
	padding:0px;
	line-height: 1.4;
	color: #333333;
}

#nav ul li a:hover {
	color: #333333;
	background: #ffffff;
}

#nav li ul {
	width:195px;
	margin:0;
	padding:0px;
	display: none;
	position: absolute;
	z-index: 1000;
}

#nav li ul li {
	float: none;
	margin:0;
	padding:0px;
}

#nav li ul li a {
	padding:10px;
	margin:0;
	font-size:14px;
	text-decoration:none;
	border-bottom:#CCC 1px solid;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	background: #ffffff;
}

#nav li ul li a:hover {
	background: #bc000f;
	color:#FFF;
}

.mainimg_bg {background:#333333 top repeat; padding:0; margin:0; height:400px;}
.mainimg {max-width:100%;}
.mainimg_sam{width:100%; float:left; padding:0; margin:0;}
.mainimg_samboder{border-right:#CCC 1px solid;}

#main_img { width:100%; height:316px; background-image:url(images/main_img.jpg); text-indent:-9999px; font-size:0px; padding:0px; margin:0px; }
#main_img a { display:block; width:100%; height:316px; background-image:url(images/main_img.jpg); background-position:0px -0px; padding:0px; margin:0px;}

#ent_main {}
#ent_main02 {}

#ent_body {padding:30px 0px 0px 0px;  margin:0px;}

#side { padding:0; margin:0 0 20px 0;}
#side02{}

#side_menu {margin:0 0 20px 0; padding:0;}
ul.side_conmenu {margin:0px; padding:0px; width:280px; clear:both; font-size:12px;}
ul.side_conmenu li{border-bottom:#cccccc 1px dotted; letter-spacing: 1px; display:block; width:280px;}

a.menulink {DISPLAY: block; TEXT-DECORATION: none; padding:10px; color:#333333; font-size:14px;}
a.menulink:hover {-POSITION: 0px center; background:#eeeeee;}
a.menulink:visited {BACKGROUND-POSITION: 0px center; }

#news {width:100%;	OVERFLOW: auto;	HEIGHT:300px; margin:0px; padding:5px 0px;}
ul.newslist {margin:0px; padding:0px 5px;}
ul.newslist li{padding:10px 5px 10px 5px; margin:0px; border-bottom:1px #CCCCCC dashed; clear:both;}

#news02 {width:100%;	OVERFLOW: auto;	HEIGHT:190px; margin:30px 280px 30px 30px; padding:0px;}
ul.newslist02 {margin:0px; padding:0px;}
ul.newslist02 li{padding:10px; margin:0px; border-bottom:1px #CCCCCC dashed; font-size:10px; line-height:14px; clear:both;}

.main_title {padding:20px 0px 10px 0px; margin:0px; clear:both;}

.ent_title {background:#42511e top left repeat; border:#263502 solid 1px; padding:5px 10px; margin:0 0 10px 0; font-size:18px; clear:both; color:#ffffff; border-radius:5px;}
.ent_title02 {background:#674916 top left repeat; border:#553806 solid 1px; padding:5px 10px; margin:0 0 10px 0; font-size:18px; clear:both; color:#ffffff; border-radius:5px;}

.ent_sam4{width:205px; margin:0 60px 100px 0; padding:0; height:30px; float:left;}
.ent_sam4b{width:205px; margin:0 0px 100px 0; padding:0; height:30px; float:left;}

.ent_sam3{width:205px; margin:0 192px 100px 0; padding:0; height:30px; float:left;}
.ent_sam3b{width:205px; margin:0 0px 100px 0; padding:0; height:30px; float:left;}

.ims_title {padding:10px 10px 5px 10px; margin:20px 0px 10px 0px; border-bottom: #FF3300 double 5px; font-size:15px; font-weight:bold;}

.cat_title {border-bottom:#cccccc 1px solid; padding:10px 5px 5px 5px; margin:0px 0px 10px 0px; font-size:16px; clear:both; font-weight:bold;}
.cat_title a:link {color: #333333; text-decoration:none;}
.cat_title a:visited {color: #333333; text-decoration:none;}
.cat_title a:active { color: #666666;}
.cat_title a:hover {color: #666666;}

.cat_title02 {border-bottom:#cccccc 1px solid; padding:0px 5px 5px 5px; margin:0px 0px 10px 0px; font-size:16px; clear:both; font-weight:bold;}


.catlist{ padding:0px; margin:0px 0 15px 0; width:190px; height:20px; float:left; display:block;}

.cat_sam3_wrap{margin:0 auto; padding:0;}
.cat_sam4{width:48%; margin:0 4% 0 0; padding:0; float:left;}
.cat_sam4b{width:48%; margin:0; padding:0; float:left;}
.cat_sam4c{width:48%; margin:0; padding:0; float:left;}

.copyright { font-size:10px; padding:10px 0px 5px 0px; color:#ffffff; margin:0px auto; width:100%; display:block; clear:both; height:28px;}
.copyright a:link {}
.copyright a:visited {}
.copyright a:active { text-decoration:underline;}
.copyright a:hover { text-decoration:underline;}


.pankuzu {background:#333333 top left repeat; padding:10px 0; margin:0; clear:both;}
.pankuzu02 {font-size:10px; line-height:10px; display:block; padding:0; margin:100px 0 0 0;}



.foot_bg {background:#000000; clear: clear:both; margin:100px auto 0 auto; padding:20px 0 0 0; width:100%;}

.foot_bg a{color: #ffffff; text-decoration:none;}
.foot_bg a:link {color: #ffffff; text-decoration:none;}
.foot_bg a:visited {color: #ffffff; text-decoration:none;}
.foot_bg a:active { color: #ffffff;}
.foot_bg a:hover {color: #ffffff;}

/* Q&A ent page */
.qa_q {font-size:16px; line-height:20px; margin:10px 10px 10px 10px; padding:0 0 5px 0px; border-bottom:1px dotted #cccccc; color:#333333; font-weight:bold;}
.qa_q a:link {color: #333; text-decoration:none;}
.qa_q a:visited {color: #333; text-decoration:none;}
.qa_q a:active { color: #999;}
.qa_q a:hover {color: #999;}

.qa_a {line-height:18px; margin:5px 10px 20px 10px; padding:10px; font-size:12px; background:#f4f0eb;}



.ent_img{margin:0 0px 10px 0; padding:0;}
.ent_imgtext{}

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #805d85;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #805d85;
    font-weight: bold;
     }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #805d85; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #bc9e4c;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #bc9e4c;
      color: #fff; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.slicknav_menu {
 display:none;
}

#menu {
 display:none;
}
 
.slicknav_menu {
 display:block;}
 
 
 #page-top {
position: fixed;
bottom: 20px;
right: 20px;

}
#page-top a {
background: #64450e;
text-decoration: none;
color: #fff;
padding:10px 14px;
text-align: center;
display: block;
border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}

/* =======================================
	google map
======================================= */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.online_next{margin:0px 0 10px 0; padding:0;}
.online_next a{color:#78196c; font-size:16px; padding:15px 20px; line-height:16px; display:block; text-align:center;}
.online_next a:link{color:#78196c; text-decoration:none; background:#f8f1f7; border:1px solid #805d85; padding:15px 20px;}
.online_next a:hover{color:#ffffff; text-decoration:none; background:#421548; border:1px solid #805d85; padding:15px 20px;}
.online_next a:active{color:#ffffff; text-decoration:none; background:#421548; border:1px solid #805d85; padding:15px 20px;}

.contact_next{margin:0px 0 10px 0; padding:0;}
.contact_next a{color:#ffffff; font-size:16px; text-decoration:none; background:#7a0000; border:1px solid #7a0000;  padding:15px 20px; line-height:16px; display:block; text-align:center;}
.contact_next a:link{color:#ffffff; text-decoration:none; background:#7a0000; border:1px solid #7a0000; padding:15px 20px;}
.contact_next a:hover{color:#7a0000; text-decoration:none; background:#ffffff; border:1px solid #7a0000; padding:15px 20px;}
.contact_next a:active{color:#7a0000; text-decoration:none; background:#ffffff; border:1px solid #7a0000; padding:15px 20px;}


.gallery_waku{margin:0 0 30px 0; padding:10px; background:#ffffff; clear:both;}
.gallery_naiyou{margin:0; padding:18px 14px; border:1px solid #d5d5d5;}
.gallery_img{width:22%; margin:5px; padding:0px; float:left;}

/* ▼ タブメニュー全体の設定 */
div.tabbox { margin: 15px 0 0 0; padding: 0px; width:100%; height:auto;}
/* ▼ タブ部分のマージンとパディング領域を設定 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ▼ リンクをタブのように見せる */
   display: block; float: left;
   margin: 0px 1px 0px 0px; padding:10px 15px;
   text-align: center;
   font-size:14px;
}
/* ▼ タブごとの配色設定 */
p.tabs a.tab1 {text-decoration:none; background-color:#421548; border:1px solid #dcdcdc; color: #fff;}
p.tabs a.tab2 {text-decoration:none; background-color:#421548; border:1px solid #dcdcdc; color: #fff;}
p.tabs a.tab3 {text-decoration:none; background-color:#421548; border:1px solid #dcdcdc; color: #fff;}
p.tabs a.tab4 {text-decoration:none; background-color:#421548; border:1px solid #dcdcdc; color: #fff;}
p.tabs a.tab5 {text-decoration:none; background-color:#421548; border:1px solid #dcdcdc; color: #fff;}
p.tabs a:hover {opacity:0.7;filter:alpha(opacity=70);}
/* ▼ タブ中身のボックス */
div.tab {
   /* ▼ ボックス共通の装飾 */
   height:auto;  clear: left;
   padding:20px; margin:0;
}
/* ▼ 各ボックスの配色設定 */
div#tab1 { border: 2px solid #DDD; background-color: #fbfbfb; }
div#tab2 { border: 2px solid #DDD; background-color: #fbfbfb; }
div#tab3 { border: 2px solid #DDD; background-color: #fbfbfb; }
div#tab4 { border: 2px solid #DDD; background-color: #fbfbfb; }
div#tab5 { border: 2px solid #DDD; background-color: #fbfbfb; }
div.tab p { margin: 0.5em; }


.lesson_left_sche{border:#cccccc solid 1px; padding:10px; margin:0 0 10px 0;}

.schedule{background:#ffffff; margin:0 0 50px 0; padding:20px;}

.aboutus01_bg{width:100%; background:#ffffff top center repeat; margin:0; padding:0px;}

.aboutus02_bg{width:100%; background:#c89797 top center repeat; margin:0; padding:0px; color:#ffffff;}

.aboutus02_text{ padding:20px; margin:0; color:#ffffff;}

/* ▼ タブ イベント */
div#wrapper{
    padding:0px;
	margin:0;
}

.clearfix {
    zoom: 100%;
	padding:0px;
	margin:0;
}
.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

ul.tab li{
	margin: 0px 1px 0px 0px;
	padding:5px 15px;
	font-size:14px;
    cursor:pointer;
    float:left;
    border:1px solid #dcdcdc;
    border-bottom:none;
    background-color:#421548;
    color:#FFF;
}

ul.tab li.active{
    background-color:#805d85;
    color:#ffffff;
}

div.tabCont div.tabBox{
    padding:0px;
    border:2px solid #ddd;
    background-color:#fbfbfb;
	margin:0;
    
}


