@charset "utf-8";

html, body, div, h1, h2, h4, h5, h6,
p, ul, ol, li, hr,img,
pre, blockquote, form, fieldset,input,textarea,
table, caption, tbody, tr, th, td {
padding: 0;
margin: 0;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight:normal;
}

body{
color:#ffffff;
background:url(../img/NP_JUWEL.jpg) top left repeat-x;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-family:'ＭＳ Ｐゴシック','MS PGothic'\9;
line-height:1.6;
font-size: 10px;
font-size: 62.5%\9;
}

ol, ul {list-style: none;}
li {list-style-type:none;}
table {
border-collapse:collapse;
border-spacing:0;
}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
td,th{
font-size:inherit;
font-family:inherit;
font-style:inherit;
}
img {
border:0;
vertical-align: bottom;
line-height:0;
}
h3{
	padding: 0;
margin: 0;
font-size:18px;
font-weight: bold;
}
dt {
	float: left;
    min-width: 5em;
    margin-right: 10px;
    font-weight: bold;
}
dd {
  margin: 0 0 15px;
    overflow: hidden;
}
/**** form */
fieldset {border: 0;}
input, button, select, optgroup, option, textarea {
background			: inherit;
color				: inherit;
font-family			: inherit;
font-style			: inherit;
font-variant		: normal;
font-weight			: inherit;
font-size			: 1em;
letter-spacing		: normal;
word-spacing		: normal;
text-transform		: none;
}
/* clearFix */
* html .clearfix {height: 1%;}
* + html .clearfix {display: inline-block;}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix{
zoom:1;
overflow:hidden;
}

/*******************************
* common font styles
*/
a:link,
a:visited,
a:hover,
a:active{
color:#ffffff;
}
a:hover{
text-decoration:none;
}
.fs14{
font-size:14px;
font-size:1.4em\9;	
}
.fs12{
font-size:12px;
font-size:1.2em\9;	
}
.fs10{
font-size:10px;
font-size:1.0em\9;	
}
.fsB{
font-weight:bold;
}
.alR{text-align:right;}
.alL{text-align:left;}
.alC{text-align:center;}

a { outline: none; }

/********************************
* pages
*/
#wrapp{
width:890px;
position:relative;
padding:0;
margin:0 auto;
}
.mapLink{
margin-left:10px;
}

/********************************
* header
*/
#header{
width:890px;
height:100%;
/*
border:1px solid #FFF;
*/
padding-bottom:110px;/* for nonJS*/
}
#header h2{
margin:174px 0 120px;
}
#gMenu{
}
#gMenu h1,
#gMenuC1,
#gMenuC2{
display:inline-block;
vertical-align:top;
}
*html #gMenu h1,
*html #gMenuC1,
*html #gMenuC2{
display:inline;
zoom:1;
}

#gMenu h1{width:264px;}
#gMenuC1{width:174px;}
#gMenuC2{width:400px;}

/********************************
* footer
*/
#content{
width:900px;
padding-left:10px;
font-size:12px;
font-size:1.2em\9;	
}

#footer{
width:100%;
text-align:right;
padding:10px 0 5px;
}
#footer p{
width:890px;
margin:0 auto;
}

/********************************
* pages
*/

#toPageTop{
position:absolute;
right:0px;
bottom:0px;
/*
display:none;
*/
}
*html #toPageTop{
position:static;
display:block;
width:890px;
text-align:right;
}

#item,
#news,
#british_bridle,
#oilshell_cordvan,
#company,
#concept,
#privacy{
padding-bottom:100px;
}

#content h3{
margin-bottom:55px;
}
#content h4{
font-size:13px;
font-size:1.3em\5;
margin-bottom:10px;
font-weight:bold;
}

/***********
* item
*/
#item{
margin-right:50px;
}
.brandDetail{
margin-bottom:105px;
}
.brandDetail table{
margin-bottom:30px;
}
.brandDetail p img{
/*margin-top:40px;	*/
margin-bottom:25px;
}

#content #item h3{
margin-bottom:30px;
}
#item #logoMenu{
margin-bottom:100px;
}
#item #logoMenu li{
float:left;
margin-bottom:10px;
margin-right:10px;
}
#item .webCatalog{
margin-top:5px;
background:url(../images/item/colle_bg.gif) no-repeat top left;
padding-top:11px;
padding-left:11px;
}
#item .webCatalog img{
margin-top:6px;
margin-right:4px;
}
.brandLink{
	margin-top:25px;
}
/***********
* british_bridle
*/
#british_bridle{
margin-right:50px;
}
.brandDetail{
margin-bottom:105px;
}
.brandDetail table{
margin-bottom:30px;
}
.brandDetail p img{
/*margin-top:40px;	*/
margin-bottom:25px;
}

