@import "../baseStyle.css";

/* ******************************************
 基本設定
****************************************** */

/* ページID設定 */
#mensnonno {
	width: 900px;
	font-size: 12px;
	line-height: 14px;
	color: #787878;
	background: #ffffff;
	text-align:left;
}

#mensnonno img {
	vertical-align: top;
}

#mensnonno a {
	overflow:hidden;
}

#mensnonno a:hover {
	color:#2b2b2b;
}


/* ******************************************
 メインタイトル・パンクズ ブロック
****************************************** */

/* メインタイトル */
#mensnonno div#mainTitle {
	width: 892px;
	height: 38px;
	margin: 0px 4px 4px 4px;
	text-align: left;
	overflow: hidden;
	position: relative;
	background:url(http://swfs.jp/img/img2/mn_mainTitle.gif) left top no-repeat;
}

#mensnonno div#mainTitle h2{
	text-indent:-9999px;
}

/* パンクズ */
#mensnonno ul#pankuzu {
	display: block;
	width: 892px;
	height: 38px;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
}
#mensnonno ul#pankuzu li {
	display: inline;
	float: right;
	margin-right: 5px;
	height: 38px;
	line-height: 45px;
	vertical-align: middle;
	font-size: 12px;
	color: #808080;/* ページ毎にカラー設定 */
}

/* パンクズリンク設定 */
#mensnonno ul#pankuzu a {
	color:#ffffff;
	text-decoration: none;
}
#mensnonno ul#pankuzu a:hover {
	color:#ffffff;
	text-decoration: underline;
}


/* ******************************************
 コンテンツ大枠 ブロック
****************************************** */

#mensnonno div#contentWrap {
	width: 900px;
}


/* ******************************************
 メインコンテンツ左枠 ブロック
****************************************** */

#mensnonno div#mainWrap {
	float: left;
	display: inline;
	width: 657px;/* コンテンツ毎に幅指定 */
	margin:4px 0 0 9px;
}


/* ******************************************
 サブコンテンツ右枠 ブロック
****************************************** */

#mensnonno div#subWrap {
	float: right;
	display: inline;
	width: 220px;/* コンテンツ毎に幅指定 */
	margin:4px 5px 0 0;
	text-align: left;
}

#mensnonno div.sub-L {
	width: 220px;
}

#mensnonno div.sub-M {
}


/* ****************************************************************************
 ▼▼▼　メインコンテンツ内　要素　▼▼▼
**************************************************************************** */

/* ******************************************
 メインビジュアル
****************************************** */

#mensnonno div.mv {
	width: 657px;
	position: relative;
	margin-bottom:10px;
}

#mensnonno div.mv div {
	position: absolute;
	overflow: hidden;
}


/* ******************************************
 最新号掲載
****************************************** */

#mensnonno div.new_info {
	width: 657px;
	height: 146px;
	background:url(http://swfs.jp/img/img2/msnn_bg_006.gif) left top repeat-x;
	position: relative;
	margin-bottom:10px;
}

#mensnonno div.new_info div.new_release {
	width:212px;
	height:105px;
	border-right:1px dotted #000000;
	position: absolute;
	left:20px;
	top:20px;
}

#mensnonno div.new_info a.cover {
	width:82px;
	border:1px solid #000000;
	float:left;
	margin-right:10px;
}

#mensnonno div.new_info p.number {
	width:97px;
	height:30px;
	float:left;
	font-weight:bold;
	color:#2f2f2f;
	margin-top:10px;
	margin-left:3px;
	line-height:14px;
}

#mensnonno div.new_info p.number .sdate{
	font-weight:normal;
	margin-left:10px;
}

#mensnonno div.new_info a.item {
	display:block;
	width:100px;
	height:45px;
	background:url(http://swfs.jp/img/img2/msnn_btn_001.gif) left top no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:10px;
}

#mensnonno div.new_info div.new_detail {
	width:390px;
	height:105px;
	position: absolute;
	left:250px;
	top:20px;
}

#mensnonno div.new_info div.new_detail p{
	font-size:11px;
	line-height:14px;
}

#mensnonno div.new_info div.new_detail p .udate{
	display:block;
	font-size:12px;
	line-height:14px;
	color:#22318d;
	font-weight:bold;
	margin-top:7px;
	margin-bottom:2px;
}



/* ******************************************
 BUYER'S SELECTION
****************************************** */

