@charset "UTF-8";

html {
	margin: 0;
	padding: 0;
}

body
{
	margin: 0 auto;
	padding: 0;
	min-width: 960px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, p, li {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

.left {
	float: left;
}
.right {
	float: right;
}

.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}


/*====================
	ヘッダー
======================*/
#minami04 {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background-color:#ffffff;
}
#minami04 #header0911 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 810px;
	background: url(/monthly15th/04minami/images/title_bg.jpg) no-repeat 0 0;
	text-align: left;
}
#minami04 #header0911 h1{
	position: absolute;
	top: 255px;
	right:20px;
	margin: 0;
	padding: 0;
	width: 925px;
	height: 80px;
}
#minami04 #header0911 #graniphlogo {
	position: absolute;
	top: 95px;
	right:20px;
	margin: 0;
	padding: 0;
	width: 140px;
	height: 140px;
}
#minami04 #header0911 #credit{
	position: absolute;
	bottom: 0;
	right: 10px;
	margin-top: 10px;
	padding: 0;
	width: 960px;
	height: 15px;
	font-size: 10px;
	color: #000;
	line-height: 15px;
	text-align: right;
}
#minami04 #header0911 #specialbox {
	position: absolute;
	top: 10px;
	left:15px;
	margin: 0;
	padding: 0;
	width: 415px;
	height: 225px;
}

#minami04 #header0911 #specialbox h2{
	margin: 0;
	padding: 0;
	width: 350px;
	height: 76px;
	background: url(/monthly15th/04minami/images/h2_ttl2.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
#minami04 #header0911 #specialbox .text{
/*	margin: 25px 0 0 10px;
	padding: 0;
	width: 410px;
	height: auto;
	font-size: 14px;
	color: #000;
	line-height: 150%;*/

	position: absolute;
	top: 85px;
	left:0;
	margin: 0;
	padding: 0;
	width: 395px;
	height: 115px;
}

#minami04 #header0911 #section {
	position: absolute;
	top: 538px;
	left:15px;
	margin: 0;
	padding: 0;
	width: 510px;
	height: auto;
}
#minami04 #header0911 #section .wrapper{
	margin: 0 auto;
	padding: 0;
	width: 494px;
	height: auto;
}
#minami04 #header0911 #section .wrapper .moviebox{
	margin: 0;
	padding: 0;
	float: left;
	width: 240px;
	height: auto;
}
#minami04 #header0911 #section .wrapper .moviebox .header,
#minami04 #header0911 #section .wrapper .magazinebox .header{
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 14px;
	color: #0066CC;
	line-height: 120%;
	font-weight: bold;
}
#minami04 #header0911 #section .wrapper .moviebox .movie{
	margin: 0;
	padding: 0;
	width: 240px;
	height: 180px;
}
#minami04 #header0911 #section .wrapper .moviebox .cap{
	margin-top: 5px;
	padding-left: 12px;
	font-size: 10px;
	color: ##000;
	line-height: 12px;
	background: url(/monthly15th/04minami/images/cap_icon.gif) no-repeat 0 0;
}
#minami04 #header0911 #section .wrapper .magazinebox{
	margin: 0;
	padding: 0;
	float: right;
	width: 240px;
	height: auto;
}
#minami04 #header0911 #section .wrapper .magazinebox .inner{
	margin: 0;
	padding: 0;
	width: 240px;
	height: auto;
}
#minami04 #header0911 #section .wrapper .magazinebox .inner .cap{
	margin: 0;
	padding: 0;
	float: left;
	width: 108px;
	font-size: 12px;
	color: #000;
	line-height: 130%;
}
#minami04 #header0911 #section .wrapper .magazinebox .inner .ph{
	margin: 0;
	padding: 0;
	float: right;
	width: 127px;
	height: 180px;
}

/*====================
	コンテンツ
======================*/
#minami04 #contents01 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 485px;
	background: url(/monthly15th/04minami/images/contents01_bg.jpg) no-repeat 0 0;
	text-align: left;
}
#minami04 #contents02 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 740px;
	background: url(/monthly15th/04minami/images/contents02_bg.jpg) no-repeat 0 0;
	text-align: left;
}
#minami04 #contents01 #midashi{
	position: absolute;
	top: 0px;
	left:0px;
	margin: 0;
	padding: 0;
	width: 512px;
	height: 60px;
}

