@charset "utf-8";

/********************************************/
/*					basic					*/
/********************************************/
* {
	padding:0;
	letter-spacing:0.08em;
	font-family: Tahoma, Geneva, sans-serif;
}

html{
	width:100%;
	height:100%;
}

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	background-image: url(../img/back01.jpg);
	background-repeat: repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



h1,h2,h3,h4{
	margin:0;
	padding:0;
	font-size:100%;
}

img {
	border: 0px;
	margin:0;
	padding:0;
}

p{
	margin:0;
}

ul{
	list-style:none;
	margin: 0;
}

/********************************************/
/*					position					*/
/********************************************/
#wrapper {
	width: 850px;
	margin: 25px auto 40px;
	height: 100%;
}

#container {
	height: 100%;
	width: 832px;
	float: left;
	background-image: url(../img/container_center.png);
	background-repeat: repeat;
	clear: both;
	padding: 0 0 0 18px;
}

#container_top {
	background-image: url(../img/container_top.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 850px;
	background-position: top;
}

#container_buttom {
	background-image: url(../img/container_buttom.png);
	background-repeat: no-repeat;
	clear: both;
	height: 30px;
	width: 850px;
	background-position: bottom;
}

/********************************************/
/*				main					*/
/********************************************/
#main {
	clear: both;
}

#main_left {
	height: 100%;
	min-height:100%; 
	float: left;
	width: 20%;
	font-size: 10px;
	color: #09C;
	text-align: left;
	padding: 0;
	border-right: 1px solid #CCC;
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0;
	margin-left: 0;
}

#main_left a {
	color: #09C;
	font-size: 10px;
}	

#main_left ul {
	padding: 10px 0;
}


.main_left li {
	list-style: none;
	background:url(../img/icon01.gif);
	background-repeat: no-repeat;
	line-height: 1em;
	padding: 0 0 7px 15px;
}


#main_right {
	float: left;
	width: 76%;
	font-size: 10px;
	color: #666;
	height: 100%;
	margin: 0;
	padding: 0;
}


/********************************************/
/*				header				*/
/********************************************/
#header {
	height:auto;
}

#header h1 {
	font-size: 11px;
	font-weight: normal;
	color: #330;
	padding:4px 0 0 0;
	text-align: left;
}

#rogo {
	float: left;
	text-align: left;
	margin:2px 20px 0 0;
}

#main_title01 {
	width: 100%;
	text-align: left;
	margin: 13px 0 22px 0;
	clear:both;
}

#main_title02 {
	margin: 0;
	padding: 0 0 30px 0;
	display:block;
	height:70px;
}


#main_title02 span{
	display:none;
}

#main_title03 {
	display:block;
	padding: 0 0 10px 0;
}


#main_title03 span{
	display:none;
}

.main_title04 {
	padding: 10px 0;
}

/********************************************/
/*				footer 				*/
/********************************************/
#footer {
	clear: both;
}

#footer {
	font: 8pt #ccc;
}

/********************************************/
/*				flash					*/
/********************************************/
#flash {
	text-align: left;
	height: 350px;
	clear: both;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 22px;
	margin-left: 0;
	
}

/********************************************/
/*				navi					*/
/********************************************/
#navi {
	height: 40px;
	width: 826px;
	margin: 0 0 22px -18px;
	background-image: url(../img/navi_bar.png);
	background-repeat: no-repeat;
	padding:0 0 0 25px;
}

#navi ul {
	list-style:none;
}

#navi ul li {
	list-style:none;
	float:left;
}

#navi ul a{
	display:block;
	width:130px;
	height:40px;
	margin-left: 0px;
}

a.top{
    background-image:url(../img/navi_01.gif);
}

a:hover.top{
    background-position:0px -40px;
}

a.school{
    background-image:url(../img/navi_02.gif);
}

a:hover.school{
    background-position:0px -40px;
}

a.gallery{
    background-image:url(../img/navi_03.gif);
}

a:hover.gallery{
    background-position:0px -40px;
}

a.store{
    background-image:url(../img/navi_04.gif);
}

a:hover.store{
    background-position:0px -40px;
}

a.event{
    background-image:url(../img/navi_05.gif);
}

a:hover.event{
    background-position:0px -40px;
}

a.blog{
    background-image:url(../img/navi_06.gif);
}

a:hover.blog{
    background-position:0px -40px;
}

#navi a span{
	display:none;
} 

/********************************************/
/*				store_info					*/
/********************************************/
#store_info{
	height: 100%;	
}

#map_b {
	text-align:right;
	margin: 35px 0 5px;
	padding: 0 7px 0 0;
}
/********************************************/
/*				calendar					*/
/********************************************/
#calendar{
	height: 170px;
	margin: 0;
}

/********************************************/
/*				   top  					*/
/********************************************/
#top_school {
	background:url(../img/top_school.gif);
	background-repeat: no-repeat;
	display:block;
	height:100%;
	padding: 70px 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom:3px solid #FC0;
	
}

#top_school a span{
	display:none;
}


/********************************************/
/*				what's new					*/
/********************************************/
#whats_new {
	font-size: 11px;
	color: #666;
	height: 300px;
	overflow: auto;
	padding: 5px 0px;
	margin: 2px 0 20px;
	border: 1px solid #666666;
	scrollbar-3dlight-color: #000000;    /* 左端と上端の色 */
	scrollbar-darkshadow-color: #000000; /* 右端と下端 */
	scrollbar-face-color: #09C;       /* 表面の色 */
	scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
	scrollbar-track-color: #ffffff;      /* バーの背景の色 */
}

#whats_new table {
  border: none;
}

#whats_new td {
  border-bottom-style: dashed;
  border-bottom-color: #666666;
  border-width:0 0 1px 0;
  color: #666666;
  margin: 0px;
  padding: 0px;
  line-height: 12pt;
}

table a {
	color: #F60;
	font-size: 10pt;
	font-weight: bold;
}

strong {
	color: #09c;

}

#whats_new_title {
	margin: 0;
	padding: 0;
}

/********************************************/
/*				school					*/
/********************************************/
#school01 p {
	line-height: 1.7em;
}

#school01_p {
	padding: 10px 0;
}

#calendar-big {
	margin:0 0 30px 0;
}

#school02 {
	padding: 20px 0px;
	clear: both;
	display:block;
}

.surfbox1 {
	float: left;
	border: 1pt solid #069;
	margin: 0;
	height: auto;
	width: 47%;
}
.surfbox2 {
	float: right;
	border: 1pt solid #069;
	margin: 0;
	height: auto;
	width: 47%;
}
.surfbox_p {
	font-size: 12px;
	color: #7b7b7b;
	line-height: 1.2em;
	text-align: left;
	height: 235px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
#school_mousikomi {
	padding:20px 0 0 0;
	clear: both;
}

#school_mousikomi p {
	font-size: 13px;
}

#school_price {
	padding: 15px 0;
}

#school_price table {
	font-size: 8pt;
	color: #7b7b7b;
	line-height: 14pt;
	border: 1px solid #195796;
	border-collapse: collapse;
}

#school_price td {
  border: solid;
  border-color: #195796;
  border-width: 1px;
}


#school_otoku {
	clear: both;
	padding: 40px 0 0 0;
}

#school_otoku p {
	font-size: 13px;
}

#school_process {
	clear: both;
	padding: 40px 0 0 0;
}

#school_process p {
	font-size: 13px;
}

.school_1 {
	font-size: 8pt;
	color: #63b0fe;
	line-height: 1.2em;
	font-weight: bold;
}
.school_2 {
	font-size: 16px;
	font-weight: bold;
	color: #CC0;
	text-align: center;
}

.school_process {
	margin-left: auto;
	border: 3px solid #FC0;
	padding: 5px;
	font-size: 12px;
	line-height: 1.5em;
	width: 470px;
	color: #7b7b7b;
	margin-right: auto;
	margin-top: 30px;
	text-align: left;
}




/********************************************/
/*				gralley					*/
/********************************************/
#gallery01 {
	clear: both;
}

#gallery02 {
	clear: both;
	width: 100%;
}

#gallery03 {
	float: left;
	width: 50%;
	padding: 15px 0;

}

#gallery04 {
	float: left;
	width: 32%;
	padding: 15px 0;
}


#repair {
	padding:0 0 40px ;
}

table.table-repair {
	margin:0 0 15px;
	padding:0;
	font-size:12px;
	width: 100%;
	border: 1px #09C solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.table-repair col1 {
	background:#6CF;
}

table.table-repair th {
	padding: 5px;
	border: 1px #09C solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	color: #006;
	background-color: #F0FFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.table-repair td {
	color:#C00;
	font-weight:bold;
	padding: 5px;
	border: 1px #09C solid;
	border-width: 0 0 1px 1px;
	text-align: center;
}

/********************************************/
/*				store					*/
/********************************************/
#store02 {
	text-align:left;
	clear: both;
	margin: 15px 0;
}

#store_member {
	width:48%;
	padding: 0 0 0 60px;
	float: left;
}

#store_member table {
	font:10pt;
	color: #006;
	font-weight:bold;
	margin: 0 0 10px 0;
}

#member_img {
	width: 30%;
	float: left;
	padding: 0 0 0 30px;
}


#map02 {
	padding: 20px 0;
	text-align: center;
}

#carnavi {
}


/********************************************/
/*				event					*/
/********************************************/
#event_section {
	margin: 0 10px 15px;
	font-size: 8pt;
	color: #7b7b7b;
	line-height: 14pt;
	text-align: left;
	clear: both;
}

#event_section form {
  text-align: center;
}

.bali_img {
	width: 180px;
	float: left;
	margin: 0 20px 20px 0;
}







/********************************************/
/*				blog					*/
/********************************************/
#blog01 {
	margin: 0;
}

#blog02 {
	margin: 20px 0;
}

/********************************************/
/*				banner					*/
/********************************************/

#banner01 a{
	background:url(../img/banner01.gif);
	background-repeat: no-repeat;
	display:block;
	height:55px;
}

#banner01 a:hover{
    background-position: 0px -55px;
}

#banner01 a span{
	display:none;
}

.banner_1 {
	text-align: center;
	line-height: 2em;
	margin:5px 0 10px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #09C;
}

.banner_1 a {
	color: #39F;
}


.banner_1 hover {
	color: #309;
}

#banner02 {
	text-align: center;
	line-height: 1.5em;
	margin: 10px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #09C;
}

#banner02 a{
	background:url(../img/banner02.gif);
	background-repeat: no-repeat;
	display:block;
	height:55px;
}

#banner02 a:hover{
    background-position: 0px -55px;
}

#banner02 a span{
	display:none;
}

#banner03 {
	text-align: center;
	line-height: 1.5em;
	margin: 10px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #09C;
}

#banner03 a{
	background:url(../img/banner03.gif);
	background-repeat: no-repeat;
	display:block;
	height:55px;
}

#banner03 a:hover{
    background-position: 0px -55px;
}

#banner03 a span{
	display:none;
}
/********************************************/
/*				クラス　　　				*/
/********************************************/
.pagetop {
	text-decoration: underline;
	margin: 20px auto 20px;
	clear: both;
	text-align:right;
}

.line_star {
	clear:both;
	margin: 10px 0;
}

.banner_left {
	margin: 0 0 10px 0;
}

.p1 {
	color:#309;
	font-size:13px;
	font-weight: bold;
	line-height: 1.5em;
}
.p2 {
	color:#F3C
}
.p3 {
	color:#F60
}

.p4 {
	text-align: left;
	line-height: 2em;
	margin: 0 0 5px 14px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #009;
}