@charset "utf-8";
/* CSS Document */

/* Common */
/* ====================================================================== */

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-family: "ＭＳ ゴシック","MS Gothic","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3","Osaka−等幅", Osaka-mono, sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 1.4;
	background: url(images/glass_bg.png) repeat;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
}

/* Index Header */
/* ====================================================================== */

#top {
	clear: both;
	padding: 0 0 40px 0;
	background: bottom url(images/glass.png) repeat-x #FFF;
}

#header_link_block {
	margin: 0 auto;
	width: 900px;
	padding: 5px 0;
	background: #FFF
}

#header_link {
	float: right;
	padding: 0 0 5px 0;
	font-size: 0.625em;
}

#header_link li {
	display: inline;
	padding: 0 0 0 14px;
	background: url(images/list.png) no-repeat;
}

#index_img {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 900px;
	height: 310px;
	background: url(images/head.png) no-repeat;
}

#index_img h1 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 370px;
	height: 210px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: -10px -10px url(images/head.png) no-repeat;
}

#index_img h1 a {
	display: block;
	width: 370px;
	height: 210px;
	background: -10px -10px url(images/head.png) no-repeat;
}

#index_img h2 {
	position: absolute;
	top: 220px;
	left: 10px;
	width: 370px;
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: -10px -220px url(images/head.png) no-repeat;
}

#top_img_link {
	position: absolute;
	top: 280px;
	left: 190px;
	width: 190px;
	height: 30px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: -190px -280px url(images/head.png) no-repeat;
}

#top_img_link a {
	display: block;
	width: 190px;
	height: 30px;
	background: -190px -280px url(images/head.png) no-repeat;
}

#index_img img {
	position: absolute;
	top: 10px;
	left: 387px;
}

/* Content Header */
/* ====================================================================== */


#home {
	float: left;
	font-size: 0.725em;
	list-style: none;
}

#home li {
	float: left;
	padding: 0 3px 0 14px;
	background: 0 2px url(images/list.png) no-repeat;
}

#content_top {
	clear: both;
	background: bottom url(images/content_head_bg.png) repeat-x #FFF;
}

#content_img {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 900px;
	height: 114px;
	background: url(images/content_head.png) no-repeat;
}

#content_img h1 {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 320px;
	height: 90px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: -12px -12px url(images/content_head.png) no-repeat;
}

#content_img h1 a {
	display: block;
	width: 320px;
	height: 90px;
	background: -12px -12px url(images/content_head.png) no-repeat;
}

#content_img h2 {
	position: absolute;
	top: 0;
	left: 346px;
	width: 250px;
	height: 35px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: -346px 0 url(images/content_head.png) no-repeat;
}

#content_img p {
	position: absolute;
	top: 35px;
	left: 346px;
	width: 550px;
	height: 70px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: -346px -35px url(images/content_head.png) no-repeat;
}

#breadcrumb {
	margin: 0 auto;
	padding: 8px 0;
	width: 900px;
	text-align: left;
	font-size: 0.725em;
}

/* Main Content*/
/* ====================================================================== */

#main_content {
	padding: 10px 0;
}

#main_block {
	margin: 0 auto;
	padding: 0 0 23px 0;
	width: 900px;
	background: bottom url(images/content_bottom.png) no-repeat;
}

#content {
	padding: 15px 13px 0 12px;
	text-align: left;
	font-size: 0.75em;
	background: top url(images/content_top.png) no-repeat #FFF;
}


/* Menu*/
/* ====================================================================== */

#menu {
	float: left;
	width: 180px;
}

#menu ul {
	list-style: none;
}

#menu ul li#school {
	width: 180px;
	margin: 0 0 2px 0;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
}

#menu ul li#school a {
	display: block;
	width: 180px;
	height: 35px;
	background: url(images/menu.png) no-repeat;
}

#menu ul li#school a:hover {
	background: -180px 0 url(images/menu.png) no-repeat;
}

#menu ul li#school.active a {
	background: -180px 0 url(images/menu.png) no-repeat;
}

#menu ul li#orientation {
	width: 180px;
	margin: 0 0 2px 0;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
}

#menu ul li#orientation a {
	display: block;
	width: 180px;
	height: 35px;
	background: 0 -37px url(images/menu.png) no-repeat;
}

#menu ul li#orientation a:hover {
	background: -180px -37px url(images/menu.png) no-repeat;
}

#menu ul li#orientation.active a {
	background: -180px -37px url(images/menu.png) no-repeat;
}

#menu ul li#brochure {
	width: 180px;
	margin: 0 0 2px 0;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
}

#menu ul li#brochure a {
	display: block;
	width: 180px;
	height: 35px;
	background: 0 -74px url(images/menu.png) no-repeat;
}

