/*  Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.5.2
............................................................... */

/* Font Setting
--------------------------------------------------
CSSでのpercent指定で対応するpxサイズの早見表
px = percent

10 = 77
11 = 85
12 = 93 (was 93)
13 = 100
14 = 108 (was 107)
15 = 116 (was 114)
16 = 123.1 (was 122)
17 = 131 (was 129)
18 = 138.5 (was 136)
19 = 146.5 (was 144)
20 = 153.9 (was 152)
21 = 161.6 (was 159)
22 = 167
23 = 174
24 = 182
25 = 189
26 = 197
*/

	address,caption,cite,code,dfn,em,strong,th,var{
		font-style:normal;
		font-weight:normal;
	}

	ul li{
		list-style:none;
	}

	caption,th{
		text-align:left;
	}

	h1,h2,h3,h4,h5,h6{
		font-size:100%;
	}

	q:before,q:after{
		content:'';
	}

	abbr,acronym {
		border:0;
		font-variant:normal;
	}

	sup {
		vertical-align:text-top;
	}

	sub {
		vertical-align:text-bottom;
	}

	input,textarea,select{
		font-family:inherit;
		font-size:inherit;
		font-weight:inherit;
	}

	input,textarea,select{
		*font-size:100%;
	}

	legend{
		color:#000;
	}

	body {
		font:13px/1.231 arial,helvetica,clean,sans-serif;
		*font-size:small;
		*font:x-small;
	}

	table {
		font-size:inherit;
		font:100%;
	}

	pre,code,kbd,samp,tt{
		*font-size:108%;
		line-height:100%;
	}

	/* Reset Setting
	............................................................... */
	* {
		margin:0;
		padding:0;
		text-align:left;
	}

	table {
		border-collapse:collapse;
		border-spacing:0;
/* ie6,ie7にて不具合あり。セルが強制的に3分割される。
		table-layout:fixed;
*/
	}

	td {
		vertical-align:top;
	}

	fieldset,img {
		border:0; 
	}

	img {
		vertical-align: bottom;
	}

	address, th, var {
		font-style:normal;
		font-weight:normal;
	}

	strong {
		font-weight: bold;
	}

	/* リンクスタイルをクリア
	............................................................... */
		a:link{
			border:none;
			text-decoration:none;
			color:#444;
		}

		a:active{
			border:none;
			text-decoration:none;
			color:#444;
		}

		a:visited{
			border:none;
			text-decoration:none;
			color:#444;
		}

		a:hover{
			border:none;
			text-decoration:none;
			color:#444;
		}

	/* フロート解除
	............................................................... */
		.release_b{
			clear:both;
		}

		.release_r{
			clear:right;
		}

		.release_l{
			clear:left;
		}

	/* 背景色 文字の大きさ 行送り
	............................................................... */
		body{
			background-color:#fff;
			font-family:'Osaka','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
			color:#666;
		}

	/* float 自動クリア
	............................................................... */
		.clearfix{
			_height: 1px;
			min-height: 1px;
			/*￥*//*/
			height: auto;
			overflow: hidden;
			/**/
		}

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


/* layout
-------------------------------------------------- */
#layout-wrap{
	margin:0 auto 0 auto;
	width:908px;
}

#layout-laft{
}

#layout-body{
	width:908px;
}

#layout-right{
}


/* header
-------------------------------------------------- */
#header{
	margin:0 auto 0 auto;
	width:908px;
	height:162px;
	position:relative;
}

#header h1{
	position:absolute;
	top:61px;
	left:171px;
	font-weight:normal;
	font-size:93%;
	line-height:1;
}

#header #logo{
	position:absolute;
	top:30px;
	left:4px;
}

#header #navi{
	overflow:hidden;
	*zoom:1;
	position:absolute;
	top:10px;
	right:4px;
}

#header #navi li{
	float:left;
}

#header #global_navi{
	width:908px;
	background:url(/design/740/images/global_navi_06_2.gif) right 0 no-repeat;
	overflow:hidden;
	*zoom:1;
	position:absolute;
	top:97px;
	left:0;
}

#header #global_navi li{
	padding:0 2px 0 0;
	background:url(/design/740/images/global_navi_bg.gif) right 0 no-repeat;
	float:left;
}


/* side_menu
-------------------------------------------------- */
#side_menu{
	margin:0 0 0 5px;
	padding:0 0 0 0;
	width:200px;
	background:url(/design/740/images/side_menu_foot.gif)1 bottom no-repeat;
	float:left;
}

#side_menu h3{
	padding:0 0 15px 0;
}

#side_menu ul{
	padding:15px 0 0 0;
	background:url(/design/740/images/side_menu_head.gif) 0 0 no-repeat;
}

#side_menu ul li{
	padding:0 15px 5px 15px;
	background-color:#c5c5c5;
}


