@charset "utf-8";
/*=================================================

#header

=================================================== */

/* hide hack from Mac-IE5 \*/
* html #header p#status,
* html #header h1,
* html #header div#submenu ul,
* html #control,
* html #controlInner,
* html #container,
* html #containerInner,
* html #search select,
* html select.jog
 { height: 1%; }
/* end hiding */

/* box */


#header p#status {
position:absolute;
left:0;
bottom:0px;
}

#header h1 {
position:absolute;
left:41%;
bottom:0px;
width:175px;
float:left;
margin:0px auto;
}

#header div#submenu ul {
position:absolute;
right:0px;
bottom:0px;
text-align:right;
}

	#header div#submenu img {
	margin-bottom:11px;
	}

	#header div#submenu li {
	float:left;
	padding:0 5px;
	border-right:1px solid #666;
	}
	

/*=================================================

#gnavi

=================================================== */
	
	#gnavi div.frame {
	width:auto;
	text-align:center;
	float:left;
	}
	
	#gnavi ul.gnaviBody {
	margin:0 auto;
	width:910px;
	}

	#gnavi ul li {
	float:left;
	height:30px;
	}
	
	#gnavi ul li span {
	display:none;
	}
	
	#gnavi div.gnav_l {
	display:block;
	float:left;
	background:url(../images/user/common/gnavi_l.gif) no-repeat left top;
	width:15px;
	height:30px;
	}
	
	#gnavi div.gnav_r {
	display:block;
	float:right;
	background:url(../images/user/common/gnavi_r.gif) no-repeat right top;
	width:15px;
	height:30px;
	}
	
	#gnavi ul li.gnav_s {
	background:url(../images/user/common/gnavi_s.gif) no-repeat center center;
	height:30px;
	width:3px;
	text-indent:-9999px;
	}
	
	
	#gnavi ul li.gnav01 a {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi01.gif) no-repeat center top;
	height:30px;
	width:153px;
	}
	
	#gnavi ul li.gnav02 a {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi02.gif) no-repeat center top;
	height:30px;
	width:151px;
	}

	#gnavi ul li.gnav03 a {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi03.gif) no-repeat center top;
	height:30px;
	width:151px;
	}
	
	#gnavi ul li.gnav04 a {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi04.gif) no-repeat center top;
	height:30px;
	width:151px;
	}
	
	#gnavi ul li.gnav05 a {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi05.gif) no-repeat center top;
	height:30px;
	width:151px;
	}
	
	#gnavi ul li.gnav06 a {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi06.gif) no-repeat center top;
	height:30px;
	width:153px;
	}
	
	
	#gnavi ul li.gnav01 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi01.gif) no-repeat center -30px;
	height:30px;
	width:153px;
	}
	
	#gnavi ul li.gnav02 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi02.gif) no-repeat center -30px;
	height:30px;
	width:151px;
	}

	#gnavi ul li.gnav03 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi03.gif) no-repeat center -30px;
	height:30px;
	width:151px;
	}
	
	#gnavi ul li.gnav04 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi04.gif) no-repeat center -30px;
	height:30px;
	width:151px;
	}
	
	#gnavi ul li.gnav05 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi05.gif) no-repeat center -30px;
	height:30px;
	width:151px;
	}
	
	#gnavi ul li.gnav06 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../images/user/common/gnavi06.gif) no-repeat center -30px;
	height:30px;
	width:153px;
	}
/*=================================================

#control

=================================================== */

#search label.ttl {
background:url(../images/user/top/ttl_search.gif) no-repeat center center;
text-indent:-9999px;
display:block;
height:28px;
width:66px;
float:left;
vertical-align:middle;
}

#search select {
vertical-align:middle;
}

#search input.keyword {
width:70%;
vertical-align:middle;
}

#search input.go {
height:27px;
vertical-align:middle;
}



/*=================================================

#genre

=================================================== */
#genre {
font-size:92%;
width:165px;
}

#genre dl dt {
background:url(../images/user/common/bg_dt.gif) no-repeat left top;
height:24px;
color:#00518f;
}

#genre dl dt a {
font-weight:bold;
text-decoration:none;
color:#00518f;
display:block;
padding:5px 10px;
} 


#genre dl dd {
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
line-height:200%;
}

#genre dl dd.last {
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
line-height:200%;
padding:0 0 5px 0;
}

#genre dl dd a {
display:block;
padding:0px 10px;
text-decoration:none;
color:#00518f;
}


#genre dl dd a:hover {
display:block;
padding:0px 10px;
text-decoration: underline;
}



#service {
margin:25px 0 10px 0;
font-size:92%;
width:165px;
}

#service ul li {
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
line-height:200%;
}


#service ul li.last {
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
line-height:200%;
padding:0 0 10px 0;
}

#service ul li a {
width:135px;
display:block;
padding:0px 10px 0 20px;
text-decoration:none;
background:url(../images/user/common/ico_li.gif) no-repeat 10px 9px;
color:#00518f;
}

#service ul li a:hover {
text-decoration: underline;
}

#ssl {
	text-align: center;
	}

#sslCopy {
	text-align: left;
	}


/*=================================================

#footer

=================================================== */
#footer {
width:auto;
clear:both;
background:url(../images/user/common/bg_footer.gif) repeat-x;
}

*+ #footer {
clear:both;
}


#footerInner {
padding:15px;
text-align:center;
}

#footer ul {
width:600px;
font-size:92%;
margin:5px auto;
}

#footer ul li {
float:left;
border-left:1px solid #666;
padding:0 5px;
margin:5px auto;
}

#footer ul li.first {
float:left;
border-left:0px;
padding:0 5px;
margin:5px auto;
}


address {
clear:both;
display:block;
margin:10px 0 0 0;
text-align:center;
font-size:77%;
color:#666;
}