#minami04 #contents02 #itemttl01{
	position: absolute;
	top: 0px;
	right:0px;
	margin: 0;
	padding: 0;
	width: 670px;
	height: 24px;
}
#minami04 #contents02 #itemttl02{
	position: absolute;
	top: 378px;
	right:0px;
	margin: 0;
	padding: 0;
	width: 670px;
	height: 24px;
}
#minami04 #contents01 #detailbox01{
	position: absolute;
	top: 75px;
	left:0px;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 165px;
}
#minami04 #contents01 #detailbox01 .wrapper{
	margin: 0;
	padding: 0;
	width: 280px;
	height: auto;
	background: url(/monthly15th/04minami/images/detail_bg.jpg) no-repeat 0 0;
}
#minami04 #contents02 #detailbox02{
	position: absolute;
	top: 0px;
	left:0px;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 200px;
}
#minami04 #contents02 #detailbox02 .wrapper{
	margin: 0;
	padding: 0;
	width: 280px;
	height: auto;
	background: url(/monthly15th/04minami/images/detail_bg.jpg) no-repeat 0 0;
}
#minami04 #contents01 #detailbox01 .wrapper .ttl,
#minami04 #contents02 #detailbox02 .wrapper .ttl{
	margin-left: 15px;
	margin-bottom: 5px;
	width: 280px;
	height: auto;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	line-height: 120%;
}
#minami04 #contents01 #detailbox01 .wrapper h3,
#minami04 #contents02 #detailbox02 .wrapper h3{
	margin-left: 15px;
	margin-bottom: 5px;
	width: 280px;
	height: auto;
	font-size: 18px;
	color: #0066CC;
	font-weight: bold;
	line-height: 120%;
}
#minami04 #contents01 #detailbox01 .wrapper .spec,
#minami04 #contents02 #detailbox02 .wrapper .spec{
	margin-left: 15px;
	width: 280px;
	height: auto;
	font-size: 12px;
	color: #333;
	line-height: 130%;
}
#minami04 #contents01 #detailbox01 .wrapper p.note,
#minami04 #contents02 #detailbox02 .wrapper p.note{
	margin-top: 5px;
	margin-left: 15px;
	width: 280px;
	height: auto;
	font-size: 12px;
	color: #333;
	line-height: 130%;
}

#minami04 #contents01 #btmbox01{
	position: absolute;
	top: 428px;
	left:340px;
	margin: 0;
	padding: 0;
	width: 551px;
	height: 27px;
}
#minami04 #contents02 #btmbox02{
	position: absolute;
	top: 321px;
	left:340px;
	margin: 0;
	padding: 0;
	width: 551px;
	height: 27px;
}
#minami04 #contents02 #btmbox03{
	position: absolute;
	top: 703px;
	left:340px;
	margin: 0;
	padding: 0;
	width: 551px;
	height: 27px;
}
#minami04 #contents01 #btmbox01 ul,
#minami04 #contents02 #btmbox02 ul,
#minami04 #contents02 #btmbox03 ul {
	margin: 0;
	padding: 0;
	width: 550px;
	height: 27px;
	list-style: none;
}

#minami04 #contents01 #btmbox01 li#left_01,
#minami04 #contents01 #btmbox01 li#center_01,
#minami04 #contents02 #btmbox02 li#left_02,
#minami04 #contents02 #btmbox02 li#center_02,
#minami04 #contents02 #btmbox03 li#left_03,
#minami04 #contents02 #btmbox03 li#center_03{
	float: left;
	margin-right: 50px;
	width: 150px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(/monthly15th/04minami/images/item_btn.jpg) no-repeat 0 0;
	}
#minami04 #contents01 #btmbox01 li#left_01 a,
#minami04 #contents01 #btmbox01 li#center_01 a,
#minami04 #contents02 #btmbox02 li#left_02 a,
#minami04 #contents02 #btmbox02 li#center_02 a,
#minami04 #contents02 #btmbox03 li#left_03 a,
#minami04 #contents02 #btmbox03 li#center_03 a {
	width: 150px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(/monthly15th/04minami/images/item_btn.jpg) no-repeat 0 0;
	outline:none;
	}
	
