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


/*
04091009
========================================
HEADER
========================================*/

#header {
	width: 800px ;
	height:300px ;
	border-bottom :3px double #FDB247 ;
	position: relative ;
	text-align: left ;
	background: #fff url(head_black.jpg) no-repeat center top ;
	background: #fff url(head_brown2.jpg) no-repeat center top ;
	background: #fff url(head_orange.jpg) no-repeat center top ;
	background: #fff url(head.jpg) no-repeat center top ;
	clear: both ;
}

#header img {
	position: absolute ;
	top: 4px ;
	right: 12px ;
}


#container #header h1 {
	position: absolute ;
	left: 19px;
	top: 274px;
	font-size : 14px ;
	color : #6A3E18 ;
	font-weight : normal ;
}


#container #header h2 a:link, #container #header h2 a:visited, #container #header h2 a:hover, #container #header h2 a:active {
	position: absolute ;
	left:20px;
	top:102px;
	font-size: 16px ;
	color: #C34A16 ;
}

#container #header h2 a:link, #container #header h2 a:visited {
	text-decoration : none ;
}

#container #header h2 a:hover, #container #header h2 a:active {
	text-decoration : underline ;
}


#container #header p {
	position: absolute ;
	left: 10px;
	top: -1px;
	color: #666;
	font-size : 12px ;
}

h2 { width : 650px ; text-align : center ; }

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

* {
	margin: 0 ;
	padding: 0 ;
	line-height: 145% ;
}

img {
	border: 0px ;
}

.clear {
	clear: both ;
}

li {
	list-style-type: none ;
}
	

p {
	margin: 3px 0px 5px 0px;
	padding: 3px 0px 1px 5px;
	font-size: 12px;	
	line-height:150%;
 }

hr {
	margin : 10px auto;
	height : 1px ;
}

/*table*/

.content table {
	border-top : dotted 1px #ccc;
	border-collapse: collapse;
	font-size: 12px;
	margin : 10px ;
}

.content table tr {
}

.content table th {
	border-bottom : dotted 1px #ccc ;
	background : #ffc ;
	font-weight : normal ;
	color : #666 ;
	padding : 3px ;
	white-space : nowrap ;
	text-align : left ;
}

.content table td {
	background : #fff ;
	color : #666 ;
	padding : 3px ;
	border-bottom : dotted 1px #ccc ;
}

/*========================================
LINK
========================================*/

a:link, a:visited {
	color : #917b00 ;
}

a:active, a:hover {
	color : #930 ;
}

h3 a:link, h3 a:visited {
	color : #630 ;
	text-decoration : none ;
}

h3 a:active, h3 a:hover {
	color : #fff ;
	text-decoration : underline ;
}



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

body {
	font-size: 12px ;
	text-align: center ;
	background: #fff ;
	color : #777 ;
	padding-bottom : 20px ;
}


#container {
	width: 802px ;/*forIE*/
	border : 1px solid #d5d5d5 ;
	border-top : none ;
	margin: auto ;
	text-align: center ;
	background: #fff url(bg_main.gif) repeat-y;
}

body > #container {
	width : 800px ;
}



#sidenavi1 {
	width: 160px ;
	float: left ;
	text-align: left ;
	clear: both ;
}

#center {
	text-align : left ;
	width : 450px ;
	float : left ;
	margin : 0px 10px 10px 12px;
}

#footer {
	margin: auto ;
	font-size: 10px ;
	font-weight: normal	;
	text-align: left ;
	background: #E6E6E6 ;
	padding-left : 10px ;
	padding-top : 5px ;
	clear : both ;
	padding-bottom : 10px ;
}



/*========================================
SIDE
========================================*/

/*NAVI*/

#sidemenu{
	background : #fff ;
	padding: 10px 0px;
	background: #E6E6E6 url(bg_navi.gif) right repeat-y ;
	border-bottom : 1px solid #d5d5d5 ;
}

#sidemenu ul {
	text-align: left;
	list-style-type: none;
}

#sidemenu ul ul {
	margin-bottom: 5px;
	text-align: left;
	list-style-type: none;
}

