
/* CSS Document
--------------------------------------------------------------------------------------------------*/
@charset "Shift_JIS";


/* Universal selector
--------------------------------------------------------------------------------------------------*/
* {
                                                      margin: 0px;
                                                      padding: 0px;
}


/* Initialization Web Standard
--------------------------------------------------------------------------------------------------*/
body {
                                                      margin: 0px;
                                                      padding: 0px;
background-attachment:scroll;
background-color:#FFFFFF;
background-image:url(/img/bg_outlet.jpg);
background-position: top center;
background-repeat: repeat-y;
                                                      color: #666;
                                                      font-size:11px;
                                                      font-family:Verdana, Arial, sans-serif, "‚l‚r ‚oƒSƒVƒbƒN",Osaka;
                                                      font-style: normal;
                                                      font-weight: normal;
                                                      letter-spacing: 0px;
                                                      line-height: 130%;
                                                      vertical-align: baseline;
}


div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,
pre,blockquote,
form,fieldset,input,textarea,
th,td {
                                                      margin: 0px;
                                                      padding: 0px;
}

table {
                                                      border-collapse: collapse;
                                                      border: 0px;
}

fieldset,img {
                                                      border: 0px;
}

ol,ul {
                                                      list-style: none;
}

h1,h2,h3,h4,h5,h6 {
                                                      font-size: 100%;
                                                      font-weight: normal;
}

/* Layout Structure Module
--------------------------------------------------------------------------------------------------*/

dl{
width:680px;
margin:0 auto;
}

dt.accordion_toggle{
background: #FFF;
border-left: 5px solid #F69;
border-bottom: 1px solid #F69;
margin-top: 5px;
padding: 3px;
}

dd.accordion_content{
background: #FFF;
border:1px solid #FFF;
overflow: hidden;
margin-left: 1em;
margin-top: 5px;
}

a {
text-decoration: none;
}

a:link {
color: #F39;
}

a:visited {
color: #C6F;
}

a:hover {
color: #0FC;
}

#news {
margin: 10px auto;
text-align: left;
width: 1000px;
}

/* global util */
.onload{display:none;}

/* */
#news li{
float: left;
margin-right: 20px;
}

h1 {
position:absolute;
}

#header {
margin: 0 auto;
width: 1000px;
}

#header li{
float: left;
margin-right: 20px;
background-color: #FF0099;
}

#welcome {
margin-bottom: 5px;
text-align: center;
}

#holding_point {
margin-bottom: 10px;
text-align: center;
}

#login {
float: right;
margin-bottom: 5px;
}

#how_to {
float: right;
margin-bottom: 10px;
}

#genre_navi {
float: right;
margin-bottom: 10px;
}

#category_navi {
margin: 0px auto;
width: 1000px;
}

#category_navi li{
float:left;
margin:0 2px;
}

#search {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 1000px;
height:41px;
border: 1px solid #F0F0F0;
background-color: #FFF;
}

#keyvisual {
margin: 0 auto;
width: 1000px;
}

#topiclist {
margin: 0px auto;
width: 990px;
padding: 5px;
text-align: left;

}
#topiclist1 {
float:left;
color: #F39;
}

#topiclist2 {
float:right;
color: #F39;
}


#wrap {
margin: 0px auto;
width: 1000px;
text-align: left;
background-color: #f39;
padding-bottom: 5px;
}

#contents {
float: left;
width: 640px;
text-align: left;
background-color: #f39;
margin-bottom: 10px;
}

#leftside {
float: left;
width: 180px;
background-color: #FF6;

height:100%;
}

#rightside {
float: right;
width: 180px;
background-color: #F39;

padding-bottom: 5px;
}

#page_back_top {
float: right;
margin-right: 10px;
margin-bottom: 10px
}

#page_back_top li {
float:left;
margin-left:10px;
}

#footer {
margin: 10px auto;
width: 1000px;
background-color:#F39;
}


#space {
height: 700px;
}

/* Class Code Module
--------------------------------------------------------------------------------------------------*/

.clear {
clear: both;
}

.text_white {
color: #FFF;
}

.text_blue {
color: #09F;
}

.text_lightblue {
color: #0CF;
}

.text_pink {
color: #F09;
}

.text_red {
color: #F00;
}

.text_green {
color: #0C9;
}