/* footer
-------------------------------------------------- */
#footer{
	margin:0 auto 0 auto;
	padding:10px 0 30px 0;
	width:900px;
	background:url(/design/740/images/footer_head.gif) 0 0 no-repeat;
	overflow:hidden;
	*zoom:1;
}

#footer ul{
	float:left;
}

#footer ul li{
	margin:0 10px 0 0;
	float:left;
}

#footer address{
	width:225px;
	float:right;
}


/* main_container
-------------------------------------------------- */
#main_container{
	margin:0 4px 0 4px;
	width:900px;
}


/* main_flash
-------------------------------------------------- */
#main_flash{
	margin:0 0 20px 0;
	width:900px;
	height:250px;
}


/* main_info
-------------------------------------------------- */
#main_info{
	margin:0 0 20px 0;
	/*margin:0 -35px 20px 0;*/
	width:900px;
	/*width:935px;*/
}

#main_info h3{
	width:900px;
	height:31px;
	margin:0 0 10px 0;
}

#main_info .outer_head{
	margin:0 -14px 0 0;
	padding:10px 0 0 0;
	width:914px;
	background:url(/design/740/images/outer_head.gif) 0 0 no-repeat #808080;
	overflow:hidden;
	*zoom:1;
}

#main_info .outer_foot{
	padding:0 0 0 10px;
	background:url(/design/740/images/outer_foot.gif) 0 bottom no-repeat;
	overflow:hidden;
	*zoom:1;
}

#main_info #topics,
#main_info #lesson_top,
#main_info #partner,
#main_info #information{
	margin:0 0 15px 0;
	overflow:hidden;
	*zoom:1;
}

#main_info #topics .info01,
#main_info #lesson_top .info01,
#main_info #partner .info01,
#main_info #information .info01{
	float:left;
	margin:0 26px 15px 0;
}

#main_info #lesson_top .info01,
#main_info #partner .info01,
#main_info #information .info01{
	width:200px;
	background:url(/design/740/images/info_body01.gif) 0 0 repeat-y;
}

#main_info #topics .info01{
	margin:0 15px 15px 0;
	width:433px;
	background:url(/design/740/images/info_body02.gif) 0 0 repeat-y;
}

#main_info #topics .info01 .head{
	padding:15px 0 0 0;
	background:url(/design/740/images/info_head02.gif) 0 0 no-repeat;
}

#main_info #topics .info01 .foot{
	padding:0 0 5px 0;
	background:url(/design/740/images/info_foot02.gif) 0 bottom no-repeat;
	overflow:hidden;
	*zoom:1;
}

#main_info #lesson_top .info01 p.image,
#main_info #partner .info01 p.image,
#main_info #information .info01 p.image{
	margin:0 0 5px 0;
	padding:15px 20px 0 20px;
	background:url(/design/740/images/info_head01.gif) 0 0 no-repeat;
}

#main_info #lesson_top .info01 p.image{
	height:80px;
}

#main_info #topics .info01 p.image{
	padding:0 0 0 20px;
	float:left;
}

#main_info #lesson_top .info01 h4,
#main_info #partner .info01 h4,
#main_info #information .info01 h4{
	padding:0 20px 5px 20px;
	font-size:100%;
	background:url(/design/740/images/info_foot01.gif) 0 bottom no-repeat;
	letter-spacing:-0.1em;
}

#main_info #topics .info01 h4{
	padding:0 20px 0 20px;
	font-size:100%;
	font-weight:normal;
	line-height:1.3;
	overflow:hidden;
	*zoom:1;
}

#main_info #topics .info01 h4 a,
#main_info #lesson_top .info01 h4 a,
#main_info #information .info01 h4 a{
	color:#3a3d42;
}

#main_info #thmub_fla{
	width:900px;
	height:200px;
	display:none;
}


/* container
-------------------------------------------------- */
#container{
	margin:0 auto 25px auto;
	width:908px;
	overflow:hidden;
	*zoom:1;
}


/* contents
-------------------------------------------------- */
#contents{
	width:679px;
	float:right;
}

#contents h2{
	margin:0 0 20px 0;
}

#contents .unit{
	margin:0 auto 50px auto;
	width:655px;
}

#contents .unit h3{
	margin:0 0 15px 0;
}

#contents .unit table th,
#contents .unit table td{
	padding:6px 12px 6px 12px;
	border:1px solid #ccc;
	font-size:93%;
	line-height:1;
}

#contents .unit table th{
	background-color:#fbf2c6;
	text-align:center;
}

