@charset "utf-8";

* {
	list-style: none;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-variant: normal;
	font-size: 13px;
}

a:link {
color:#bf8f2d;
text-decoration:underline;
}
a:visited {
color:#bf8f2d;
}
a:hover {
color:#999999;
text-decoration:none;
}
a:active {
color:#bf8f2d;
}

img {
border:medium none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

/****************************************************************************

	フォント標準

**************************************************************************** */

body {
	font-family: "Lucida Grande", Verdana, Arial, "Hiragino Kaku Gothic Pro", "MS P ゴシック";
	font-size: 12px;
	text-align:left;
}

.title_font {
	font-family: "Lucida Calligraphy" ,"Lucida Grande", Verdana, Arial, "Hiragino Kaku Gothic Pro", "MS P ゴシック";
}

.title_font_kana {
	font-family: "ＭＳ Ｐ明朝","平成明朝", "Lucida Grande", Verdana, Arial, "Hiragino Kaku Gothic Pro", "MS P ゴシック";
}

#wrapper {
	background: url(../imgs/left_back.jpg) repeat-y;
}

#wrapper_body {
	background: url(../imgs/right.jpg) bottom right no-repeat;
	margin-top: -20px;
	width: 100%;
}

#contents {
	background: url(../imgs/left.jpg) top left no-repeat;
	float:left;
	clear: none;
}

#contents_body {
	margin-left: 121px;
	text-align: left;
	background: transparent;
	width: 780px;
	height: 100%;
}

#main {
	width: 559px;
	margin: 0 auto;
	float: right;
}
	#main .title {
		margin-left: 22px;
	}
	.news {
		margin-left: 22px;
	}
		.news li {
			margin-bottom: 10px;
		}
		.news li dl {
			margin:0;
			padding:0;
		}
			*html .news li dl {
				margin-top: -10px;
			}

		.news li dt {
			width: 80px;
		}
		.news li dd {
			font-weight:bold;
			margin: -1em 0 0 84px;
		}
		
		.entry_list {
			font-weight:bold;
			float: right;
			padding: 10px;
		}

	#main_body {
		margin-left: 15px;
	}
		#main_body h2 img {
			margin-bottom: 25px;
		}
		#main_body p {
			margin: 1px 10px 10px;
			line-height: 1.6em;
			font-size: 105%;
			width: 510px;
		}
		#main_body h3 {
			margin-top: 25px;
			margin-bottom: 5px;
			font-size: 105%;
		}


		#main_body h4 {
			margin: 1px 10px 10px;
			font-size: 105%;
		}

			#main_body ul.list {
				width: 500px;
				list-style:none;
				margin-left: 15px;
			}
			#main_body ul.list li {
				background:url(../imgs/list_marker.gif) 1px 5px no-repeat;
				line-height:1.5em;
				padding:2px 0 0 15px;
				font-size: 105%;
			}
			
			#main_body .right {
				text-align: right;
			}
		
		#main_body table.charge_table {
			margin: 20px 10px 8px;
			width: 500px;
		}
			#main_body table.charge_table td.image_area {
				vertical-align: top;
				width: 115px;
			}
			#main_body table.charge_table td {
				padding-bottom: 10px;
				font-size: 105%;
				line-height: 1.5em;
			}
			#main_body table.charge_table td strong {
				font-size: 105%;
			}
			#main_body table.charge_table td strong.minute {
				font-size: 95%;
			}
			#main_body table.charge_table ul.list {
				margin-left: 0px;
				width: 260px;
			}
			#main_body table.charge_table td.charge_about {
				width: 260px;
			}
			#main_body table.charge_table td.charge_contact {
				text-align: right;
				vertical-align: top;
			}
				#main_body table.charge_table td.charge_contact img {
					margin: 0;
					padding: 0;
				}
		
		#main_body table.charge_table2 {
			margin: 3px 10px 8px;
			width: 500px
		}
			#main_body table.charge_table2 th,
			#main_body table.charge_table2 td {
				vertical-align: top;
				padding: 5px 10px 0;
				font-size: 105%;
			}

			#main_body table.charge_table2 td {
				font-size: 105%;
				line-height: 1.5em;
			}

			#main_body table.charge_table2 td p {
				width: 400px;
				margin: 0;
				margin-bottom: 5px;
			}
			#main_body table.charge_table2 th .charge_yajirushi {
				margin-top: 5px;
			}

