@import "baseStyle.css";

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

/* =clearfix
====================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* ページID設定 */
#nonno {
	width: 900px;
	font-size: 100%;
	line-height: 100%;
	color: #5c5b5c;
	text-align: center;
	background: #ffffff;
}

#nonno img {
	vertical-align: top;
}

a {
outline:none;
}

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

/* メインタイトル */
#nonno div#mainTitle {
	width: 892px;
	height: 38px;
	margin: 0px auto 4px auto;
	text-align: left;
	overflow: hidden;
	position: relative;
}

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

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


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

#nonno div#contentWrap {
	width: 900px;
	background: url(http://swfs.jp/img/img2/no_bg_contents.gif) repeat-y;
}

#nonno div#contentWrap2 {
	width: 900px;
	padding-top: 6px;
}

#nonno div#contentWrap3 {
	width: 900px;
}


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

#nonno div#mainWrap {
	float: left;
	display: inline;
	width: 668px;/* コンテンツ毎に幅指定 */
	margin-left: 4px;
}


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

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

#nonno div.sub-L {
	width: 220px;
	text-align: center;
}

#nonno div.sub-M {
	width: 210px;
	text-align: left;
	margin: 0px auto;
}


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

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

#nonno div.mv {
	width: 668px;
	height: 270px;
	position: relative;
	margin-bottom: 17px;
}

#nonno div.mv h3.mv-photo {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #FFFFFF;
}

#nonno div.mv div.mv-cover {
	position: absolute;
	left: 508px;
	top: 0px;
	background: #FFFFFF;
}

#nonno div.mv div.mv-bt01 {
	position: absolute;
	left: 521px;
	top: 186px;
	background: #FFFFFF;
}

#nonno div.mv div.mv-bt02 {
	position: absolute;
	left: 527px;
	top: 243px;
}


/* ******************************************
 ノンノコンテンツリンク
****************************************** */

#nonno div.original {
	width: 668px;
	height: 110px;
	margin-bottom: 17px;
	background: url(http://swfs.jp/img/img2/no_bg_002.gif) no-repeat;
}

#nonno div.original div {
	padding-top: 6px;
}

#nonno div.original li {
	display: inline;
	float: left;
	margin-left: 5px;
	background: #ffffff;
}


/* ******************************************
 新着情報/インフォメーション
****************************************** */

#nonno div.new_info {
	width: 648px;
	margin: 0px auto 23px auto;
	text-align: center;
}

#nonno div.new_info div {
	width: 622px;
	margin: 0px auto;
	text-align: left;
}

#nonno div.new_info li {
	background: url(http://swfs.jp/img/img2/no_bg_003.gif) bottom repeat-x;
	padding-bottom: 1px;
}

#nonno p.info_date {
	display: block;
	float: left;
	padding: 7px 0;
	width: 60px;
	line-height: 1.4em;
	font-weight: bold;
	color: #2fa7f2;
	font-size: 10px;
	text-indent: 5px;
}

#nonno p.info_text {
	display: block;
	float: right;
	padding: 7px 5px 7px 0px;
	width: 557px;
	line-height: 1.4em;
	font-size: 10px;
}
*html #nonno p.info_text {
	width: 562px;
}
*+html #nonno p.info_text {
	width: 562px;
}


/* ******************************************
 non-no本誌連動特集！
****************************************** */

#nonno div.honshi {
	width: 648px;
	margin: 0px auto 23px auto;
	text-align: center;
}

#nonno div.honshi h4 {
	margin-bottom: 17px;
}

#nonno div.honshi div.honshi-block {
	margin-bottom: 12px;
	padding-left: 5px;
	text-align: left;
}

#nonno div.honshi div.last {
	margin-bottom: 0;
}

#nonno div.honshi div.honshi-block div.banner-box {
	display: inline;
	float: left;
	width: 210px;
	margin-right: 3px;
}

#nonno div.honshi div.honshi-block div.last {
	margin-right: 0;
}

#nonno div.honshi div.honshi-block div.banner-box span.date {
	color: #FA447F;
	font-size: 10px;
	font-weight: bold;
}