#menu ul li#brochure a:hover {
	background: -180px -74px url(images/menu.png) no-repeat;
}

#menu ul li#brochure.active a {
	background: -180px -74px url(images/menu.png) no-repeat;
}

#menu ul li#about {
	width: 180px;
	margin: 0 0 2px 0;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
}

#menu ul li#about a {
	display: block;
	width: 180px;
	height: 35px;
	background: 0 -111px url(images/menu.png) no-repeat;
}

#menu ul li#about a:hover {
	background: -180px -111px url(images/menu.png) no-repeat;
}

#menu ul li#about.active a {
	background: -180px -111px url(images/menu.png) no-repeat;
}

#menu ul li#flow {
	width: 180px;
	margin: 0 0 2px 0;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
}

#menu ul li#flow a {
	display: block;
	width: 180px;
	height: 35px;
	background: 0 -148px url(images/menu.png) no-repeat;
}

#menu ul li#flow a:hover {
	background: -180px -148px url(images/menu.png) no-repeat;
}

#menu ul li#flow.active a {
	background: -180px -148px url(images/menu.png) no-repeat;
}

#menu ul li#activity {
	width: 180px;
	margin: 0 0 2px 0;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
}

#menu ul li#activity a {
	display: block;
	width: 180px;
	height: 35px;
	background: 0 -185px url(images/menu.png) no-repeat;
}

#menu ul li#activity a:hover {
	background: -180px -185px url(images/menu.png) no-repeat;
}

#menu ul li#activity.active a {
	background: -180px -185px url(images/menu.png) no-repeat;
}

#menu ul li#teachers {
	width: 180px;
	margin: 0 0 2px 0;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
}

#menu ul li#teachers a {
	display: block;
	width: 180px;
	height: 35px;
	background: 0 -222px url(images/menu.png) no-repeat;
}

#menu ul li#teachers a:hover {
	background: -180px -222px url(images/menu.png) no-repeat;
}

#menu ul li#teachers.active a {
	background: -180px -222px url(images/menu.png) no-repeat;
}

#menu ul li ul.sub {
	margin: 8px 0 5px 0;
	text-indent: 28px;
}

#menu ul li#school ul.sub li a,
#menu ul li#orientation ul.sub li a,
#menu ul li#brochure ul.sub li a,
#menu ul li#about ul.sub li a,
#menu ul li#flow ul.sub li a,
#menu ul li#activity ul.sub li a,
#menu ul li#teachers ul.sub li a {
	display: block;
	width: 180px;
	height: 20px;
	padding: 1px 0 2px 0;
	background: none;
	text-decoration: none;
	background: 17px 2px url(images/list01.png) no-repeat;
}

#menu ul li#school ul.sub li a:hover,
#menu ul li#orientation ul.sub li a:hover,
#menu ul li#brochure ul.sub li a:hover,
#menu ul li#about ul.sub li a:hover,
#menu ul li#flow ul.sub li a:hover,
#menu ul li#activity ul.sub li a:hover,
#menu ul li#teachers ul.sub li a:hover {
	background: 17px 2px url(images/list02.png) no-repeat;
}

#menu ul li#school ul.sub li.active a,
#menu ul li#orientation ul.sub li.active a,
#menu ul li#brochure ul.sub li.active a,
#menu ul li#about ul.sub li.active a,
#menu ul li#flow ul.sub li.active a,
#menu ul li#activity ul.sub li.active a,
#menu ul li#teachers ul.sub li.active a {
	background: 17px 2px url(images/list02.png) no-repeat;
}

#menu ul li ul.sub li {
	font-weight: bolder;
}

#dvd {
	margin: 15px 0;
}

/* content main */
/* ====================================================================== */

#content_main {
	float: right;
	width: 875px;
}

#title_select {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title01.png) no-repeat;
}

#title_flow {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title02.png) no-repeat;
}

#title_brochure {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title03.png) no-repeat;
}

#title_style {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title04.png) no-repeat;
}

#title_schedule {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title06.png) no-repeat;
}

#title_bbs {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title07.png) no-repeat;
}

#title_safety {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title08.png) no-repeat;
}

#title_privacy {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title09.png) no-repeat;
}

#title_qa {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title10.png) no-repeat;
}

#title_eco {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title11.png) no-repeat;
}

#title_sitemap {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title12.png) no-repeat;
}


#title_order {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/title_order.png) no-repeat;
}

#title_business {
	height: 60px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(/images/title_business.png) no-repeat;
}





#entry {
	padding: 0 0 20px;
	background: bottom url(images/post_bottom.png) no-repeat;
}

#content_main_block {
	padding: 5px 20px;
	background: url(images/post_content.png) repeat-y;
}