#sidemenu li {
	margin-top : -1px ;/*for IE*/
}

#sidenavi1 > #sidemenu li {
	margin-top: -2px;
}


#sidemenu li a:link, #sidemenu li a:visited {
	margin-top : 2px ;
	height : 26px ;
	line-height :26px;
	padding-left :25px ;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: url(navi_on.gif) no-repeat left top ;
	height : 1% ;/*for IE*/
}


#sidemenu li a:hover, #sidemenu li a:active {
	margin-top : 2px ;
	height : 26px ;
	line-height :26px;
	padding-left :25px ;
	font-size: 12px;
	color: #600;
	text-decoration: none;
	display: block;
	background: url(navi_on.gif) no-repeat left top ;
	height : 1% ;/*for IE*/
}

#sidemenu li li a:link , #sidemenu li li a:visited {
	margin-top : 0px ;
	height :  23px;
	line-height : 23px ;
	font-size: 11px;
	color: #c63;
	text-decoration : none;
	display: block ;
	background: url(sub_navi.gif) top left no-repeat;
font-weight : normal ;
}

#sidemenu li li a:hover , #sidemenu li li a:active {
	margin-top : 0px ;
	height :  23px;
	line-height : 23px ;
	font-size: 11px;
	color: #630 ;
	text-decoration : none;
	display: block ;
	background: url(sub_navi_on.gif) top left no-repeat;
font-weight : normal ;
}



/*SEARCH*/

#searchbox {
	text-align : center ;
	margin : auto ;
}


#searchbox form {
	position : relative ;
	border : 1px solid #d5d5d5 ;
	background : #fff ;
	margin : auto ;
	padding : 5px ;
	margin : 5px ;
	margin-top : 10px ;
}


label {
	font-weight : bold ;
	color: #FF8A3C ;
	display: block ;
}


#searchbox input {
	border: none ;
	font-weight: bold ;
	color: #fff ;
	background: #FF8A3C ;
	width : 138px;
}


#searchbox #search {
	margin-bottom : 0px ;
	border: 1px solid #DEDDDD ;
	font-weight: normal ;
	color: #666 ;
	letter-spacing: 0px ;
	background: #ffc ;
	position : relative ;
	right : 0px ;
	margin-bottom : 5px ;
}

/*========================================
MAIN
========================================*/

.content {
	margin-top : 10px ;
}

.content img {
	margin-right : 10px ;
}

/*TITLE*/

.content h3, .content  h4 {
	margin-top : 15px ;
	margin-bottom: 10px ;
	padding: 3px 20px ;
	font-size: 12px ;
	color: #630 ;
	background: url(hl.gif) center left repeat-y ;
	border : 2px solid #fc3 ;
	border-left : none ;
}

.content h5 {
	margin-top : 15px ;
	margin-bottom: 10px ;
	padding:3px 15px ;
	font-size: 12px ;
	font-weight : normal ;
	color: #930 ;
	background: url(new.gif) center left repeat-y ;
}

/*NEW*/

.whats p {
	background: url(new_allow.gif) center left no-repeat;
	padding-left : 10px ;
	border-bottom : 1px dotted #d5d5d5 ;
	padding-top : 3px ;
	padding-bottom : 3px ;
	margin: 0px ;
}

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

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

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

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

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

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

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

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

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


/*sidenavi2*/

#sidenavi2 {
	width :168px ;
	float : left ; 
	margin-top : 10px ;
	text-align : center ;
}

#sidenavi2 h4 {
	color : #fff;
	background : #D8995C ;
	padding : 2px ;
	border-left : 3px solid #C5632C ;
	font-size : 12px ;
	margin-top : 7px ;
	margin-bottom : 2px ;
}

#sidenavi2 h4 {
	display : block ;
}

#sidebar1 a {
	display : block ;
}

#sidenavi2 img {
	margin-bottom : 5px ;
}


/*========================================
FORM
========================================*/

.sample textarea {
	width : 300px ;
}

.sample {
	width : 410px ;
	margin : auto ;
}