#nonno div.honshi div.honshi-block div.banner-box span.date img {
	margin-left: 5px;
	margin-bottom: 3px;
	vertical-align: middle;
}





/* ******************************************
 ピックアップ1
****************************************** */

#nonno div.pick_up1 {
	width: 648px;
	margin: 0px auto 23px auto;
	text-align: center;
}

#nonno div.pick_up1 h4 {
	margin-bottom: 20px;
}


/*□□ スライドブロック □□*/

#nonno div.pick_up1 div.pic_sliderWrap {
	width: 620px;
	margin: 0px auto;
	text-align: left;
}

#nonno div.pic_sliderWrap div#content {
	overflow:hidden;
	width:620px;
	position:relative;
	margin: 0px;
	padding: 0px;
}

#nonno div.pic_sliderWrap div.section {
	width: 2480px; /* 620×ブロック数 */
	position:relative;
}

#nonno div.pic_sliderWrap li.sub {
	position:relative;
	float:left;
	width:620px;
	text-align: center;
}

#nonno div.pic_sliderWrap li.sub table {
	width: 560px;
	margin: 0px auto;
	background: #ffffff;
}

/* ボタン位置指定 */
#nonno div.pic_sliderWrap li.sub a.next {
	position: absolute;
	top: 28px;
	left: 600px;
}
#nonno div.pic_sliderWrap li.sub a.prev {
	position: absolute;
	top: 28px;
	left: 1px;
}

/* アンカーブロック 要素定義 */
#nonno div.pic_sliderWrap li.sub td {
	width: 112px;
}

#nonno div.pic_sliderWrap li.sub td a {
	display: block;
	width: 112px;
	padding: 5px 0 5px 0;
	text-align: center;
	text-decoration: none;
}
#nonno div.pic_sliderWrap li.sub td a:hover {
	text-decoration: none;
	color: #5c5b5c;
	background: #fbdbe5;
}


#nonno div.pic_sliderWrap li.sub td img {
	border: 1px solid #d1d1d1;
	margin-bottom: 10px;
}
#nonno div.pic_sliderWrap li.sub td a:hover img {
	border: 1px solid #b3b3b3;
}

#nonno div.pic_sliderWrap li.sub td p {
	padding: 0px 6px;
	font-size: 10px;
	text-align: left;
}
#nonno div.pic_sliderWrap li.sub td p img {
	margin-bottom: 3px;
	border: 0px;
}
#nonno div.pic_sliderWrap li.sub td a:hover p img {
	border: 0px;
}

#nonno div.pic_sliderWrap li.sub td span {
	display: block;
}
#nonno div.pic_sliderWrap li.sub td span.bland {
	margin-bottom: 1px;
	font-size: 10px;
	line-height: 1.2em;
	color: #0190e9;
	font-weight: bold;
}
#nonno div.pic_sliderWrap li.sub td span.item {
	line-height: 1.4em;
}


/* ******************************************
 ピックアップ2
****************************************** */

#nonno div.pick_up2 {
	width: 648px;
	margin: 0px auto 23px auto;
	text-align: center;
}

#nonno div.pick_up2 h4 {
	margin-bottom: 20px;
}

#nonno div.pick_up2-L {
	width: 620px;
	margin: 0px auto;
	text-align: left;
	background: url(http://swfs.jp/img/img2/no_bg_007.gif) center repeat-y;
}

#nonno div.pick_up2-L li.li-Lt {
	float: left;
	width: 310px;
}
#nonno div.pick_up2-L span.span-Lt {
	display: block;
	width: 310px;
}

#nonno div.pick_up2-L li.li-Rt {
	float: left;
	width: 310px;
}
#nonno div.pick_up2-L span.span-Rt {
	display: block;
	width: 310px;
}

#nonno div.pick_up2-L a {
	display: block;
	width: 290px;
	padding: 5px;
	text-decoration: none;
}
*html #nonno div.pick_up2-L a {
	display: block;
	width: 300px;
	padding: 5px;
}
*+html #nonno div.pick_up2-L a {
	display: block;
	width: 300px;
	padding: 5px;
	text-decoration: none;
}