#content_main_block h3 {
	font-size: 1.575em;
	padding: 0 0 8px 0;
}

#content_main_block p {
	/*text-indent: 10px;*/
	padding: 5px 0 17px 5px;
}

#content_main_block ul,
#content_main_block ol {
	margin: 0 20px 25px 25px;
}

#content_main_block ul li {
	padding: 2px 0;
}

#content_main_block ul ul{
	margin: 3px 20px;
}

#new {
	float: left;
	display: inline;
	width: 332px;
	margin: 0 13px 13px 0;
	background: url(images/top_block_content.png) repeat-y;
}

#new a {
	color: #ff6600;
}

.top_block {
	background: bottom url(images/top_block_bottom.png) no-repeat;
}

#new h3 {
	height: 55px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/top_block_title01.png) no-repeat;
}

#new ul {
	padding: 0 10px;
	list-style: none;
}

#new li {
	padding: 0 0 24px 15px;
	background: url(images/list.png) no-repeat;
}

#liberta_movie {
	float: left;
	display: inline;
	margin: 0 0 13px 0;
	position: relative;
	width: 332px;
	background: url(images/top_block_content.png) repeat-y;
}

#liberta_movie h3 {
	height: 55px;
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	background: url(images/top_block_title02.png) no-repeat;
}

#liberta_movie img {
	float: right;
	margin: 0 10px 10px 10px;
}

#liberta_movie p {
	padding: 0 0 10px 10px;
}

#movie_detail {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 0.875em;
}

#movie_detail a {
	padding: 0 0 0 15px;
	background: 0 -1px url(images/list.png) no-repeat;
}

#blglink,
#blglink2 {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#blglink td,
#blglink2 td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#blglink td a,
#blglink2 td a {
	color: #2c5398;
}

#blglink td a:hover,
#blglink2 td a:hover {
	color: #A2B9D9;
}

table#result {

	border-collapse: collapse;

	width: 250px;

	}

table#result td {

	border-collapse: collapse;

	padding: 2px 5px;

	background-color: #CCECF4;

	border-color: #ffffff;

	border-style: solid;

	border-width: 1px;

	}
	
form table#request textarea {
	font-size: 12px;
}

table#result th {

	background-color: #0A50A1;

	color: #ffffff;

	text-align: center;

	font-weight: normal;

	border-collapse: collapse;

	padding: 3px;

	border-color: #ffffff;

	border-style: solid;

	border-width: 1px;

	}

table#result .kg {

	text-align: right;

	}

#content_main_block h2.safety_head {
	clear: both;
	margin: 0 0 5px 0;
	font-size: 1.225em;
	border-bottom: 1px solid #3AA1E5;
}

#content_main_block h3.safety_head2 {
	padding: 5px 0;
	font-size: 1em;
	color: #3AA1E5;
}
/*form*/
.itemBox{
	float:left;
	width:243px;
	margin-left:3px;
}
.itemBox2{
	float:left;
	width:100%;
}
.itemBox div.outBox,
.itemBox2 div.outBox{
	background:url(images/imageBG.png);
	padding:5px 15px;
	margin:0 10px 10px;
}
.itemBox div.outBox div,
.itemBox2 div.outBox div{
	background:#fff;
	padding:10px;
}

.personalData{
	width:100%;
	border-collapse: collapse;
}
.personalData th{
	background:#FFFCCC;
	width:185px;
	border-top:1px solid #FFFCCC;
	border-right:1px solid #F0EDC0;
	border-bottom:1px solid #E7E4B9;
	padding:12px;
	color:#696969;
}
.personalData td{
	background:#FBFBFB;
	border-bottom:1px solid #EBEBEB;
	border-right:1px solid #F1F1F1;
	padding:12px;
}
.personalData td span{
	color:#B2B2B2;
}
div.hr{
	width:95%;
	margin:0;
}
div.hr hr{
	display:none;
}

h4 {
	margin-left:15px;
	margin-right:15px;
	border-bottom:1px dashed #666;
	font-size:14px;
	text-indent:1em
	color:#666;
	font-weight:normal;
	padding-bottom:5px;
}
p.tit{
	font-size:14px;
	font-weight:bold;
}
.itemHr{
	border-bottom:1px solid #ccc;
	margin:10px 0;
}
.itemHr hr{
	display:none;
}
.price{
	font-size:10px !important;
}
div.itemDiscription ul {
	margin:0 10px;
	list-style-type:circle !important;
}
div.itemDiscription ul li{
	line-height:1.1;
	margin-bottom:5px;
}

/* News*/
/* ====================================================================== */

#news {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	width: 295px;
	background: url(images/news_content.png) repeat-y;
}

*html #news {
	margin: 0;
}

