@charset "utf-8";

/* OHS BASE.CSS  */


/*---------------------------------------
*	
*	00.GROBAL TAGS
*	01.CONTAINER
*	02.HEADER
*	03.SUB_HEADER
*	04.GLOBAL_NAVIGATION
*	05.CONTENTS
*		05-01.CONTENTS / LEFT
*		05-01.CONTENTS / RIGHT
*	06.FOOTER
*	0N.MODULE
*
*--------------------------------------*/


/**--------------------------------------
	00.GROBAL TAGS
---------------------------------------**/

html, body
{
	width: 100%;
	color: #333333;
	font-size:10px;
}

body
{
	text-align: center;
	background: url(../images/cmn_head_back.gif) repeat-x ;
}

body{
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#006600;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#006600;
scrollbar-darkshadow-Color:#006600;

}

p
{
	font-size:10px;
	color:#333333;
	line-height:1.8;

}

ul,li,ol,dl,dt,dd
{
	font-size:10px;
}

teble,th,td,tr
{
	font-size:10px;
}

/**--------------------------------------
	01.CONTAINER
---------------------------------------**/

div#container
{
	width: 822px;
	margin: 0 auto;
	text-align: left;
}

/**--------------------------------------
	02.HEADER
---------------------------------------**/

div#header
{
	width: 822px;
	height: 105px;
	background: url(../images/cmn_header_back.jpg) no-repeat;
}

div#header h1
{
	width: 378px;
	float: left;
	padding: 22px 0 0 0;
	text-indent: -99999px;
}

div#header h1 a
{
	display: block;
	width: 378px;
	height: 72px;
	background: url(../images/cmn_head_logo.jpg) no-repeat 23px 0;
}	

div#headTools
{
	float: right;
	width: 368px;
	margin: 29px 0 0 0;
}

div#headTools a
{
	display: block;
	text-indent: -99999px;
}

dl#headPrint
{
	float: left;
}

dl#headPrint dt
{
	visibility: hidden;
	font-size:12px; !important
}

dl#headPrint dd a
{
	display: block;
	width: 109px;
	height: 43px;
	background: url(../images/cmn_head_btn_print.jpg) no-repeat;
	font-size:12px; !important
	text-indent:-99999px;
}

form#headSearch
{
	float: left;
	width: 160px;
	margin: 20px 0 0 0;
	font-size:12px !important
}

form#headSearch dl dt
{
	display: block;
	width: 20px;
	height: 10px;	
	margin: 0 0 8px 0;
	text-indent: -99999px;
	background: url(../images/cmn_head_tt_search.gif) no-repeat;
	font-size:12px; !important
}

form#headSearch dl dd
{
	font-size:12px; !important
}

form#headSearch label
{
	font-size:12px; !important
}

dl#headFont
{
	float: left;
	width: 70px;
	margin: 19px 0 0 0;
}

dl#headFont dt
{
	display: block;
	width: 50px;
	height: 10px;
	margin: 0 0 5px 0;
	text-indent: -99999px;
	background: url(../images/cmn_head_tt_size.gif) no-repeat;
	
	font-size: 0;
}

dl#headFont dd a.min
{
	float: left;
	width: 23px;
	height: 24px;
	background: url(../images/cmn_head_size_min.gif) top no-repeat;
}

dl#headFont dd a.mid
{
	float: left;
	width: 23px;
	height: 24px;
	background: url(../images/cmn_head_size_mid.gif) top no-repeat;
}

dl#headFont dd a.big
{
	float: left;
	width: 24px;
	height: 24px;
	background: url(../images/cmn_head_size_big.gif) top no-repeat;
}

dl#headFont dd a.min:hover { background:url(../images/cmn_head_size_min.gif) bottom no-repeat; }
dl#headFont dd a.mid:hover { background:url(../images/cmn_head_size_mid.gif) bottom no-repeat; }
dl#headFont dd a.big:hover { background:url(../images/cmn_head_size_big.gif) bottom no-repeat; }

/**--------------------------------------
	03.SUB_HEADER
---------------------------------------**/

div#subHeader
{
	clear: both;
	width: 800px;
	margin: 15px 0 10px 11px;
}

div#login
{
	float: left;
	width: 425px;	
}

div#login dl dt
{
	height: 20px;
	text-indent: -99999px;
	background: url(../images/cmn_shead_login_head.gif) no-repeat;
	font-size:12px; !important
	vertical-align:middle;
}

