@charset "utf-8";
/*---------------------------------------------------------------
	BODY
---------------------------------------------------------------*/
#main {
	float: left;
	text-align: left;
	display: inline;
	width: 843px;
	margin: 15px 0px 20px 15px;
}

#main-body {
	margin: auto;
	width: 843px;
	float: left;
}

.main-center {
	margin: auto;
	width: 558px;
	float: left;
	padding-bottom: 20px;
}
.main-side {
	margin: auto;
	width: 270px;
	float: right;
	padding-bottom: 20px;
}

div.main-center .magazine-title-image {
	margin-bottom: 10px;
}

h2 {
	display: inline;
}

/*---------------------------------------------------------------
	タイトル（号数）
---------------------------------------------------------------*/
div.main-center .mgz-no {
	font-size: 180%;
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 140%;
}
div.main-center .mgz-no-1 {
	color: #FF6633;
	margin-top: 10px;
}
div.main-center .mgz-no-2 {
	color: #CC9900;
	margin-top: 40px;
}
div.main-center .mgz-no-3 {
	color: #009900;
	margin-top: 30px;
}


#main-body .cover {
	display: block;
	width: 260px;
	margin-bottom: 5px;
}
#main-body img.cover-border {
	border: 1px solid #aaaaaa;
}

#main-body .drop-image-1 {
	width: 270px;
	height: 330px;
	background: url(../images/magazine/shadow-1.jpg) no-repeat right bottom;
}

#main-body .drop-image-2 {
	width: 270px;
	height: 370px;
	margin-bottom: 5px;
	background: url(../images/magazine/shadow-2.jpg) no-repeat right bottom;
}

#main-body .drop-image-3 {
	width: 270px;
	height: 370px;
	margin-bottom: 5px;
	background: url(../images/magazine/shadow-2.jpg) no-repeat right bottom;
}

/*---------------------------------------------------------------
	テーブル
---------------------------------------------------------------*/
#main-body .magazine-table {
	width: 270px;
	margin-bottom: 20px;
}
#main-body th,td {
	padding: 6px 10px;
	text-align: left;
}
#main-body th {
	font-size: 110%;
	_font-size: 105%;
	width: 35%;
}
#main-body td {
	width: 65%;
}
#main-body span.kome {
	color: #666666;
}
#main-body span.price {
	font-weight: bold;
	color: red;
	font-size: 110%;
}
/*	関西のつり	*/
#main-body .rec-first-1 {
	border-top: 1px dotted #FF6633;
}
#main-body th.th-1 {
	color: #663300;
	background-color: #FFF0E6;
	border-bottom: 1px dotted #FF6633;
}
#main-body td.td-1 {
	border-bottom: 1px dotted #FF6633;
}
/*	SWマガジン	*/
#main-body .rec-first-2 {
	border-top: 1px dotted #CC9900;
}
#main-body th.th-2 {
	color: #333300;
	background-color: #F9F4D6;
	border-bottom: 1px dotted #CC9900;
}
#main-body td.td-2 {
	border-bottom: 1px dotted #CC9900;
}
/*	へらぶな釣り	*/
#main-body .rec-first-3 {
	border-top: 1px dotted #006600;
}
#main-body th.th-3 {
	color: #003300;
	background-color: #E8FEE6;
	border-bottom: 1px dotted #006600;
}
#main-body td.td-3 {
	border-bottom: 1px dotted #006600;
}

/*---------------------------------------------------------------
	試し読み
---------------------------------------------------------------*/

#main-body div.check {
	padding: 5px;
	background-color: #F6F6F6;
	margin-bottom: 20px;
}
#main-body div.button-check a {
	float: left;
	overflow: hidden;
	display: block;
	width: 134px;
	height: 40px;
	text-indent:-9999px;
	background:url(../images/button-check.jpg) no-repeat -134px 0px;
}
#main-body div.button-check a:hover {
	float: left;
	background: url(../images/button-check.jpg) no-repeat 0px 0px;
}
/*---------------------------------------------------------------
	定期購読
---------------------------------------------------------------*/

#main-body div.rs {
	padding: 10px;
	background-color: #F6F6F6;
	margin-bottom: 20px;
}
#main-body div.button-rs a {
	overflow: hidden;
	display: block;
	width: 250px;
	height: 70px;
	text-indent:-9999px;
	margin-top: 5px;
	background:url(../images/button-rs.jpg) no-repeat -250px 0px;
}
#main-body div.button-rs a:hover {
	background: url(../images/button-rs.jpg) no-repeat 0px 0px;
}

/*---------------------------------------------------------------
	雑誌　記事
---------------------------------------------------------------*/

