@charset "utf-8";

/*----------------------------------------------------------------------------------------------
 __page_magazine_list style
----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------
 __index_magazine_list style
-----------------------------------------------*/
#index_magazine_list {
	position:relative;
	background:url(/images/bg_magazine.gif) repeat 0 0;
}
#index_magazine_list ul {
	background-color:#fff;
}
#index_magazine_list ul li {
	float:left;
}
#index_magazine_list figure,
#index_magazine_list .corner_lt,
#index_magazine_list .corner_rt,
#index_magazine_list .corner_lb,
#index_magazine_list .corner_rb {
	position:absolute;
}
#index_magazine_list .corner_lt {
	left:-8px;
	top:-6px;
}
#index_magazine_list .corner_rt {
	right:-8px;
	top:-6px;
}
#index_magazine_list .corner_lb {
	left:-8px;
	bottom:-6px;
}
#index_magazine_list .corner_rb {
	right:-8px;
	bottom:-6px;
}
#index_magazine_list p {
	margin-top: 7px;
	font-size: 12px;
	text-align: center;
}
#index_magazine_list p.text {
	margin-top: 27px;
	text-align: center;
}


@media print, screen and (min-width:641px) {
/*----------------------------------------------------------------------------------------------
 __page_magazine_list style
----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------
 __index_magazine_list style
-----------------------------------------------*/
#index_magazine_list {
	width:882px;
	margin:45px auto 0 auto;
	padding:22px 30px;
}
#index_magazine_list a {
	display: block;
}
#index_magazine_list p {
	margin-bottom:18px;
	text-align:center;
}
#index_magazine_list ul {
	padding:30px 0 20px;
}
#index_magazine_list ul li {
	width:153px;
	margin:0 0 10px 19px;
}
#index_magazine_list figure {
	right:-8px;
	bottom:-67px;
}

}

@media screen and (max-width:640px) {
/*----------------------------------------------------------------------------------------------
 __page_magazine_list style
----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------
 __index_magazine_list style
-----------------------------------------------*/
#index_magazine_list {
	width:75.625%;
	margin:7.8125% auto 3.75%;
	padding:7.8125%;
}
#index_magazine_list p {
	margin-bottom:5%;
}
#index_magazine_list ul {
	padding:4% 0 0;
}
#index_magazine_list ul li {
	width:35%;
	margin:0 7.5% 4%;
}
#index_magazine_list figure {
	display:none;
}
#index_magazine_list .corner_lt,
#index_magazine_list .corner_rt,
#index_magazine_list .corner_lb,
#index_magazine_list .corner_rb {
	width:19.5205479%;
}
}