div#login dl dd
{
	display:block;
	height: 50px;
	border: 1px solid #CCCCCC;
	border-top: none;
	font-size:12px; !important
	padding:12px 0 0 0;
	
}

div#login dl dd a
{
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#006633;
	text-decoration:underline;
}

div#login dl dd .context a:hover
{
	font-size:12px;
	font-weight:bold;
	color:#CC0033;
	text-decoration:underline;
}

div#login dl dd .context a:visited
{
	font-size:12px;
	font-weight:bold;
	color:#006633;
	text-decoration:underline;
}

dl#admission
{
	float: right;
	width: 368px;
	height: 40px;
	margin: 0 0 6px 0;
	background: url(../images/cmn_shead_admin_back.gif) no-repeat;
}

dl#admission dt
{
	visibility: hidden;
	font-size: 0;
}

dl#admission dd
{
	margin: 5px 0 0 200px;
}

ul#headNavi
{
	float: right;
	width: 368px;
	height: 25px;
	background: url(../images/cmn_shead_hNavi_back.gif) no-repeat;
}

ul#headNavi li
{
	display: block;
	float: left;
	margin: 7px 0 0 0 ;
	text-indent: -99999px;
}

ul#headNavi li a
{
	display: block;
	margin: 5px 0 0 0;
}

ul#headNavi li a.hn_01
{
	width: 53px;
	height: 10px;
	margin: 0 0 0 10px;
	background: url(../images/cmn_shead_hnavi01.gif) no-repeat;
}

ul#headNavi li a.hn_02
{
	width: 66px;
	height: 10px;
	margin: 0 0 0 20px;
	background: url(../images/cmn_shead_hnavi02.gif) no-repeat;
}

ul#headNavi li a.hn_03
{
	width: 86px;
	height: 10px;
	margin: 0 0 0 20px;
	background: url(../images/cmn_shead_hnavi03.gif) no-repeat;
}

ul#headNavi li a.hn_04
{
	width: 76px;
	height: 10px;
	margin: 0 0 0 27px;
	background: url(../images/cmn_shead_hnavi04.gif) no-repeat;
}

/**--------------------------------------
	04.GLOBAL_NAVIGATION
---------------------------------------**/

ul#gNavi
{
	clear: both;
	width: 800px;
	height: 30px;
	margin: 0 0 10px 11px;
	background: url(../images/cmn_gnavi_back.jpg) no-repeat;
}

ul#gNavi li
{
	display: block;
	float: left;
	text-indent: -99999px;
}

ul#gNavi li a
{
	display: block;
}

ul#gNavi li a.gn_00
{
	width: 78px;
	height: 30px;
	margin: 0 0 0 31px;
	background: url(../images/cmn_gnavi_00.jpg) top no-repeat;
}

ul#gNavi li a.gn_01
{
	width: 100px;
	height: 30px;	
	background: url(../images/cmn_gnavi_01.jpg) top no-repeat;
}

ul#gNavi li a.gn_02
{
	width: 90px;
	height: 30px;
	background: url(../images/cmn_gnavi_02.jpg) top no-repeat;
}

ul#gNavi li a.gn_03
{
	width: 90px;
	height: 30px;
	background: url(../images/cmn_gnavi_03.jpg) top no-repeat;
}

ul#gNavi li a.gn_04
{
	width: 130px;
	height: 30px;
	background: url(../images/cmn_gnavi_04.jpg) top no-repeat;
}

ul#gNavi li a.gn_05
{
	width: 105px;
	height: 30px;
	background: url(../images/cmn_gnavi_05.jpg) top no-repeat;
}

ul#gNavi li a.gn_06
{
	width: 145px;
	height: 30px;
	background: url(../images/cmn_gnavi_06.jpg) top no-repeat;
}

ul#gNavi li a.gn_00:hover
{
	background: url(../images/cmn_gnavi_00.jpg) bottom no-repeat;
}

ul#gNavi li a.gn_01:hover
{
	background: url(../images/cmn_gnavi_01.jpg) bottom no-repeat;
}

ul#gNavi li a.gn_02:hover
{
	background: url(../images/cmn_gnavi_02.jpg) bottom no-repeat;
}

ul#gNavi li a.gn_03:hover
{
	background: url(../images/cmn_gnavi_03.jpg) bottom no-repeat;
}

