@charset "utf-8";

/*-----------------------------------------------------
    10px = 77%     11px = 85%     12px = 93%     13px = 100%
    14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
    18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
    22px = 167%    23px = 174%    24px = 182%    25px = 189%
    26px = 197%
------------------------------------------------------*/

/*-----------------------------------------------------
common
------------------------------------------------------*/

body{
	background:url(../images/body_bg.jpg) repeat-x;
}

h1{
	width:333px;
	float:left;
	margin-right:60px;
}

h2{
	margin-bottom:26px;
}

h3{
	margin-bottom:19px;
	padding-left:7px;
	font-size:116%;
	font-weight:bold;
	border-left:5px solid #ea8f99;
}

h4{
	margin:25px 0 5px 0px;
	font-weight:bold;
}

p{
	font-size:93%;
	line-height:18px;
}

.bold{
	font-weight:bold;
}

.justify{
	text-align:justify;
	text-justify:inter-ideograph; 
}

.default_color{
	color:#421203;
}

.red{
	color:#f00;
}

.pink{
	color:#e98c97;
}


#container{
	width:835px;
	margin:0 auto;
	background:url(../images/sub_container_bg.png) no-repeat;
}

/* header */

#header{
	width:835px;
	padding-top:27px;
}

#header-inner{
	width:605px;
	padding-left:230px;
}

#caution{
	height:12px;
	text-align:right;
	margin-right:3px;
}
.tel_margin{
	margin-left:6px;
}

#main{
	width:833px;
	padding:0 0 50px 0;
	border-left:1px solid #ea8f99;
	border-right:1px solid #ea8f99;
}

#pankuzu{
	width:605px;
	margin:15px 0 0 194px;
	padding:0 34px 0 0;
	font-size:85%;
	text-align:right;
}

#g_navi{
	width:194px;
	float:left;
	margin:40px 0 0 0;
}

#contents{
	width:557px;
	float:left;
	margin:40px 0 ;
	padding:0 34px 0 48px;
}

#page_top{
	width:799px;
	clear:both;
	padding:0 34px 0 0;
	font-size:85%;
	text-align:right;
}

/* footer */

#footer{
	width:100%;
	clear:both;
	padding:20px 0;
	background:#ffeaef;
	border-top:2px solid #e98c97;
	border-bottom:2px solid #e98c97;
}

#footer_contents{
	width:765px;
	margin:0 auto;
	padding:0 30px;
	font-size:85%;
}

#footer_left{
	width:402px;
	float:left;
	border-right:1px solid #f6c4cc;
}

#footer_right{
	width:335px;
	float:right;
	margin:11px 0 0 0;
	text-align:right;
}

#footer_right ul li{
	float:left;
}

#copyright{
	width:835px;
	clear:both;
	margin:0 auto;
	padding:14px 0;
	text-align:center;
	font-size:77%;
}

.foot_margin{
	margin:0 18px 0 18px;
}

/* profile */

.profile_ul{
	margin-top:20px;
	margin-bottom:30px;
	padding-left:14px;
	list-style-type:disc;
	color:#e98c97;
}

.profile_li{
	margin-bottom:10px;
}

#profile{
	width:557px;
	margin-bottom:30px;
	font-size:93%;
}

#profile table{
	border:1px solid #e98c97;
	margin:0 0 30px 0;
}

#profile table th{
	width:120px;
	padding:11px;
	background-color:#fff7e8;
	border-bottom:1px dotted #ed524a;
	vertical-align:top;
}

#profile table td{
	width:385px;
	padding:11px;
	border:1px dotted #ed524a;
}

#profile p{
	margin-bottom:15px;
	font-size:108%;
	line-height:17px;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.prof_photo{
	margin-bottom:5px;
}

.text_right{
	text-align:right !important;
}
/* gallery */

#gallery li{
	float:left;
	margin:0 17px 17px 0;
}


/* cancel */

.cancel_ul{
	margin-bottom:20px;
	padding-left:14px;
	list-style-type:disc;
}

.cancel_li{
	margin-bottom:10px;
}

.cancel_ta{
	width:250px;
	margin:0 0 10px 0;
	padding:10px;
	background:#FFEAEF;
}