#nonno div.pick_up2-L a:hover {
	text-decoration: none;
	color: #5c5b5c;
	background: #fbdbe5;
}

#nonno div.pick_up2-L li.li-Rt a {
	margin-left: 10px;
}

#nonno div.pick_up2-L span.topLine {
	background: url(http://swfs.jp/img/img2/no_bg_008.gif) top repeat-x;
	margin-top: 8px;
	padding-top: 8px;
}

#nonno div.pick_up2-L img {
	width: 82px;
	margin-right: 10px;
	border: 1px solid #d1d1d1;
	float: left;
}
#nonno div.pick_up2-L a:hover img {
	border: 1px solid #b3b3b3;
}

#nonno div.pick_up2-L p.bland {
	margin-bottom: 2px;
	font-size: 10px;
	line-height: 1.2em;
	color: #0190e9;
	font-weight: bold;
}
#nonno div.pick_up2-L p.item {
	margin-bottom: 3px;
	font-size: 10px;
	line-height: 1.2em;
	color: #0190e9;
	font-weight: bold;
}
#nonno div.pick_up2-L p.price {
	margin-bottom: 10px;
	font-size: 10px;
	line-height: 1.2em;
}
#nonno div.pick_up2-L p.price span {
	color: #e91b38;
}

#nonno div.pick_up2-L p.about {
	font-size: 10px;
	line-height: 1.4em;
	padding-left: 94px;
}


/* ******************************************
 ランキング
****************************************** */

#nonno div.ranking {
	width: 648px;
	margin: 0px auto 30px auto;
	text-align: left;
}

#nonno div.ranking h4 {
	margin-bottom: 10px;
}
#nonno div.ranking div.ranking-L {
	width: 640px;
	margin: 0px auto;
	background: url(http://swfs.jp/img/img2/no_bg_005.gif) left repeat-y;
}

#nonno div.ranking div.ranking-M {
	width: 640px;
	margin: 0px auto;
	background: url(http://swfs.jp/img/img2/no_bg_006.gif) bottom no-repeat;
}

#nonno div.ranking li {
	display: inline;
	float: left;
	width: 120px;
	margin-right: 10px;
}

#nonno div.ranking li.marginOff {
	margin-right: 0px;
}

#nonno div.ranking li a {
	display: block;
	width: 119px;
	margin-left: 1px;
	text-align: center;
	text-decoration: none;
}
*html #nonno div.ranking li a {
	height: 5px;
}

#nonno div.ranking li a:hover {
	text-decoration: none;
}

#nonno div.ranking img.rankingIco {
	margin: 5px auto 7px auto;
}

#nonno div.ranking img.itemImg {
	margin: 0px auto 15px auto;
	border: 1px solid #ffffff;
}

#nonno div.ranking a:hover img.itemImg {
	border: 1px solid #ffffff;
}

#nonno div.ranking span.bland_name {
	display: block;
	margin-bottom: 3px;
	padding: 0px 11px;
	font-size: 10px;
	color: #0190e9;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

#nonno div.ranking span.bland_text {
	display: block;
	margin: 0px 11px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #5c5b5c;
	line-height: 1.4em;
	text-align: left;
}


/* ******************************************
 マストアイテム
****************************************** */

#nonno div.must {
	width: 648px;
	margin: 0px auto 23px auto;
	text-align: center;
}

#nonno div.must h4 {
	margin-bottom: 17px;
}

#nonno div.must div.must-block {
	margin-left: 11px;
	text-align: left;
}

#nonno div.must div.must-block a.must-box {
	display: block;
	float: left;
	width: 199px;
	height: 82px;
	margin-right: 14px;
	text-decoration: none;
	position:relative;
}

#nonno div.must div.must-block a.last {
	margin-right: 0;
}

#nonno div.must div.must-block a.must-box img.item {
	width: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: solid 1px #FFFFFF;
}