.text_orenge {
color:#F90
}

.line_categories {
background-image: url("/img/line_categories.gif");
background-repeat:repeat-x;
height:5px;
}

.bnr_leftside {
margin-top: 5px;
}

.bnr_rightside {
margin-left: 5px;
margin-top: 5px;
float:left;
}

.bnr_title {
margin-left: 10px;
margin-top: 10px;
}

.bnr_contents {
margin-left: 10px;
margin-top: 5px;
width: 200px;
height: 140px;
float: left;
}

.itemlist {
margin-left: 23px;
margin-top: 23px;
margin-bottom: 23px;
padding-top: 5px;
width: 170px;
height: 390px;
background: #FFF;
border:1px solid #FBD7F3;
float: left;
}
.itemlist_thumb {
margin-left: 10px;
}

.itemlist_text {
margin-left: 10px;
margin-top: 5px;
}

.itemlist_btn {
margin-left: 10px;
margin-top: 5px;
}

.line_dot {
width:620px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
}

.line_crayon {
margin-top:10px;
margin-bottom:10px;
}

.list_title {
margin-top: 10px;
}

.brand_category_title {
background:url(/img/title/bnr_title_brand_bg.jpg);
background-repeat:no-repeat;
padding: 7px 7px;
margin-bottom:5px;
font-size:12px;
}

.itemdetail_img {
margin-left: 10px;
margin-top: 10px;
width: 620px;
}

.itemdetail_text {
margin-left: 10px;
margin-top: 10px;
width: 620px;
}

.itemdetail_thumb {
margin-left:10px;
margin-top:10px;
float:left;
width:90px;
}

.list_icon {
height:50px;
margin:0px 10px;
}

.soldout {
position:absolute;
}
.rank_no {
position:absolute;padding:0 5px;background-color: white;color:black;font:italic bold small 'Times New Roman';filter: alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5;
}

.page_prev_next {
margin-left:10px;
margin-bottom:10px;
width:980px;
}

.sort {
margin-left: 10px;
margin-top: 10px;
width: 980px;
}

.etc_contents {
margin-left: 10px;
margin-top: 10px;
width: 620px;
}

.coordinate_left {
float:left;
border:1px solid #FCC;
}

.coordinate_title {
margin-left: 10px;
margin-top: 10px;
width: 610px;
background-color: #FFF0F0;
padding: 5px;
font-size: 12px;
}
.coordinate_comment {
margin-left: 10px;
width: 610px;
padding: 5px;
font-size: 12px;
}

.coordinate_right {
margin-left:8px;
float:left;
width:255px;
}

.coordinate_block {
float: left;
margin-bottom: 8px;
}

.coordinate_thumb {
float: left;
border: 1px solid #FCC;
}

.coordinate_text {
float: left;
margin-left: 10px;
width: 150px;
}

.coordinate_cart {
width:620px;
float:left;
margin-top:10px;
border:1px solid #FCC;
}

.topics_block {
float:left;
height:160px;
margin-left:10px;
margin-top:10px;
}

.topics_thumb {
float:left;
border:1px solid #F69;
}

.topics_text {
float:left;
margin-left:8px;
width:120px;
}

.leftside_contents_outlet {
background-color:#000;
margin: 5px;
padding-bottom:10px;
}

.leftside_contents {
background-color:#FFF;
margin: 5px;
padding-bottom:10px;
}
.news_date {
margin-left: 5px;
margin-top: 10px;
background-color: #F69;
width:70px;
color:#FFF;
padding:3px 5px;
}

.news_text {
padding-left: 5px;
margin-top: 5px;
}

.newslist_text {
width: 600px;
margin-left: 10px;
margin-top: 5px;
}

.footer_brandlist_wrap {
width: 1000px;
background-color: #f39;
margin: 10px auto;

}

.footer_title_brandlist {
margin-left:10px;
margin-top:10px;
}

.footer_brandlist {
float:left;
width:180px;
margin-left:11px;
margin-top:11px;
}

.itemlist_pickupitems {
margin-left: 25px;
margin-top: 25px;
margin-bottom: 25px;
width: 170px;
height: 400px;
background: #FFF;
border:1px solid #FBD7F3;
float: left;
}

#pickupitems {
margin:10px 0 10px 10px;
width:620px;
background-color:#f39;
}