.cancel_td{
	padding:10px;
	border:1px dotted #EA8F99;
}

.cancel_td1{
	background: #FCC;
	padding:10px;
	border:1px dotted #EA8F99;
}



/* member */


#member{
	width:557px;
	margin-bottom:30px;
	font-size:93%;
}

#member table{
	width:520px;
	border:1px solid #e98c97;
	margin:10px 0 20px 0;
}

#member table th{
	width:120px;
	padding:11px;
	background-color:#fff7e8;
	border-bottom:1px dotted #ed524a;
	vertical-align:top;
}

#member table td{
	width:385px;
	padding:11px;
	border:1px dotted #ed524a;
}

#member p{
	margin-bottom:15px;
	font-size:108%;
	line-height:17px;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.text_right{
	text-align:right !important;
}

.mb{
	margin-bottom:20px;
}

.mb40{
	margin-bottom:40px;
}

.mt20{
	margin-top:40px;
}

#member li{
	margin-bottom:5px;
}

.text_center{
	text-align:center;
}

#year_table{
	width:300px !important;
	border:none !important;
	margin:0px 0 0px 0 !important;
}

#year_table td{
	width:100px !important;
	padding:0px !important;
	border:none !important;
}


/* member_form */



/* lesson */

.class_button{
	width:557px;
	margin-bottom:50px;
}

.class_button_left{
	width:240px;
	float:left;
}

.class_button_right{
	width:240px;
	float:left;
	margin-left:20px;
}

.class_button_img{
	margin-bottom:7px;
}


.cancel_link{
	font-size:77%;
	font-weight:normal;
}
.lesson_table{
	width:440px;
	border:#E98C97 1px solid;
	margin:20px 0;
	text-align:center;
}

.lesson_table2{
	width:440px;
	margin:20px 0;
}


.lesson_td{
	padding:8px;
	border:1px dotted #E98C97;
}

.lesson_td2{
	background:#FFEAEF;
	padding:8px;
}


.lesson_td_left{
	padding:8px;
	border:1px dotted #E98C97;
	text-align:left;
}




#lesson_contents{
	width:557px;
}

#lesson_contents h4{
	width:470px;
	margin:0 0 10px 0;
	padding:0 10px 10px 0;
	font-size:116%;
	border-bottom:1px solid #E8717E;
}

.lesson_h4icon{
	font-size:116%;
	color:#E98C97;
	font-weight:bold;
}

.lesson_h5icon{
	font-size:108%;
	color:#E98C97;
	font-weight:bold;
}


#lesson_contents h5{
	margin:25px 0 15px 0;
	font-size:108%;
	font-weight:bold;
}

#lesson_contents table{
	width:478px;
	border:#E98C97 1px solid;
	margin-bottom:10px;
}

#lesson_contents table td{
	padding:8px;
	border:1px dotted #E98C97;
}


#lesson_contents ul li{
	float:none;
}

.lesson_gallry{
	width:480px;
	margin-bottom:20px;
}

.lesson_gallry img{
	float:left;
}



.lesson_navi{
	width:480px;
	margin-bottom:20px;
}

.p_bottom{
	margin-bottom:3px;
}

.lesson_navi img{
	float:left;
}

.lesson_navi_text{
	width:478px;
	height:20px;
	clear:both;
	margin:0 0 10px 0;
}

.lesson_text_margin{
	width:89px;
	float:left;
	text-align:center;
	margin:0 8px 0 0;
}

.lesson_text_margin2{
	width:89px;
	float:left;
	text-align:center;
}


.lesson_li_margin{
	margin-left:8px;
}

.lesson_li_margin_bottom{
	margin-left:8px;
	margin-bottom:2px;
}

#icing_nav{
	width:557px;
	margin:20px 0 20px 0;
}


/* class */

.room{
	width:483px;
	float:left;
	margin-bottom:30px;
	padding:0 36px 0px;
	background:url(../images/class_bg.jpg) repeat-y;
	border:1px solid #e98c97;
}

.room h4{
	width:450px;
	height:24px;
	padding:5px 0 0px 32px;
	margin:13px 0 0 0;
	background:url(../images/class_h4.png) no-repeat;
}