#nonno div.must div.must-block a.must-box img.icon {
	position: absolute;
	top: 0px;
	left: 85px;
}

#nonno div.must div.must-block a.must-box span {
	position: absolute;
	top: 53px;
	left: 85px;
	color: #2FA7F2;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#nonno div.must div.must-block a:hover span {
	text-decoration: underline;
}

#nonno div.must div.must-block a:hover img.item {
	border: solid 1px #FD97BD;
}







/* ******************************************
 ブランドリスト
****************************************** */

#nonno div.brand_list {
	width: 648px;
	margin: 0px auto;
	text-align: left;
}

#nonno div.brand_list div.list_wrap {
	width: 648px;
	margin: 0px auto;
	padding: 20px 0px;
	background: #f1f1f1;
}

#nonno div.brand_list div.list_block {
	display: inline;
	float: left;
	width: 200px;
	margin-left: 12px;
}

#nonno div.brand_list div.list_wrap li{
	padding-left: 7px;
	background: url(http://swfs.jp/img/img2/no_bg_004.gif) left 0.3em no-repeat;
	font-size: 12px;
	line-height: 1.2em;
}

#nonno div.brand_list div.list_wrap li a{
	display: block;
	padding: 2px;
	color: #2fa7f2;
	text-decoration: none;
}
*html #nonno div.brand_list div.list_wrap li a{
	height: 2px;
}

#nonno div.brand_list div.list_wrap li a:hover{
	text-decoration: none;
	background: #cddee9;
}


/* ******************************************
 掲載商品バックナンバー
****************************************** */

#nonno div.backnumber {
	width: 668px;
}

#nonno div.backnumber div {
	padding-top: 6px;
}

#nonno div.backnumber li {
	display: inline;
	float: left;
	margin-left: 5px;
	background: #ffffff;
}


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

/* ******************************************
 インデックス・検索
****************************************** */

#nonno div.index {
	width: 220px;
	padding: 5px 0px;
	text-align: center;
	border-bottom: 4px solid #ffffff;
	background: url(http://swfs.jp/img/img2/no_bg_009.gif) repeat;
}

#nonno div.index div {
	width: 210px;
	text-align: left;
	margin: 0px auto;
}

#nonno div.index h4 {
}

#nonno div.index li {
}

#nonno div.index div ul li{
	background: #a0bdd5;
}

#nonno div.index div.btn_allitemlist_lnk a{
	display:block;
	width:115px;
	height:20px;
	background:url(http://swfs.jp/img/img2/hl_navi_btn_allitemlist.gif) left top no-repeat;
	background-color:none;
	text-indent:-9999px;
	float:right;
	overflow:hidden;
}

#nonno div.index div.btn_allitemlist_lnk a:hover{
	background:url(http://swfs.jp/img/img2/hl_navi_btn_allitemlist_on.gif) left top no-repeat;
}




/* ******************************************
 Information
****************************************** */

#nonno div.side-info {
	background-color: #B3DAF5;
}

#nonno div.side-info div.inner {
	width: 208px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: #FFFFFF url(http://swfs.jp/img/img2/no_bg_011.gif) bottom left no-repeat;
	font-size: 10px;
	text-align: left;
}

#nonno div.side-info div.inner div.news-block {
	padding: 8px 12px 10px;
	background: url(http://swfs.jp/img/img2/no_bg_010.gif) bottom left no-repeat;
}

#nonno div.side-info div.inner div.news-block span {
	line-height: 160%;
	color: #67BCFF;
	font-weight: bold;
}

#nonno div.side-info div.inner div.news-block p {
	line-height: 160%;
	color: #999999;
}

#nonno div.side-info div.inner div.news-block a {
	text-decoration: none;
	color: #999999;
}

#nonno div.side-info div.inner div.news-block a:hover {
	text-decoration: underline;
}



/* ******************************************
 注目ブランド
****************************************** */

#nonno div.side-brand {
	padding-bottom: 7px;
	background: #B3DAF5 url(http://swfs.jp/img/img2/no_bg_012.gif) bottom left no-repeat;
}

