body {
	/* background: url(../img/bg3.gif) ; */
	color : #666666;
	font-size: 14px;
}

#headbar{
	background: url(../img/headline.jpg) repeat-x;
	height: 9px;
	margin: 0;
	padding: 0;
	line-height: 0;
	overflow: hidden;
}

#wrapper {
	width :908px;
	height : auto;
	background : url(../img/wrapper_bg.gif) repeat-y ;
	overflow : hidden;
	margin-top: -9px;
}

p,a,h3,h4,dt,dd {
	font-family: "", Osaka;
}
h3 {
	clear : both;
	color : #188013;
	font-size : 18px;
	margin-bottom : 10px;
}
a {
	text-decoration : none;
	color : #0767c5;
}
a:hover {
	color : #ff6600;
	text-decoration:underline;
}
img {
	border : none;
}

.right{
	float: right;
}
.left{
	float: left;
}

.clear{
	clear: both;
	}

/*---------------------------------------------------------------------------
>>header
---------------------------------------------------------------------------*/
#header {
	width :908px;
	height :121px;
	background : url(../img/header_bg.jpg) no-repeat;
	margin:0px;
	padding: 0;
}


#main-navi {
	float : left;
	width : 204px;
	00height : 600px;
	text-align: right;
	margin-top : 10px;
}

#ID {
	padding-top : 35px;
}
#ID h1 {
	float : left;
	margin-left : 30px;
	display : inline;
}

#sub-navi {
	float : right;
	padding-right : 30px;
	margin-top : 54px;
	font-size : 12px;
}
#sub-navi li {
	display : inline;
	margin-left : 0px;
}



/*---------------------------------------------------------------------------
>>General-contents
---------------------------------------------------------------------------*/
#content {
	float : right;
	width : 704px;
	background : url(../img/contentsbox_bg.jpg) repeat-y ;
}

#contentswrapper{
	width : 660px;
	margin-top: 10px;
	margin-left : 20px;
}

#main-contents {
	width : 660px;
	margin : auto;
}
.main-visual {
	margin-bottom : 30px;
}
.tbl_out {
	font-size: 12px;
}
.tbl_out .label {
	background-color: #F9945A;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	border: 1px solid #FED7AB;
}
.tbl_out .label2 {
	background-color: #EBEBEB;
	text-align: center;
	width: 120px;
	padding: 4px;
	border: 1px solid #CCCCCC;
}
.tbl_out .nomal {
	text-align: center;
	padding: 4px;
	border: 1px solid #EBEBEB;
}
.tbl_out .nomal2 {
	padding: 4px;
	border: 1px solid #EBEBEB;
}


/*------ General Parts ------*/

address{
	width: 640px;
	margin-top: 50px;
	background-color : #ccc;
}
.add1, .add2, .add3{
	display: block;
	width : 200px;
	padding : 20px;
	float: left;
}

.addbox {
	margin-top: 50px;
	background-color: #EEEEEE;
	font-size: 12px;
	width : 640px;
	line-height: 1.4;
	text-align: center;
}

.addbox table {
	margin-top: 10px;
	line-height: 1.6;
}
.addbox table td{
	border-bottom: 1px solid #CCCCCC 
}
.addbox table th{
	text-align: left;
	padding-right:10px;
	border-bottom: 1px solid #CCCCCC 
}
.addbox_in{
	width: 95%;
	margin:auto;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 0px;
	text-align: left;
}


dl.address {
	margin: 0 0 0 0px;
	padding: 0 0 0px 0px;
	margin-top: 5px;
	border: 7px #EEEEEE solid;
}
dl.address dt {
	float: left;
	width: 160px;
	padding: 0px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 200%;
	background-color: #FFFFFFF;
}
dl.address dd {
	padding: 0px 0 0px 0;
	line-height: 200%;
	border-bottom: 1px #CCCCCC solid;
	background-color: #FFFFFFF;
	display: block;
}





/*---------------------------------------------------------------------------
>>TopPage-contents
---------------------------------------------------------------------------*/

.bn{
	margin-bottom: 20px;
	padding:  0px;
	width: 220px;
	float: right;
	text-align: left;
}
.bnleft{
	float: left;
	margin: 0px;
	padding:  0px;
	width: 440px;
	display: inline;
}

.newsbox{
	float:left;
	width : 420px;
}

.voicebox{
	float:right;
	width : 200px;
	padding-right: 20px;
}


.top_news{
	width: 420px;
	height:250px;
	background : url(../img/news_bg.gif) left bottom no-repeat;
	text-align: right;
	padding-top : 10px;
	padding-bottom: 10px;
	}

.top_voice{
	width : 200px;
	height : 250px;
	background : url(../img/voice_bg.gif) left bottom no-repeat;
	text-align: right;
	padding-top : 10px;
	padding-bottom: 10px;
}

.newsitem {
	margin : auto;
	text-align: left;
	display:block;
	width:400px;
	height : 240px;
	padding: 0px;
	overflow: auto;
	line-height: 1.5;
}