.class_left{
	width:250px;
	float:left;
	margin:20px 0;
}

.class_left ul li{
	float:left;
}

.photo_margin1{
	margin-bottom:5px;
}

.photo_margin2{
	margin-right:5px;
}


.class_right{
	width:213px;
	float:left;
	margin:20px 0;
	padding:0 0px 5px 20px;
}

.class_right h5{
	margin-bottom:10px;
	font-weight:bold;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.class_right p{
	font-size:85%;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.class_bottom{
	width:482px;
	clear:both;
	margin:5px 0 30px 0;
}

.class_bottom p{
	padding-top:10px;
	border-top:1px solid #e98c97;
	font-size:85%;
	line-height:14px;
}

.class_left2{
	width:150px;
	float:left;
	margin:20px 0;
}
.class_img{
	border:1px solid #e98c97;
	margin:0px;
}

.class_right2{
	width:312px;
	float:left;
	margin:20px 0;
	padding:0 0px 5px 20px;
}

.class_right2 h5{
	margin-bottom:10px;
	font-weight:bold;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.class_right2 p{
	font-size:85%;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.class_sub_nav{
	width:555px;
	margin-bottom:20px;
}

.class_sub_nav li{
	float:left;
	margin-right:5px;
}

.mb5{
	margin-bottom:5px;
}



/* contact */

#form{
	width:557px;
	font-size:93%;
}

#form ul{
	margin-bottom:20px;
	padding-left:14px;
	list-style-type:disc;
	color:#e98c97;
}

#form li{
	margin-bottom:5px;
}

#form table{
	border:1px solid #e98c97;
}

#form table th{
	width:130px;
	padding:17px;
	background-color:#fff7e8;
	border-bottom:1px dotted #ed524a;
	vertical-align:top;
}

#form table td{
	padding:17px;
	border:1px dotted #ed524a;
}

.txtmode1 {
  ime-mode: active;   /* 全角モード */
}
.txtmode2 {
  ime-mode: inactive; /* 半角モード */
}

.hissu{
	font-weight:bold;
	color:#ed524a;
}
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  color:#421203 !important;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
  color:#421203 !important;
}


#form input{
	padding:1px 4px;
	background-color:#faf0e1;
	border:1px solid #e98c97;
	border-radius:5px;
  color:#421203 !important;
	
	/* Webkit */
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#faf0e1),
        to(#fff)
        );
    -webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #ed524a;
	     
    /* Firefox */
    background:-moz-linear-gradient(
        top,
        #faf0e1,
        #fff
        );
    -moz-border-radius:5px;
	-moz-box-shadow:1px 1px 1px #ed524a;
	     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#fffaf0e1,endColorstr=#ffffffff);
    zoom:1;
}

#form textarea{
	padding:1px 4px;
	background-color:#faf0e1;
	border:1px solid #e98c97;
	border-radius:5px;
	
	/* Webkit */
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#faf0e1),
        to(#fff)
        );
    -webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #ed524a;
	     
    /* Firefox */
    background:-moz-linear-gradient(
        top,
        #faf0e1,
        #fff
        );
    -moz-border-radius:5px;
	-moz-box-shadow:1px 1px 1px #ed524a;
	     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#fffaf0e1,endColorstr=#ffffffff);
    zoom:1;
}

.submit{
  -webkit-appearance: none !important;
  color:#421203 !important;
	border:1px solid #e98c97;
    padding:3px 9px;
    cursor:pointer;
    border-radius:5px;
     
	/* Webkit */
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#faf0e1),
        to(#fff)
        );
    -webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #ed524a;
	     
    /* Firefox */
    background:-moz-linear-gradient(
        top,
        #faf0e1,
        #fff
        );
    -moz-border-radius:5px;
	-moz-box-shadow:1px 1px 1px #ed524a;
	     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#fffaf0e1,endColorstr=#ffffffff);
    zoom:1;
}


/* access */

.google_icon{
	text-align:right;
}





/* others */
.mask:hover{
	opacity:0.6;
}

.clear {
	clear:both;
}

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

.clearfix {
  min-height:1px;
}

* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}