@charset "UTF-8";

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,img	{
	margin: 0;
	padding: 0;
	border: none;
	font-family: "MS PGothic","Osaka",Arial,sans-serif;
}

.none	{
	display: none;
	}

/* modified b y.sasaki 20130504 */
input, select, textarea, button	{
	border: solid 1px #aaa; 
	margin: 0 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*↓を削除すると動く*/
	behavior: url(css/border-radius.htc)\9;	/* modified by y.sasaki for border radius @ 20130507 */
 	*border: 0px;							/* modified by y.sasaki for border radius @ 20130507 */	
	position: relative\9;					/* modified by y.sasaki for border radius @ 20130507 */
	z-index: 9\9;							/* modified by y.sasaki for border radius @ 20130507 */
	*zoom: 1;
	}

body	{
	background-image: url(images/haikei.jpg);
	width: 100%;
	height: 100%;	
	}
.noborder	{border: none;
	}

a	{text-decoration: underline;
	border: none;
	color: #017acd;
	}
	
a:visited{
	color: #551A8B;
}

a[title]:hover:before	{
	background: #aaa ;
	border: solid 1px #aaa;
}

img	{
	border: none;
	text-decoration: none;
	}

a img	{
	border: solid 1px #017acd;
	text-decoration: none;
	}
.mem	{
	display: none;
	}

th,td	{
	padding: 5px 0;
	}

button {
	padding: 0;
}

select,input	{
	font-size: 1em;
}
.select	{
	margin-left: 5px;
	}
.select2	{
	/*
	margin-left: 5px;
	*/
	}
.select3	{
/*	margin-right: 5px; */
	}
.member	{
	display: none;
	}

span.sub_r	{
	float: right;
	clear: both;
	margin: 0 0 10px;
	position: relative\9;	/* modified by y.sasaki for border radius @ 20130507 */
	z-index: 8\9;		/* modified by y.sasaki for border radius @ 20130507 */
	*zoom: 1;
	}

span.sub_l	{
	float: left;
	clear: both;
	margin: 0 0 10px;
	position: relative\9;	/* modified by y.sasaki for border radius @ 20130507 */
	z-index: 8\9;		/* modified by y.sasaki for border radius @ 20130507 */
	*zoom: 1;
}

span.sub_l ul li	{
	display: block;
	float: left;
}

.red{color: red}

/* コンテナ */

#container	{color: #3c5916;
	background-color: #f0fff0;
	border-right: solid 2px #f0fff0;
	border-left: solid 2px #f0fff0;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	}


/* ヘッダー */
#header	{width: 760px;
	height: 150px;
	background-color: #f0fff0;
	background-image: url(images/hirao.png);
	background-repeat: no-repeat;
/*	background-position: 50% 50%; */
	background-position: 0% 7%;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
/*	margin-left: 0;
	*zoom:1;
	*line-height: 150px;
	*/
	}

#header h1	{background-color: transparent;
	margin: 0;
	text-align: left;	/* center; modified by y.sasaki 20130628 */
	padding-top: 0;
	padding-bottom: 0;
	}

#header p	{background-color: transparent;
	font-size: 2em;
	text-align: center;
	line-height: 50px;

}

/* ヘッダー TOP用 */

#header_top	{width: 760px;
	height: 200px;
	background-color: #ffffff;
	background-image: url(images/hirao.png);
	background-repeat: no-repeat; 
/*	background-position: 50% 50%;	*/
	background-position: 0% 10%;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	}

#header_top h1	{background-color: transparent;
	margin: 0;
	text-align: left; /* center; modified by y.sasaki 20130628 */
	padding-top: 0;
	padding-bottom: 0;
	}

#header_top p	{background-color: transparent;
	color: #2f932a;
	font-size: 2.3em;
	text-align: center;
	margin-left: 20px;
	line-height: 60px;
/*	font-weight: bolder; */
	width: 100%;