.newsitem dt{
	margin-top: 10px;
	font-weight: bold;
}

.voiceitem {
	margin : auto;
	text-align: left;
	display:block;
	width:180px;
	height : 240px;
	padding: 0px;
	overflow: auto;
	line-height: 1.5;
}
.voiceitem dt{
	margin-top: 10px;
	font-weight: bold;
}



/*---------------------------------------------------------------------------
>>main-contents
---------------------------------------------------------------------------*/

.cntbox {
	width: 640px;
	line-height: 2;
	font-size: 14px;
}
h2.h2pink {
	background: url(../img/h2pink_bg2.gif) no-repeat;
	height: 35px;
	margin: auto;
	text-indent: 15px;
	font-size: 16px;
	margin-top: 25px;
	margin-bottom: 5px;
	line-height: 35px;
}
h2.h2green {
	background: url(../img/h2green_bg2.gif) no-repeat;
	height: 35px;
	margin: auto;
	text-indent: 15px;
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 35px;
}
.cntbox h2 img{
	margin-top: 40px;
	margin-bottom: 15px;
}

h3 {
	color: #FF8B53;
}


h4 {
	margin-top:20px;
}

.img-right {
	float:right;
	margin:0 0 5px 5px;
}



/*------  Teacher ------*/

.tc_right{
	float: right;
	margin-left: 30px;
	border: 0px solid #CCCCCC;
	margin-top:5px;
}
.tc_left{
	float: left;
	margin-right: 0px;
	border: 0px solid #CCCCCC;
	margin-top:5px;
}

.tc_h4{
	border-bottom: 1px solid #CCCCCC;
	margin-top:30px;
	color: #ff6666;
	height: 28px;
	text-indent: 40px;
	background: url(../img/teacher/tc_h4_bg.jpg) no-repeat;
}

.tc_rmssg  {
	padding: 10px 10px 0px 150px;
	background: url(../img/teacher/rmssg_topbg.gif) 0 0 no-repeat;

}
.tc_rmssg p, .tc_rmssg h2{
	padding-left: 12px;
}
.tc_rmssgbottom{
	background: url(../img/teacher/rmssg_bottombg.gif) right bottom no-repeat;
	height: 15px;
	overflow: hidden;
}

.tc_lmssg  {
	padding: 10px 150px 0px 10px;
	background: url(../img/teacher/lmssg_topbg.gif) 0 0 no-repeat;
}
.tc_lmssg p, .tc_lmssg h2{
	padding-left: 12px;
}
.tc_lmssgbottom{
	background: url(../img/teacher/lmssg_bottombg.gif) right bottom no-repeat;
	height: 15px;
	overflow: hidden;
}



/*------  Room ------*/

.room_add {
	margin-top: 5px;
	background-color: #ffffd9;
	font-size: 13px;
	width : 626px;
	padding: 7px;
	line-height: 1.4;
}

.room_add table {
	margin-top: 10px;
	line-height: 1.6;
}
.room_add table td{
	border-bottom: 1px solid #CCCCCC 
}
.room_add table th{
	text-align: left;
	padding-right:15px;
	border-bottom: 1px solid #CCCCCC 
}

#map1,#map2,#map3 {
	border: 1px solid #CCCCCC;
	float: right;
	margin-left: 10px;
}


/*------  Course ------*/

.course_table1 {
	width: 100%;
	border: 1px solid #FFAE88;
	font-size: 12px;
	text-align: center;
	line-height: 2;
}
.course_table1 th{
	background-color: #EEEEEE;
	border-bottom: 1px solid  #FFAE88;
}
.course_table1 td, .course_table2 td{
	border-bottom: 1px solid  #FFAE88;
	border-left: 1px solid #FFAE88;
}

.course_table2 {
	width: 200px;
	border: 1px solid #FFAE88;
	font-size: 12px;
	text-align: center;
	line-height: 2;
}
.course_table2  td.bg_gray{
	background-color: #EEEEEE;
}

.cwriter{
color:#999999;
font-size:12px;
}

/*------  Policy ------*/

ul.policy li{
	list-style-type: decimal;
	list-style-position: ;
	margin-left: 2em;
}



/*---------------------------------------------------------------------------
>>footer
---------------------------------------------------------------------------*/

.clearfix:after { content: ""; display: block; clear: both; }


#footer {
	clear : both;
	width : 908px;
	height : 184px;
	text-align : right;
	background : url(../img/footer_bg.gif) no-repeat;
}


#sub-navifooter {
	padding-top: 20px;
	padding-right : 30px;
	font-size : 12px;
}
#sub-navifooter li {
	display : inline;
}


p#copy{
	display:block;
	width : 880px;
	text-align : right;
	font-size : 12px;
	padding-top : 3px;
	padding-right : 25px;
}

.banner{
	margin:40px 15px 0  0;
}
.banner img{
	margin: 4px 0px 0  0;
}


.gototop{
	display: block;
	width: 640px;
	text-align: right;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}
