@charset "UTF-8";
/* --------------------------------
Reset
-------------------------------- */
* {margin: 0;padding: 0;}
img {border:none;vertical-align: bottom;}
ul {list-style: none;}
body, h1, h2, h3, h4, h5, h6, p {font-weight: normal;font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;font-size:12px;line-height:1.6;color: #333;text-align: left;}
/* --------------------------------
common
-------------------------------- */
a:link, a:visited {color:#333;}
a:active, a:hover {color:#7F0019;}
/* --------------------------------
layout
-------------------------------- */
body {position: relative;padding: 0 0 30px 0;background: url(../img/bg.jpg) no-repeat 50% 0;}
div#wrapper {margin: 0 auto;width: 840px;}

#header {position: relative;height: 470px;}
#header h1 {position: absolute;top: 320px;left: 40px;}
#header p {position: absolute;top: 320px;left: 776px;}

/* --------------------------------
#lightbox
-------------------------------- */
#lightboxbg,#lightbox {cursor: pointer;}
#lightboxbg {
z-index: 6;
position: absolute;
top: 0;left: 0;
width: 100%;
background: #000;
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
#lightbox {z-index: 7;position: absolute;top: 0;left: 0;}
#ss li {position: absolute;width: 48px;}
#sl {left: 0;}
#sr {right: 0;}
#ss a {display: block;width: 48px;outline: none;}

#lightbox #si {z-index: 8;position: relative;left: 58px;}
#si li {position: absolute;top: 0;left: 0;}
#si li img {
border: 10px solid #FFF;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

#lightboxbg,#lightbox {display: none;}
/* --------------------------------
#content
-------------------------------- */
#header img,#content img {vertical-align: bottom;}
#content {padding-top: 30px;}
#content h2 {height: 341px;padding-left: 160px;}
#content li {list-style: none;}
#slide {height: 119px;padding-left: 160px;}
#slide li {float: left;width: 67px;}

#slide li a {display: block;width: 65px;background: #000;}
#slide li a img {
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
#slide li a:hover img {
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

/*2
#linkContents {margin: 0 110px 0 160px;}*/

#linkContents li {padding-bottom: 95px;}
#linkC3 {float: left;width: 290px;}
#linkC2 {float: left;width: 260px;}
#linkC1 {float: right;width: 260px;}
#linkContents li h3 {width: 260px;padding-top: 15px;border-top: 1px solid #CCC;}
#linkContents li p {width: 260px;}
#linkContents a {display: block;margin: 12px 0 17px 0;background: #000;}

#linkContents a img {
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
#linkContents a:hover img,
#linkContents h3:hover a img {
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

/* --------------------------------
#pageNav
-------------------------------- */
div#pageNav {clear: both;padding: 5px 0 7px 0;}
div#pageNav p {text-align: right;}
/* --------------------------------
#footer
-------------------------------- */
div#footer {padding: 12px 0 0 0;border-top: 1px solid #1A1A1A;}
/* footNav -------- */
ul#footNav li {float: left;padding-right: 30px;}
p#copyright {float: right;padding: 2px 0 0 0;}
/* --------------------------------
clearfix
-------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


body#alpaca {background: none;}
#pheader {height: 566px;background: url(../img/p1.jpg) no-repeat 100% 0;}
#pheader h1 {padding: 25px 0 135px 0;}
#pheader p {padding-top: 20px;}

#pheader p.pt a {display: block;width: 93px;height: 15px;overflow: hidden;background: url(../img/ptbg.png) no-repeat 0 0;text-indent: -9999px;}
#pheader p.pt a:hover {background: url(../img/ptbg.png) no-repeat 0 -15px;}

#pheader p.storeLink a {display: block;float: left;margin-top: 13px;}
#pheader p.storeLink a:link,#pheader p.storeLink a:visited {border: 1px solid #CCC;}
#pheader p.storeLink a:hover {border: 1px solid #7F0019;}

#pcontent {padding: 0 0 35px 0;}
#pcontent li {padding: 24px 0 16px 0;}
#pcontent li.list1 {float: left;}
#pcontent li.list2 {float: right;}
#pcontent li.list3 {float: left;}
#pcontent li.list4 {float: right;}
#pcontent p {clear: both;}