ul#gNavi li a.gn_04:hover
{
	background: url(../images/cmn_gnavi_04.jpg) bottom no-repeat;
}

ul#gNavi li a.gn_05:hover
{
	background: url(../images/cmn_gnavi_05.jpg) bottom no-repeat;
}

ul#gNavi li a.gn_06:hover
{
	background: url(../images/cmn_gnavi_06.jpg) bottom no-repeat;
}

/**--------------------------------------
	05.CONTENTS
---------------------------------------**/

div#contents
{
	width: 800px;
	margin: 0 0 0 11px;
}

/**--------------------------------------
	05-01.CONTENTS / LEFT
---------------------------------------**/

div#left
{
	float: left;
	width: 235px;
}

ul#bnrMenu
{
	width: 235px;
}

ul#bnrMenu li
{
	display: block;
	margin: 0 0 5px 0;
}

ul#bnrMenu li a
{
	display: block;
	text-indent: -99999px;
}

ul#bnrMenu li a.bnr_01
{
	width: 235px;
	height: 52px;
	background: url(../images/cmn_bnr01.jpg) no-repeat;
}

ul#bnrMenu li a.bnr_02
{
	width: 235px;
	height: 52px;
	background: url(../images/cmn_bnr02.jpg) no-repeat;
}

ul#bnrMenu li a.bnr_03
{
	width: 235px;
	height: 52px;
	background: url(../images/cmn_bnr03.jpg) no-repeat;
}

ul#bnrMenu li a.bnr_04
{
	width: 235px;
	height: 52px;
	background: url(../images/cmn_bnr04.jpg) no-repeat;
}

div#getFla
{
	width: 235px;
	height:80px;
	margin:10px 0 5px;
}

div#getPdf
{
	width: 235px;
	height:80px;
	margin:0 0 5px;
}

em#arcTop
{
	display:block;
	width:235px;
	height:25px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../../common/images/cmn_arch_title.gif) left no-repeat;
	text-indent:-99999px;
}

ul#arcNavi,
{
	width:235px;
	height:25px;
	margin:0;
}

ul#arcNavi li,
ul#arcBn li
{
	display:block;
}

ul#arcNavi li a,
ul#arcBn li a
{
	display:block;
	height:20px;
	border-bottom:#EFEFEF 1px solid;
	border-left:#EFEFEF 1px solid;
	border-right:#EFEFEF 1px solid;
	background:url(../../common/images/cmn_arch_bg.gif) left repeat-y;
	margin:0;
	padding:5px 10px 0 30px;
	overflow:hidden;
	font-size:10px;
	color: #585858;
	text-decoration:underline;
}

em#bnTop
{
	display:block;
	width:235px;
	height:25px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../../common/images/cmn_arch_bn.gif) left no-repeat;
	text-indent:-99999px;
}


/**--------------------------------------
	05-01.CONTENTS / RIGHT
---------------------------------------**/

div#right
{
	float: right;
	width: 555px;
}

/**--------------------------------------
	06.FOOTER
---------------------------------------**/

div#footWrapp
{
	clear: both;
	width: 100%;
	background: url(../images/cmn_footer_back.gif) repeat-x;
}

div#footer
{	
	width: 800px;
	height: 105px;
	margin: 0 auto;
	text-align: left;
	
}

div#footer p.backToTop
{
	text-align: right;
}

ul#fNavi
{
	margin: 10px 0 0 0;
}

ul#fNavi li 
{
	display: block;
	float: left;
	text-indent: -99999px;
}

ul#fNavi li a
{
	display: block;
}	

ul#fNavi li a.fn_01
{
	width: 52px;
	height: 14px;
	background: url(../images/cmn_footer_navi01.gif) no-repeat;
}

ul#fNavi li a.fn_02
{
	width: 71px;
	height: 14px;
	background: url(../images/cmn_footer_navi02.gif) no-repeat;
}

ul#fNavi li a.fn_03
{
	width: 108px;
	height: 14px;
	background: url(../images/cmn_footer_navi03.gif) no-repeat;
}

address
{
	float: right;
	width: 451px;
	height: 5px;
	margin: 5px 0 0 0;
	text-indent: -99999px;
	background: url(../images/cmn_footer_address.gif) no-repeat;
}



/**--------------------------------------
	0N.MODULE
---------------------------------------**/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-table;
}

/* \*/
* html .clearfix{ 
	height:1%;
}
/* */

.clear
{
	clear: both;
}