/*	filter: progid:DXImageTransform.Microsoft.shadow(Color=#C9C9C9, Direction=180, Strength=6);	*/
/*	filter: progid:DXImageTransform.Microsoft.dropshadow(Color=#C9C9C9, OffX=0, OffY=4, Positive=True); */
	filter: glow(Color=#FFFFFF, Strength=5);
	text-shadow:
	#CCC 0px 1px 0px,
	#C9C9C9 0px 2px 0px,
	#BBB 0px 3px 0px,
	#B9B9B9 0px 4px 0px,
	#AAA 0px 5px 0px,
	rgba(0, 0, 0, 0.0976562) 0px 10px 1px,
	rgba(0, 0, 0, 0.0976562) 0px 0px 5px,
	rgba(0, 0, 0, 0.296875) 0px 10px 3px,
	rgba(0, 0, 0, 0.199219) 0px 10px 5px,
	rgba(0, 0, 0, 0.246094) 0px 5px 7px,
	rgba(0, 0, 0, 0.199219) 0px 10px 10px,
	rgba(0, 0, 0, 0.148438) 0px 20px 20px;
}


/*header_edit*/

#header_edit	{width: 760px;
	height: 100px;
	background-color: #ffffff;
/*	background-image: url(images/hirao.png); */
	background-image: url(images/011_800.jpg);
	background-repeat: no-repeat; 
/*	background-position: 50% 50%;	*/
	background-position: 0% 15%;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	}

#header_edit h1	{background-color: transparent;
	margin: 0;
	text-align: left;	/* center; */
	padding-top: 0;
	padding-bottom: 0;
	}



/* コンテンツ */

#content	{
	width: 574px;
	float: left;
	margin-bottom: 25px;
	margin-top: 0;
	}

/* コンテンツMAP */

#content_map	{
	width: 760px;
	float: left;
	margin-bottom: 10px;
	margin-top: 0;
	}
	
/*  写真表示  */

img.photo   {
    border:solid 0px #fff;
    box-shadow: 2px 2px 3px #666;
}


/* パンくずリスト */
#bread	{width: 760px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right:5px;
	text-align: center;
	}

ul.bread	{font-size: 0.75em;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	margin-bottom: 0;
	height: 30px;
	}

ul.bread li	{list-style-type: none;
	float: left;
	position: relative; zoom: 1;
	}

ul.bread li a	{display: block;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: #3c5916;
	background-color: #cdf0a1;
	border: solid 1px #8cc63f;
	position: relative; zoom: 1;
	}

ul.bread li a:hover	{
    background-color: #8cc63f;
	}
ul.bread li ul {
    position: relative; zoom: 1;
	display: none;
	}	
	
ul.bread li ul li a {
    background-color: #ffffff;
	display: block;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	position: relative; zoom: 1;
	}
ul.bread li ul li a:hover {
    background-color: #8cc63f; 
	}	
	
ul#mainNav.bread li.member {
    display: none;
    }
    
ul#mainNav li {
    position: relative;
    float: left;
    height: 30px;
    text-align: center;
    display: inline;
    *zoom:1;
    *z-index: 1001;			/* modified by y.sasaki 20130509 for border-radius */
    }
 
ul#mainNav li a {
    display: block;
    height: 30px;
    color: #3c5916;
    font-weight: bold;
    text-decoration: none;
    *zoom:1;	
	z-index: 1001; 		/* modified by y.sasaki 20130509 for border-radius */
     }
 
ul.subNav{
    padding-top: 0px;
    position: relative;
    }

ul.subNav li {
height: 30px;
}

ul.subNav li a{
    height: 30px;
    z-index:1002;		/* modified by y.sasaki 20130509 for border-radius */
	*zoom:1;
    box-shadow: 1px 1px 5px #aaa;
    }

ul.subSubNav {
    z-index:1003;		/* modified by y.sasaki 20130509 for border-radius */
	*zoom:1;
    }
ul.subSubNav li{
    height: 30px;
    *zoom:1;
    }
    
ul.subSubNav li a{
    padding: 0px;
    *zoom:1;
    }
    
/* 右サイドバー */

#sidebar-right	{width: 166px;
	float: right;
	margin: 10px;
	_margin: 5px;
	}

#sidebar-right a	{
	border: none;
	}

sidebar-right a img	{text-decoration: none;
	}

