@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/main.jpg) no-repeat 50% 0;}
div#wrapper {margin: 0 auto;width: 840px;}

#header {position: relative;height: 500px;}
#header h1 {position: absolute;top: 358px;left: 29px;}
#header p {position: absolute;top: 363px;left: 787px;}

/* --------------------------------
#lightbox
-------------------------------- */
#lightboxbg, #lightbox, #rightbox {cursor: pointer;}
#lightboxbg {
z-index: 6;
position: absolute;
top: 0;left: 0;
width: 100%;
background: #FFF;
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
#lightbox,
#rightbox {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,
#rightbox #youtube {z-index: 10;position: relative;left: 58px;}


#rightbox {overflow: hidden;}

#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;}

iframe {border: 10px #FFF solid;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}

#lightboxbg,#lightbox,#rightbox {display: none;}
#youtube {float: left;}
/*
*/

/* --------------------------------
#content
-------------------------------- */
#header img,#content img {vertical-align: bottom;}
#content {padding-top: 41px;}
#content h2 {height: 298px;padding-left: 145px;}
#content li {list-style: none;}
.slide {height: 147px;}

#mth {padding-left: 145px;}
#mth,
.slide li {float: left;margin-right: 3px;}

.slide li a {display: block;background: #000;}
#mth a img,
.slide li a img {
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
#mth a:hover img,
.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;
}

/* --------------------------------
#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;}