/*
[layout.css]
copyright (c) 2006 Dig,Inc.
http://www.dig.co.jp/
*/


/* コンテナ
------------------------------------------ */
#container {
		margin: auto;
		width: 960px;
}


/* ヘッダ
------------------------------------------ */

#header {
	margin-bottom: 5px;
	padding-bottom: 20px;
	background: url(../../image/back_header.gif) repeat-x left bottom;
}

/* サイトロゴ */
#logo {
	width: 190px;
	height: 50px;
	float:left;
	font-size: 160%;
	font-weight: bold;
	background: url(../../image/logo.gif) no-repeat left center;
	text-indent: -9999px;
}
#logo a {
	display: block;
	width: 190px;
	height: 50px;
	text-decoration: none;
}

/* キーワード */
#keyword-site {
	width: 100%;
	margin: 0px 0px 4px 0px;
}
#keyword-site p {
	background: url(../../image/keyword-site.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

/* ヘッダバナー */
#banner-header {
	float:left;
	width: 420px;
	margin-left: 115px;
}

/* カンパニーロゴ */
#logo-corp {
	float:right;
	width: 83px;
	height: 50px;
	background: url(../../image/logo_sanei.gif) no-repeat right center;
	text-indent: -9999px;
}
#logo-corp a {
	display: block;
	width: 83px;
	height: 50px;
	text-decoration: none;
}

/* ファンクションナビ */
#navi-function {
	margin-top: 15px;
	float: left;
	font-size:85%;
}
#navi-function ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navi-function ul li {
	float: left;
	margin-right: 0.6em;
	background: url(../../image/arrow1.gif) no-repeat 0.3em 0.4em;
	padding-left: 1.2em;
	line-height: 1.4em;
}

/* インフォメーションナビ */
#navi-info {
	margin-top: 8px;
	float: right;
	font-size:85%;
}
#navi-info ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navi-info ul li {
	float: left;
	background: #CDCEC8;
	padding: 6px 6px 5px 28px;
	margin: 0px 0px 0px 2px;
}
#navi-info ul #bt-cart {
	background: #CDCEC8 url(../../image/bt_cart.gif) no-repeat 4px center;
}
#navi-info ul #bt-cart2 {
	background:url(../../image/bt_cart.gif) no-repeat 4px center;
}

#navi-info ul #bt-bookmark {
	background: #CDCEC8 url(../../image/bt_bookmark.gif) no-repeat 4px center;
}
#navi-info ul #bt-mypage {
	background: #CDCEC8 url(../../image/bt_mypage.gif) no-repeat 4px center;
}


/* サブカラム
------------------------------------------ */

#col-sub {
	float: right;
	width: 250px;
	margin-bottom: 20px;
}

#col-sub2 {
}
#col-sub3 {
	float: left;
	width: 150px;
	margin-bottom: 20px;
}


/* メインカラム
------------------------------------------ */

#col-main {
	width: 700px;
	margin-bottom: 20px;
}
#col-main2 {
	width: 960px;
	margin-bottom: 20px;
}
#col-main3 {
	float: right;
	width: 800px;
	margin-bottom: 20px;
}


/* フッタ
------------------------------------------ */

#footer {
	padding-top: 26px;
	background: url(../../image/back_footer.gif) repeat-x left top;
}

/* フッタナビ */
#navi-footer {
	float: left;
	font-size: 85%;
}
#navi-footer ul {
	list-style: none;
	margin: 0px;
}
#navi-footer ul li {
	float: left;
	margin-right: 0.6em;
	background: url(../../image/arrow1.gif) no-repeat 0.3em 0.4em;
	padding-left: 1.2em;
	line-height: 1.4em;
}

/* コピーライト */
#copyright {
	float: right;
	text-align: right;
	font-size: 70%;
	line-height: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}


/* トップ
------------------------------------------ */

/* アカウント情報 */
#account {
	padding: 9px;
	background: #CDCEC8;
	margin-bottom: 8px;
	border: 1px solid #CDCEC8;
}
#account p {
	line-height: 1.4em;
	margin-bottom: 0px;
}
#account form {
	text-align: center;
	margin-top: 0.4em;
}
#account #bt-login,
#account #bt-signup {
	width: 35%;
	background: #999999 url(../../image/back_bt.gif);
	color: #FFFFFF;
	border: 1px solid #333333;
}

