/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url('img/back.gif');
	
	}
body,div{
	font-size:12px;
	line-height:140%;
	}
a{
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}

h1{
	font-size:16px;
	margin:55px 10px 0px 25px;
	}
	
h1 a{	
		color:#ffffff;
		text-decoration:none;
	}	
		
h2{	
	margin:0;
	padding:0;
	}
h3{	
	font-size:13px;
	margin:0;
	padding:0;
	}
#main_title{
	font-size:13px;
	width: 563px;	
	color:#ffffff;
	margin:5px 0px 5px 2px;
	padding:2px;
	background:url('img/h3_back.gif') repeat-x center;
	border-top:1px solid #000066;
	border-bottom:1px solid #000066;
	}

hr{
	color:#009900;
	width:100%;

	}
img{
	border:0;
	padding:1px 3px;
	}

#wrapper_border{
	width:819px;
	background:#000000;

	}
#wrapper{
	width:830px;
	text-align:left;
	background:#FFFFFF;
	}
#main_wrapper{
	width:560px;
	float:left;
	margin:0 0px 0 5px;
	padding:3px;
	}




#side_wrapper{
	width:215px;
	float:right;
	margin:0px 5px 0px 0px;
	}
	
#side_title{
	font-size:13px;
	color:#ffffff;
	margin:5px 0px 0px 0px;
	padding:4px;
	background:url('img/h3_back.gif') repeat-x center;
	border-top:1px solid #000066;
	border-bottom:1px solid #000066;
	}	

#side_maintitle{
	font-size:15px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
	padding:3px;
	background:#99CCFF;
	border-top:1px solid #000066;
	border-bottom:1px solid #000066;
	}	
	
#side_contents{
	width:207px;
	float:right;
	margin:0px 0px 5px 0px;
	padding:3px 3px 3px 3px;
	border-top:1px solid #003300;
	border-bottom:1px solid #003300;
	border-left:1px solid #003300;
	border-right:1px solid #003300;
	}
	
	
#main_contents{
	margin:0 12px 0 12px;
	}

#header{
	border-top:4px solid #FF9900;
	height: 80px;
	background:url('img/logo.gif') repeat-x center;
	}
#footer{
	padding:12px 0;
	text-align:center;
	border-top:4px solid #009900;
	}

#description{
	font-size:12px;
	color:#ffffff;
	padding:8px 18px;
	margin:0 0 3px 0;
	background:url('img/h2_back.gif') center repeat-x;
	border-top:1px solid #003300;
	border-bottom:1px solid #003300;
	}

	

#form{
	background-color:#F5F5F5;
	text-align:left;
	padding:8px 20px;
	margin:5px 20px 0px 20px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}







#searchbarbox {
	margin: 5px;
	padding: 5px;
	border: 1px solid #aaaaaa;
	background-color: #FFFFFF;
	width: 555px;
	height: 50px;
	float: left;
	text-align: left;

}

#categorybox {
	margin: 5px;
	padding: 5px;
	border: 1px solid #aaaaaa;
	background-color: #FFFFFF;
	width: 170px;
	height: 170px;
	float: left;
	text-align: left;

}


#searchbarimg {
	margin:0 0 3px 5px;
	
}


#menubar {
	margin:0px;
	   padding: 2px;
} 


ul#menubar {
   margin: 0; /* ul内部の左端余白を消す(IE) */
   padding: 1px 2px 1px 2px; /* ul内部の左端余白を消す(Fx,Op) */
}
ul#menubar li {
   list-style-type: none; /* 先頭記号を消す */
   float: left; /* リスト項目を横方向に並べる */
   margin: 0.3em 0.1em; /* 各項目周囲の余白 */
   border: 2px #ffffff outset; /* 項目の枠線 */
   background-color: #FFFFFF;
   padding: 0; /* 枠線と内容の距離をゼロに */
   
   
}
/* メニュー項目のリンクを装飾 */
ul#menubar li a {
   display: block; /* ブロックレベルに */
   padding: 0; /* 内部の余白 */
  background-color: #99CCFF; /* 背景色 */
   color: #000000; /* 文字色 */
}