.page_top {
	float: right;
	text-align: right;
	margin-top: 20px;
}
	*html .page_top {
		margin-bottom: -8px;
	}

.page_top2 {
	float: right;
	text-align: right;
	margin-top: 20px;
}

#side {
	float: left;
	margin: 0 auto;
	width: 220px;
}

#footer {
	height: 70px;
	background: #fffadd url(../imgs/footer.jpg) top repeat-x;
	width: 100%;
	text-align: left;
	float: left;
}

#footer_contents {
	float: left;
	width: 900px;
	display: block;
}
	#footer_menu {
		float: left;
		width: 500px;
		text-align: left;
	}
		#footer_menu ul {
			margin: 30px 0 0 131px;
			padding: 0;
			line-style: none;
			line-height: 1.0;
		}
		#footer_menu ul li {
			display: inline;
		}

	#copyright {
		float: right;
		margin-top: 30px;
		margin-right: 10px;
		width: 350px;
		text-align: right;
		color: #888;
	}

/****************************************************************************

	メニューバー

**************************************************************************** */
#menu {
	background: #fff;
	width: 220px;
	height: 217px;
	background: url(../imgs/menu.jpg) no-repeat;
	text-align: left;
	position: absolute;
	clear: both;
	float: left;
}
	#menu ul {
		margin: 0;
		padding: 0;
		line-style: none;
		line-height: 1.0;
	}

	#menu li {
		margin: 0;
		padding: 0;
		width: 220px;
		position: absolute;
		text-indent: -9999px;
	}
	#menu li#about {
		top: 0px;
		width: 220px;
	}
	#menu li#service {
		top: 31px;
		width: 220px;
	}
	#menu li#flow {
		top: 62px;
		width: 220px;
	}
	#menu li#voice {
		top: 93px;
		width: 220px;
	}
	#menu li#instructor {
		top: 124px;
		width: 220px;
	}
	#menu li#greeting {
		top: 155px;
		width: 220px;
	}
	#menu li#contact {
		top: 186px;
		width: 220px;
	}

	#menu li a {
		text-decoration: none;
		display: block;
		height: 31px;
		width: 220px;
		background: transparent;
		overflow: hidden;
	}
	
	#menu li#about a:hover {
		background: url(../imgs/menu_on.jpg) no-repeat 0px 0px;
	}
	#menu li#about a.here {
		background: url(../imgs/menu_on.jpg) no-repeat;
	}

	#menu li#service a:hover {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -31px;
	}
	#menu li#service a.here {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -31px;
	}

	#menu li#flow a:hover {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -62px;
	}
	#menu li#flow a.here {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -62px;
	}

	#menu li#voice a:hover {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -93px;
	}
	#menu li#voice a.here {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -93px;
	}

	#menu li#instructor a:hover {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -124px;
	}
	#menu li#instructor a.here {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -124px;
	}

	#menu li#greeting a:hover {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -155px;
	}
	#menu li#greeting a.here {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -155px;
	}

	#menu li#contact a:hover {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -186px;
	}
	#menu li#contact a.here {
		background: url(../imgs/menu_on.jpg) no-repeat 0px -186px;
	}

#tel {
	clear: none;
	float: left;
	position: absolute;
	top: 380px;
}

#blog {
	clear: none;
	float: left;
	position: absolute;
	top: 500px;
	left: 126px;
}

#side .separate {
	width: 220px;
	height: 460px;
	clear: none;
}

.message {
	padding:0 0 0 20px;
	color:#E80000;
}

.signin_table01 {
	width:500px;
	margin: 3px 10px 8px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	font-size:1em;
	line-height:160%;
}

