@charset "utf-8";


body {
 font-size:10pt;
 color:#414343;
 background-image:url(../common/whole_bg.gif);
 background-repeat:repeat;
 overflow-y:auto;
}

/*firefox3*/  
html>/**/body,x:-moz-any-link {  
margin-left:-1px;  
}  

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

/*IE6*/  
* html body {
padding-left: 1px;  
}  

*+html body {overflow-y:auto;}

*html body {overflow-y:auto;}

a,a:link,a:visited {
 color: #ed8914;
 text-decoration: none;
}

a:hover,a:active,a:focus {
 color: #f39b34;
 text-decoration: underline;
}

#wrap{ 
 margin: 0 auto;
 width: 800px;
 padding-bottom:20px;
 background-image:url(../common/main_bg.gif);
 background-repeat:repeat-y;
}


/* head */
#header {
 width: 800px;
 height:118px;
 padding: 0;
 margin: 0;
 background-image:url(../common/header_bg.gif);
 background-repeat:no-repeat;
}

#header h1{
 padding:45px 25px 0 0;
 color:#767673;
 font-size: 10px;
 font-weight: bold;
 text-align:right;
 }

#header ul{
 height:54px;
 margin:-2px 0 0 25px;
 display:block;
 }
 
#header li{
 float: left;
 }

li.logo{
margin-right:43px;}
li.nav1{}
li.nav2{}
li.nav3{}
li.nav4{}
li.nav5{}
li.nav6{}


/* main */
#main {
 margin-bottom: 0px;
 width: 100%;
 clear:both;
}

#left{ 
 display: inline;
 background-image:url(../images/left_bg.gif);
 background-repeat:no-repeat;
 margin: 12px 0 0 37px;
 padding: 0px;
 width: 201px;
 height:317px;
 float: left;
}

#left p.concept{
 font-size: 10px;
 color:#414343;
 margin:10px 15px;
 padding-top:125px;
 }

#left p{
 font-size: 10px;
 color:#414343;
 margin:10px 15px;
 }

#change_image{ 
 float: left;
 margin: 12px 0 0 0;
 padding: 0px;
 width: 524px;
 display: inline;
}

#thumbs{
  margin:8px 0 14px 43px;
}

#thumbs ul{
 height:60px;
 display:block;
 }
 
#thumbs li{
 float: left;
 width:140px;
 height:60px;
 margin-right:4px;
 }

/* contents */
#contents {
 margin-bottom: 0px;
}

#news{
 float: left;
 display: inline;
 margin: 0px;
 padding: 0px;
 width: 350px;
 }

.news_title{
 display:block;
 background-image:url(../images/news_title.gif);
 background-repeat:no-repeat;
 height:25px;
 margin:0 0 6px 37px;
 text-align:right;
 }

.more{
 margin:8px 12px 0 0;
}

#news ul{
 width:314px;
 margin-left:37px;
 }

#news li{
 border-bottom: 1px #cccccc dotted;
 padding-bottom:5px;
 padding-left:20px;
 background:url(../images/news_arrow.gif) no-repeat left center;
 width:290px;
 }

#info{ 
 float: right;
 width: 430px;
 display: inline;
 }

.info_title{
 display:block;
 background-image:url(../images/shop_title.gif);
 background-repeat:no-repeat;
 height:25px;
 margin-right:36px;
 text-align:right;
 }
 
 .info_map{
 float: left;
 }
 
 .info_txt1{
 float: left;
 padding:10px 0 0 0;
 }
 
  .info_txt2{
 clear:both;
 font-size: 10px;
 padding:0 0 5px 10px;
 }
 
  .info_banner{
 display:block;
 text-align: center;
 }

/* category_main */
.catemain{
 text-align: center;
 padding-top:10px;
 }
 .cate_txt{
 padding:0 0 5px 45px;
 }

/* concept */
#main_con{ 
 display: inline;
 width: 575px;
 margin: 0px;
 padding: 0px;
 float: left;
 }

