/* CSS Document */
/*全体*/
@charset "Shift_JIS";
*{margin:0; padding:0; }
html{overflow-x:hidden;}
.clear { clear:both; }

/*初期化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
img { border:0;}
html { height:100%; }
li { list-style-type: none; }
li img { vertical-align:top; }
html { height:100%; }
body > .wrap { height: auto; }
table{ border-collapse:collapse;}

/*------------------------------------------------------*/
/*body
/*------------------------------------------------------*/

body {
font-family:"ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic";
font-size: 12px;
line-height: 150%;
color: #333333;
height:100%;
}

/*top*/
body.top {
margin:0 auto;
_text-align: center;
width:auto;
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
}

body.top-2 {
margin:0 auto;
_text-align: center;
background-color:#ececec;
}

/*革小物*/
body.leather {
_text-align: center;
width:auto;
height: 218px;
background-image: url(../images/b1_head_bg.jpg);
background-repeat: repeat-x;
}

/*ケース*/
body.case {
_text-align: center;
width:auto;
height: 218px;
background-image: url(../images/b2_head_bg.jpg);
background-repeat: repeat-x;
}

/*ペット*/
body.pet {
_text-align: center;
width:auto;
height: 218px;
background-image: url(../images/b3_head_bg.jpg);
background-repeat: repeat-x;
}

/*カメラレンズ*/
body.lens {
_text-align: center;
width:auto;
height: 218px;
background-image: url(../images/b4_head_bg.jpg);
background-repeat: repeat-x;
}

body.company {
_text-align: center;
width:auto;
background-color:#ececec;
}

/*------------------------------------------------------*/
/*page_background
/*------------------------------------------------------*/

.company-back {
background-image: url(../images/a4_head_bg.jpg);
background-repeat: repeat-x;
background-color:#FFFFFF;
}

.top-back {
width:auto;
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color:#FFFFFF;
}

/*------------------------------------------------------*/
/*wrap
/*------------------------------------------------------*/

.wrap {
height:auto;
background-position:bottom;
background-repeat:repeat-x;
background-image: url(../images/footer_bg.jpg);
}

/*トップ用*/
.top-wrap {
position:relative;
min-height: 616px;
background-position:bottom;
background-repeat:repeat-x;
background-image: url(../images/footer_bg.jpg);
 }

/*下層ヘッダー画像*/
.b1-header {
position:absolute;
top: 90px;
right:0;
z-index:1;
}

/*IE6*/
* html div.top-wrap { height:616px; }
body > .top-wrap { height: auto; }

/*------------------------------------------------------*/
/*main
/*------------------------------------------------------*/

.main {
width: 890px;
margin: 0 auto;
_text-align:left;
}

.top-main {
padding-bottom:49px;
width: 890px;
margin: 0 auto;
height: 100%;
_text-align:left;
}

/*------------------------------------------------------*/
/*pagetop
/*------------------------------------------------------*/

.pagetop {
clear:both;
padding: 90px 0 10px;
float:right;
}

.pagetop-contact{
clear:both;
padding: 90px 0 10px;
margin-left:549px;
}

/*------------------------------------------------------*/
/*header
/*------------------------------------------------------*/

/*logo*/
.header {
float:left;
position:relative;
height: 90px;
}

h2.leather-tit {
clear:both;
z-index:2;
}

/*言語バー*/
.language {
position:absolute;
width:117px;
left: 776px;
top: 0px;
}

ul.header-navi {
width: 584px;
position:absolute;
left: 306px;
top: 55px;
clear:both;
}

ul.header-navi li {float:left;}
ul.header-navi li.company {margin-left: 31px;}
ul.header-navi li.service {margin-left: 34px;}
ul.header-navi li.recruit {margin-left: 35px;}
ul.header-navi li.contact {margin-left: 35px;}

/*------------------------------------------------------*/
/*footer
/*------------------------------------------------------*/

/*トップ用*/
.top-footer {
position:absolute;
bottom:0px;
width: 100%;
height: 49px;
right:0px;
_right:inherit;
}

.top-footer address {
letter-spacing: 0.1em;
font-style:normal;
color:#666666;
font-size: 10px;
line-height: 130%;
float:right;
padding-top: 4px;
margin-top: 4px;
}

/*下層*/
.footer {
padding-left:4px;
width: 100%;
height: 49px;
right:0px;
_right:inherit;
}

/*共通*/
.footer-contents {
margin: 0 auto;
width: 890px;
height:49px;
}

ul.footer-navi li{
float: left;
color:#666666;
font-size: 10px;
line-height: 130%;
padding-top: 9px;
margin-right: 15px;
}

a:link, a:visited{color:#666666; text-decoration:none;}
a:hover, a:active{color:#999999; text-decoration:none;}

address {
letter-spacing: 0.1em;
font-style:normal;
color:#666666;
font-size: 10px;
line-height: 130%;
float:right;
padding-top: 4px;
margin-top: 4px;
}

/*フッターバナー※削除しない（今後使用する可能性あり）*/
/*div.footer-banner {float:right;}
div.footer-banner img {padding: 9px 0 0 4px ;}*/

/*------------------------------------------------------*/
/*下層ナビ
/*------------------------------------------------------*/

.left-navi {
position:relative;
width:228px;
float:left;
}