/* 検索 */
#search {
	padding: 4px 9px 9px 9px;
	background: #414141;
	color: #CCCCCC;
	margin-bottom: 8px;
}
#search h3 {
	margin-bottom: 3px;
	padding: 0px;
}
#search p {
	margin-bottom: 0px;
}
#search #select-brand {
	width: 100%;
	background: #FFFFFF;
	margin-bottom: 2px;
}
#search #select-item {
	width: 75%;
	background: #FFFFFF;
}
#search #bt-search {
	width: 23%;
	background: #999999 url(../../image/back_bt.gif);
	color: #FFFFFF;
	border: 1px solid #333333;
}
#search input.saleSearch {
	background-color: transparent;
	border: 0;
}


#bid{
	background-color:#FFFFFF;
}

#cid{
	background-color:#FFFFFF;
}

/* ニュース */
#news {
	padding: 4px 4px 4px 4px;
	background: #E6E6DE;
	margin-bottom: 4px;
	font-size: 90%;
}
#news ul {
	list-style: none;
	line-height: 1.0em;
	margin: 0px;
	padding: 0px;
}
#news li {
	margin-bottom: 0.4em;
}
#news ul ul li {
	background: url(../../image/arrow1.gif) no-repeat 0.3em 0.5em;
	padding-left: 1.0em;
}
#news p {
	border-top: 1px solid #FFFFFF;
	text-align: right;
	margin-top: 0.7em;
	margin-bottom: 0px;
}

/* ランキング */
#ranking-form {
	padding: 5px 9px 9px 6px;
	background: #E6E6DE;
}
#ranking-form p {
	margin-bottom: 0px;
}
#ranking-form select {
	width: 100%;
	background: #FFFFFF;
}
#ranking {
	padding: 0px 9px 9px 9px;
	background: #E6E6DE;
	margin-bottom: 8px;
}
#ranking {
	padding: 0px 9px 9px 9px;
	background: #E6E6DE;
}
#rankingf {
	margin-bottom: 0.5em;
}
#ranking table {
	width: 100%;
	border-top: 1px solid #FFFFFF;
	line-height: 1.3em;
}
#ranking h2 {
	visibility: hidden;
	font-size: 1px;
	line-height: 1.0em;
}
#ranking table th {
	background: #67655A;
	color: #FFFFFF;
	font-weight: bold;
	width: 16px;
	border-bottom: 1px solid #FFFFFF;
}
#ranking table td {
	border-bottom: 1px solid #FFFFFF;
	padding: 3px; 0px;
}
#ranking table td img {
	float: left;
	margin-right: 6px;
	border: none;
}

/* その他 */
.other p {
	margin-bottom: 8px;
}
.other p.bt-brandlist {
	width: 250px;
	height: 60px;
	background: url(../../image/bt_brandlist.gif) no-repeat;
	text-indent: -9999px;
}
.other p.bt-brandlist a {
	display: block;
	height: 60px;
	text-decoration: none;
}
.other p.bt-brandlist a:hover {
	display: block;
	height: 60px;
	background: url(../../image/bt_brandlist.gif) no-repeat -250px 0px;
}
.other p.bt-yahooshop {
	width: 250px;
	height: 40px;
	background: url(../../image/bt_yahooshop.gif) no-repeat;
	text-indent: -9999px;
}
.other p.bt-yahooshop2 {
	width: 250px;
	height: 40px;
	background: url(../../image/bt_yahooshop2.gif) no-repeat;
	text-indent: -9999px;
}
.other p.bt-yahooshop a {
	display: block;
	height: 40px;
	text-decoration: none;
}
.other p.bt-yahooshop2 a {
	display: block;
	height: 40px;
	text-decoration: none;
}

.other p.bt-yahooshop a:hover {
	display: block;
	height: 40px;
	background: url(../../image/bt_yahooshop.gif) no-repeat -250px 0px;
}
.other p.bt-yahooshop2 a:hover {
	display: block;
	height: 40px;
	background: url(../../image/bt_yahooshop.gif) no-repeat -250px 0px;
}

.other p.bt-stockh {
	width: 250px;
	height: 60px;
	background: url(../../image/bt_stockh.gif) no-repeat;
	text-indent: -9999px;
}
.other p.bt-stockh a {
	display: block;
	height: 60px;
	text-decoration: none;
}
.other p.bt-stockh a:hover {
	display: block;
	height: 60px;
	background: url(../../image/bt_stockh.gif) no-repeat -250px 0px;
}

