@charset "utf-8";
/* ===================================================================
CSS information

 file name  :backnumber.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/* -----------------------------------------------------------
	TOP
----------------------------------------------------------- */



/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
	float:none;
	background: url(../images/bg_main.png) left 42px no-repeat;
	width:960px;
}


/*----------------------------------------------------
	#menu
----------------------------------------------------*/
#main #menu {
	width:950px;
	height:66px;
	margin:0 5px;
	position:relative;
}
#main #menu ul {
	overflow:hidden;
	width:950px;
	height:48px;
	background: url(../images/bg_menu.gif) left bottom repeat-x;
}
#main #menu ul li {
	float:left;
	width:111px;
	height:48px;
}
#main #menu ul li a {
	display:block;
	padding:0 0 7px 0;
	background: url(../images/bg_menu.gif) left bottom no-repeat;
	width:110px;
	height:41px;
}
#main #menu ul li a.on ,
#main #menu ul li a:hover {
	background: url(../images/bg_menu_on.gif) left bottom no-repeat;
}
#main #menu ul li a span {
	display:block;
	border:1px solid #ccd1e1;
	border-bottom:0;
	width:68px;
	height:30px;
	padding:10px 0 0 40px;
	background: url(../images/ic_menu.gif) 20px 13px no-repeat #ffffff;
}
#main #menu ul li a.on span ,
#main #menu ul li a:hover span {
	border:0;
	width:68px;
	height:30px;
	padding:11px 0 0 41px;
	background: url(../images/ic_menu_on.gif) 21px 14px no-repeat #cce5ff;
}
#main #menu .backtop {
	position:absolute;
	right:0;
	top:41px;
	width:97px;
	height:45px;
}


/*----------------------------------------------------
	.con_photo
----------------------------------------------------*/
#main .con_photo {
	width:960px;
	overflow:hidden;
	padding:0 0 7px 0;
	background: url(../images/bg_photolist.gif) left bottom no-repeat;
}
#main .box_photoarea {
	background: url(../images/bg_photoarea.gif) left top repeat-x #fff;
}

#main .con_photo .st_month {
	width:905px;
	overflow:hidden;
	padding:0 0 0 55px;
}
#main .con_photo .st_month h3 {
	float:left;
	width:350px;
}
#main .con_photo .st_month p.zoom {
	float:right;
	width:450px;
	padding:18px 60px 0 0;
	text-align:right;
	font-size:90%;
}
#main .con_photo .st_month .zoom span {
	background: url(../../images/ic_photo.gif) left center no-repeat;
	padding:0 0 0 24px;
}


/*----------------------------------------------------
	.box_photolist
----------------------------------------------------*/
#main .box_photolist {
	width:905px;
	overflow:hidden;
	padding:15px 0 0 55px;
}
#main .box_photolist dl {
	width:170px;
	float:left;
	padding:0 0 22px 0;
}
#main .box_photolist dl dt {
	border:1px solid #cfcfcf;
	padding:9px;
	background:#fff;
	width:140px;
	height:105px;
	text-align:left;
	margin:0 0 6px 0;
}
#main .box_photolist dl dt a {
	display:block;
	text-align:center;
	width:140px;
}
#main .box_photolist dl dd {
	color:#165394;
	width:133px;
	background: url(../images/ic_number.gif) 4px 3px no-repeat #cce5ff;
	font-weight:bold;
	padding:4px 0 0 27px;
	min-height:23px;
}
* html #main .box_photolist dl dd {
	height:23px;
}
#main p.pagetop {
	padding:0 65px 20px 0;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