#mensnonno div.selection {
	width: 636px;
	margin:0 10px 30px 10px;
}

#mensnonno div.selection div.selection-title {
	width: 636px;
	height: 20px;
	background:url(http://swfs.jp/img/img2/msnn_title_001.gif) left top no-repeat;
}

#mensnonno div.selection div.selection-title h4{
	text-indent:-9999px;
}

#mensnonno div.selection ul{
	margin-top:10px;
}

#mensnonno div.selection li{
	display: inline;
	float: left;
	width: 118px;
	margin:0px 0px 0px 8px;
	font-size:10px;
	line-height:12px;
}

#mensnonno div.selection li a.item-link{
	display: block;
	width: 110px;
	height: 110px;
	background: url(http://swfs.jp/img/img2/msnn_bg_007.gif) top no-repeat;
	text-align: center;
	margin-bottom:2px;
}

#mensnonno div.selection li a.item-link:hover{
	background: url(http://swfs.jp/img/img2/msnn_bg_007on.gif) top no-repeat;
}

#mensnonno div.selection li a.item-link img.item{
	margin:5px;
}

#mensnonno div.selection li a.item-name{
	display: block;
	height:60px;
	margin:0 0 0 5px;
}

#mensnonno div.selection div.btn_all_item{
	margin-right:10px;
}

#mensnonno div.selection div.btn_all_item a{
	display: block;
	width: 134px;
	height:24px;
	background: url(http://swfs.jp/img/img2/msnn_btn_002.gif) top no-repeat;
	float:right;
	text-indent:-9999px;
}



/* ******************************************
 本誌掲載アイテム
****************************************** */

#mensnonno div.book_item {
	width: 636px;
	margin:0 10px 30px 10px;
}

#mensnonno div.book_item div.book_item-title {
	width: 636px;
	height: 20px;
	background:url(http://swfs.jp/img/img2/msnn_title_002.gif) left top no-repeat;
}

#mensnonno div.book_item div.book_item-title h4{
	text-indent:-9999px;
}

#mensnonno div.book_item div.itembox{
	display: inline;
	float: left;
	width: 295px;
	height:110px;
	margin:15px 0px 15px 15px;
	position: relative;
}

#mensnonno div.book_item div.box_sep{
	display: inline;
	float: left;
	width: 1px;
	height:110px;
	background:url(http://swfs.jp/img/img2/msnn_bg_009.gif) left top repeat-y;
	font-size:0;
	line-height:0;
	margin:15px 0px 0px 10px;
}

#mensnonno div.book_item  div.itembox a.item-link{
	display: block;
	width: 112px;
	height: 112px;
	background: url(http://swfs.jp/img/img2/msnn_bg_008.gif) left top;
	position: absolute;
	left:0px;
	top:0px;
}

#mensnonno div.book_item  div.itembox a.item-link img.item{
	margin:5px;
	border:1px solid #cbcbcb;
}

#mensnonno div.book_item  div.itembox a.item-link:hover img.item{
	border:1px solid #999999;
}

#mensnonno div.book_item div.textbox{
	display: block;
	width: 165px;
	height:85px;
	position: absolute;
	left:122px;
	top:0px;
}

#mensnonno div.book_item div.textbox p.item-number{
	display: block;
	height:16px;
	font-size:10px;
	line-height:16px;
	background:#000;
	color:#fff;
	padding:0 3px;
	margin-bottom:5px;
}

#mensnonno div.book_item div.textbox a.item-title{
	display: block;
	margin-bottom:5px;
}

#mensnonno div.book_item div.textbox a.item-title .item-brand{
	display: block;
	line-height:14px;
}

#mensnonno div.book_item div.textbox a.item-title .item-name{
	font-weight:bold;
	color:#2b2b2b;
	line-height:14px;
}

#mensnonno div.book_item div.textbox p.item-catch{
	font-size:10px;
	line-height:12px;
}



/* ****************************************************************************
 ▼▼▼　サブコンテンツ内　要素　▼▼▼
**************************************************************************** */

#mensnonno div.box_wrap {
	width: 220px;
	background: url(http://swfs.jp/img/img2/msnn_bg_001.gif);
}

#mensnonno div.box_wrap_top {
	width: 220px;
	height:4px;
	background: url(http://swfs.jp/img/img2/msnn_bg_002.gif) left top no-repeat;
}