#contents .unit table td{
}

	/* about us
	-------------------------------------------------- */
	#contents .greeting .image{
		padding:0 15px 0 0;
		float:left;
	}

	#contents .greeting div{
		overflow:hidden;
		*zoom:1;
		font-size:93%;
		line-height:1.5;
	}

	#contents .greeting div h4{
		margin:0 0 15px 0;
	}

	#contents .greeting div p{
		margin:0 0 10px 0;
	}

	#contents .media{
		margin:0 0 15px 0;
	}

	/* concept
	-------------------------------------------------- */
	#contents .concept ul{
		margin:0 0 15px 0;
		font-size:93%;
		line-height:1.5;
	}

	#contents .concept h4{
		margin:0 0 10px 0;
	}

	/*#partner
	-------------------------------------------------- */
	#contents #partner dl{
		margin:0 0 10px 0;
		font-size:93%;
		line-height:1.5;
	}

	#contents #partner dl dt{
		margin:0 0 10px 0;
	}

	#contents #partner dl dt p{
		overflow:hidden;
		*zoom:1;
	}

	#contents #partner dl dt p img{
		padding:0 20px 20px 0;
		float:left;
	}

	#contents #partner dl dd{
		margin:0 0 15px 0;
	}

	/* media
	-------------------------------------------------- */
	#contents .media{
	}

	#contents .media h4{
		margin:0 0 10px 0;
	}

	#contents .media .outer{
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		background:url(/design/740/images/media_foot.gif) 0 bottom no-repeat;
	}

	#contents .media .outer .inner{
		padding:20px 0 0 0;
		background:url(/design/740/images/media_head.gif) 0 0 no-repeat;
	}

	#contents .media .outer .inner p{
		padding:0 20px 0 20px;
		background:url(/design/740/images/media_body.gif) 0 0 repeat-y;
	}

	#contents .media .outer .inner p img{
		padding:20px 20px 0 0;
	}

	/* lesson_list
	-------------------------------------------------- */
	#typelist{
		margin:0 0 15px 0;
	}

	#subtitle{
		margin:0 0 20px 0;
		font-size:108%;
	}

	#float-left{
		margin:0 15px 0 0;
		width:145px;
		float:left;
		width:145px;
	}

	#float-right{
		width:495px;
		float:right;
	}

	#float-right #menutxt{
		margin:0 0 5px 0;
		font-weight:bold;
		font-size:108%;
		line-height:1;
	}

	#float-right #price{
		margin:0 0 5px 0;
		font-size:93%;
		line-height:1;
	}

	#float-right #introduction{
		margin:0 0 10px 0;
		font-size:93%;
		line-height:1.5;
	}

	.clear{
		clear:both;
	}

	.margin20{
		padding:0 0 1px 0;
		margin:0 0 15px 0;
		background:url(/design/740/images/dot_gray.gif) 0 0 repeat-x;
	}

	/* lesson_detail
	-------------------------------------------------- */
	#typelist{
		margin:0 0 30px 0;
	}

	.photo{
		margin:0 20px 0 0;
		width:240px;
		float:left;
	}

	#thumnail img{
		width:70px;
	}

	.detail{
		width:395px;
		float:left;
	}

	/* individual privacy
	-------------------------------------------------- */
	.privacy h3,
	.individual h3{
		padding:0 0 5px 0;
		border-bottom:2px solid #fbf2c6;
	}

	.privacy p,
	.individual p{
		margin:0 0 15px 0;
		font-size:93%;
		line-height:1.5;
	}

	.privacy ul{
		margin:0 0 15px 0;
		font-size:93%;
		line-height:1.5;
	}

	.individual .signature{
		text-align:right;
	}

	/* lesson
	-------------------------------------------------- */
	.lesson table{
		margin:0 0 15px 0;
	}

	#contents .lesson table td{
		line-height:1.5;
	}

	.lesson table strong{
		margin:15px 0 0 0;
		display:block;
		color:#c06;
	}

	.lesson p.image_r{
		width:450px;
		text-align:center;
		float:right;
	}

	.lesson p.btn{
		margin:15px 0 0 0;
		clear:both;
	}

	.lesson dl{
		overflow:hidden;
		*zoom:1;
		font-size:93%;
		line-height:1.5;
	}

	.lesson dl dt{
		font-weight:bold;
	}

	.lesson p.image_l{
		padding:0 15px 0 0;
		float:left;
	}

	.lesson p.text{
		padding:0 0 15px 0;
		font-size:93%;
		line-height:1.5;
		overflow:hidden;
		*zoom:1;
	}

	/* access map
	-------------------------------------------------- */
	.access small{
		margin:15px 0 15px 0;
		display:block;
	}

	/* sitemap
	-------------------------------------------------- */
	.sitemap ul li{
		margin:0 0 10px 0;
		font-weigth:bold;
	}

	.sitemap ul li ul li{
		margin:0 0 5px 12px;
		font-size:93%;
		font-weigth:normal;
	}

	/* 予約フォーム
	-------------------------------------------------- */
	#table_regist th,
	#table_regist td{
		padding:6px 12px 6px 12px;
		border:1px solid #ccc;
		font-size:93%;
		line-height:1;
	}

	#table_regist th{
		width:200px;
		background-color:#fbf2c6;
		text-align:center;
	}

	#table_regist th .f_red{
		color:#c06;
	}