#tabaccordion {
margin:10px 0 10px 10px;
width:980px;
}

.box{
background: #fff;
}

.boxholder{
clear: both;
padding: 5px;
background: #F0F0F0;
}

.tab{
float: left;
width: 100px;
height: 30px;
margin: 0 1px 0 0;
text-align: center;
}

#simpleTabs {
width: 620px;
background: #FFF;
}

#simpleTabs .tab-link {font-size:12px;margin-right:20px;padding:5px;text-align:right;color:#69f ;font-weight: bold;text-decoration: underline;}
#simpleTabs .tab-link a:link {color: #F39;}
#simpleTabs .tab-link a:visited {color: #0C9;}
#simpleTabs .tab-link a:hover {color: #C6F;}

.simpleTabs-nav ul{
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
background-color:#f39;
}

.simpleTabs-nav li{
float: left;
cursor: pointer;
}

.simpleTabs-nav li.close{
float: right;
}

.simpleTabs-content{
clear: both;
background: #FFF;
border:5px solid #ffd800;
padding-bottom: 3px;
}

.footer_brandlist_block{
background: #f39;
margin: 10px;
padding: 10px;
border: 5px solid #ffd800;
padding-bottom: 10px;
}


.brand_logo{float:left;margin:5px;width:180px;height:120px;text-align: center;}
.brand_logo .sale_catch a{font-weight: bold;color: red}

.genre_area {
background-color:#F0F0F0;
margin-top:20px;
padding-bottom:10px;
}

.genre_title {
background-color:#FFF;
}

.genre_block {
float:left;
margin-left:10px;
margin-top:10px;
}

.genre_thumb {
float:left;
border:1px solid #CCC;
}

.genre_text {
float:left;
margin-left:8px;
width:130px;
}

.detail_brand_block {
float:left;
margin-left:10px;
margin-top:10px;
}

.detail_brand_thumb {
float:left;
border:1px solid #CCC;
}


.detail_brand_text {
float:left;
margin-left:7px;
width:430px;
}

.btn_itemdetail {
margin:10px 30px 0px
}

.itemdetail_thanks {
margin:10px 0;
text-align:center;
}

.itemdetail_status {
margin:10px;
}

.sizeguide_img {
float:left;
margin-left: 10px;
margin-top: 10px;
}

.line_dot_contents {
margin:5px 0 5px 0;
}

.specialfeature_text {
margin-top:5px;
}

#options {
text-align: right;
}

#acc {
width: 620px;
margin: 10px auto;
}

#acc h3 {
background: #FFF;
border-left: 5px solid #F9C;
border-bottom: 1px solid #F9C;
margin-top: 5px;
padding: 3px;
cursor: pointer;
}

#acc .acc-section {
overflow: hidden;
background: #FDEAF9;
}

#acc .acc-content {
width: 580px;
margin: 10px;
padding: 10px;
background :#fff;
}

.mypagetop_text {
padding: 10px;
}

.mypagetop_block {
margin-left: 10px;
margin-top: 10px;
width: 198px;
height:150px;
float: left;
border: 1px solid #FCF;
}

/* itemdetail */
#item_pic { float:left; }

#more_pics {
  background-image:url(/img/title/bnr_title_moredetail.gif);
  background-position: top left;
  background-repeat:no-repeat;
  margin-top: 10px;
}

.cleaner { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent; }

.cartview th.head { height: 40px; text-align: center; background-color: #fff0f0; }

.siteid {position:absolute;}

.itemdetail_pointget {margin-bottom: 10px;}

/*PAGE STRUCTURE*/
#page-wrap { width: 1000px; height: 360px; margin: 10px auto; position: relative; background: #F39;}

/*SLIDER*/
.slider-wrap { width: 850px; position: absolute; top: 10px; left: 10px; }
.stripViewer .panelContainer .panel ul		{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width: 850px; height: 340px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 850px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb  { float: right; width: 120px; margin-bottom: 10px; cursor: pointer; }
.photo-meta-data { background: url(/img/transpBlack.png); padding:5px 10px; height: 20px; margin-top: -30px; position: relative; z-index: 9999; color: #FFF; font-size: 11px; }
.keyvisual-thumb {width: 120px; float: right;margin-right: 10px;margin-top: 10px;padding: 0px;}