#mensnonno div.box_wrap_bottom {
	width: 220px;
	height:4px;
	background: url(http://swfs.jp/img/img2/msnn_bg_003.gif) left top no-repeat;
}
* html body #mensnonno div.box_wrap_bottom {margin-bottom:-8px;}

/* ******************************************
 STORE MENU
****************************************** */

#mensnonno div.store_menu {
	width: 220px;
	margin:0px 0px 15px 0px;
}

#mensnonno div.store_menu h4{
	width: 203px;
	height: 15px;
	background:url(http://swfs.jp/img/img2/msnn_title_003.gif) left top no-repeat;
	text-indent:-9999px;
	margin:0 8px 8px 8px;
}

#mensnonno div.store_menu a.all_item_list{
	display: block;
	width: 203px;
	height: 28px;
	background:url(http://swfs.jp/img/img2/msnn_btn_003.gif) left top no-repeat;
	text-indent:-9999px;
	margin:0 8px 4px 8px;
}

#mensnonno div.store_menu a.all_brand_list{
	display: block;
	width: 203px;
	height: 28px;
	background:url(http://swfs.jp/img/img2/msnn_btn_004.gif) left top no-repeat;
	text-indent:-9999px;
	margin:0 8px 4px 8px;
}

/* ******************************************
 BRAND PICK UP
****************************************** */

#mensnonno div.brand_pickup {
	width: 220px;
	margin:0px 0px 13px 0px;
}
* html body #mensnonno div.brand_pickup {margin-bottom:5px;}

#mensnonno div.brand_pickup h4{
	width: 203px;
	height: 15px;
	background:url(http://swfs.jp/img/img2/msnn_title_004.gif) left top no-repeat;
	text-indent:-9999px;
	margin:0 8px 8px 8px;
}

#mensnonno div.brand_pickup_list {
	width: 193px;
	margin:0 13px 0 14px;
	background: #fff;
}

#mensnonno div.brand_pickup_list_top {
	width: 193px;
	height:5px;
	background: url(http://swfs.jp/img/img2/msnn_bg_004.gif) left top no-repeat;
	margin:0 13px 0 14px;
}
* html body #mensnonno div.brand_pickup_list_top {margin-bottom:-8px;}

#mensnonno div.brand_pickup_list_bottom {
	width: 193px;
	height:5px;
	background: url(http://swfs.jp/img/img2/msnn_bg_005.gif) left top no-repeat;
	margin:0 13px 0 14px;
}

#mensnonno div.brand_pickup_list ul{
	padding:5px 0;
}

#mensnonno div.brand_pickup_list li{
	display: block;
	text-align:center;
	margin:0 0 5px 0;
	width: 193px;
	height:40px;
}

#mensnonno div.brand_pickup_list li a{
	display: block;
}


/* ******************************************
 メンノン特集用バナーエリア
****************************************** */

#mensnonno div.bannerSP {
	width: 220px;
	margin-top:15px;
	border-top:1px solid #131313;
	border-bottom:1px solid #131313;
	padding-top:10px;
	padding-bottom:10px;
}
* html body #mensnonno div.bannerSP {padding-top:15px;}

#mensnonno div.bannerSP li{
	width: 210px;
	margin:5px;
}

#mensnonno div.bannerSP li a{
	display: block;
}


/* ******************************************
 その他バナーエリア
****************************************** */

#mensnonno div.banner {
	width: 220px;
	margin-top:15px;
}
* html body #mensnonno div.banner {margin-top:10px;}

#mensnonno div.banner li{
	width: 210px;
	margin:5px;
}

#mensnonno div.banner li a{
	display: block;
}


/* ******************************************
 会員募集
****************************************** */

#mensnonno div.member_info{
	display: block;
	width: 210px;
	height:160px;
	background: url(http://swfs.jp/img/img2/msnn_btn_005.gif) left top no-repeat;
	margin:15px 5px 0px 5px;
	position: relative;
}

#mensnonno div.member_info p.info_text{
	display: block;
	width:175px;
	height:70px;
	position: absolute;
	left:18px;
	top:37px;
	line-height:16px;
}

#mensnonno div.member_info p.reg_link a{
	display: block;
	width:173px;
	height:37px;
	background: url(http://swfs.jp/img/img2/msnn_bn_memmber_reg.gif) left top no-repeat;
	position: absolute;
	left:18px;
	top:108px;
	text-indent:-9999px;
}