@charset "utf-8"; /*

フォント
デフォルトカラー:#535353
メンズカラー　　:#003478
ウィメンズカラー:#911c3c
タイトルカラー　:#ffffff

パーツ
背景色　　：#efefef（極薄灰）
強調色　　：#d10019（紅）
罫線色　　：#000000（黒）
通常枠色　：#535353（濃灰）
非強調枠色：#b4b4b4（灰）
タイトル色：#333333（極濃灰）
テーブル色：#f2ede5（オフホワイト）
非強調色　：#b4b4b4（灰）

*/



/* ▼HTMLTAG-Initial */

	* {
		margin:0;
		padding:0;
		font-style:normal;
		font-weight:normal;
		text-decoration:none;
		line-height:1.5; 
		word-break:break-all;
	}
	body {
		background-color:#efefef;
		background-repeat:repeat-x;
		color:#535353;
		margin:0;
		padding:0;
		line-height:1.5;
		font-size:12px;
		font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif
	}


	div, h1, h2, h3, h4, h5, h6, p, blockquote, pre { margin:0; padding:0; display:block;}
	h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
	ul, ol, li { display:block; list-style-image:none; list-style-position:outside; list-style-type:none;}
	em { font-style:normal; font-weight:normal;}
	hr { border:0; clear:both;}
	
	a { text-decoration:none;}
	a:hover { text-decoration:underline;}
	
	img { border:0;}
	form { margin:0; padding:0; display:block; line-height:1; padding:0.0em;}
	strong { font-weight:bold; color:#d10019; line-height:100%;}
	input {vertical-align:middle;}

	div:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}
	
/* △HTMLTAG-Initial */