.copy{
 display:block;
 margin:25px 0 0 37px;
 }

.thems{
 display:block;
 display: inline;
 margin:0 0 6px 37px;
 }
.thems2{
 display:block;
 margin:0 0 6px 37px;
 text-align:right;
 }
.images{
 float: left;
 display: inline;
 padding:0 10px 5px 30px;
 }

.txt01{
 display:block;
 padding:3px 0 0 0;
 }

.txt02{
 clear: both;
 display:block;
 padding:0 0 0 50px;
 }
.txt03{
 font-weight: bold;
 clear: both;
 display:block;
 padding:0 0 0 50px;
 }
.txt-title{
 clear: both;
 display:block;
 padding:0 0 5px 50px;
 font-weight: bold;
 color: #ed3b36;
 }

#banner{
 float: right;
 overflow:hidden;
 padding:0 42px 7px 0;
 }
 
/* news */
.txt_news{
 font-weight: bold;
 padding:3px 0 0 0;
 }
.txt_news002{
 padding:3px 0 0 0;
 font-size: 11px;
 line-height: 1.2em;
 }
 .txt_news003{
 font-weight: bold;
 padding:3px 0 0 0;
 color: #ed3b36;
 }
 .txt_news004{
 font-weight: bold;
 padding:0 0 5px 50px;
 }
 
 dl.list0724 dt {
  clear: left;
  float: left;
  margin: 0 0 0.5em;
  width: 8.5em;
  border-left: solid 4px #F8A000;
  padding-left: 5px;
}

dl.list0724 dd {
  margin-bottom: 0.5em;
  margin-left: 8.5em;
}

 dl.last dt {
  clear: left;
  float: left;
  width: 8.5em;
  padding-left: 5px;
}
 
/* shop info */
#shop_img{
 float: left;
 width: 306px;
 height:204px;
 padding:11px 0 0 40px;
}

#store{
 float: left;
 width: 74px;
 padding:10px 0 0 3px;
}

#shop ul{
 display:block;
 }
 
#shop li{
 width:74px;
 height:50px;
 margin-bottom:2px;
 }
 
#a-3{ 
 display:inline;
 float: left;
 padding:10px 0 27px 10px;
 width: 330px;
 }
#shop_left{
 float:left;
 display: inline;
 width: 400px;
}
#shop_right{
 float:left;
 width: 380px;
}
#left_title{
 float:left;
 width: 340px;
 padding:0 0 0 40px;
}
#left_txt{
 float:left;
 width: 300px;
 padding:10px 0 0 60px;
}
#left_img{
 float:left;
 width: 160px;
 padding:10px 0 0 0;
}
#right_title{
 float:left;
 width: 340px;
}
#right_txt{
 float:left;
 width: 340px;
 padding:10px 0 20px 20px;
}
  .banner_txt{
 padding:1px 0 0 0;
 font-size:10px;
 padding:0 0 0 8px;
 }
  .map{
 padding:10px 0 0 0;
 }
 .link{
 padding:0 0 0 180px;
 }
 .link02{
 padding:0 0 0 160px;
 }
  
/* brand */
#brand_box{
 float: left;
 width: 770px;
 padding-bottom: 20px;
} 

#brand_img{
 float: left;
 width: 200px;
 padding:11px 0 0 40px;
}
#brand_title{
 float: left;
 width: 482px;
 padding:3px 0 0 15px;
} 
#brand_logo{
 float: left;
 width: 70px;
 padding:10px 0 0 15px;
}
#brand_logo02{
 float: left;
 width: 70px;
 padding:10px 0 0 0;
}
#brand_txt{
 float: left;
 width: 90px;
 height:60px;
 font-size: 10px;
 background-image: url(../brand/images/txt_bg.gif) ;
 padding:15px 0 0 6px;
} 
#brand_link{
 float: left;
 width: 500px;
 height:43px;
 background-image: url(../brand/images/link_bg.gif) ;
 padding:20px 0 0 0;
}
#brand_link2{
 float: left;
 width: 750px;
 height:32px;
 background-image: url(../brand/images/link_bg2.gif) ;
  padding:2px 0 0 0;
} 
  .link_txt{
 text-align: right;
 padding:1px 12px 0 0;
 color: #ffffff;
 }
 
