@charset "utf-8";
@import url(css/common.css);

/* DEFAULT
==============================*/

*{
	padding: 0 ;
	margin: 0 ;
}



body {
	font-size: 12px ;
	color: #666 ;
	line-height: 1.4 ;
	text-align: center ;
	padding : 0px 0px ;
}



a {
	color: #f60 ;
}



img {
	border: 0px ;
}




table {
	font-size: 100% ;
}



hr {
	clear: both ;
	margin: 10px auto ;
}



/* LAYOUT
==============================*/

#container {
	width: 850px ;
	margin: auto ;
	text-align: left ;
	background: #fff url("/images/container.gif") repeat-y center ;
	padding : 0px 10px ;
	position : relative ;
}

body > #container { width : 840px ; overflow : hidden;}

#header {
	position: relative ;
	height: 145px ;
	background: #000 url("/images/header.jpg") no-repeat center top ;
	border-bottom : 1px solid #D0D0D0 ;
	width : 840px ;
}


#sidenavi1, #center{
	position: relative ;
	float: left ;
	overflow: hidden ;
	display: inline ;
}



#sidenavi1 {
	position: relative ;
	float: left ;
	overflow: hidden ;
	display: inline ;
		width: 200px ;
	background: url("/images/sidenavi.png") repeat-y right ;
	text-align : center ;
}



#center {
	width: 640px ;
	margin-top : 100px ;
	position: relative ;
	float: right ;
	overflow: hidden ;
	display: inline ;}



#index #center {
	margin-top : 0px ;
	position : relative ;
}

#footer {
	clear: both ;
	padding : 10px ;
	background: #000 ;
	overflow : hidden ;
		width : 840px ;
}


#container > #footer {width : 820px ; }


/* HEADER
==============================*/
#header h1{
	position: absolute ;
	left: 201px ;
	top:146px ;
	width: 639px ;
	height : 100px ;
	font-size: 18px ;
	color : #fff ;
	text-align: right ;
	background : url("/images/hl.jpg") no-repeat ;
	text-align : left ;
	padding-left :340px;
	padding-top : 20px ;
	}
	
	#header > h1 { width : 299px ; }
	
	#index #header h1{
	position: absolute ;
	left: 300px ;
	top:146px ;
	width: 640px ;height : 370px ;
	font-size: 18px ;
	color : #666 ;
	text-align: right ;
	padding-left :0px;

	background : none ;
	text-align : left ;

	}

	#index #header > h1 { width : 600px ; }


#header h2 { 	position: absolute ;
	left: 20px ;
	top: 112px ;
	font-size: 10px ;
	color: #999 ;}

#header h2 a {
	font-size: 10px ;
	font-weight: normal ;
	text-decoration: none ;
	color : #999 ;
}




#header p {
	position: absolute ;
	left: 20px ;
	top: 125px ;
	font-size: 10px ;
	color: #999 ;
}






#header img {
	position: absolute ;
	left: 0px;
	top: 51px ;
	height : auto !important ;
	width : auto !important ; 
}







/* SIDENAVI
==============================*/


#sidemenu {
	margin-bottom: 20px ;
	margin-right : 1px ;
	text-align : left ;
}



/* NAVI
--------------------*/
#sidemenu {
	line-height : 1 ;
}

#sidemenu li {
	list-style-type: none ;
	width : 100% ;
	border-bottom : 1px solid #066 ;
	line-height : 1 ;
}

#sidemenu li a {
	padding: 14px 10px 14px 22px ;
	color : #666 ;
	text-decoration: none ;
	display: block ;
	background: url("/images/navi.gif") no-repeat left center ;
	background-position : 0px center ;
	font-size : 10px ;
}

#sidemenu li a:hover {

	background-position :-200px center ;

}



/* SUBNAVI
--------------------*/

#sidemenu li ul{
	padding: 0px 0px ;
	margin: 0px 0px ;
	background: url("/images/subnavi_bg.gif") repeat-y ;
	margin-bottom : 5px ;
}



#sidemenu li li{
	width: 100% ;
	padding : 0px ;
	margin: 2px 0px ;
	list-style-type: none ;
	border-bottom : 1px solid #D0D0D0 ;
}

#sidemenu li li a {
	padding : 5px ;
	margin-right: 20px ;
	margin-left: 17px ;
	font-size: 10px ;
	font-weight: normal ;
	color : #666 ;
	text-decoration: none ;
	display: block ;
	background: url("/images/subnavi_.gif") no-repeat left ;
	background-position: 0px 0px ;

}



#sidemenu li li a:hover {
	text-decoration: underline ;
	background: url("/images/subnavi_.gif") no-repeat left ;
	background-position: 0px 0px ;
}


/* SEARCH
--------------------*/
#searchbox {
text-align : center ;
margin-bottom : 20px ;
}

