@import "../baseStyle.css";

/* ******************************************
 基本設定
****************************************** */

/* ページID設定 */
#more {
	width: 900px;
	font-size: 100%;
	line-height: 100%;
	color: #5c5b5c;
	text-align: center;
	background: #ffffff;
}

#more img {
	vertical-align: top;
}


/* ******************************************
 メインタイトル・パンクズ ブロック
****************************************** */

/* メインタイトル */
#more div#mainTitle {
	width: 892px;
	height: 38px;
	margin: 0px auto 4px auto;
	text-align: left;
	overflow: hidden;
	position: relative;
	background:url(http://swfs.jp/img/img2/gm_mainTitle.gif) left top no-repeat;
}

#more div#mainTitle h2{
	height: 38px;
	padding-top:40px;
	overflow: hidden;
}

/* パンクズ */
#more ul#pankuzu {
	display: block;
	width: 892px;
	height: 38px;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
}
#more ul#pankuzu li {
	display: inline;
	float: right;
	margin-right: 5px;
	height: 38px;
	line-height: 45px;
	vertical-align: middle;
	font-size: 12px;
	color: #ffffff;/* ページ毎にカラー設定 */
}

/* パンクズリンク設定 */
#more ul#pankuzu a {
	color:#ffffff;
	text-decoration: none;
}
#more ul#pankuzu a:hover {
	color:#ffffff;
	text-decoration: underline;
}


/* ******************************************
 コンテンツ大枠 ブロック
****************************************** */

#more div#contentWrap {
	width: 900px;
	background: url(http://swfs.jp/img/img2/gm_bg_contents.gif) repeat-y;
}

#more div#contentWrap2 {
	width: 900px;
	padding-top: 6px;
}

#more div#contentWrap3 {
	width: 900px;
}


/* ******************************************
 メインコンテンツ左枠 ブロック
****************************************** */

#more div#mainWrap {
	float: left;
	display: inline;
	width: 671px;/* コンテンツ毎に幅指定 */
	margin-left: 4px;
}


/* ******************************************
 サブコンテンツ右枠 ブロック
****************************************** */

#more div#subWrap {
	float: right;
	display: inline;
	width: 220px;/* コンテンツ毎に幅指定 */
	margin-right: 4px;
}

#more div.sub-L {
	width: 220px;
	text-align: center;
}

#more div.sub-M {
	width: 210px;
	margin: 0px auto;
}


/* ****************************************************************************
 ▼▼▼　メインコンテンツ内　要素　▼▼▼
**************************************************************************** */

/* ******************************************
 メインビジュアル
****************************************** */

#more div.mv {
	width: 671px;
	height: 272px;
	position: relative;
	margin-bottom: 2px;
}
#more div.mv h3.mv-photo {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #FFFFFF;
}

#more div.mv h3.mv-photo #slideshow li{
	position: absolute;
	left: 0px;
	top: 0px;
}

#more div.mv div.mv-cover {
	position: absolute;
	left: 506px;
	top: 0px;
	background: #FFFFFF;
}

#more div.mv div.mv-bt {
	position: absolute;
	left: 519px;
	top: 199px;
}
#more div.mv div.mv-bt2 {
	width: 134px;
	height: 48px;
	background: url(http://swfs.jp/img/img2/gm_bg_009.gif) left top no-repeat;
	position: absolute;
	left: 523px;
	top: 197px;
	overflow: hidden;
}
#more div.mv div.mv-bt2 a{
	display:block;
	width: 134px;
	height: 48px;
	background: url(http://swfs.jp/img/img2/gm_mv_bt_003.gif) left top no-repeat;
	overflow: hidden;
	text-indent:-9999px;
}

/* ******************************************
 ＭＯＲＥコンテンツリンク
****************************************** */

#more div.original {
	width: 671px;
	height: 104px;
}

#more div.original div {
	padding-top: 6px;
}

#more div.original li {
	display: inline;
	float: left;
	margin-left: 4px;
	background: #ffffff;
}

#more div.original li.marginLO {
	margin-left: 0px;
}

/* ******************************************
 新着情報/インフォメーション
****************************************** */

#more div.new_info {
	width: 662px;
	margin: 0px auto;
	text-align: center;
}

#more div.new_info div.info {
	width: 662px;
	height: 65px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	background:url(http://swfs.jp/img/img2/gm_title_001.gif) left top no-repeat;
	overflow: hidden;
}

#more div.new_info div.info h4{
	height: 65px;
	padding-top:70px;
	overflow: hidden;
}

#more div.new_info div.info-text {
	width: 575px;
	height: 14px;
	position: absolute;
	left: 50px;
	top: 41px;
}

#more div.new_info div.info-text marquee {
	color: #CC0099;
	font-size: 12px;
	line-height:14px;
}

#more div.new_info div.info-text marquee a {
	color: #CC0099;
}

#more div.new_info div.info-text marquee a .info_date{
	margin-left: 20px;
	font-weight: bold;
}


/* ******************************************
 ネクストアライバル「next arrival」
****************************************** */

#more div.next_arrival {
	width: 671px;
	margin: 0px auto;
	text-align: center;
	background: url(http://swfs.jp/img/img2/gm_bg_001.gif) repeat-y;
}

#more div.next_arrival div.title {
	width: 671px;
	height: 78px;
	position: relative;
	background:url(http://swfs.jp/img/img2/gm_title_002.gif) left top no-repeat;
	overflow: hidden;
}

#more div.next_arrival div.title h4{
	height: 78px;
	padding-top:80px;
	overflow: hidden;
}

#more div.next_arrival div.title a.bt-ichiran {
	width:80px;
	height:24px;
	margin-bottom: 20px;
	position: absolute;
	left: 561px;
	top: 23px;
	background:url(http://swfs.jp/img/img2/gm_title_002_bt01.gif) left top no-repeat;
	overflow: hidden;
	text-indent:-9999px;
}


/*□□ スライドブロック □□*/

#more div.pic_sliderWrap {
	width: 671px;
	padding-bottom: 40px;
	text-align: center;
	background: url(http://swfs.jp/img/img2/gm_bg_002.gif) bottom no-repeat;
}

#more div.pic_sliderWrap div#content {
	overflow:hidden;
	width:620px;
	position:relative;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

#more div.pic_sliderWrap div.section {
	width: 2480px; /* 620×ブロック数 */
	position:relative;
}

#more div.pic_sliderWrap li.sub {
	position:relative;
	float:left;
	width:620px;
	text-align: center;
}

#more div.pic_sliderWrap li.sub table {
	width: 560px;
	margin: 0px auto;
	background: #ffffff;
}

/* ボタン位置指定 */
#more div.pic_sliderWrap li.sub a.next {
	position: absolute;
	top: 4px;
	left: 594px;
}
#more div.pic_sliderWrap li.sub a.prev {
	position: absolute;
	top: 4px;
	left: 7px;
}

/* アンカーブロック 要素定義 */
#more div.pic_sliderWrap li.sub td {
	width: 112px;
}

#more div.pic_sliderWrap li.sub td a {
	display: block;
	width: 112px;
	padding: 5px 0 5px 0;
	text-align: center;
	text-decoration: none;
	color: #3399CC;
}
#more div.pic_sliderWrap li.sub td a:hover {
	text-decoration: none;
	background: #deeff6;
}


#more div.pic_sliderWrap li.sub td img {
	border: 1px solid #d1d1d1;
	margin-bottom: 10px;
}
#more div.pic_sliderWrap li.sub td a:hover img {
	border: 1px solid #b3b3b3;
}

#more div.pic_sliderWrap li.sub td p {
	padding: 0px 6px;
	font-size: 10px;
	text-align: left;
}
#more div.pic_sliderWrap li.sub td p img {
	margin-bottom: 3px;
	border: 0px;
}
#more div.pic_sliderWrap li.sub td a:hover p img {
	border: 0px;
}

#more div.pic_sliderWrap li.sub td span {
	display: block;
}
#more div.pic_sliderWrap li.sub td span.item {
	line-height: 1.4em;
}


/* ******************************************
 ランキング
****************************************** */

#more div.ranking {
	width: 662px;
	margin: 0px auto 20px auto;
	text-align: center;
}

#more div.ranking h4 {
	width:662px;
	height:57px;
	margin-bottom: 2px;
	text-indent:-9999px;
	background:url(http://swfs.jp/img/img2/gm_title_003.gif) left top no-repeat;
}
#more div.ranking div.ranking-L {
	width: 628px;
	margin: 0px auto;
	text-align: left;
}

#more div.ranking li {
	display: inline;
	float: left;
	width: 116px;
	margin-right: 11px;
}

#more div.ranking li.marginOff {
	margin-right: 0px;
}

#more div.ranking li a {
	display: block;
	width: 116px;
	margin: 1px 0px;
	text-align: center;
	text-decoration: none;
	background: url(http://swfs.jp/img/img2/gm_bg_003.gif) top no-repeat;
}
*html #more div.ranking li a {
	height: 5px;
}

#more div.ranking li a:hover {
	text-decoration: none;
	background: url(http://swfs.jp/img/img2/gm_bg_004.gif) top no-repeat;
}

#more div.ranking img.itemImg {
	margin: 7px auto 15px auto;
	border: 1px solid #ffffff;
}

#more div.ranking a:hover img.itemImg {
	border: 1px solid #ffffff;
}

#more div.ranking span.bland_name {
	display: block;
	font-size: 10px;
	color: #3399CC;
	line-height: 1.2em;
	text-align: left;
}

#more div.ranking span.bland_text {
	display: block;
	font-size: 10px;
	color: #5c5b5c;
	line-height: 1.4em;
	text-align: left;
}


/* ******************************************
 PickUpブランド
****************************************** */

#more div.pic-brand {
	width: 662px;
	margin: 0px auto;
	text-align: center;
}

#more div.pic-title {
	width: 662px;
	height:57px;
	overflow: hidden;
	margin-bottom: 15px;
}

#more div.pic-title h4{
	width: 662px;
	height:57px;
	background: url(http://swfs.jp/img/img2/gm_title_006.gif) left top no-repeat;
	padding-top:60px;
	overflow: hidden;
}

#more div.pic-list {
	width: 648px;
	margin: 0px auto;
}

#more div.pic-list li {
	width: 108px;
	display: inline;
	float: left;
	padding-bottom: 30px;
}

#more div.pic-list li a.item-link {
	display: block;
	margin: 0px auto 10px auto;
	width: 94px;
	height: 94px;
	background: url(http://swfs.jp/img/img2/gm_bg_010.gif) no-repeat;
}

#more div.pic-list img.item {
	margin: 6px 0px 0px 0px;
}

#more div.pic-list li a.item-link:hover {
	background: url(http://swfs.jp/img/img2/gm_bg_011.gif) no-repeat;
}


/* ******************************************
 ブランドリスト
****************************************** */

#more div.brand_list {
	width: 651px;
	margin: 0px auto;
	text-align: left;
}

#more div.brand_list h4{
	width: 651px;
	height: 35px
	text-align: left;
	text-indent:-9999px;
	line-height:35px;
	background:url(http://swfs.jp/img/img2/gm_title_007.gif) left top no-repeat;
}

#more div.brand_list div.list_wrap {
	width: 651px;
	margin: 0px auto;
	padding: 20px 0px;
	background: #f5f5f5;
}

#more div.brand_list div.list_block {
	display: inline;
	float: left;
	width: 200px;
	margin-left: 13px;
}

#more div.brand_list div.list_wrap li{
	padding-left: 7px;
	background: url(http://swfs.jp/img/img2/gm_bg_012.gif) left 0.3em no-repeat;
	font-size: 12px;
	line-height: 1.2em;
}

#more div.brand_list div.list_wrap li a{
	display: block;
	padding: 2px;
	color: #2d2d2d;
	text-decoration: none;
}
*html #more div.brand_list div.list_wrap li a{
	height: 2px;
}

#more div.brand_list div.list_wrap li a:hover{
	text-decoration: none;
	background: #ffdedd;
}


/* ****************************************************************************
 ▼▼▼　サブコンテンツ内　要素　▼▼▼
**************************************************************************** */

/* ******************************************
 ４誌またぎ 検索
****************************************** */

#more div.index {
	width: 220px;
	padding: 5px 0px;
	text-align: center;
	border-bottom: 4px solid #ffffff;
	background: url(http://swfs.jp/img/img2/gm_bg_005.gif) repeat;
}

#more div.index div {
	width: 210px;
	text-align: left;
	margin: 0px auto;
}

#more div.index h4 {
	width:210px;
	height:31px;
	background:url(http://swfs.jp/img/img2/b_title_005.gif) left top no-repeat;
	text-indent:-9999px;
}

#more div.index li {
}

#more div.index div ul li{
	background: #fa8e8e;
}

#more div.index div.btn_allitemlist_lnk{
	display:block;
	width:115px;
	height:20px;
	overflow:hidden;
	float:right;
}

#more 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;
	padding-top:30px;
	overflow:hidden;
}

#more 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;
}


/* ******************************************
 バナーエリア
****************************************** */

#more div.banner {
	width: 210px;
	padding-top: 7px;
	padding-bottom: 10px;
}

#more div.bgStyle01 {
	background: url(http://swfs.jp/img/img2/gm_bg_006.gif) bottom repeat-x;
	margin-bottom: 10px;
}

#more div.w189 {
	width: 189px;
	margin: 0px auto;
}


/* ****************************************************************************
 ▼▼▼　要素なし　▼▼▼
**************************************************************************** */

/* ******************************************
 デジタルカタログ「Digital Catalog」
****************************************** */

#more div.digital_catalog {

}

/* ******************************************
 ピックアップ
****************************************** */

#more div.pick_up {

}


/* ******************************************
 最新号掲載
****************************************** */

#more div.new_release {
}



/* ******************************************
 インデックス・検索
****************************************** */

#more div.index2 {
}

#more div.index2 div {
}

#more div.index2 div.list-wrap {
}

#more div.index2 div.list-wrap ul {
}

#more div.index2 div.list-wrap li {
}

#more div.index2 div.list-wrap li a {
}

#more div.index2 #brandlist_disp {
}