/* ▼COMMON-Class */

	/* Typewriter Font */
	.tw { font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif}
	/* Proportional Font */
	.pr { font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif}
	/*Alternative Text*/
	.alter   { display:none !important;}
	.error   { color:#d10019 !important; font-weight:bold !important;}
	.clear   { clear:both !important;}
	.caution { color:#d10019;}
	.caution a { color:#d10019; text-decoration:underline;}
	.caution a:hover { text-decoration:none;}

	/*表示の中央揃え*/
	.neutral { display:table-cell; text-align:center; vertical-align:middle;}
	/*例外処理 for IE6 */  
	* html .neutral { display:inline-block;}   
	/*例外処理 for IE7 */  
	*:first-child+html .neutral { display:inline; vertical-align:middle; zoom:1;}

/* △COMMON-Class */



/* ▼COMMON-Layout */
	#wrap      { display: block; width:100%;  margin:0 0;    padding:0 0;   background:url(/common/images/base/bgheader.png) repeat-x 0 0;}
	#wrap_head { display: block; height:90px; margin:0 auto; padding:0 0;   background:url(/common/images/base/bgheader.png) repeat-x 0 0;}
	#wrap_body { display: block; width:994px; margin:0 auto; padding:0 6px; background:url(/common/images/base/bgshade.png) repeat-y 0 0;}
	
	#line   { display: block; height:10px; margin:0 auto; padding:0 0;}
	#line.w { background-color:#660033;}
	#line.m { background-color:#22495f;}

	#head { width:994px; height:80px; margin:0 auto; padding: 10px 0 0 0;  clear:both; }
	#main { background-color:#fff; width:974px; height:auto; padding:10px; clear:both; }
	#foot { background-color:#fff; width:974px; height:auto; padding:10px; clear:both; }
	#main:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}

	

	#frame { background-color:#fff; }
	
/*ショッピングカート*/
	#cart { width:820px; height:40px; margin:0 0 2px 0; clear:both;}
	#cart.hide { display:none;}
	#mini_cart { width:400px; height:73px; float:none; margin:0;}
	#mini_cart.hide { display:none;}
/* △COMMON-Layout */




/* ▼COMMON-Design */
	/*HEAD*/
	#head h1 { display:block; width:164px; height:80px; padding:0 0 0 0; float:left;}
	#head h1 a{ background:url(/common/images/head/logo.png) no-repeat 0 0; width:164px; height:80px; display:block; overflow:hidden;}
	#head #global { background-color:#fff; width:830px; height:80px; float:left;}

/*グローバルメニュー*/
	#g_top    { display:block; width:820px; height:40px; float:left; position:relative;}
	#g_top p.notice  { font-size:14px; font-weight:bold; text-align:left; line-height:1; position:absolute; left:0; top:8px;}
	#g_bottom { display:block; width:820px; height:40px; float:left;}
	
	#welcome   { display:block; width:400px; height:16px; float:right; font-size:14px; font-weight:bold; text-align:right; padding:12px 0; line-height:1;}
	
	#gnavi    { display:block; width:245px; height:30px; float:left;}
	#gnavi .menu { display:block; float:left; margin-top:10px;}
	
	#navi01   { padding:0 5px 0 0;}
	#navi01 a { background:url(/common/images/head/head_select_w_btn.png) no-repeat 0 0; width:120px; height:30px; display:block; overflow:hidden;}
	#navi02 a { background:url(/common/images/head/head_select_m_btn.png) no-repeat 0 0; width:120px; height:30px; display:block; overflow:hidden;}

	#landingtitle { background:url(/common/images/header_landingtitle.gif) no-repeat 0 5px; width:500px; height:30px; display:block; overflow:hidden;}

	#gnavi .menu a.active,
	#gnavi .menu a:hover,
	#gnavi .menu em a { background-position:0 -30px;}
	#gnavi .line { background:url(/common/images/header_line.gif) no-repeat 0 0; width:21px; height:20px; display:block; overflow:hidden;}
	#gnavi .slash { background:url(/common/images/header_slash.gif) no-repeat 0 0; width:8px; height:20px; display:block; overflow:hidden;}
	#gnavi p { display:none;}	

	/*総合案内*/
	#ginfo { width:400px; height:30px; float:right;}
	#ginfo .menu { display:block; float:right;}

	#ginfo #info { z-index:1021; padding:0 0 0 15px;}
	#ginfo #info a.parent { background:url(/common/images/head/head_information_btn.png) no-repeat 0 0; width:222px; height:30px; display:block;}
	#ginfo #info a.parent.hover { background-position:0 -30px;}
	#ginfo #info ul { position:absolute; top:80px; width:222px; display:none; z-index:1022;}
	#ginfo #info li { border:1px solid #000; border-top:0; border-bottom:1px solid #000; margin:0; display:block; text-indent:10px; font-size:10px;}
	#ginfo #info li a { display:block; padding:3px 0; }
	
	#ginfo #info li.end{ border-bottom:1px solid #000; border-top:0;}
	#ginfo #info li.tl { border-bottom:1px solid #000; padding:3px 0 !important; display:block; text-indent:0;}
	
	#ginfo #info li.em { font-size:12px; display:block;}
	#ginfo #info li.em a { display:block; padding:5px 0 !important; }

	#ginfo #my { z-index:1011;}
	#ginfo #my a.parent { background:url(/common/images/head/head_mypage_btn.png) no-repeat 0 0; width:160px; height:30px; display:block;}	
	#ginfo #my a.parent.hover { background-position:0 -30px;}
	#ginfo #my ul { position:absolute; top:80px; width:160px; display:none; z-index:1012;}
	#ginfo #my li { border:1px solid #000; border-top:0; border-bottom:1px solid #000; margin:0; display:block; text-indent:10px; font-size:10px;}
	#ginfo #my li a { display:block; padding:3px 0; }
	
	#ginfo #my li.end{ border-bottom:1px solid #000; border-top:0;}
	#ginfo #my li.tl { border-bottom:1px solid #000; padding:3px 0 !important; display:block; text-indent:0;}
	
	#ginfo #my li.em { font-size:10px; display:block;}
	#ginfo #my li.em a { display:block; padding:5px 0 !important; }



	/*ログイン誘導*/
	#login { width:964px; min-height:60px; height:auto !important; height:60px; padding:10px 15px; background:#eeeadd;}
	#login.w { border-bottom:2px solid #660033;}
	#login.m { border-bottom:2px solid #22495f;}

	
	#login .title {width:964px; height:14px; margin:0 0 10px;}
		#login_title { width:490px; height:14px; display:block; float:left;}
		#login_yet { width:168px; margin:2px 0 0 0; display:block; float:right;}
	#first_title { width:400px; height:14px; display:block; float:left;}
		#login_already { width:170px; height:14px; margin:2px 0 0 0; display:block; float:right;}
		#login_rules_agree   { margin:10px 0 0 0; display:block; overflow:hidden;}
	
	
		#login_yet a,
		#login_forget a,
		#login_already a,
		#login_rules_agree a
		{ font-size:10px; font-weight:bold; color:#003478; text-decoration:underline;}
		
		#login_yet a:hover,
		#login_forget a:hover,
		#login_already a:hover,
		#login_rules_agree a:hover
		{ text-decoration:none;}


	#login .inner { width:952px; background:#fff; padding:5px; border:1px solid #b4b4b4; clear:both;}
	#login .inner:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}

	#login .inner dt,
	#login .inner dd { display:inline; margin:0; padding:0 5px 0 0; float:left;}

	#login .inner input.text  { display:inline; vertical-align: 0; margin: 5px 0 0 0;}
	#login .inner input.radio { display:inline; vertical-align: 0; margin: 0 0 0 0;}
	#login .inner input.check { display:inline; vertical-align: 0; margin: 0 0 0 0;}
	#login .inner input.last { margin:0 0 0 10px;}
	#login .inner .btn { display:block; height:30px; float:right;}
	#login .inner .btn:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}
		#login_btn { width:160px; height:29px; padding:0 0 0 20px; display:block; float:right; overflow:hidden;}
		#login_btn a { background:url(/common/images/loginbtn_login.gif) no-repeat 0 0; width:160px; height:29px; display:block;}
		#login_btn a:hover { background-position:0 -29px;}
		#entry_btn { width:218px; height:29px; padding:0 0 0 0; display:block; overflow:hidden;}
		#entry_btn a { background:url(/common/images/loginbtn_entry.gif) no-repeat 0 0; width:218px; height:29px; display:block;}
		#entry_btn a:hover { background-position:0 -29px;}
		#entry_agree { margin:0 0 0 0;}
		#login_forget { display:block; width:192px; height:30px; float:right; text-align:right;}
		#login_forget a{ font-size:10px; font-weight:bold; color:#003478; text-decoration:underline;}
		#login_forget a:hover{ text-decoration:none;}
	
	#login_1{ width:140px;}
	#login_2{ width:70px;}
	#login_5{ width:140px;}
	
		
	#login .inner .error { clear:both;}
	#login .inner .login { display:block; width:560px; height:30px; margin:0; padding:0; float:left;}
	
	#login .inner .label{ font-size:10px;  font-weight:bold;   margin:auto 4px auto 4px; line-height:1.0; vertical-align:baseline;}
	#login .inner .slabel{ font-size:10px; font-weight:normal; margin:auto 2px; line-height:1.0; vertical-align:baseline;}
	
	#login .inner .login:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}
	#login .inner .select { display:block; width:734px; margin:0; padding:0; float:left;}
	#login .inner .select_1 { display:block; width:734px; height:30px; margin:0; padding:0; overflow:hidden;}
	#login .inner .select_2 { display:block; width:734px; height:30px; margin:0; padding:0; overflow:hidden;}
	

	#rules_read { display:inline;}
	#rules_read a { display:block;}
	#rules_read a:hover { background-position:0 -15px;}

	/*商品ライブ*/
	/*トップ用商品一覧(タイトル)*/
	#itemtitle { height:20px; border-bottom:2px solid #000; margin:0 0 10px 0;}
	#itemtitle .layout { clear:both;}
	#itemtitle .name { width:480px; font-size:18px; line-height:1; color:#000; float:left;}
	#itemtitle .update { width:130px; font-size:11px; line-height:1; margin-top:7px; color:#000; float:right; text-align:right;}

	/*トップ用商品一覧(共通)*/
	/*トップ用商品一覧*/
	#personal .itemb { width:306px; margin:0 10px 20px 0; overflow:hidden; float:left;}
	#personal .item  { width:148px; margin:0 10px 20px 0; overflow:hidden; float:left;}
	#personal .off   { margin:0 0 20px 0;}

	/*下層用商品一覧*/
	#sub-tier .item { margin:0 20px 15px 0; width:148px; height:300px; overflow:hidden; float:left;}
	#sub-tier .item:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}
	#sub-tier .off { margin:0 0 15px 0;}
	#sub-tier .itembrand { font-size:10px; line-height:1.0; margin:3px 0; word-break: keep-all;}
	#sub-tier .itemname  { font-size:12px; line-height:1.1; margin:3px 0;}
	#sub-tier .itemprice { font-size:14px; line-height:1.1; }
	#sub-tier .itemname a { color:#53535; font-weight:bold; line-height:1.1;}
	#sub-tier .itemprice a { color:#53535; line-height:1.1;}
	#sub-tier .itemprice .pricefix { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; text-decoration:line-through;}
	#sub-tier .itemprice .priceoff { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:14px; font-weight:bold; color:#d10019;}
	#sub-tier .itemprice .price    { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:14px; font-weight:bold; color:#000;}

	/*シークレット下層用商品一覧*/
	#ssub-tier .item { margin:0 20px 15px 0; width:148px; overflow:hidden; float:left;}
	#ssub-tier .item:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}
	#ssub-tier .off { margin:0 0 15px 0;}
	#ssub-tier .itembrand { font-size:10px; line-height:1.0; margin:3px 0; word-break: keep-all;}
	#ssub-tier .itemname  { font-size:12px; line-height:1.1; margin:3px 0;}
	#ssub-tier .itemprice { font-size:14px; line-height:1.1; }
	#ssub-tier .itemname a { color:#53535; font-weight:bold; line-height:1.1;}
	#ssub-tier .itemprice a { color:#53535; line-height:1.1;}
	#ssub-tier .itemprice .pricefix { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; text-decoration:line-through;}
	#ssub-tier .itemprice .priceoff { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:14px; font-weight:bold; color:#d10019;}
	#ssub-tier .itemprice .price    { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:14px; font-weight:bold; color:#000;}


	/*商品一覧(小)*/

	#itemlist .item .item_obj { background:#fff; border:1px solid #b4b4b4; margin:1px; padding:0; width:144px; height:238px;}
	#itemlist .item .item_bra { display:block; padding:0 2px; height:14px; font-size:10px; line-height:1.0; border-bottom:1px solid #b4b4b4; }
	#itemlist .item .item_box { width:138px; height:193px; margin:3px;}	
	#itemlist .item .item_att { width:90px;  height:17px;  margin:0 0 8px 0; float:left;}
	#itemlist .item .item_dtl { width:45px;  height:17px;  margin:0 0 8px 0; float:right;}
	#itemlist .item .item_pic { width:138px; height:161px; clear:both;}
	#itemlist .item .item_opt { width:146px; height:13px;  margin:0 0 0 0; overflow:hidden; clear:both;}
	#itemlist .item .item_opt li { width:48px; height:13px; margin:0 0 0 0; float:left;}
	#itemlist .item .item_margin { display:block; height:10px;  margin:0 0 0 0; overflow:hidden; clear:both;}
	
	/*トップ用商品一覧(共通)*/
	#itemlist .itemb .item_obj.hover,
	#itemlist .item .item_obj.hover { border:2px solid #000; margin:0; padding:0; background-color:efefef;}
	#itemlist .itemb .item_dtl a.hover,
	#itemlist .item .item_dtl a.hover{ background-position:0 -17px;}
	
	#itemlist .itemb .item_opt li.end,
	#itemlist .item .item_opt li.end { margin-right:0;}	

	#itemlist .item .itemname a  { color:#53535;}
	#itemlist .item .itemprice a { color:#53535;}

	/*FOOT*/
	#foot {}
	#foot .contents {}
	#foot .menu { padding:0 5px; overflow:hidden;}
	#foot .menu ul { clear:both; overflow:hidden;}
	#foot .menu li { float:left; margin-right:10px;}
	#foot #copyright { font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:center; margin:10px 0 0 0;}

/* △COMMON-Design */

/* ▼Sub-tier-Design */
/* △Sub-tier-Design */


#first-access-select-top{ display:block; width:400px; height:400px; background-color:#fff;}