* {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 {
	margin:0 auto;
	width:800px;
	height:100%;
	background:#FFF;
	padding:0 20px;
	background: transparent url(../images/bg-wrap.gif) repeat-y center 0;
	}

#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 {
	background:url(../images/menu-bg.jpg) repeat-x;
	}
	
.menu li {
	list-style: none;
	float:left;
	height:40px;
	}
	
.menu li a{
	display:block; 
	height:40px;
	text-indent:-9999px;
	}

.menu #home a {background:url(../images/english/menu_home_en.jpg) no-repeat 0 0; width:120px;}
.menu #home a:hover, .menu #home .selected {background-position:0 -40px;}
.menu #koen a {background:url(../images/english/menu_koen_en.jpg) no-repeat 0 0; width:170px;}
.menu #koen a:hover, .menu #koen .selected {background-position:0 -40px;}
.menu #lesson a {background:url(../images/english/menu_kyoushitsu_en.jpg) no-repeat 0 0; width:180px;}
.menu #lesson a:hover, .menu #lesson .selected {background-position:0 -40px;}
.menu #profile a {background:url(../images/english/menu_kaisha_en.jpg) no-repeat right 0; width:100px;}
.menu #profile a:hover, .menu #profile .selected {background-position:right -40px;}
.menu #contact a {background:url(../images/english/menu_contact_en.jpg) no-repeat center 0; width:100px;}
.menu #contact a:hover, .menu #contact .selected {background-position:center -40px;}
.menu #japanese a {background:url(../images/english/menu_jp_en.jpg) no-repeat 0 0; width:130px;}
.menu #japanese a:hover, .menu #japanese .selected {background-position:0 -40px;}



/************************
HOME
**********************/
.top-visual {
	background:url(../images/english/top_visual_en.jpg) no-repeat 0 0;
	height:300px;
	text-indent:-9999px;
	}

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

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

.section .btn-more {
	background:url(../images/english/bottun_syosai_en.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/english/contact_detail_title_en.gif) no-repeat 0 0;
	height:50px;
	}
	
.contact-detail p{ 
	text-indent:-9999px; 
	background: url(../images/english/table_contact_en.gif) no-repeat 0 0;
	height:134px;
	}

.section {margin-bottom:30px;}

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

.ttl-lesson {
	background: url(../images/english/title_kyoshitsu_en.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/english/koen/koen_table_bg.gif) repeat-y 0 0; 
	height:90px; 
	margin:0;
	}
	
.koen-box { 
	float:left;
	width:263px; 
	background: url(../images/english/koen/koen_table_bottom.gif) no-repeat bottom; 
	padding-bottom:16px;
	margin:0 8px 8px 0;
	}

.koen-kikaku h3{background: url(../images/english/koen/koen_table_title_01_en.gif) no-repeat 0 0;}
.koen-wakondaiko h3{background: url(../images/english/koen/koen_table_title_02_en.gif) no-repeat 0 0;}
.koen-gakko h3{background: url(../images/english/koen/koen_table_title_03_en.gif) no-repeat 0 0;}
.koen-workshop h3{background: url(../images/english/koen/koen_table_title_04_en.gif) no-repeat 0 0;}
.koen-sonota h3{background: url(../images/english/koen/koen_table_title_05_en.gif) no-repeat 0 0;}

.ttl-kikaku {background:url(../images/english/title_kikaku_en.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}
.ttl-wakon {background:url(../images/english/title_wakon_en.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}
.ttl-gakko {background:url(../images/english/title_gakko_en.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}
.ttl-workshop {background:url(../images/english/title_workshop_en.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}
.ttl-sonota {background:url(../images/english/title_sonota_en.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/english/title_profile_en.gif) no-repeat 0 0; height:25px; margin-bottom:15px;}

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

	
.ttl-contact {background:url(../images/english/title_contact_en.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/english/bottun_to_contact_en.gif) no-repeat 0 0;
	display: block;
	text-indent:-9999px;
	width:304px;
	height:43px;
	margin:0 auto 30px auto;
	}
	

.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
**********************/

#content:after,
.group:after,
#header:after,
.menu:after,
.section:after
	{
	content: '';
	display: block;
    clear: both;
    height: 0;
    }