/* apparel brand */
#abrand_box{
 float: left;
 width: 386px;
 padding-bottom: 20px;
} 
#abrand_name{
 float: left;
 width: 386px;
 height: 64px;
 position: relative; 
} 
#abrand_name .name_bg1{
  background-image: url(../brand/images/abrand_namebg_yel.gif) ;
  }
#abrand_name .name_bg2{
  background-image: url(../brand/images/abrand_namebg_red.gif) ;
  }  
#abrand_name .name_txt{
	height:64px;
	font-weight: bold;
	position: absolute;
	bottom: -24px;
	left: 120px;
	width: 269px;
 }

#abrand_txt{
 float: left;
 width: 200px;
 font-size: 10px;
 padding:8px 0 0 45px;
} 
#abrand_img{
 float: left;
 width: 127px;
 padding:12px 0 0 5px;
} 
#abrand_link{
 float: left;
 width: 344px;
 padding:5px 0 0 45px;
} 

/* press */
#press_box{
  float:left;
  width: 565px;
  padding-bottom: 20px;
}
#press_part{
  float: left;
  width: 500px;
  height: 22px;
  padding:0 0 0 17px;
  background-image: url(../press/images/tenten.gif) ;
}
#press_content{
  float:left;
  width: 402px;
}
#press_img{
  float:left;
  width: 120px;
  height: 120px;
  padding:0 0 0 38px;
}
#press_item{
  float: left;
  width: 50px;
  height: 20px;
  padding:3px 0 0 22px;
  font-size: 10px;
  background-image: url(../press/images/press_icon.gif) ;
}
#press_txt{
  float: left;
  width: 290px;
  padding:3px 0 0 10px;
}

/* form */
#form_box {
 float: left;
 width: 760px;
 padding-top: 20px;
 padding-bottom: 50px;
}
#form_icon {
 float: left;
 width: 160px;
 height: 44px;
 padding:0 0 0 95px;
}
#form_icon02 {
 float: left;
 width: 160px;
 height: 60px;
 padding:0 0 0 95px;
}
#form {
 float: left;
 width: 490px;
 margin-top:25px;
 padding:0;
}

#radio_btn {
 padding-top:10px;
 overflow: hidden;
}

.clr{
clear:both;
}

 .radio{
 padding:0 0 0 65px;
}
 .txt_box{
 margin:25px 0 0 0;
}
.form_button{
  float: left;
  padding:30px 0 0 330px;
}

/* footer */
#footer {
 height: 96px;
 clear:both;
 }

#nav {
 height:46px;
 margin: 0 auto;
 width: 800px;
 background-image:url(../common/main_bg.gif);
 background-repeat:repeat-y;
 } 

#nav ul{
 float:right;
 margin: 0;
 padding:0 35px;
 height:16px;
 line-height:0;
}

#nav li {
 float: left;
}

#nav img{
 vertical-align:bottom;
 }
 
.footnav{
 clear:both;
 background-image:url(../common/footer_bg2.gif);
 background-repeat:no-repeat;
 margin:0 25px;
 height:25px;
 padding:5px 0 0 30px;
 font-size: 10px;
 color:#ffffff;
 }

.footnav a{
color:#ffffff;
}


#footer p{
 text-align: center;
 background-image:url(../common/footer_bg.jpg);
 background-repeat:no-repeat;
 background-position:center;
 height: 50px;
 }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix {display: block;}
/* hide hack from Mac-IE5 \*
/* html .mybuggyelement { height: 1%; }
/* end hiding */