#nonno div.side-brand div.inner {
	width: 208px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: #FFFFFF url(http://swfs.jp/img/img2/no_bg_011.gif) bottom left no-repeat;
	font-size: 10px;
	text-align: left;
}

#nonno div.side-brand div.inner div.brand-block {
	padding: 8px 12px 10px;
	background: url(http://swfs.jp/img/img2/no_bg_010.gif) bottom left no-repeat;
}

#nonno div.side-brand div.inner div.brand-block a img.ph {
	float: left;
	margin-right: 10px;
}

#nonno div.side-brand div.inner div.brand-block a span {
	display: block;
}

#nonno div.side-brand div.inner div.brand-block a span.logo {
	margin-bottom: 8px;
}

#nonno div.side-brand div.inner div.brand-block a span.lead {
	float: right;
	width: 94px;
	font-size: 11px;
	font-weight: bold;
	color: #FB427F;
	line-height: 150%;
}

#nonno div.side-brand div.inner div.brand-block a {
	cursor: pointer;
	text-decoration: none;
	color: #FB427F;
}

#nonno div.side-brand div.inner div.brand-block a:hover {
	text-decoration: underline;
	color: #FB427F;
}


/* ******************************************
 バナーエリア
****************************************** */

#nonno div.banner {
	width: 210px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#nonno div.bgStyle01 {
	background: url(http://swfs.jp/img/img2/no_bg_001.gif) bottom no-repeat;
	background-color: #b3daf5;
}



/* ****************************************************************************
 ▼▼▼　要素なし　▼▼▼
**************************************************************************** */

/* ******************************************
 デジタルカタログ「Digital Catalog」
****************************************** */

#nonno div.digital_catalog {

}

/* ******************************************
 ネクストアライバル「next arrival」
****************************************** */

#nonno div.next arrival {

}

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

#nonno div.new_release {
}



/* ****************************************************************************
 ▼▼▼　森きみコンテンツ　▼▼▼
**************************************************************************** */

/* ******************************************
 コンテンツ大枠
****************************************** */

#nonno div#no-morikimi {
	width: 892px;
	margin: 0px auto;
}


/* ******************************************
 タイトル
****************************************** */

#no-morikimi div.titleWrap {
	width: 892px;
	height: 65px;
	position: relative;
	margin-bottom: 10px;
}

#no-morikimi div.titleWrap div{
	position: absolute;
	overflow: hidden;
}


/* ******************************************
 アイテムリストブロック
****************************************** */

#no-morikimi div.itemWrap {
	width: 892px;
}

#no-morikimi div.itemWrap ul.imgCell {
	margin:0px 0px 0px 11px;
	padding:0px;
	list-style: none;
}

#no-morikimi div.itemWrap ul.imgCell li {
	float: left;
	width: 140px;
	height: 146px;
	margin-right: 6px;
	list-style: none;
	vertical-align: bottom;
}


/* ******************************************
 バックナンバーブロック
****************************************** */

#no-morikimi div.backnumber {
	width: 892px;
	margin:0px;
	text-align: left;
}
#no-morikimi div.backnumber ul {
	width:100%;
	margin:10px 0 0;
	padding:0;
}
#no-morikimi div.backnumber li {
	width:210px;
	float: left;
	display:inline;
	margin-right: 8px;
	padding:0;
	list-style-type:none;
}


/* ****************************************************************************
 ▼▼▼　スペシャルコンテンツページ　▼▼▼
**************************************************************************** */

/* ******************************************
 コンテンツ大枠
****************************************** */

#sp_contents {
	width: 892px;
	margin: 0px auto;
	position: relative;
}

#nonno div#sp_contents div{
	position: absolute;
}


/* ****************************************************************************
 ▼▼▼　タイアップコンテンツページ　▼▼▼
**************************************************************************** */

#tai-up {
	width: 892px;
	margin: 0px auto;
}

#tai-up div.tai-contents {
	width: 892px;
	height: 674px;
}

#tai-up div.photo {
	float: left;
	position: relative;
}

#tai-up img.tai-bt {
	position: absolute;
}