@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF; height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* Font
-------------------------------------------------------------------------------*/

body{font:12px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1;letter-spacing:.05em;}

/* basic
-------------------------------------------------------------------------------*/

a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:link{color:#ff0}
a:visited{color:#ff0}
a:hover{text-decoration:none;color:#00C800}
a:active{color:#00C800}
a:focus{outline:0}
a img{vertical-align:top}

.sprite{position:relative;display:block;overflow:hidden}
.sprite:hover{/zoom:1}
.sprite img{position:absolute}
.normal{font-weight:normal!important}
.bold{font-weight:bold}
.fltL{float:left!important}
.fltR{float:right!important}
.clrml{margin-left:0!important}
.clrmr{margin-right:0!important}
.clrmb{margin-bottom:0!important}
.clrmt{margin-top:0!important}
.clrbt{clear:both!important}
.clrL{clear:left!important}
.clrR{clear:right!important}
.clrbd{border:none!important}
.block{display:block}
.whitespace{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}
.clrfx:before,.clrfx:after{content:"";display:table}
.clrfx:after{clear:both}
.clrfx{zoom:1}

/* common layout
-------------------------------------------------------------------------------*/
/* text align */
.alignL { text-align:left;}
.alignC { text-align:center;}
.alignR { text-align:right;}

/* font color */
.red { color: #B90A28;}
.green { color: #096310;}

/* text indent */
.indent1 { margin-left: 1em; text-indent: -1em;}
.indent3 { margin-left: 3em; text-indent: -3em;}

/* margin */
.mgnB40 { margin-bottom:40px!important;}
.mgnB60 { margin-bottom:60px!important;}

/* padding */
.pdgT10 { padding-top:10px;}

/*position*/
.relative { position:relative;}
.bottom { position:absolute; bottom:0;}


/* layout
-------------------------------------------------------------------------------*/
body { width:100%; background:url(../images/bg_other.gif) fixed repeat 0 0; color:#000;}
#wrapper { position:relative; width: 1000px; margin: 0 auto;}

.contents { position:relative; width:800px; margin-left:200px;}

.brand_head { display:table; background:#fff; width:800px;}
.brand_head h2 { display:table-cell; height:148px; vertical-align: middle; text-align:center;}

.contents ul li { display: inline-block; float:left;}

.dummy { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0;	z-index:11;}


/* left wrap
-------------------------------------------------------------------------------*/
#left_wrap { position: absolute; top:20px; left:10px; width:172px;}
#left_wrap h1 { margin-bottom:32px;}

#left_wrap h1, #left_wrap .left_navi { position:fixed;}

#left_wrap .left_navi { top:325px;}
#left_wrap .left_navi_0804 { position:fixed; top:401px;}
#left_wrap .left_navi .navi01 { margin-left:10px; margin-bottom:23px;}
#left_wrap .left_navi .navi01 li { margin-bottom:14px;}
#left_wrap .left_navi .navi01 li:last-child { margin-bottom:0;}

#left_wrap .left_navi .navi02 { margin-left:10px;}
#left_wrap .left_navi .navi02 li { margin-bottom:17px;}
#left_wrap .left_navi .navi02 li:last-child { margin-bottom:0;}


/* fav & plain
-------------------------------------------------------------------------------*/
#fav { background:#ff0;}

#fav .contents { background:#e2e2e2; }
#fav h2 { width:800px;}
#fav .item_box { position:relative; width:400px; height:485px; background:no-repeat 0 0;}
	#fav .item01 { background-image:url(../images/pannel_item01.jpg);}
	#fav .item02 { background-image:url(../images/pannel_item02.jpg);}
	#fav .item03 { background-image:url(../images/pannel_item03.jpg);}
	#fav .item04 { background-image:url(../images/pannel_item04.jpg);}
	#fav .item05 { background-image:url(../images/pannel_item05.jpg);}
	#fav .item06 { background-image:url(../images/pannel_item06.jpg);}

/*#fav .item_ttl { padding-top:20px; text-align:center;}*/
#fav .item_link a { display:block; position:absolute; top:0; left:0; width:400px;height:485px;  z-index:15; text-indent:-9999px;}
#fav .item_link a:hover { background:#fff; opacity:0.4;-moz-opacity:0.4;-ms-filter:"alpha(opacity=40)";filter:alpha(opacity=40);}
#fav .txt_area { position:absolute; bottom:24px; left:0; width:400px; z-index:10;}
#fav .item_desc { width:300px; margin:0 auto; font-size:11px; line-height:1.6; text-align:center; margin-bottom:15px;}
#fav .item_price { font-size:11px; text-align:center;}
#fav .item_price span { font-size:9px;}
#fav .item_stock { position:absolute; bottom:124px; right:47px; cursor:pointer; z-index:80;}

#fav .pannel_ph a:hover {opacity:0.6;-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);}
.cart_pop { display:none; position:absolute;top:0; left:0; width:400px;height:485px; background:url(../images/opacity.png) 0 0 repeat;z-index:90;text-align:center;}
.cart_pop .item_name { margin-bottom:20px;}
.cart_pop .in_cart { margin:52px auto 42px;}
.cart_pop .cart_btn  { width:94px; margin:0 auto;}
.cart_pop .cart_btn li { display:block; clear:both; height:54px; margin-bottom:10px; }
.cart_pop .cart_btn li:last-child { margin-bottom:0 !important;}
.cart_pop .cart_btn li .stock { display:table; background:#fff; margin:2px auto 0; text-align:center;padding:3px 5px; color:#FF64FF;font-size:10px;}
.cart_pop .btn_close { position:absolute; bottom:20px; right:20px; width:16px; heigh:16px; cursor:pointer;}

#item_pop05.cart_pop .in_cart { margin:26px auto 8px;}
#item_pop05.cart_pop .icon_type { margin-bottom:16px;}
.cart_pop .column_w { width:255px; margin:auto;}

#fav #info { display:table; width:684px; padding:28px 58px; background:#ebebeb; color:#404040; }
#fav dl dt { display:table-cell; padding-right:38px; vertical-align:middle;}
#fav dl dd { display:table-cell; padding:6px 0 6px 44px; border-left:1px solid #000; vertical-align:middle; font-size:14px; line-height:1.9em; letter-spacing:0.18em;}


/* cine & travel
-------------------------------------------------------------------------------*/
#cine { background:#DBE4F0;}

#cine .contents { background:#C0C0C0; padding-bottom:20px; }
#cine h2 { width:400px;}
#cine h2 img {margin-top:10px;}
#cine p { display:table-cell; height:148px; text-align:left; vertical-align:middle; }
#cine .cine_lead { width:350px;}
#cine .cine_go { }

#cine ul { margin:60px 0 0 60px;}
#cine ul li {width:306px; text-align:center; margin-bottom:50px;}
#cine ul li a { display:block; height:360px;}
#cine ul li:nth-child(odd) {margin-right:72px;}

#cine ul li .item_desc {display:table; margin:8px auto 0; color:#404040; font-size:12px;line-height:1.6em;text-align: center;}
#cine ul li .item_price { font-size:11px; text-align:center;}
#cine ul li .item_price span { font-size:9px;}


/* footer
-------------------------------------------------------------------------------*/
#footer {background:#DBE4F0; }
#footer .contents { background:#fff; padding:40px 0 20px; }

#footer ul { width:635px; margin:0 auto 45px;}
#footer li {display:inline; float:left; margin-right:95px;}
#footer ul li.fb{ margin-right:0;}
#footer ul li.last{ float:right; margin-right:0;}
#footer li a {display:block;}
#footer address { text-align: center;}


/* popup
-------------------------------------------------------------------------------*/