#sidebar-right td	{padding: 0px;
	}

#sidebar-right th	{padding: 0px;
	}


.info	{background-color: #ffffff;
	border: solid 1px #8cc63f;
	margin-bottom: 10px;
	}
	
#sidebar-right input {
	font-size: 0.75em;
/*	modified by y.sasaki 20130503 */
	margin: 2px 3px;
	*margin: 2px 3px;
	width: 40px;
	}
	
/* modified by y.sasaki 20130503	*/
#size	{
	padding: 2px 8px; 
	overflow: hidden;
	position: relative\9;			/* modified by y.sasaki for border radius @ 20130507 */
	z-index: 8\9;			/* modified by y.sasaki for border radius @ 20130507 */
	*zoom: 1;
	}
	
/* Added B Y.Sasaki 20130503 */
.size_btn {
	display: inline-block;
	display: inline\9;   			/* for IE6,7,8 */
	width: 46px;
	margin: 0px auto 0px auto;
	*zoom: 1;
	}

#sidebar-right h2	{border-bottom: solid 1px #8cc63f;
	background-color: #cdf0a1;
	color: #3c5916;
	line-height: 22px;
	font-size: 0.75em;
	text-align: center;
	padding: 0px;
	margin-top: 0;
	margin-bottom: 3px;
	}

#sidebar-right p.photo	{text-align: center;
	}

#sidebar-right p	{font-size: 0.75em;
	margin: 5px;
	_margin: 2.5px;
	}

#sidebar-right ul	{font-size: 0.75em;
	margin: 0 5px;
	_margin: 0 2px;
	padding: 0;
	}
/*
#sidebar-right ul li	{background-image: url(images/maru-green.png);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding-left: 14px;
	*zoom:1;
	*background-position: 0px 0px;
	*padding-left: 10px;
*/
#sidebar-right ul li	{
	list-style-type: none;
	line-height: 22px;
	font-size: 0.8em;
	*zoom:1;
	*padding-left: 0px;
}

#sidebar-right td {
	padding-bottom: 3px;
	}

#address p	{line-height: 15px;
	margin: 0;
	font-size: 0.8em;
}

/* フッター */

#footer	{background-image: url(images/line-green.png);
	background-repeat: repeat-x;
	width: 760px;
	margin-top: 0;
	padding-top: 8px;
	clear: both;
	}

address	{font-size: 0.75em;
	font-style: italic;
	text-align: center;
	}

#footer p	{font-size: 1em;
	text-align: center;
	}
span.size	{font-size: 0.9em;
	}


/*以下トップページ用*/

/* メイン */

#main.top	{
	width: 574px;
	float: left;
	}

/* コンテンツ */

#content.top	{
	width: 388px;
	float: right;
	margin-bottom: 25px;
	margin-top: 0;
	}

/* #content h2	{background-color: #014471;
	background-image: url(images/bar-blue.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 6px;
	margin-bottom: 0;
	margin-top: 10px}

#content h3	{
	background-color: #e0e0e0;
	background-image: url(images/bar-green.png);
	background-repeat: no-repeat;	
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 30px;
	margin-top: -5px;
	margin-bottom: 0
	}
#content p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px}

*/

/* サイドバー */

#sidebar.top	{
	width: 166px;
	float: left;
	margin-bottom: 25px;
	margin: 10px;
	_margin: 5px;
	}

ul.sidemenu	{
	background-color: #fff;
	border-top: solid 1px #8cc63f;
	border-right: solid 1px #8cc63f;
	border-left: solid 1px #8cc63f;
	font-size: 0.75em;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	line-height: 0;
	}

ul.sidemenu li	{
	list-style-type: none;
	*zoom:1;						/* Added By Y.Sasaki 20130512 */
	}

ul.sidemenu li a	{
	display: block;
	line-height: 30px;
	text-decoration: none;
	color: #3c5916;
	background-color: #cdf0a1;
	border-bottom: solid 1px #8cc63f;
	padding-left: 10px;
	font-weight: bold;
	*zoom:1;						/* Added By Y.Sasaki 20130512 */
}
ul.sidemenu li a.name	{
	display: block;
	line-height: 0;
	padding-top: 15px;
	text-decoration: none;
	color: #3c5916;
	background-color: #cdf0a1;
	border-bottom: solid 1px #8cc63f;
	padding-left: 10px;
	font-weight: bold;
	}

