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

@import url("common.css");


#bgframe {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}

#frame {
	background: #FFFFFF;
}

#header {
	padding-bottom: 4px;
	border-bottom: 15px solid #006600;
	margin-bottom: 4px;
}

#seo_text {
	color: #ccccff;
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#header_l {
	float: left;
	width: 414px;
}

#header_l h2 a {
	background: url(../images/logo.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 122px;
	width: 414px;
}

#header_r {
	float: right;
	width: 305px;
}

#header_r_l {
	float: left;
	width: 180px;
	background: url(../images/top.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 122px;
}

#header_r_r {
	float: right;
	width: 120px;
}


#recruit a {
	background: url(../images/bosyuu.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 53px;
	width: 120px;
	margin-bottom: 14px;
}

#guide a {
	background: url(../images/openSchool.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 53px;
	width: 120px;
}

/*menu_l
------------------------*/

#menu_l {
	float: left;
	width: 150px;
}

#menu_l ul {
	margin: 0px 0px 20px;
	padding: 0px;
}

#menu_l ul li {
	margin: 3px;
	padding: 2px 0px 2px 14px;
	list-style: none;
	width: 130px;
	font-weight: bold;
}

.menu_white {
	background: #FFFFFF;
}

.menu_gry {
	background: #CCCCCC;
}

#qr_code {
	text-align: center;
}

#qr_code h3 {
	font-size: 1.0em;
	font-weight: bold;
}

#qr_code_img {
	background: url(../images/keitai_QR.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 74px;
	width: 74px;
	margin: 15px auto;
}



#content {
	float: right;
	width: 582px;
	background: url(../images/menu_r_bg.gif) repeat-y right 0px;
	margin-bottom: 10px;
}

#flash {
	margin-bottom: 3px;
	float: right;
	height: 175px;
	width: 582px;
}


#content_l {
	float: left;
	width: 415px;
}

#content_r {
	float: right;
	width: 150px;
	background: #006600;
}


#topics {
	background: url(../images/obi_topix.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 40px;
	width: 415px;
	border: 1px solid #006600;
}

#news {
	background: url(../images/obi_osirase.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 40px;
	width: 415px;
	border: 1px solid #006600;
}

#event {
	background: url(../images/obi_event.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 40px;
	width: 415px;
	border: 1px solid #006600;
}





#menu_r {}

#menu_r ul {
	margin: 0px 0px 20px;
	padding: 0px;
}

#menu_r ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu_r01 a {
	background: url(../images/R01.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r02 a {
	background: url(../images/R02.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r03 a {
	background: url(../images/R03.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r04 a {
	background: url(../images/R04.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r05 a {
	background: url(../images/R05.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r01 a:hover {
	background: url(../images/R011.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r02 a:hover {
	background: url(../images/R021.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r03 a:hover {
	background: url(../images/R031.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r04 a:hover {
	background: url(../images/R041.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#menu_r05 a:hover {
	background: url(../images/R051.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 150px;
}

#album h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
}

#album a {
	background: url(../images/R_Bottm.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 130px;
	margin-right: auto;
	margin-left: auto;
}




#footer_line {
	border-top: 15px solid #006600;
}

#footer {
	border-top: 15px solid #CCCCCC;
	text-align: center;
	padding-top: 10px;
}