@import "http://www.swfs.jp/swfs-resources/css/baseStyle.css";

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

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

#search4 img {
	vertical-align: top;
}


/* ******************************************
 パンクズ ブロック
****************************************** */

#search4 div#pankuzu {
	width: 892px;
	height: 38px;
	margin: 0px auto;
	text-align: left;
  background:url(http://swfs.jp/img/img2/srh_bg_004.gif) no-repeat;
}

#search4 div#pankuzu div{
	padding: 20px 10px 0px 10px;
}


#search4 div#pankuzu li {
	display: inline;
	float: left;
	color: #ccccca;
	font-size: 10px;
	margin-right: 5px;
}

#search4 div#pankuzu li a{
	color: #ccccca;
}


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

#search4 div#contentWrap {
	width: 860px;
	margin: 0px auto;
}


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


/* ******************************************
 本誌特集一覧
****************************************** */

#search4 div.featureWrap {
	width: 892px;
	margin:0 auto 50px auto;
}

#search4 div.featureWrap2 {
	margin-bottom:30px;
}

#search4 div.feature {
	width: 880px;
	margin:0 auto 0px auto;
}

#search4 div.feature li {
	display: inline;
	float: left;
	width: 210px;
	margin:0 5px;
	padding-bottom: 15px;
}

#search4 div.feature li p {
	color: #484848;
	font-size: 10px;
	line-height: 15px;
	text-indent: 3px;
	text-align: left;
}

#search4 div.feature li p .newmark{
	display:inline-block;
	width:35px;
	height:13px;
	background: url(http://swfs.jp/img/img2/search_newmark.gif) left top no-repeat;
	text-indent:-9999px;
	margin-left:3px;
}

/* 2010.5.28 特集一覧リニューアル対応 */

#search4 div.feature_box {
	width: 892px;
	margin:0 auto;
	background:url(http://swfs.jp/img/img2/search_special_ct_bg.gif) left 14px no-repeat;
}

#search4 div.feature_box li {
	display: inline;
	float: left;
	width: 210px;
	margin:0 5px;
	padding-bottom: 20px;
}

#search4 div.feature_box li p {
	color: #484848;
	font-size: 10px;
	line-height: 15px;
	text-indent: 3px;
	text-align: left;
}

#search4 div.feature_box li p .newmark{
	display:inline-block;
	width:35px;
	height:13px;
	background: url(http://swfs.jp/img/img2/search_newmark.gif) left top no-repeat;
	text-indent:-9999px;
	margin-left:3px;
}

#search4 div.feature_box div.left {
	display: block;
	float: left;
	width: 166px;
	margin:0 14px 0 12px;
	text-align:center;
	overflow:hidden;
}
* html body #search4 div.feature_box div.left {margin:0 14px 0 6px;}

#search4 div.feature_box div.right {
	display: block;
	float: right;
	width: 700px;
}

#search4 div.feature_box div.left div.cv_img{
	display: block;
	width:142px;
	height:250px;
	margin:27px 0 0 11px;
	text-align:center;
}

#search4 div.feature_box div.left div.cv_img img{
	display: block;
	border:1px solid #fff;
}

#search4 div.feature_box div.right li {
	display: inline;
	float: left;
	width: 220px;
	margin:0 5px;
	padding-bottom: 20px;
}

#search4 div.feature div.big_banner_block{
	display: block;
	height:120px;
	text-align:center;
	margin:5px auto 0px auto;
}

#search4 div.feature_box div.pagetop {
	display:bloack;
	float:right;
	text-align:rgiht;
	font-size:12px;
	line-height:16px;
	padding-right:14px;
}

#search4 div.ct_jump_btn {
	display: block;
	margin:10px auto 0 auto;
}

#search4 div.ct_jump_btn ul{
	display: block;
	margin:0 auto 10px auto;
	padding:0;
	list-tyle:none;
	width:882px;
	height:116px;
}
* html body #search4 div.ct_jump_btn ul{margin:0 5px 10px 5px;}

#search4 div.ct_jump_btn li{
	display: block;
	float:left;
	width:116px;
	height:92px;
	margin:0 5px;
}
* html body #search4 div.ct_jump_btn li{margin:0 5px 0 4px;}

#search4 div.ct_jump_btn li a{
	display: block;
	width:116px;
	height:92px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
}

#search4 div.ct_jump_btn li.non-no a{
	display: block;
	background:url(http://swfs.jp/img/img2/search_special_ctbtn01.gif) left top no-repeat;
}

#search4 div.ct_jump_btn li.more a{
	display: block;
	background:url(http://swfs.jp/img/img2/search_special_ctbtn02.gif) left top no-repeat;
}

