@charset "utf-8";
/* CSS Document */

body{
	/*background:url(../img/bg.gif) repeat-y top center;*/
	background-color:#e0ffff;
}


div#container{
	width:1020px;
	background-color:#fff;
}

div#content{
	width:1020px;
	margin:5px auto 30px;
	padding: 0 0 30px;
}

div#header h1, div#header h1 a{
	width:300px;
	height:75px;
}

div#header #headerContent{
	width:230px;
	float:right;
}

ul#headerMenu {
	width: 220px;
	height: 10px;
	margin: 10px 0 0 0;
	clear: both;
}

#headerMenu li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#headerMenu li a{
	text-indent:-9999px;
	height:10px;
	background-repeat:no-repeat;
	display:block;
	line-height:1px;
}

#headerMenu li a:hover{
	background-position:0 -10px;
}

#headerMenu li.menu01 a{
	width:88px;
	background-image:url(../img/header_menu01.gif);
}
#headerMenu li.menu02 a{
	width:50px;
	background-image:url(../img/header_menu02.gif);
}
#headerMenu li.menu03 a{
	width:65px;
	background-image:url(../img/header_menu03.gif);
}
#headerMenu li.menu04 a{
	width:65px;
	background-image:url(../img/header_menu04.gif);
}


#entryButton {
	width: 190px;
	height: 24px;
	margin: 5px 0 0;
	background: url(../img/button-entry.jpg) no-repeat;
	clear: both;
}

#entryButton a {
	width: 190px;
	height: 24px;
	display: block;
	background: url(../img/button-entry.gif) no-repeat;
	text-indent:-9999px;
}
#entryButton a:hover {
	background-position:0 -24px;
}


div#main{

}

div#mainMenuArea{
	background-image:url(../img/header_bg.gif);
	background-repeat:repeat-x;
	height:35px;
}

div#mainMenu{
	background-repeat:repeat-x;
}

#mainMenu ul{
	margin:0;
	padding:0;
	
}


div#mainMenu li , div#mainMenu a{
	width:96px;
	height:35px;
}

div#mainMenu li , div#mainMenu a:hover{
	background-position:left -35px;

}



#footer {
	width:1020px;
/*	height: 90px;*/
	background: #999;
	font-size: 10px;
	padding: 10px 0;
	margin: 0 auto;
	clear: both;
}

/*#footerMenu ul {
	margin: 0;
	padding: 0;
	color: #000;
}

#footerMenu a {
	color: #000;
}

#footerMenu a:hover {
	color: #FFF;
}*/



/*↓フッターメニューを中央にする場合
div#footerMenu {
   position:relative;
   overflow:hidden;
   width:10200px;
}

div#footerMenu ul {
   position:relative;
   left:50%;
   float:left;
}

div#footerMenu li {
   position:relative;
   left:-50%;
   float:left;
}
↑フッターメニューを中央にする場合*/

#leftArea{
	width: 200px;
	margin: 0 0 0 10px;
	float: left;
}

#rightArea {
/*	width: 735px;
	float: right;*/
	width: 740px;
	margin: 0 15px 0 25px;
	float: right;
}

.threeCol #rightArea{
	width:765px;
	margin: 0;
}

#rightArea1 {
/*	width: 765px;
	float: right;*/
	width: 760px;
	margin: 0 0 0 20px;
	float: left;
}

#centerArea {
	width: 765px;
/*	margin: 0 15px 0 0;*/
	/*margin: 0 10px 0 0;*/
	float:left;
}

#subArea {
	width: 220px;
	float: right;
}

#copyRight{
	padding-top:1em;
}













#searchBox{
	float: right;
}
/*
#searchBox ul {
	width: 190px;
	height: 35px;
	margin:0;
	padding:0;
}
*/

#searchButton {
	width: 20px;
	height: 20px;
	float: right;
	margin: 7px 4px 0px 0px;
	_margin: 9px 4px 0px 2px;
	border: none;
	background: none;
	text-indent: -9999px;
	cursor: pointer;
/*	margin: 7px 8px 7px 14px;
	_margin: 9px 8px 9zpx 7px;*/
	/*
	margin: 7px 8px 7px 0px;
	_margin: 9px 8px 9px 2px;

	*/
}

#search {
	width: 125px;
	height: 17px;
	float: right;
	margin: 8px 0px 0px 0px;
	_margin: 11px 0px 0px 0px;
	border: none;
	background: none;
	color: #FFF;
	text-indent: 5px;
	/*
	margin: 8px 0px 8px 15px;
	_margin: 8px 0px 8px 5pc;
	*/
}








#searchBox{
	width:190px;
}

#searchType{
	position:relative;
	float:left;
	width:30px;
	height:35px;
}

#searchType div.select{
	width:30px;
	height:35px;
	text-indent:-9999px;
	background-image:url(../img/search-b01.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	cursor: pointer;
}

#searchType ul.typeList{
	position:absolute;
	display:none;
	background:#ccc;
	width:100px;
	margin:0;
	padding:0;
	margin-top:1px;
	z-index:1000;
}

#searchType ul.typeList li{
	margin:0;
	padding:0;	
	list-style:none;
	width:100px;
}

#searchType ul.typeList li a{
	width:100px;
	height:33px;
	background-color:#FFF;
	background-position:5px center;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	padding-left:40px;
	line-height:30px;
	border-left:#CCC 1px solid;
	border-right:#AAA 1px solid;
	border-bottom:#999 1px solid;
}

#searchType li.searchMenu1 a{
	background:url(../img/search-icon1.gif) -5px -5px no-repeat;
}
#searchType li.searchMenu2 a{
	background:url(../img/search-icon2.gif) -5px -5px no-repeat;
}
#searchType li.searchMenu3 a{
	background:url(../img/search-icon3.gif) -5px -5px no-repeat;
}
#searchType li.searchMenu4 a{
	background:url(../img/search-icon4.gif) -5px -5px no-repeat;
}
#searchType li.searchMenu5 a{

	background:url(../img/search-icon5.gif) -5px -5px no-repeat;
}