* {margin:0; padding:0;}

html {height: 100%;}

body {
	background: #262813 url(../images/bg.jpg) repeat-x center 0;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS　Pゴシック', Helvetica, Arial, sans-serif;
	color:#333;
	font-size: 12px;
	line-height: 150%;
	height:100%;  
	}

img {border:0;}

table {border-collapse: collapse;}
table td {padding:5px;}
h1, h2, h3 {text-indent:-9999px;}

a {
	color:#990000;
	-moz-outline: none 0;
	outline: none 0;
	}

a:link{color:#990000; }
a:active{color:#990000; }
a:visited{color:#990000; }
a:hover{color:#ff6600; }

/************************
STRUCTURE
**********************/

#wrap {
	background:#FFF;
	margin:0 auto;
	padding:0 20px;
	width:800px;
	height:100%;  
	background: transparent url(../images/bg-wrap.gif) no-repeat center 0;
	}

#header {
	height:146px;
	}

#header .logo{ 
	display:block;
	text-indent:-9999px;
	background:#000 url(../images/logo_bunki.gif) no-repeat center 0;
	height:106px;
	width:74px;
	margin:0 auto;
	}

#content{
	clear:both;
	padding:24px 20px 24px 24px;
	background:#FFF;
	}

.column-wide {
	width:541px; 
	padding-right:20px;
	background:#FFF url(../images/line.jpg) repeat-y right 0;
	float:left;
	}

.column-narrow {
	width:195px; 
	float:left;
	}

#footer {
	clear:both;
	text-indent:-9999px;
	height:41px;
	width:800;
	background:url(../images/footer.jpg) no-repeat 0 0;
	}

/************************
NAVIGATION
**********************/
	
.menu li {
	list-style: none;
	float:left;
	height:40px;
	background:url(../images/menu-bg.jpg) repeat-x;
	}
	
.menu li a{
	display:block; 
	height:40px;
	text-indent:-9999px;
	}

.menu #home a {background:url(../images/menu_home.jpg) no-repeat 0 0; width:120px;}
.menu #home a:hover, .menu #home .selected {background-position:0 -40px;}
.menu #koen a {background:url(../images/menu_koen.jpg) no-repeat 0 0; width:130px;}
.menu #koen a:hover, .menu #koen .selected {background-position:0 -40px;}
.menu #lesson a {background:url(../images/menu_kyoushitsu.jpg) no-repeat center 0; width:160px;}
.menu #lesson a:hover, .menu #lesson .selected {background-position:center -40px;}
.menu #profile a {background:url(../images/menu_kaisha.jpg) no-repeat 0 0; 	width:130px;}
.menu #profile a:hover, .menu #profile .selected {background-position:0 -40px;}
.menu #contact a {background:url(../images/menu_contact.jpg) no-repeat center 0; width:140px;}
.menu #contact a:hover, .menu #contact .selected {background-position:center -40px;}
.menu #english a {background:url(../images/menu_english.jpg) no-repeat 0 0; width:120px;}
.menu #english a:hover, .menu #english .selected {background-position:0 -40px;}



/************************
HOME
**********************/
.top #header {height:340px;}

#header .top-visual {
	background:url(../images/top_visual.jpg) no-repeat 0 0;
	height:300px;
	text-indent:-9999px;
	}

.ttl-koen {
	background:url(../images/title_koen.gif) no-repeat 0 0;
	height:25px;
	margin-bottom:10px;
	}
	
.ttl-kyoushitsu {
	background:url(../images/title_kyoshitsu.gif) no-repeat 0 0;
	height:25px;
	margin-bottom:10px;	
	}

.section p {margin-left:10px;}

.section .btn-more {
	background:url(../images/bottun_syosai.gif) no-repeat 0 0;
	height:34px;
	width:154px;
	text-indent:-9999px;
	display:block;
	float:right;
	}

.contact-detail {padding-left:10px;}

.contact-detail h3{ 
	text-indent:-9999px; 
	background: url(../images/contact_detail_title.gif) no-repeat 0 0;
	height:50px;
	}
	
.contact-detail p{ 
	text-indent:-9999px; 
	background: url(../images/table_contact.gif) no-repeat 0 0;
	height:134px;
	}

.section {margin-bottom:30px;}

/************************
LESSON
**********************/

.ttl-lesson {
	background: url(../images/title_kyoshitsu.gif) no-repeat 0 0; height:25px;
	margin-bottom:10px;
	}
	