.other p.mail_member_250_log {
	width: 250px;
	height: 40px;
	background: url(../../image/mail_member_250_log.gif) no-repeat;
	text-indent: -9999px;
}
.other p.mail_member_250_log a {
	display: block;
	height: 40px;
	text-decoration: none;
}

.other p.mail_member_250_log a:hover {
	display: block;
	height: 40px;
	background: url(../../mail_member_250_log.gif) no-repeat -250px 0px;
}

/* 特集 */
#special {
	width: 700px;
	margin-bottom: 8px;
	background: #E6E6E6;
}

/* アイテム */
#item {
	border: 1px solid #CDCEC8;
	margin-bottom: 8px;
}
#item-inside {
	padding: 5px 4px 9px 7px;
	height: 340px;
	overflow: scroll;
	overflow-x: hidden;
	scrollbar-base-color: #E6E6DE;
	scrollbar-track-color: #E6E6DE;
	scrollbar-face-color: #CDCEC8;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #CDCEC8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CDCEC8;
	scrollbar-arrow-color: #414141;
}
#item table {
}
#item table td {
	width: 50%;
	border: 1px solid #CDCEC8;
	padding: 7px 7px 7px 2px;
	vertical-align: top;
}
#item table .itempic {
	float: left;
}
#item table .itemspec {
	margin-left: 110px;
}
#item table td .itemspec .logo-brand {
	margin: 0px 6px 8px 0px;
	vertical-align: middle;
}
#item table td .itemspec .icon-new {
	background: #FF6666;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 1px 4px;
	margin-right: 2px;
}
#item table td .itemspec .icon-recom {
	background: #669966;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 1px 4px;
	margin-right: 2px;
}
#item table td .itemspec .icon-spe {
	background: #336666;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 1px 4px;
	margin-right: 2px;
}
#item table td .itemspec .icon-sale {
	background: #BE0039;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 1px 4px;
	margin-right: 2px;
	width: 30px;
	/* 2007/04/20 S.Yamamoto IE対策 */
	word-wrap: normal;
}
/* 2007/08/29 IKEDA ADD for mikiri */
#item table td .itemspec .icon-mikiri {
	/*background: #BE0039;*/
	/*background: #0066cc;*/
	background: #3366cc;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 1px 4px;
	margin-right: 2px;
	/*width: 77px;*/
	width: 72px;
	/* 2007/04/20 S.Yamamoto IE対策 */
	word-wrap: normal;
}
/* 2007/11/28 IKEDA ADD for scevent */
#item table td .itemspec .icon-scevent {
	background: #F6750D;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 1px 4px;
	margin-right: 2px;
	width: 56px;
	word-wrap: normal;
}
#item table td .itemspec h4 {
	margin-bottom: 0.4em;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: bold;
}
#item table td .itemspec p {
	margin-bottom: 0px;
	line-height: 1.3em;
	font-size: 100%;
}

/* ニューアライバル */
#arrival {
	margin-bottom: 8px;
	border: 1px solid #CDCEC8;
	width: 698px;	/* バグ対策 */
}
#arrival-inside {
	padding: 9px;
}
#arrival ul {
	list-style: none;
	margin: 0px 0px 0.7em 0px;
	padding: 0px;
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
#arrival ul li {
	margin-left: 7px;
	margin-top: 7px;
	line-height:0.9em;
	padding: 2px;
	border-left:dashed 1px #999999;
	border-bottom:dashed 1px #999999;
}
#arrival ul .icon-new {
	background: #FF6666;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px 4px;
	margin-left: 1.3em;
	margin-right: 2px;
	font-size:0.8em;
}
.kana {
	font-size: 0.8em;
}
#arrival #col1 {
	width: 65%;
	float: left;
}
#arrival #col2 {
	width: 32%;
	float: right;
}
#arrival #col1 #ladies1 {
	width: 47%;
	float: left;
}
#arrival #col1 #ladies2 {
	margin-left: 48%;
}
#name-ladies {
	border-left: 4px solid #87605D;
}
#name-large {
	margin-top: 20px;
	border-left: 4px solid #806787;
}
#name-mens {
	border-left: 4px solid #606C87;
}
#name-unisex {
	margin-top: 20px;
	border-left: 4px solid #578087;
}
#name-sports {
	margin-top: 20px;
	border-left: 4px solid #85875F;
}
#name-kids {
	margin-top: 20px;
	border-left: 4px solid #6A8766;
}

