@charset "shift_jis";

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

#comicom

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

#comicom #main {
	width: 942px;
	border: 4px solid #000;
	border-top: none;
}
#comicom #main #btn_area {
	padding: 15px 0;
	background-color: #3EB034;/*�K�X����*/
	text-align: center;
}
#comicom #main #btn_area #shinkan_btn {
	text-align: center;
	margin-bottom: 15px;
}
#comicom #main #btn_area #link_btn {
	margin: 0 23px;
	width: 896px;
}
#comicom #main #btn_area #link_btn li {
	float: left;
	margin: 0 11px;
}
#comicom #main #btn_area #link_btn li.col2 {
	float: left;
	margin: 0 100px;
}
#comicom #main #hackadoll {
	padding: 0 0 10px 0;
	text-align: center;
	background-color: #ffe100;/*�K�X����*/
}
#comicom .pagetop {
	margin-top: 10px;
	text-align: right;
}


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

#comicom_backnumber

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

#comicom_backnumber #main {
	width: 942px;
	border: 4px solid #000;
	border-top: none;
}

#comicom_backnumber #main h1{
	border-bottom: 4px solid #000;
	text-align: center;
	padding: 15px 0;
}
#comicom_backnumber #main #main_inner{
	padding: 15px;
}

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

#comicom_backnumber .tab

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

#comicom_backnumber #main #main_inner ul.tab {
	width:910px;
}
#comicom_backnumber #main #main_inner ul.tab li {
	list-style-type: none;
	width: 140px;
	height: 40px;
	float: left;
	font-weight: bold;
	font-size: 120%;
	color: #333333;
	margin-right: 10px;
}
#comicom_backnumber #main #main_inner ul.tab li a {
	background:#CCC;
	color:#333333;
	text-shadow:none;
	display: block;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#comicom_backnumber #main #main_inner ul.tab li a.selected {
	background:#333;
	color:#FFF;
	text-shadow:none;
}
/* ================================

#comicom_backnumber .pannel
#comicom_backnumber .pannel .pannel_inner

.pannel_inner ul li
(li.normal   or   li.box(box1,2))

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

#comicom_backnumber #main #main_inner .pannel{
	border: 2px solid #000;
	height:auto;
	/overflow:hidden;/*IE6,7*/
	/padding-bottom: 20px;/*IE6,7*/
}
#comicom_backnumber #main #main_inner .pannel_inner ul {
	padding: 20px 20px 0 20px;
	margin-right: -20px;
}
#comicom_backnumber #main #main_inner .pannel_inner ul li{
	margin: 0 20px 20px 0;
	height: 105px;
	width: 198px;
	float: left;
	border: 2px solid #ccc;
	font-size: 108%;
	/*line-height: 160px;*/
	overflow : hidden;
	/margin-bottom: 0;/*IE6,7*/
	position:relative;
}
#comicom_backnumber #main #main_inner .pannel_inner ul li dl dt{
	width: 198px;
	height: 25px;
	background-color: #ccc;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	color: #333;
}
#comicom_backnumber #main #main_inner .pannel_inner ul li dl dd{
	width: 198px;
	height: 80px;
	text-align: center;
}

/*.pannel_inner ul li.normal***************/

#comicom_backnumber #main #main_inner .pannel_inner ul li.normal dl dd{
	display: table-cell;
	vertical-align: middle;
	/layout-grid-line: 80px;/*IE6,7*/
}
#comicom_backnumber #main #main_inner .pannel_inner ul li.normal:hover {
	border: 2px solid #000;
}
#comicom_backnumber #main #main_inner .pannel_inner ul li.normal a{
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF\9;/*IE6,7,8*/
	filter: alpha(opacity=0);/*IE6,7*/
	-ms-filter: "alpha(opacity=0)";/*IE8*/
	}
/*.pannel_inner ul li.box*****************/
#comicom_backnumber #main #main_inner .pannel .pannel_inner ul li.box dl dd{
	width: 178px;
	margin: 10px;
	background-color: #ccc;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
	display: block;
}
#comicom_backnumber #main #main_inner .pannel .pannel_inner ul li.box dl dd:hover{
	background-color: #333;
}
#comicom_backnumber #main #main_inner .pannel .pannel_inner ul li.box dl dd a{
	display: block;
	color: #333;
	text-decoration: none;
}
#comicom_backnumber #main #main_inner .pannel .pannel_inner ul li.box dl dd a:hover{
	color: #fff;
}
/*.pannel_inner ul li.box1*/
#comicom_backnumber #main #main_inner .pannel .pannel_inner ul li.box1 dl dd{
	height: 60px;
	line-height: 60px;
}
/*.pannel_inner ul li.box2*/
#comicom_backnumber #main #main_inner .pannel .pannel_inner ul li.box2 dl dd{
	height: 25px;
	line-height: 25px;
}
/* =========================================================

.pagetop

========================================================= */
p.pagetop{
	text-align: right;
	margin-top: 15px;
}