#content #british_bridle h3{
margin-bottom:30px;
}
#british_bridle #logoMenu{
margin-bottom:100px;
}
#british_bridle #logoMenu li{
float:left;
margin-bottom:10px;
margin-right:10px;
}
#british_bridle .webCatalog{
margin-top:5px;
background:url(../images/item/colle_bg.gif) no-repeat top left;
padding-top:11px;
padding-left:11px;
}
#british_bridle .webCatalog img{
margin-top:6px;
margin-right:4px;
}
.brandLink{
	margin-top:25px;
}
/***********
* oilshell_cordvan
*/
#oilshell_cordvan{
margin-right:50px;
}
.brandDetail{
margin-bottom:105px;
}
.brandDetail table{
margin-bottom:30px;
}
.brandDetail p img{
/*margin-top:40px;	*/
margin-bottom:25px;
}

#content #oilshell_cordvan h3{
margin-bottom:30px;
}
#oilshell_cordvan #logoMenu{
margin-bottom:100px;
}
#oilshell_cordvan #logoMenu li{
float:left;
margin-bottom:10px;
margin-right:10px;
}
#oilshell_cordvan .webCatalog{
margin-top:5px;
background:url(../images/item/colle_bg.gif) no-repeat top left;
padding-top:11px;
padding-left:11px;
}
#oilshell_cordvan .webCatalog img{
margin-top:6px;
margin-right:4px;
}
.brandLink{
	margin-top:25px;
}

/***********
* news
*/
#news{
margin-right:35px;
}
#news h4{
margin-bottom:10px;
}
.date{
font-size:11px;
font-size:1.1em\9;
margin-bottom:5px;
}
.entry{
margin-bottom:55px;
}
.entry img{
margin-bottom:15px;
}


/***********
* stores
*/
#stores{}
#stores h4{
margin:75px 0 25px;
}
#stores table{
margin-bottom:75px;
}
#stores td{
padding:7px 20px 7px 0;
}
/***********
* company
*/
#company #own{
background:url(../images/own.jpg) left top no-repeat;
padding-left:215px;
margin-bottom:1.5em;
}
#company dd{
margin-left:125px;
margin-bottom:25px;
}
*html #company dd{
	text-indent:-3px;
}
#company dt{
float:left;
width:100px;
}


/***********
* concept
*/
#concept td,
#recruit td{
padding:5px 5px 15px 0;
}
#concept .subject,
#recruit .subject{
width:130px;
white-space:nowrap;
}
#contact input,
#contact textarea,
#recruit input,
#recruit textarea{
border:1px solid #ddd;
width:315px;
background-color:#fbfbfb;
}
#contact input,
#recruit input{
height:22px;
}

#contact .submit,
#recruit .submit{
text-align:right;
}
#contact .submit input,
#recruit .submit input{
width:84px;
height:21px;
border:none;
background-color:#666;
color:#FFF;
}

/***********
* recruit
*/
#recruit dd{
margin-left:125px;
margin-bottom:25px;
}
#recruit dt{
float:left;
width:100px;
}
#btnRecruit{
display:block;
width:7em;
text-align:center;
margin-top:40px;
}

/***********
* privacy
*/
#privacy dt{
margin-bottom:20px;
}
#privacy dd{
margin-bottom:55px;
}

/***********
* ensor
*/
.collection{
padding-bottom:100px;
}
.collection h3{
margin-bottom:15px;
}
#catalogMain,
.catalogUI{
width:591px;
text-align:center;
display:none;
}
#catalogMain{
/*background-color:#f6f6f4;*/
display:block;
height:370px;
}
.catalogUI{
margin-bottom:15px;
}
.catalogThumb{
position:relative;
width:590px;
height:126px;
}
.catalogThumbCover{
position:absolute;
top:0px;
left:0px;
width:590px;
height:76px;
overflow:hidden;
}
.catalogThumb ul{
width:590px;
height:76px;
position:absolute;
top:0px;
left:0px;
}
.catalogThumb li{
display:inline-block;
}
.catalogThumbPrev{
position:absolute;
top:30px;
left:-20px;
}
.catalogThumbNext{
position:absolute;
top:30px;
right:-20px;
}

#content .collection h3{
	margin-bottom:15px;
}
#content .collection h4{
	margin-bottom:10px;
}
.collection .season{
color:#999;
font-size:10px;
font-size:1.0em\9;
margin-bottom:45px;
}