/*	ピックアップ	*/
#main-body .article-pickup {
	float: left;
	width: 544px;
	margin-bottom: 15px;
}
#main-body .article-pickup-title {
	width: 544px;
	height: 30px;
	padding-top:8px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 115%;
}
#main-body span.pickup-title {
	margin-left: 58px;
}
/*	ワイド	*/
#main-body .article-wide {
	float: left;
	width: 544px;
	margin-bottom: 15px;
}
#main-body .article-wide-title {
	width: 544px;
	height: 28px;
	padding-top:6px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 105%;
}
#main-body span.wide-title {
	margin-left: 30px;
}
/*	スモール	*/
#main-body .article-small-box {
}
#main-body .article-small {
	float: left;
	margin-right: 14px;
	width: 265px;
	padding-top:8px;
	margin-bottom: 15px;
}
#main-body .article-small-title {
	width: 265px;
	height: 32px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 105%;
}
#main-body span.small-title {
	display: block;
	padding-top: 8px;
	margin-left: 30px;
}
#main-body p.article-textbody {
	margin-left: 10px;
	margin-right: 10px;
}

/*---------------------------------------------------------------
	雑誌　関西のつり
---------------------------------------------------------------*/

#main-body .pickup-title-1 {
	background: url(../images/magazine/article-pickup-1.jpg) no-repeat left top;
}
#main-body .wide-title-1 {
	background: url(../images/magazine/article-wide-1.jpg) no-repeat left top;
}
#main-body .small-title-1 {
	background: url(../images/magazine/article-small-1.jpg) no-repeat left top;
}

/*---------------------------------------------------------------
	雑誌　SWマガジン
---------------------------------------------------------------*/

#main-body .pickup-title-2 {
	background: url(../images/magazine/article-pickup-2.jpg) no-repeat left top;
}
#main-body .wide-title-2 {
	background: url(../images/magazine/article-wide-2.jpg) no-repeat left top;
}
#main-body .small-title-2 {
	background: url(../images/magazine/article-small-2.jpg) no-repeat left top;
}

/*---------------------------------------------------------------
	雑誌　へらぶな釣り
---------------------------------------------------------------*/

#main-body .pickup-title-3 {
	background: url(../images/magazine/article-pickup-3.jpg) no-repeat left top;
}
#main-body .wide-title-3 {
	background: url(../images/magazine/article-wide-3.jpg) no-repeat left top;
}
#main-body .small-title-3 {
	background: url(../images/magazine/article-small-3.jpg) no-repeat left top;
}

/*---------------------------------------------------------------
	頁内リンク
---------------------------------------------------------------*/

/* 頁内リンク */
#main-body div.page-link {
	float: left;
	display: inline;
	width: 843px;
	height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-bottom: 1px solid #999999;
}
#main-body div.p-link-class {
	float: left;
	font-size: 90%;
	margin-top: 8px;
	margin-left: 15px;
}
#main-body div.blog {
	margin-left: 15px;
}

/*	関西のつり	*/
#main-body div.kan a {
	padding-left: 20px;
	background: url(../images/box-icon-o.gif) no-repeat;
}
#main-body div.kan a:hover {
	padding-left: 20px;
	background: url(../images/box-icon-o.gif) no-repeat;
}
/*	SWマガジン	*/
#main-body div.sw a {
	padding-left: 20px;
	background: url(../images/box-icon-y.gif) no-repeat;
}
#main-body div.sw a:hover {
	padding-left: 20px;
	background: url(../images/box-icon-y.gif) no-repeat;
}
/*	へらぶな釣り	*/
#main-body div.hera a {
	padding-left: 20px;
	background: url(../images/box-icon-g.gif) no-repeat;
}
#main-body div.hera a:hover {
	padding-left: 20px;
	background: url(../images/box-icon-g.gif) no-repeat;
}
/*	blog-1	*/
#main-body div.blog-1 a {
	padding-left: 15px;
	background: url(../images/arrow-b.gif) no-repeat;
}
#main-body div.blog-1 a:hover {
	padding-left: 15px;
	background: url(../images/arrow-b.gif) no-repeat;
}

/*	blog-2	*/
#main-body div.blog-2 a {
	padding-left: 15px;
	background: url(../images/arrow-b.gif) no-repeat;
}

#main-body div.blog-2 a:hover {
	padding-left: 15px;
	background: url(../images/arrow-b.gif) no-repeat;
}

/*	blog-3	*/
#main-body div.blog-3 a {
	padding-left: 15px;
	background: url(../images/arrow-b.gif) no-repeat;
}

#main-body div.blog-3 a:hover {
	padding-left: 15px;
	background: url(../images/arrow-b.gif) no-repeat;
}

/*	ページのトップへ	*/
#main-body div.top a {
	overflow: hidden;
	float: right;
	display:block;
	width: 120px;
	height: 29px;
	text-indent: -9999px;
	background: url(../images/magazine/page-link.jpg) no-repeat -722px 0px;
}
#main-body div.top a:hover {
	background: url(../images/magazine/page-link.jpg) no-repeat -722px -30px;
}