/* 更新日付 */
.update {
	margin: -12px 8px 0px 0px;
	padding: 0px;
	text-align: right;
	font-size: 10px;
	line-height: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
}


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

#brand-list h2 {
	margin: -10px 0px -20px -8px;
	padding: 0px;
}
.matrix-brand {
	background: url(../../image/back_brandlist.gif);
	margin: 10px 0px;
}
.box-brand {
	width: 134px;
	padding: 0px 24px 8px 24px;
	float: left;
}
.logo-brand {
	margin-bottom: 10px;
}
.box-brand ul {
	margin: 0px 0px 0px 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	list-style: circle;
	font-size: 85%;
	line-height: 1.3em;
}


/* ニュース
------------------------------------------ */

/* ニュースリスト */
#whatsnew {
	}
#whatsnew .news-list {
	}
#whatsnew .news-list dt {
	width: 6.0em;
	float: left;
	margin-bottom: 0.5em;
	}
#whatsnew .news-list dd {
	margin-left: 7.0em;
	margin-bottom: 0.5em;
	}

/* ニュース詳細 */
#whatsnew .news-photo {
	float: right;
	width: 300px;
	}
#whatsnew .news-text {
	margin-right: 320px;
	}
#whatsnew .date {
	text-align: right;
	font-size: 80%;
	}

/* 株主ログイン
------------------------------------------ */

#login {
	padding: 9px;
	background: #414141;
	color: #CCCCCC;
	margin-bottom: 8px;
	}

/* 共通
------------------------------------------ */

/* アンダーライン付きリンク */
a.link {
	text-decoration: underline;
}

/* カラム　470×470 */
.col-a1 {
	float: left;
	width: 470px;
}
.col-a2 {
	float: right;
	width: 470px;
}

/* キャプション */
.caption {
	font-size: 80%;
}

/* ヘディング */
h1#page-title {
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.0em;
	border-left: 26px solid #666666;
	padding-left: 0.4em;
	margin: 0.5em 0px;
}
h2.title-name {
	font-size:75%;
	font-family: impact, sans-serif;
	font-weight: normal;
	color: #666666;
	background: #CDCEC8;
	padding: 0.1em 0.8em;
	margin: 0px;
}
h3.title-name {
	font-size:75%;
	font-family: impact, sans-serif;
	font-weight: normal;
	padding: 3px 0px 3px 9px;
	margin: 0px;
}

/* エリアカラム */
.area {
	margin-bottom: 8px;
	border: 1px solid #CDCEC8;
	padding: 20px;
}
.area2 {
	margin-bottom: 8px;
	background: #E6E6DE;
	padding: 9px;
}

/* テーブル-1 */
.table-1 {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	background: #FFFFFF;
}
.table-1 caption {
	padding: 0.5em;
	border: 1px solid #CCCCCC;
	background: #CCCCCC;
	text-align: left;
}
.table-1 th {
	padding: 0.5em;
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
}
.table-1 td {
	padding: 0.5em;
	border: 1px solid #CCCCCC;
}

/* ライン */
.line-w {
	border-top: 1px solid #CDCEC8;
	margin: 30px 0px 0px 0px;
	font-size: 10px;
}
.line-w2 {
	border-top: 1px dotted #CDCEC8;
	margin: 14px 0px 0px 0px;
	font-size: 8px;
}

/* ベーシックナビ */
.navi-basic {
	text-align: right;
}
.navi-basic ul {
	list-style: none;
}
.navi-basic ul li {
	display: inline;
	margin-left: 1.4em;
}
.navi-basic ul li a {
	background: url(../../image/arrow2.gif) no-repeat 0em 0.2em;
	margin: 0px;
	padding: 0px;
	padding-left: 1.4em;
	line-height: 1.0em;
}

/* ページ内ナビ */
.navi-page {
	text-align: right;
}
.navi-page ul {
	list-style: none;
}
.navi-page ul li {
	display: inline;
	margin-left: 1.4em;
}
.navi-page ul li a {
	background: url(../../image/arrow2.gif) no-repeat 0em 0.2em;
	margin: 0px;
	padding: 0px;
	padding-left: 1.4em;
	line-height: 1.0em;
}

/* フォームボタン */
form .btn {
	background: #999999 url(../../image/back_bt.gif);
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #333333;
}

/* カラムクリア */
.clear {
	clear: both;
	visibility: hidden;
	height: 1px;
	font-size: 1px;
	line-height: 1.0em;
}