ul.sidemenu li a p	{
	margin-top: 0;
	padding-top: 5px;
	line-height: 30px;			
	font-weight: normal;
	font-size: 0.9em;
	}

ul.sidemenu li a:hover	{
	background-color: #8cc63f;
	}


ul.sidemenu ul	{
	margin: 0;
	padding: 0;
	}

ul.sidemenu ul li a	{
	background-color: #ffffff;
	border-bottom: solid 1px #8cc63f;
	line-height: 24px;
	padding: 0 0 0 20px;
	font-weight: normal;
	}

ul.sidemenu ul li a:hover	{
	background-color: #8cc63f;	
}

.form	{
	background-color: #f6f6f5;
	border-bottom: none;
	line-height: 2em;
	font-weight: normal;
	font-size: 2em;
	}

.error {
	color: red;
	font-size: 1em;
	line-height: 1em;
	
}

ul.sidemenu ul li a.form	{
	background-color: #f6f6f5;
	border-bottom: none;
	line-height: 22px;
	font-weight: normal;
	font-size: 1em;
	
	}

ul.sidemenu ul li a.formv input	{
/*	border: solid 1px #aaa;
*/	line-height: 20px;
	}

ul.sidemenu ul li a.form select	{
/*	border: solid 1px #aaa;
*/	line-height: 20px;
	}

ul.sidemenu ul li a.form2	{
	background-color: #f6f6f5;
	line-height: 24px;
	font-weight: normal;
	}

ul.sidemenu ul li.color a.form	{
	color: red;
	}


ul.sidemenu ul li a.form2 input	{
/*	border: solid 1px #aaa;
	padding: 0px; */
	height: 20px;
	margin: 10px 5px 10px 5px;
	}

ul.sidemenu li.last a {
	border-bottom: 0px;
	}


/*　ここまでトップ　*/
/* check page */
/*  added by Y.Sasaki 2012/06/03 */

#container.check {
	color: #550044;
	background-color: #fff4fa;
	border-right: solid 2px #fff4fa;
	border-left: solid 2px #fff4fa;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

#content.check	{
	width: 574px;
	float: right;
	margin-bottom: 25px;
	margin-top: 0;
	margin-right: 10px;
	}

#sidebar.check	{
	width: 166px;
	float: left;
	margin-bottom: 25px;
	margin: 10px 0 10px 10px;
	}

#sidebar.check ul.sidemenu	{
	background-color: #fff;
	border: solid 1px #ff80e5;
	font-size: 0.75em;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	line-height: 0;
	}

#sidebar.check ul.sidemenu li a	{
	color: #550044;
	background-color: #ffd5e5;
	border-bottom: solid 1px #ff80e5;
	font-weight: bold;
	}
#sidebar.check ul.sidemenu li#last a	{
	border: solid 0px #ff80e5;;

	}
#sidebar.check ul.sidemenu li a.name	{
	display: block;
	line-height: 0;
	padding-top: 15px;
	text-decoration: none;
	color: #550044;
	background-color: #cdf0a1;
	border-bottom: solid 1px #ff80e5;
	padding-left: 10px;
	font-weight: bold;
	}

#sidebar.check ul.sidemenu li a:hover	{
	background-color: #ff80e5;
	}

#sidebar.check ul.sidemenu ul li a	{
	background-color: #ffffff;
	border-bottom: solid 1px #ff80e5;
	color: #550044;
	line-height: 24px;
	padding: 0 0 0 20px;
	font-weight: normal;
	}

#sidebar.check ul.sidemenu ul li a:hover	{
	background-color: #ff80e5;	
}

#sidebar.check input	{
	margin: 10px 86px;
	font-size: 0.8em;
}

#footer.check	{background-image: url(images/line-pink.png);
	background-repeat: repeat-x;
	width: 760px;
	margin-top: 0;
	padding-top: 8px;
	clear: both;
	}