#news h3 {
	text-indent: -10000px;
	overflow:hidden;
	overflow: hidden;
	height: 34px;
	background: url(images/news_title.png) no-repeat;
}

#list {
	position: absolute;
	top: 15px;
	right: 10px;
	padding: 0 0 0 15px;
	font-size: 0.875em;
	background: url(images/list.png) no-repeat;
}

#news_block {
	padding: 0 0 10px 0;
	font-size: 0.875em;
	background: bottom left url(images/news_bottom.png) no-repeat;
}

#news dl {
	padding: 10px 15px;
}

* html #news dl {
	padding: 2px 15px;
}

#news dt {
	padding: 0 3px;
}

#news dd {
	margin: 0 0 5px 0;
	padding: 0 3px 8px 3px;
	background: bottom url(images/dot.png) repeat-x;
}

/* School Search */
/* ====================================================================== */

div.anchor {

	width:140px;

	float: left;

	border: 1px solid #B2E2ED;

	background-color: #B2E2ED;

	padding: 2px 5px;

	margin: 2px;

	}
	
table.list td {

	padding: 2px 5px;

	background-color: #D9F1F6;

	}

table.list th {

	padding: 2px;

	background-color: #B2E2ED;

	}

table.list th.name {

	background-color: #B2E2ED;

	width: 15%;

	}

table.list th.place {

	background-color: #B2E2ED;

	width: 15%;

	}

table.list th.week {

	background-color: #B2E2ED;

	width: 2em;

	}

table.list th.schedule {

	background-color: #B2E2ED;

	width: 17%;

	}

table.list th.schedule2 {

	background-color: #B2E2ED;

	width: 17%;

	}

table.list th.practice {

	background-color: #B2E2ED;

	}
	
.coach,
.navigation {
	margin: 0 auto;
}

.coach td {
	padding: 10px;
}


/* QA */
/* ====================================================================== */

#qa {

	background-color: #f5f5f5;

	padding: 10px;

	margin: 10px 0;

	}

#qa img {

	vertical-align: text-bottom;

	}

#qa p {

	margin: 0;

	padding: 0;

	}

#qa p#q {

	color: #419BD9;

	font-weight: bold;

	}

.back {

	text-align: right;

	}
	
#column01 h2,
#column02 h2,
#column03 h2 {
	border-width: 0 0 1px 5px;
	border-style: solid;
	border-color: #A2B9D9 #4573B3;
	padding-left: 5px;
	font-size: 14pt;
}

#author {

	text-align: right;

	}

#greeting hr {
	border: 1px #ff9999 dashed;
	}
	
#greeting td {
	padding: 5px;
}

/* Request*/
/* ====================================================================== */


form table#request {

	border-collapse: separate;

	border-spacing: 5px;

	width: 100%;

	}

form table#request th, form table#request td {

	padding: 3px;

	}

form table#request th {

	background-color: #fffccc;

	border: 1px solid #fff9c9;

	text-align: left;

	color: #555555;

	width: 12em;

	}



table#confirm {

	border-collapse: separate;

	border-spacing: 5px;

	width: 100%;

	}

table#confirm th, table#confirm td {

	padding: 3px;

	}

table#confirm th {

	background-color: #fffccc;

	border: 1px solid #fff9c9;

	text-align: left;

	color: #555555;

	white-space: nowrap;

	width: 12em;

	}

form div {

	text-align: center;

	margin: 1em 0;

	}



.note {

	font-weight: bold;

	color: #ff3333;

	}


/* Footer */
/* ====================================================================== */

#footer {

	background: top url(images/footer.png) repeat-x #FFFFFF;
	margin: 0 0 -1px;

}



#footer_content {
/*	position: relative;*/
	margin: 0 auto;
	height: 60px;
	width: 900px;
	font-size: 0.675em;
}



#footer_content ul {
/*	position: absolute;
	top: 25px;*/
	padding-top:25px;
	left: 0;
	list-style: none;
	float: left;
}



#footer_content ul li {
	display: inline;
	padding: 2px 0 0 14px;
	background: url(images/footer_list.png) no-repeat;
}



#footer_content p {
/*	position: absolute;
	top: 25px;*/
	padding-top: 25px;
	right: 0;
	float: right;
}

/* back_top */
/* ====================================================================== */

.back_top {

	text-align: right;

	}


/* order */
/* ====================================================================== */

h2.business{
border-bottom:1px #CCC dotted;
font-size:1em;
font-weight:bold;
line-height:1em;
padding:3px;
margin:10px 0 0 0;}

#furikomi{
width:300px;
padding:10px;
border:1px solid #CCC;
margin:0 0 20px 130px;
}

.FormNotice{
text-align:right;
margin:0;
padding:0;
}