.map {border:1px solid #000; margin-top:40px; }

/************************
KOEN
**********************/

.koen-box h3 {text-indent:-9999px; height:46px;}
.koen-box p {
	padding:0 18px; 
	background: url(../images/koen/koen_table_bg.gif) repeat-y 0 0; 
	height:65px; 
	margin:0;
	}
	
.koen-box { 
	float:left;
	width:263px; 
	background: url(../images/koen/koen_table_bottom.gif) no-repeat bottom; 
	padding-bottom:16px;
	margin:0 8px 8px 0;
	}

.koen-kikaku h3{background: url(../images/koen/koen_table_title_01.gif) no-repeat 0 0;}
.koen-wakondaiko h3{background: url(../images/koen/koen_table_title_02.gif) no-repeat 0 0;}
.koen-gakko h3{background: url(../images/koen/koen_table_title_03.gif) no-repeat 0 0;}
.koen-workshop h3{background: url(../images/koen/koen_table_title_04.gif) no-repeat 0 0;}
.koen-sonota h3{background: url(../images/koen/koen_table_title_05.gif) no-repeat 0 0;}

.ttl-kikaku {background:url(../images/title_kikaku.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}
.ttl-wakon {background:url(../images/title_wakon.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}
.ttl-gakko {background:url(../images/title_gakko.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}
.ttl-workshop {background:url(../images/title_workshop.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}
.ttl-sonota {background:url(../images/title_sonota.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}



.sub-nav { 
	clear:both;
	display:block;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px 0;
	text-align:center;
	margin-bottom:20px;
	}
	
/************************
PROFILE
**********************/
	
.ttl-profile {background:url(../images/title_profile.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}

	
/************************
CONTACT
**********************/

	
.ttl-contact {background:url(../images/title_contact.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}

.contact {margin:40px auto 0 auto; width:300px;}


/************************
COMMON
**********************/

.picture-list li {
	list-style:none;
	text-align:center;
	margin-bottom:10px;
	font-size:10px;
	line-height:130%;
	padding-left:16px;
	}
	
.picture-list img {display:block;}

.data td {border:1px solid #666; vertical-align: top; font-size:12px;}
	
.box {border:1px solid #333; padding:10px;}

.box ul {padding-bottom:10px;}

.box ul li {
	list-style:none;
	background:url(../images/bullet.gif) no-repeat left center;
	padding-left:10px;
	}
	
.box .list-cols{
	width:130px;
	float:left;
	}

.center {text-align:center;}

.last {margin-right:0;}

.double-gap {margin-bottom:20px;}

.pic{border: 1px solid #333333;}

.btn-contact {
	background:url(../images/bottun_to_contact.gif) no-repeat 0 0;
	display: block;
	text-indent:-9999px;
	width:304px;
	height:43px;
	margin:0 auto 30px auto;
	}
	
.txt_sche {
	font-size: 26px;
	font-style: normal;
	line-height: 19px;
	color: #333333;
	letter-spacing: 0px;
	font-weight: normal;
}

.txt_sche_red {
	font-size: 26px;
	font-style: normal;
	line-height: 19px;
	color: #cc0000;
	letter-spacing: 0px;
	font-weight: normal;
}

.txt_sche_big {
	font-size: 35px;
	font-style: normal;
	line-height: 19px;
	color: #333333;
	letter-spacing: 0px;
	font-weight: normal;
}

	

.txt00 {
	font-size: 12px;
	font-style: normal;
	line-height: 19px;
	color: #333333;
	letter-spacing: 0px;
	font-weight: normal;
}

.txt00_S {
	font-size: 10px;
	font-style: normal;
	line-height: 19px;
	color: #333333;
	letter-spacing: 0px;
	font-weight: normal;
}

.txt00_SS {
	font-size: 8px;
	font-style: normal;
	line-height: 19px;
	color: #333333;
	letter-spacing: 0px;
	font-weight: normal;
}
.txt00_S2 {
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	color: #333333;
	letter-spacing: 0px;
	font-weight: normal;
}

.txt00_ms {
	font-size: 11px;
	font-style: normal;
	line-height: 19px;
	color: #333333;
	letter-spacing: 0px;
	font-weight: normal;
}

.txt00_s_orange{
	font-size: 10px;
	font-style: normal;
	line-height: 19px;
	color: #ff6600;
	letter-spacing: 0px;
	font-weight: normal;
}

.txt00_blue {
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	color: #006699;
	letter-spacing: 2px;
	font-weight: normal;
}

.txt00_new {
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	color: #ffffff;
	letter-spacing: 2px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-weight: normal;
	background-color: #660000;
	text-decoration: none;
}

.txt00_new {
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	color: #ffffff;
	letter-spacing: 2px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-weight: normal;
	background-color: #660000;
	text-decoration: none;
}

.txt00_notice {
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	color: #003300;
	letter-spacing: 2px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-weight: normal;
	background-color: #cc9900;
	text-decoration: none;
}

.txt00_bold {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	line-height: 15px;
	color: #CC9900;
	letter-spacing: 2px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}


p {margin-bottom: 10px;}

.td_padding {padding-left: 15px;}
.bold {
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
}

a.nodeco{text-decoration: none;}

/************************
CLEARS FLOATS
**********************/
#header:after,
#content:after,
.group:after,
.section:after
	{
	content: '';
	display: block;
    clear: both;
    height: 0;
    }