/*editページ*/

#content.edit	{
	width: 574px;
	float: right;
	margin-bottom: 25px;
	margin-top: 0;
	margin-right: 10px;
	}

#sidebar.edit	{
	width: 166px;
	float: left;
	margin-bottom: 25px;
	margin: 10px 0 10px 10px;
	}

#container.edit	{
	color: #550044;
	background-color: #fff4fa;
	border-right: solid 2px #fff4fa;
	border-left: solid 2px #fff4fa;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	}


#sidebar.edit ul.sidemenu	{
	background-color: #fff;
	border: solid 1px #ff80e5;
	font-size: 0.75em;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	line-height: 0;
	}


#sidebar.edit ul.sidemenu li a	{
	color: #550044;
	background-color: #ffd5e5;
	border-bottom: solid 1px #ff80e5;
	font-weight: bold;
	}
#sidebar.edit ul.sidemenu li#last a	{
	border: solid 0px #ff80e5;;

	}
#sidebar.edit ul.sidemenu li a.name	{
	display: block;
	line-height: 0;
	padding-top: 15px;
	text-decoration: none;
	color: #550044;
	background-color: #cdf0a1;
	border-bottom: solid 1px #ff80e5;
	padding-left: 10px;
	font-weight: bold;
	}

#sidebar.edit ul.sidemenu li a:hover	{
	background-color: #ff80e5;
	}

#sidebar.edit ul.sidemenu ul li a	{
	background-color: #ffffff;
	border-bottom: solid 1px #ff80e5;
	color: #550044;
	line-height: 24px;
	padding: 0 0 0 20px;
	font-weight: normal;
	}

#sidebar.edit ul.sidemenu ul li a:hover	{
	background-color: #ff80e5;	
}

#sidebar.edit input	{
	margin: 10px 86px;
	font-size: 0.8em;
}
#footer.edit	{background-image: url(images/line-pink.png);
	background-repeat: repeat-x;
	width: 760px;
	margin-top: 0;
	padding-top: 8px;
	clear: both;
	}

/* course_layout.phtml 用 Added By Y.Sasaki 20110904 */
#header_right {
	width: 190px;
	height: 150px;
	float: right;
	margin-top: 0;
	padding-top: 0;
	background-size: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
}
	
#header_center {
	background-image: url(images/maru-green.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	width: 376px;
	height: 150px;
	float: right; 
	margin-top: 0;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 0;
	overflow: hidden;	
}

#header_left {
	width: 190px;
	height: 150px;
	float: left;
	margin-top: 0;
	padding-top: 0;
	background-size: 100%;
	background-repeat: no-repeat;
	overflow: hidden;	
}	

#practiceBtn {
	margin-top: 20px;
	margin-left: 10px;
	width: 95px;
	font-size: 1.2em;
}

/* button shape modified by y.sasaki 20130503 	*/
input[type="button"],
input[type="submit"]
{
	hight: 22px;
	padding:1px 5px 1px 5px; 
	text-align:center;
	margin:0px 2px 0px 2px;	
}

/* select shape modified by y.sasaki 20130503 	*/
select#selCate, 
select#selSubCate, 
select#selYear, 
select#selMonth, 
select#selReservation {
	height: 22px;
	*height 26px\9;
	padding: 0px ; 
	text-align: left;
	margin: 0px 2px 0px 2px; 
}

/* member login 用 modified by y.sasaki 20130508 */
span#loginUser, 
span#loginPwd,
span#loginBtn {
	position: relative\9;			/* modified by y.sasaki for border radius @ 20130507 */
	z-index: 8\9;				/* modified by y.sasaki for border radius @ 20130507 */
	*zoom:1;
}

/* other input base modified for border-radius by y.sasaki 20130509 */
span.inputBase {
	position: relative\9;			/* modified by y.sasaki for border radius @ 20130507 */
	z-index: 8\9;				/* modified by y.sasaki for border radius @ 20130507 */
	*zoom:1;
}

.pop_login {
	display:block; 
	margin: 10px 40px;
	position: static;
}
#loginDialog {
	display: none;
}