#searchbox form {
	text-align: center ;
margin : auto ;
width : 190px ;
padding-top : 5px ;
padding-bottom : 20px ;
	background: url("/images/search_bg.gif") no-repeat ;

}


#searchbox label {
	height: 20px ;
	margin-bottom: 10px ;
	color : #fff ;
	line-height: 20px ;
	display: block ;
	text-align: center ;
	background: url("/images/search_label.gif") no-repeat center top;
	margin-top : 10px ;
}


#searchbox input {
	margin-bottom: 5px ;
}



#searchbox input#search {
	width: 160px ;
	border: 1px solid #e0e0e0;
	padding : 2px 0px ;
}

#searchbox input#searchbutton {
	width: 100px;
	color : #666 ;
	text-align: center ;
	background: #d0d0d0 ;
	margin-top: 5px ;
}






/* CENTER
==============================*/



#center img {
	margin: 5px ;
}


.content { padding : 15px ; }

.content p { padding : 0.6em 0px ; }

.content li { list-style-type : none ; }

#index .content { margin-top : 300px ; }

/* TITLE
--------------------*/


#center h3, #center h4, #center h5 {
	clear: both ;
	height: 40px ;
	padding-left: 27px ;
	margin: 15px auto 10px;
	font-size: 12px ;
	color: #fff ;
	line-height: 40px ;
	background: url("/images/title.gif") no-repeat ;
	font-weight : normal ;
	border : 1px solid #D0D0D0 ;
	font-weight : bold ;
}



#center h3 a {
	color: #fff ;
	text-decoration: none ;
}



/* NEW
--------------------*/

#center h5 {
	margin: 15px auto 0px;
}



.whats p {
	padding: 7px 0px 7px 23px;
	margin: 0px ;
	border-bottom: 1px dotted #999;
	background: url("/images/new_arrow.gif") left top no-repeat ;
		background-position : 5px 8px ;
}



/* TABLE
--------------------*/

#center table {
	width: 560px;
	margin-left: 10px ;
	border-collapse: collapse ;
	margin : 20px 0px 20px 20px ;
}



#center th {
	padding: 5px ;
	border: 1px solid #ccc;
	color : #666 ;
	text-align: left ;
	background: #e5e5e5 ;
	white-space : nowrap ;
}



#center td {
	padding: 5px ;
	border: 1px solid #ccc;
	background: #f0f0f0 ;
}



#center td input, #center td textarea {
	margin: 2px ;
	border: 1px solid #ccc ;
	padding : 2px ;
}




/* FOOTER 
==============================*/

#footer h3{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10px;
	color: #999;
}

#footer p{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10px;
	color: #999;
}

#footer a:link, 
#footer a:visited, 
#footer a:hover, 
#footer a:active {
	color: #999;
	text-decoration: none;
}

#footer .rss{
	width: 40px;
	padding: 1px;
	border: solid 1px #bbbbbb;
}

#footer .rss a{
	height: 13px;
	width: 100%;
	font-size: 9px;
	color: black;
	display: block;
	background-color: #bbbbbb;
}

#footer .rss-format{
	padding: 0.5px;
	background-color: #FFB74C;
}

#footer .rss-version{
	padding: 0.5px;
	background-color: #BBBBBB;
}

#footer img{
	float: left;
	padding: 5px 5px 5px 0px;
	margin-right: 10px;
}


.pars { position : absolute ; top : -5px ; left : -4px ; margin : 0px ; z-index : 100 ;}

.canlist a {
	padding: 7px 0px 7px 23px;
	margin: 0px ;
	background: url("/images/new_arrow.gif") left top no-repeat ;
	background-position : 5px 8px ;
}


/* LPO
==============================*/
body#lpo #center {
	width: auto ;
	margin : 50px 75px ;
	position: relative ;
	float: none ;
	overflow: hidden ;
	display: block ;text-align : left ; padding : 0px 0px ;}
	
body#lpo #container {
	width: 850px ;
	margin: auto ;
	text-align: center ;
	background: #fff url("/images/container_lpo.gif") repeat-y center ;
	padding : 0px 5px ;
}

 body#lpo>#container { width : 840px ; overflow : hidden;}


body#lpo #header h1{
	position: absolute ;
	left: 0px ;
	top:146px ;
	width: 840px ;
	height : 20px ;
	font-size: 14px ;
	font-weight : normal ;
	color : #fff ;
	padding-top : 0px ;
	padding-left : 0px ;
	background: #01787e ;
	text-align : center ;
	line-height : 20px ;
}
body#lpo .content { padding : 0px ; font-size : 1.2em ;}

body#lpo .content table { width : 680px ; margin : auto ;}
	
.bigfont p { font-size : 1.2em ;}

img.bnr { position : absolute ; right : 12px ; top : 108px ; }