@charset "UTF-8";
/* CSS Document */
/*----------------*/
/*------------title-------------*/
#title {
    z-index:1;
    float:left;
	clear:both;
    width:100%;
	height:110px;
    background:url(../img/low_title_bg.jpg) repeat-x right top;
	text-align:center;
}
#title #in {
    z-index:2;
    width:830px;
	margin:0 auto;
	padding-left:20px;
	text-align:left;
}
#wrapper,
#side {padding-top:10px;}
#wrapper {
    position:relative;
	z-index:0;
	padding-top:10px;
}
/*--------bread list----------*/
#bread {
    position:absolute;
    top:-20px;
    left:10px;
    z-index:3;
    height:20px;
    padding-right:3px;
    background:url(../img/bread_right.gif) no-repeat right top;
}
#bread div,
#bread ul,
#bread ul li {
    float:left;
}
#bread div {
    width:4px;
	height:20px;
    background:url(../img/bread_left.gif) no-repeat right top;
}
#bread ul {
	padding:1px 5px;
    background:url(../img/bread_bg.gif) repeat-x left top;
}
#bread ul li {
    font-size:10px;
    color:#999999;
    padding-right:13px;
    background:url(../img/bread_arrow.gif) no-repeat right center;
}
#bread ul li.end {
    background:none;
    padding-right:5px;
}
#bread ul li a {color:#656565;}
#bread ul li a:link,
#bread ul li a:visited {
    text-decoration:underline;
}
#bread ul li a:hover,
#bread ul li a:active {
    text-decoration:none;
	color:#999999;
}
/*---------------h--------------*/
#wrapper h3,
#wrapper h4,
#wrapper h5 {
    float:left;
	clear:both;
	font-weight:bold;
}
#wrapper h4,
#wrapper h5 {font-size:100%;}
#wrapper h3 {
	width:560px;
	padding:8px 5px 11px 20px;
	margin-bottom:5px;
	background:url(../img/h3_bg.gif) no-repeat left top;
	vertical-align:middle;
	font-size:110%;
}
    h3 img {vertical-align:middle;}