#minami04 #contents01 #btmbox01 li#right_01,
#minami04 #contents01 #btmbox01 li#right_01 a,
#minami04 #contents02 #btmbox02 li#right_02,
#minami04 #contents02 #btmbox02 li#right_02 a,
#minami04 #contents02 #btmbox03 li#right_03,
#minami04 #contents02 #btmbox03 li#right_03 a {
	float: right;
	margin: 0;
	width: 150px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(/monthly15th/04minami/images/item_btn.jpg) no-repeat 0 0;
	outline:none;
	}

#minami04 #contents01 #btmbox01 li#left_01 a:hover,
#minami04 #contents01 #btmbox01 li#center_01 a:hover,
#minami04 #contents01 #btmbox01 li#right_01 a:hover,
#minami04 #contents02 #btmbox02 li#left_02 a:hover,
#minami04 #contents02 #btmbox02 li#center_02 a:hover,
#minami04 #contents02 #btmbox02 li#right_02 a:hover,
#minami04 #contents02 #btmbox03 li#left_03 a:hover,
#minami04 #contents02 #btmbox03 li#center_03 a:hover,
#minami04 #contents02 #btmbox03 li#right_03 a:hover {
	background: url(/monthly15th/04minami/images/item_btn_over.jpg) no-repeat 0 0;
	}
	
/*====================
	ページトップ
======================*/

#minami04 .gotop {
	margin: 10px 0;
	padding: 10px 0 0 0;
	width: 100%;
	text-align:right;
}
#minami04 .gotop span {
	margin: 10px 0;
	padding: 0 0 0 14px;
	font-size:12px; 
	line-height: 120%; 
	color:#333; 
	font-weight:normal;
	background: url(/monthly15th/04minami/images/arrow_pagetop.gif) no-repeat 0 0;
	}
#minami04 .gotop a {
	color:#333; 
	text-decoration:none;
	}

#minami04 .gotop a:hover { 
	color:#666; 
	text-decoration:underline;
	}

/*====================
	バックナンバー
======================*/
#minami04 #beta {
	margin-top: 20px;
	width: 960px;
	height: auto;
	text-align: left;
}
#minami04 #beta .header {
	margin: 0px;
	width: 960px;
	height: 35px;
	background: url(/monthly15th/04minami/images/backnum_header.gif) no-repeat 0 0;
	text-align: left;
	text-indent: -9999spxs
}
#minami04 #beta #backnumber {
	margin: 0px;
	width: 960px;
	height: auto;
	background: url(/monthly15th/04minami/images/backnum_bg.gif) repeat-y;
	text-align: left;
}
#minami04 #beta .footer {
	margin: 0px;
	padding: 0;
	width: 960px;
	height: 16px;
	line-height: 16px;
	background: url(/monthly15th/04minami/images/backnum_footer.gif) no-repeat 0 0;
	text-align: left;
}


/*===バックナンバー===*/
#minami04 #beta #backnumber .backnumber_date {
	margin: 10px 20px 0 20px;
	padding: 0;
	width: 320px;
	float:left;
}

#minami04 #beta #backnumber dl {
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
}
#minami04 #beta #backnumber dt {
	margin: 0 0 5px 0;
	padding: 0;
	width: 85px;
	font-size:10px; 
	line-height: 140%; 
	color:#333; 
	font-weight:normal;
	float:left;
}
#minami04 #beta #backnumber dd {
	margin: 0 0 5px 0;
	padding: 0;
	width: 220px;
	font-size:12px; 
	line-height: 120%; 
	color:#333; 
	font-weight:normal;
	float:left;
}
#minami04 p a, 
#minami04 #beta #backnumber dd a {
	color:#0066cc; 
	text-decoration:none;
	}

#minami04 p a:hover, 
#minami04 #beta #backnumber dd a:hover { 
	color:#3399ff; 
	text-decoration:underline;
	}



#minami04 #beta #backnumber .item {
	margin: 10px 0 0 0;
	padding: 0;
	width: 580px;
	height:auto;
	float:left;
}
#minami04 #beta #backnumber .item ul {
	margin: 0 0 10px 0;
	width: 100%;
}