.signin_table01 th {
	background:#FDF5C6;
	border:1px solid #CCCCCC;
	padding:5px 5px;
	text-align:left;
	width:170px;
}

.signin_table01 th span{
	color:#E80000;
}

.signin_table01 td {
	border:1px solid #CCCCCC;
	padding:5px 5px;
}

.l_size {
	width:270px;
}

.m_size {
	width:180px;
}

.s_size {
	width:100px;
}

.ss_size {
	width:50px;
}

.sss_size {
	width:25px;
}


.submitarea {
	margin:20px 0 30px 0;
	text-align:center;
}

.signin_table02 {
	width:500px;
	margin: 3px 10px 8px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	font-size:1em;
	line-height:160%;
}

.signin_table02 th {
	background:#FDF5C6;
	border:1px solid #CCCCCC;
	padding:5px 5px;
	text-align:left;
	width:80px;
	font-size: 105%;
}

.signin_table02 th span{
	color:#E80000;
}

.signin_table02 td {
	border:1px solid #CCCCCC;
	padding:5px 5px;
	font-size: 105%;
}
	.signin_table02 td ul li {
		list-style: decimal;
		margin-left: 30px;
		font-size: 105%;
	}

	#greeting_main_body {
		margin-left: 15px;
	}
		#greeting_main_body h2 img {
			margin-bottom: 25px;
		}
		#greeting_main_body p {
			margin: 1px 10px 10px;
			line-height: 1.6em;
			font-size: 105%;
		}

	#greeting_main_body img {
		margin: 0 13px 10px 13px;
		clear: right;
		float: right;
	}

	#greeting_main_body p {
		clear: left;
	}
		#greeting_main_body .h3_title img {
			float: left;
			margin-left: 5px;
		}

table.flow {
	margin: 1px 10px 10px;
	width: 500px;
}
	table.flow th,
	table.flow td {
		padding: 8px 3px;
		font-size: 105%;
	}
		table.flow td a {
			font-size: 105%;
		}
	
	table.flow td.yajirushi {
		text-align: center;
	}


table.instructor {
	margin: 1px 10px 10px;
	width: 510px;
	border-bottom: 1px solid #ddd;
}

	table.instructor th,
	table.instructor td {
		font-size: 105%;
		padding: 4px 2px 8px;
		text-align: left;
		line-height: 1.4em;
	}
	table.instructor th {
		width: 80px;
		vertical-align: top;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		font-weight: normal;
	}
	table.instructor td.title {
		font-size: 110%;
	}
	table.instructor td.title strong {
		font-size: 110%;
	}

	#news_main_body {
		margin-left: 15px;
	}
		#news_main_body h2 img {
			margin-bottom: 25px;
		}
		#news_main_body h3 {
			font-size: 105%;
			padding: 0 5px 10px;
			border-bottom: 1px solid #ddd;
			width: 520px;
		}
		#news_main_body p {
			margin: 1px 10px 10px;
			line-height: 1.6em;
			font-size: 105%;
		}
			#news_main_body p.date {
				font-size: 80%;
				text-align: right;
				margin-right: 25px;
			}

table.voice {
	margin: 1px 10px 10px;
	width: 510px;
	border-bottom: 1px solid #ddd;
}

	table.voice th,
	table.voice td {
		font-size: 105%;
		padding: 4px 2px 8px;
		text-align: left;
		line-height: 1.5em;
	}
	table.voice th {
		width: 80px;
		vertical-align: top;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		font-weight: normal;
	}
	table.voice td.name {
		font-size: 110%;
		text-align: right;
	}

table.charge_cource {
	margin: 1px 10px 10px;
	width: 510px;
}
	table.charge_cource th,
	table.charge_cource td {
		padding: 10px 3px;
		border: 1px solid #ddd;
		font-size: 95%;
	}

	table.charge_cource th {
		background:#FDF5C6;
	}

	table.charge_cource th.area {
		width: 90px;
	}