#wrapper h4 {
	width:530px;
    margin:10px 0 15px 10px;
    padding:0 9px 0 20px;
    font-size:110%;
	background:url(../../common/img/arrow3.gif) no-repeat 0.0em 0.2em;
}
*html #wrapper  h4 {margin-left:5px;}
#wrapper h5 {
	width:565px;
	padding-left:15px;
	margin-left:20px;
	margin-bottom:10px;
	background:url(../img/arrow4.gif) no-repeat 0.0em 0.5em;
}
*html #wrapper h5 {
    margin-left:10px;
	width:555px;
}
#wrapper .smallfont{font-size:80%;}
#wrapper .border_box h4,
#wrapper .short_box h4 {
	padding:0 5px 0 25px;
	margin:0px;
	vertical-align:middle;
	background:url(../img/arrow2.gif) no-repeat left top;
}
#wrapper .border_box h4 {width:530px;}
#wrapper .border_box h5 {width:400px;}
#wrapper .short_box h4,
#wrapper .short_box h5 {width:230px;}
#wrapper .border_box h5,
#wrapper .short_box h5 {
    float:none;
	clear:none;
	padding:0 5px 0 15px;
	margin:0px;
	background:url(../img/arrow4.gif) no-repeat 0.0em 0.4em;
	vertical-align:middle;
}
/*---------------p--------------*/
p {
    clear:both;
	padding:0 10px 10px 10px;
}
h5+p {
    float:left;
	width:545px;
    padding-left:30px;
}
.strong {font-size:110%;}
/*------------ wrapper ------------*/
#wrapper .basic_table {
    float:left;
    clear:both;
    width:583px;
    margin:10px 0;
    background:#DFDFDF;
    border-collapse: separate;
    border-spacing:1px;
}
#wrapper .basic_table th,
#wrapper .basic_table td  {
    padding:9px;
    border:1px solid #fff;
}
#wrapper .basic_table th {
    background:#F8F8F8;
    color:#003366;
    text-align:left;
    vertical-align:top;
}
#wrapper .basic_table td {background:#fff;}
/*----------------------*/
#wrapper .border_box {
    float:left;
    clear:both;
}
#wrapper .border_box,
#wrapper .short_box {
    padding:10px;
	margin:10px 0;
    background:#fbfbfb;
	border:solid 1px #dcdcdc;
}
#wrapper .border_box {
    position:relative;
	z-index:0;
    width:563px;
}
#wrapper .short_box {
    width:260px;
}
#wrapper .short_box,
#wrapper .border_box ul {
    font-size:85%
}
/*------wrapper-contact_box-----*/
.contact_box {
    float:left;
	clear:both;
    width:583px;
    background:url(../img/dot_line.gif) repeat-x top left;
	margin:30px 0 20px;
	padding:10px 0;
}
.contact_box a {
    margin-left:10px;
}
/*------------------------------*/
#wrapper .contents_box { 
    float:left;
    clear:both;
	width:585px;
	margin-bottom:15px;
}
.popup,
.pdf_popup {
    padding-right:20px;
}
.popup {background:url(../img/popup_link.gif) no-repeat right center;}
.pdf_popup {background:url(../img/pdf_link.gif) no-repeat right center;}
#wrapper .border_box .page_up {
    position:absolute;
    bottom:5px;
    right:5px;
}
/*------------------------------------*/
/*-----------local navi---------------*/
#side #local_navi,
#side #local_navi div,
#side #local_navi ul {
    float:right;
	clear:both;
}
#side #local_navi,
#side #local_navi div{width:248px;}
#side #local_navi {
	padding-bottom:6px;
	margin:0 0 10px 0;
	background:url(../img/lo_nv_bg_bottom.gif) no-repeat bottom right;
	font-size:90%;
}
#side #local_navi div {
	height:10px;
	background:url(../img/lo_nv_bg_top.gif) no-repeat top right;
}
#side #local_navi ul {
	width:226px;
	padding:0 11px;
    background:url(../img/lo_nv_bg_middle.gif) repeat-y top right;
}
#side #local_navi ul li {
    display	:table;
    float:left;
    clear:both;
    width:226px;
	height:45px;
	margin-bottom:2px;
	text-align:left;
}
#side #local_navi ul li.big,
#side #local_navi ul li.big_lo_on{
    font-size:90%;
	line-height:1.2em;
}
/*-------------------------*/
#side #local_navi ul li.lo_on,
#side #local_navi ul li.big_lo_on {
	width:206px;
	height:40px;
	padding:0 0 5px 20px;
	background:url(../img/lo_nv_on_bg.gif) no-repeat bottom left;
	color:#FFFFFF;
	text-decoration:none;
}
#side #local_navi ul li a {	
	padding:0 0 5px 20px;
	/padding-top:10px;
}
#side #local_navi ul li a,
#side #local_navi ul li span,
#side #local_navi ul li.big a,
#side #local_navi ul li.big_lo_on span  {
    display	:table-cell;
	/display:block;
	/zoom:1;
	width:206px;
	height:40px;
	/height:30px;
	text-decoration:none;
	vertical-align:middle;
}
#side #local_navi ul li span{
    /padding-top:10px;
}
#side #local_navi ul li.big a,
#side #local_navi ul li.big_lo_on span {
	/height:35px;
	/padding-top:5px !important;
}
#side #local_navi ul li a:link,
#side #local_navi ul li a:visited {
    background:url(../img/lo_nv_off_bg.gif) no-repeat bottom left;
}
#side #local_navi ul li a:hover,
#side #local_navi ul li a:active {
    background:url(../img/lo_nv_on_bg.gif) no-repeat bottom left;
	color:#FFFFFF;
}
/*--------safari hack----------*/
html[xmlns*=""] body:last-child #side #local_navi ul li.lo_on { width:226px;} 
html[xmlns*=""] body:last-child #side #local_navi ul li.big_lo_on { width:226px;}
/*-----------------------------*/

/*------------------------------------*/
/*------------------------------------*/