#search4 div.ct_jump_btn li.baila a{
	display: block;
	background:url(http://swfs.jp/img/img2/search_special_ctbtn03.gif) left top no-repeat;
}

#search4 div.ct_jump_btn li.spur a{
	display: block;
	background:url(http://swfs.jp/img/img2/search_special_ctbtn04.gif) left top no-repeat;
}

#search4 div.ct_jump_btn li.maquia a{
	display: block;
	background:url(http://swfs.jp/img/img2/search_special_ctbtn05.gif) left top no-repeat;
}

#search4 div.ct_jump_btn li.eclat a{
	display: block;
	background:url(http://swfs.jp/img/img2/search_special_ctbtn06.gif) left top no-repeat;
}

#search4 div.ct_jump_btn li.fs_org a{
	display: block;
	background:url(http://swfs.jp/img/img2/search_special_ctbtn07.gif) left top no-repeat;
}

#search4 div.ct_jump_btn li a:hover{
	background-position:left -93px;
}


/* ******************************************
 ブランド一覧
****************************************** */

#search4 div.brandWrap {
	margin-bottom: 20px;
	text-align: center;
}

#search4 div.brandWrap div.alphabet {
	width: 818px;
	margin: 0px auto 30px auto;
	text-align: left;
}

#search4 div.brandWrap div.alphabet li {
	display: inline;
	font-size: 12px;
	margin-right: 2px;
	color: #cccccc;
	font-family: "ＭＳ ゴシック", "Osaka－等幅" !important;
	line-height: 1.4em;
}

#search4 div.brandWrap div.alphabet li a {
	color: #554b3e;
}


#search4 div.brandWrap div.alpha_list {
	width: 844px;
	margin: 0px auto;
	text-align: center;
}

#search4 div.brandWrap li.li-Col {
	display: inline;
	float: left;
	width: 211px;
	padding-bottom: 60px;
}

#search4 div.brandWrap li.li-Col div.alphaWrap {
	width: 185px;
	margin: 0px auto;
}

#search4 div.brandWrap li.li-Col div {
	background: url(http://swfs.jp/img/img2/srh_bg_001.gif) no-repeat;
	text-align: center;
}

#search4 div.brandWrap li.li-Col div li {
	width: 165px;
	margin: 0px auto;
	padding-top: 8px;
	text-align: left;
	font-size: 12px;
	line-height: 1.2em;
}

#search4 div.brandWrap li.li-Col div li .brandNameKana{
	font-size: 10px;
	line-height: 1.2em;
	color: #aa9f8f;
}

#search4 div.brandWrap li div li.ic_new {
	background: url(http://swfs.jp/img/img2/srh_ic_001.gif) 0px 5px no-repeat;
}

#search4 div.brandWrap li div li.ic_check {
	background: url(http://swfs.jp/img/img2/srh_ic_002.gif) 0px 5px no-repeat;
}

#search4 div.brandWrap li div li.ic_sale {
	background: url(http://swfs.jp/img/img2/srh_ic_003.gif) 0px 5px no-repeat;
}


#search4 div.brandWrap li div li a {
	display: block;
	color: #554b3e;
	padding-left: 10px;
	background: url(http://swfs.jp/img/img2/srh_bg_002.gif) left 0.2em no-repeat;
}


/* ******************************************
 トップへ戻るボタン
****************************************** */

#search4 div.btWrap {
	width: 844px;
	margin: 0px auto;
	text-align: right;
}


/* ****************************************************************************
 ▼▼▼　企画ページ　要素　▼▼▼
**************************************************************************** */

#search4 div#project-wrap {
	width: 808px;
	margin: 0px auto;
	padding-bottom: 30px;
}

#project-wrap div.mv-block {
	width: 808px;
	margin-bottom: 2px;
}

#project-wrap div.mv-bt {
	width: 808px;
	margin-bottom: 20px;
}

#project-wrap div.mv-bt li {
	display: inline;
	float: left;
}

#project-wrap div.textLink {
	text-align: right;
}

#project-wrap div.textLink p {
	font-size: 12px;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* 2009.8.28 サーチページ分割のため追記 */

/* ******************************************
サーチタブ
****************************************** */

#search4 div.searchTabLink {
	width: 892px;
	height:44px;
	margin: 0px auto 15px auto;
	background: url(http://swfs.jp/img/img2/search_tab_bottom.gif) left bottom no-repeat;
	position: relative;
	z-index:5;
}

#search4 div.searchTabLink ul{
	margin:0;
	padding:0;
	width:390px;
	height:29px;
	overflow:hidden;
	float:left;
}

#search4 div.searchTabLink li.brand a{
	display: block;
	position:absolute;
	width:125px ;
	height:29px;
	left:5px;
	top:0px;
	background: url(http://swfs.jp/img/img2/search_tab_brand.gif) left bottom no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#search4 div.searchTabLink li.brand a:hover{
	background: url(http://swfs.jp/img/img2/search_tab_brand_now.gif) left bottom no-repeat;
}

#search4 div.searchTabLink li.item a{
	display: block;
	position:absolute;
	width:125px ;
	height:29px;
	left:135px;
	top:0px;
	background: url(http://swfs.jp/img/img2/search_tab_item.gif) left bottom no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#search4 div.searchTabLink li.item a:hover{
	background: url(http://swfs.jp/img/img2/search_tab_item_now.gif) left bottom no-repeat;
}

#search4 div.searchTabLink li.special a{
	display: block;
	position:absolute;
	width:125px ;
	height:29px;
	left:265px;
	top:0px;
	background: url(http://swfs.jp/img/img2/search_tab_special.gif) left bottom no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#search4 div.searchTabLink li.special a:hover{
	background: url(http://swfs.jp/img/img2/search_tab_special_now.gif) left bottom no-repeat;
}

#search4 div.searchTabLink li.brand a.now{
	background: url(http://swfs.jp/img/img2/search_tab_brand_now.gif) left bottom no-repeat;
}

#search4 div.searchTabLink li.item a.now{
	background: url(http://swfs.jp/img/img2/search_tab_item_now.gif) left bottom no-repeat;
}

#search4 div.searchTabLink li.special a.now{
	background: url(http://swfs.jp/img/img2/search_tab_special_now.gif) left bottom no-repeat;
}

#search4 div.btnHeadlineLink{
	display: block;
	position:absolute;
	right:0px;
	top:3px;
	text-align:right;
	width:385px;
	height:23px;
	overflow:hidden;
}

#search4 div.btnHeadlineLink a{
	display: block;
	color:#ff00c0;
	text-decoration:none;
	font-size:12px;
	line-height:23px;
	padding-left:86px;
	width:385px;
	height:23px;
	background:url(http://swfs.jp/img/img2/search_btn_headline_s.gif) left top no-repeat;
}
head~/* */body #search4 div.btnHeadlineLink a{width:300px;padding-top:2px;}

#search4 div.btnHeadlineLink a:hover{
	text-decoration:underline;
}

/* ******************************************
アイテム一覧
****************************************** */

#search4 div.itemListWrap {
	width: 892px;
	margin: 0px auto 20px auto;
	overflow:hidden;
	font-size:12px;
	line-height:16px;
	text-align:left;
}

#search4 div.itemListWrap div.subCtList{
	display:block;
	width:215px;
	float:left;
	margin:0px 0px 0px 7px;
	padding:0;
	overflow:hidden;
}
* html body div #search4 div.itemListWrap div.subCtList{margin:0px 0px 0px 6px;}

#search4 div.itemListWrap dd span{
	display:block;
	color:#999999;
	text-decoration:none;
	background: url(http://swfs.jp/img/img2/search_point_gray.gif) 1px 3px no-repeat;
	padding:2px 3px 2px 18px;
}

#search4 div.itemListWrap a{
	display:block;
	color:#6b6b6b;
	text-decoration:none;
	background: url(http://swfs.jp/img/img2/search_point_gray.gif) 1px 3px no-repeat;
	padding:2px 3px 2px 18px;
}

#search4 div.orange a:hover{
	color:#ea8d00;
	text-decoration:underline;
	background: url(http://swfs.jp/img/img2/search_point_orange.gif) 1px 3px no-repeat;
}

#search4 div.blue a:hover{
	color:#4c54f5;
	text-decoration:underline;
	background: url(http://swfs.jp/img/img2/search_point_blue.gif) 1px 3px no-repeat;
}

#search4 div.pink a:hover{
	color:#ed4977;
	text-decoration:underline;
	background: url(http://swfs.jp/img/img2/search_point_pink.gif) 1px 3px no-repeat;
}

#search4 div.green a:hover{
	color:#397c14;
	text-decoration:underline;
	background: url(http://swfs.jp/img/img2/search_point_green.gif) 1px 3px no-repeat;
}

#search4 div.itemListWrap div.subCtList dl{
	display:block;
	width:210px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#search4 div.itemListWrap div.subCtList dt{
	width:210px;
	margin:0 0 3px 0;
	padding:0;
	overflow:hidden;
}

#search4 div.itemListWrap div.subCtList dd{
	width:210px;
	margin:0;
	padding:6px 3px 4px 3px;
	overflow:hidden;
}
* html body div #search4 div.itemListWrap div.subCtList dd{padding:6px 0px 4px 0px;}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */