@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#FFF;
line-height:1.5;
letter-spacing:1.5px;
height:100%;
background:url(../img/bg_body.png) no-repeat #FFF top center fixed;
}

#wrapper{
width:100%;
min-width:1260px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

.header{
position:relative;
width:100%;
min-width:1260px;
height:60px;
border-top:1px solid #295F77;
background:url(../img/bg_header.png) repeat-x bottom center;
z-index:500;
}

#nav{
width:1260px;
height:55px;
margin:auto;
background:url(../img/bg_nav.png) repeat-x bottom center;
}

#nav h1,#nav ul{
display:inline-block;
vertical-align:top;
}

#nav h1 a{
display:block;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}

#nav h1 a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#nav ul{
text-align:right;
}

#nav ul li{
position: relative;
text-align:right;
display:inline-block;
vertical-align:middle;
height:55px;
width:122px;
background:url(../img/nav.png) no-repeat;
}

#nav ul li a{
display:block;
height:55px;
}

#nav ul li#nav1{background-position:0px 0px;}
#nav ul li#nav2{background-position:-122px 0px;}
#nav ul li#nav3{background-position:-244px 0px;}
#nav ul li#nav4{background-position:-366px 0px;}
#nav ul li#nav5{background-position:-488px 0px;}
#nav ul li#nav6{background-position:-610px 0px;}
#nav ul li#nav7{background-position:-732px 0px;}

#nav ul li#nav1:hover{background-position:0px -55px;}
#nav ul li#nav2:hover{background-position:-122px -55px;}
#nav ul li#nav3:hover{background-position:-244px -55px;}
#nav ul li#nav4:hover{background-position:-366px -55px;}
#nav ul li#nav5:hover{background-position:-488px -55px;}
#nav ul li#nav6:hover{background-position:-610px -55px;}
#nav ul li#nav7:hover{background-position:-732px -55px;}

#nav ul li#nav1.active{background-position:0px -110px;}
#nav ul li#nav2.active{background-position:-122px -110px;}
#nav ul li#nav3.active{background-position:-244px -110px;}
#nav ul li#nav4.active{background-position:-366px -110px;}
#nav ul li#nav5.active{background-position:-488px -110px;}
#nav ul li#nav6.active{background-position:-610px -110px;}
#nav ul li#nav7.active{background-position:-732px -110px;}

#nav ul li#nav1.none{background-position:0px -165px;}
#nav ul li#nav2.none{background-position:-122px -165px;}
#nav ul li#nav3.none{background-position:-244px -165px;}
#nav ul li#nav4.none{background-position:-366px -165px;}
#nav ul li#nav5.none{background-position:-488px -165px;}
#nav ul li#nav6.none{background-position:-610px -165px;}
#nav ul li#nav7.none{background-position:-732px -165px;}

#nav ul li img.new{
display:block;
position:absolute;
margin-top:48px;
margin-left:70px;
z-index:100;
}

#nav ul li.none{
pointer-events:none;
}

#nav ul li ul.dd{
font-size:10px;
display:none;
position:absolute;
width:137px;
padding:0;
padding-top:5px;
margin-top:55px;
background:none;
text-align:center;
z-index:300;
}

#nav ul li ul.dd li{
display:block;
background:none;
height:auto;
border-bottom:1px solid rgba(255,255,255,0.2);
background:rgba(100,78,44,0.8);
}

#nav ul li ul.dd li.re{
letter-spacing:0.5px;
}

#nav ul li ul.dd li a{
color:rgba(253,213,166,0.9);
display:block;
background:none;
height:auto;
text-align:center;
min-height:20px;
padding:5px;
padding-bottom:1px;
padding-top:6px;
}

#nav ul li ul.dd a:hover{
background:rgba(255,255,255,0.1)
}

/*////////////////////////////////////////////////////////////////////////////////////////*/


#content{
width:1260px;
min-height:720px;
margin:auto;
}

.area{
width:1260px;
margin:auto;
}

.menu{
position:relative;
width:100%;
min-width:1260px;
height:30px;
background:url(../img/bg_menu.png) repeat-x bottom center;
z-index:300;
}

#menu{
height:40px;
}

#menu ul{
text-align:right;
}

#menu ul li{
margin-top:20px;
display:inline-block;
}

#menu ul li a{
display:block;
width:370px;
height:120px;
background:url(../img/gallery_menu.png) no-repeat;
}

#content h3{
margin-top:-25px;
margin-left:15px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#index{
height:1000px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#story{
padding-top:30px;
padding-bottom:30px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

.character{
width:1260px;
height:880px;
margin:auto;
}

#heroine1{background:url(../img/heroine1.png) no-repeat;}
#heroine2{background:url(../img/heroine2.png) no-repeat;}
#male{background:url(../img/male.png) no-repeat;}

.character ul.cmenu{
position:absolute;
text-align:right;
margin-top:60px;
margin-left:865px;
}

.character ul.cmenu li{
display:inline-block;
}

.character ul.cmenu li a{
display:block;
width:90px;
height:90px;
margin-left:1px;
margin-right:1px;
background:url(../img/character_menu.png) no-repeat;
}

#content .character ul.cmenu li#cmenu1 a:link{background-position:0px 0px;}
#content .character ul.cmenu li#cmenu2 a:link{background-position:-90px 0px;}
#content .character ul.cmenu li#cmenu3 a:link{background-position:-180px 0px;}

#content .character ul.cmenu li#cmenu1 a:hover{background-position:0px -90px;}
#content .character ul.cmenu li#cmenu2 a:hover{background-position:-90px -90px;}
#content .character ul.cmenu li#cmenu3 a:hover{background-position:-180px -90px;}

.character ul.voice{
position:absolute;
margin-top:683px;
margin-left:170px;
}

.character ul.voice li{
display:inline-block;
vertical-align:bottom;
}

.character ul.voice li h6{
color:#300;
width:90px;
font-size:15px;
font-weight:bold;
margin-right:10px;
margin-bottom:5px;
}

#content .character ul.voice li p a{
display:block;
width:55px;
height:55px;
background:url(../img/voice.png) no-repeat;
}

#content .character ul.voice li p a:link{background-position:0px 0px;}
#content .character ul.voice li p a:hover{background-position:0px -55px;}
#content .character ul.voice li p a.none{background-position:0px -110px;pointer-events:none;}

/*////////////////////////////////////////////////////////////////////////////////////////*/

ul li#gmenu1 a:link{background-position:0px 0px;}
ul li#gmenu2 a:link{background-position:-370px 0px;}

ul li#gmenu1 a:hover{background-position:0px -120px;}
ul li#gmenu2 a:hover{background-position:-370px -120px;}

#gallery{
width:1260px;
height:760px;
background:url(../img/bg_content.png) no-repeat center center;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
margin-top:55px;
}

#gallery ul{
text-align:center;
margin-top:15px;
}

#gallery ul li{
text-align:left;
display:inline-block;
margin:15px;
}

#gallery ul li a{
display:block;
width:240px;
height:160px;
background:url(../img/thumb.png) no-repeat;
}

#gallery ul li a:link{
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
box-shadow:rgba(0,51,102,1) 0px 0px 15px 1px;
-webkit-box-shadow:rgba(0,51,102,1) 0px 0px 15px 1px;
-moz-box-shadow:rgba(0,51,102,1) 0px 0px 15px 1px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

#gallery ul li a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
box-shadow:rgba(153,0,51,1) 0px 0px 15px 1px;
-webkit-box-shadow:rgba(153,0,51,1) 0px 0px 15px 1px;
-moz-box-shadow:rgba(153,0,51,1) 0px 0px 15px 1px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

#gallery ul li#cg01 a:link{background-position:0px 0px;}
#gallery ul li#cg02 a:link{background-position:-240px 0px;}
#gallery ul li#cg03 a:link{background-position:-480px 0px;}
#gallery ul li#cg04 a:link{background-position:0px -160px;}
#gallery ul li#cg05 a:link{background-position:-240px -160px;}
#gallery ul li#cg06 a:link{background-position:-480px -160px;}
#gallery ul li#cg07 a:link{background-position:0px -320px;}
#gallery ul li#cg08 a:link{background-position:-240px -320px;}
#gallery ul li#cg09 a:link{background-position:-480px -320px;}
#gallery ul li#cg10 a:link{background-position:0px -480px;}
#gallery ul li#cg11 a:link{background-position:-240px -480px;}
#gallery ul li#cg12 a:link{background-position:-480px -480px;}

#gallery ul li.none a{
pointer-events:none;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

#gallery ul li img.new2{
display:block;
position:absolute;
margin-left:-10px;
margin-top:-10px;
z-index:100;
}

#gallery ul li a img{
display:block;
position:absolute;
margin-left:-20px;
margin-top:90px;
}

#print{
position:relative;
width:1260px;
height:760px;
background:url(../img/bg_content.png) no-repeat center center;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
z-index:10;
margin-top:55px;
}

#print ul{
text-align:center;
}

#print ul li{
display:inline-block;
margin-left:20px;
margin-right:20px;
}

#print ul li ul{
text-align:left;
}

#print ul li ul li.print_img img{
display:block;
position:relative;
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
box-shadow:rgba(0,0,0,0.6) 10px 10px 10px 0px;
-webkit-box-shadow:rgba(0,0,0,0.6) 10px 10px 10px 0px;
-moz-box-shadow:rgba(0,0,0,0.6) 10px 10px 10px 0px;
border:2px solid #FFF;
z-index:50;
}

#print ul li ul a:link li.print_img img{
filter:alpha(opacity=95);
-moz-opacity:0.95;
opacity:0.95;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

#print ul li ul a:hover li.print_img img{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}

#print ul li.none{
pointer-events:none;
}

#print ul li.none a:link li.print_img img{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#print ul li ul li.print_label1,
#print ul li ul li.print_label2,
#print ul li ul li.print_note{
position:absolute;
z-index:100;
}

#print ul li ul li.print_label1 img,
#print ul li ul li.print_label2 img,
#print ul li ul li.print_note img{
position:absolute;
display:block;
}

#print ul li ul li.print_label1 img{
margin-top:390px;
margin-left:-50px;
box-shadow:rgba(0,0,0,0.6) 4px 4px 10px 0px;
-webkit-box-shadow:rgba(0,0,0,0.6) 4px 4px 10px 0px;
-moz-box-shadow:rgba(0,0,0,0.6) 4px 4px 10px 0px;
}

#print ul li ul li.print_label2 img{
margin-top:120px;
margin-left:150px;
box-shadow:rgba(0,0,0,0.6) 4px 4px 10px 0px;
-webkit-box-shadow:rgba(0,0,0,0.6) 4px 4px 10px 0px;
-moz-box-shadow:rgba(0,0,0,0.6) 4px 4px 10px 0px;
}

#print ul li ul li.print_note img{
margin-top:350px;
margin-left:150px;
}

.enquete{
height:780px;
background:url(../img/bg_enquete.png) no-repeat top center;
}

#enquete{
height:680px;
}

#enquete p a{
display:block;
position:absolute;
margin-top:360px;
}

#enquete p a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#menu ulsmenu{
text-align:right;
}

#menu ul#smenu li{
margin-top:20px;
display:inline-block;
}

#menu ul#smenu li a{
display:block;
width:147px;
height:120px;
background:url(../img/special_menu.png) no-repeat;
}

ul#smenu li#smenu1 a:link{background-position:0px 0px;}
ul#smenu li#smenu2 a:link{background-position:-147px 0px;}
ul#smenu li#smenu3 a:link{background-position:-294px 0px;}
ul#smenu li#smenu4 a:link{background-position:-441px 0px;}
ul#smenu li#smenu5 a:link{background-position:-588px 0px;}
ul#smenu li#smenu6 a:link{background-position:-735px 0px;}

ul#smenu li#smenu1 a:hover{background-position:0px -120px;}
ul#smenu li#smenu2 a:hover{background-position:-147px -120px;}
ul#smenu li#smenu3 a:hover{background-position:-294px -120px;}
ul#smenu li#smenu4 a:hover{background-position:-441px -120px;}
ul#smenu li#smenu5 a:hover{background-position:-588px -120px;}
ul#smenu li#smenu6 a:hover{background-position:-735px -120px;}

ul#smenu li#smenu1 a.none{background-position:0px -240px;}
ul#smenu li#smenu2 a.none{background-position:-147px -240px;}
ul#smenu li#smenu3 a.none{background-position:-294px -240px;}
ul#smenu li#smenu4 a.none{background-position:-441px -240px;}
ul#smenu li#smenu5 a.none{background-position:-588px -240px;}
ul#smenu li#smenu6 a.none{background-position:-735px -240px;}

#menu ul#smenu li a.none{
pointer-events:none;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#store{
width:1260px;
height:1550px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
margin-top:55px;
}

#store1{
height:1196px;
background:url(../img/store00_01.png) no-repeat top center;
border-top:1px solid rgba(0,0,0,0);
}


#store1 a img{
display:block;
position:absolute;
}

#ws01 a img{
margin-top:500px;
margin-left:200px;
}

#ws02 a img{
margin-top:500px;
margin-left:770px;
}

#lo01 a img{
margin-top:950px;
margin-left:660px;
}


#store2 a{
display:block;
}

#store a img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#store3{
height:332px;
background:url(../img/store00_04.png) no-repeat top center;
border-top:1px solid rgba(0,0,0,0);
}



/*////////////////////////////////////////////////////////////////////////////////////////*/

#trial{
width:1260px;
height:1200px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
margin-top:55px;
}

#trial1{
height:716px;
background:url(../img/trial00.png) no-repeat top center;
border-top:1px solid rgba(0,0,0,0);
}

#trial_list{
margin:auto;
margin-top:-90px;
margin-bottom:30px;
padding:35px;
padding-bottom:20px;

/*background:url(../img/bg_content.png);*/
background:rgba(9,16,24,0.5);

box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-webkit-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-moz-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;

border:5px solid rgba(51,0,0,0.5);

border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#trial_list h4{
text-align:center;
margin-top:-30px;
margin-bottom:10px;
}

#trial ul{
width:1100px;
color:#990000;
font-size:11px;
background:rgba(255,255,255,0.5);
padding:40px;
padding-bottom:20px;

box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-webkit-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-moz-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;

border:5px solid rgba(51,0,0,0.5);

border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#trial ul li{
text-align:center;
margin-bottom:20px;
}

#trial ul li ol{
text-align:left;
width:1000px;
margin:auto;
border-bottom:1px dashed #300;
}

#trial ul li ol li{
text-align:left;
display:inline-block;
vertical-align:top;
margin-bottom:8px;
margin:auto;
}

#trial ul li h5{
color:#600;
font-size:15px;
font-weight:bold;
}

#trial ul li h5 a{color:#F06;}
#trial ul li h5 a:hover{color:#FF0}

#trial ul li ol li h6 a{
display:block;
color:#FFF;
font-size:12px;
font-weight:bold;
text-align:center;
background:rgba(204,0,51,0.9);
border:1px dashed rgba(255,255,255,1);
width:300px;
margin-right:8px;
margin-bottom:3px;
padding-top:3px;
padding-bottom:4px;
}

#trial ul li ol li h6 a:hover{
color:#FF0;
}

#trial ul li ol li p a{
display:block;
font-size:11px;
color:#FFF;
font-weight:bold;
margin-right:8px;
padding:8px;
padding-top:5px;
padding-bottom:4px;

background:rgba(153,0,153,0.8);
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
}

#trial ul li ol li p a:hover{
color:#FF0;
margin-top:2px;
box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

#demo{
width:1260px;
height:1200px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
margin-top:55px;
}

#demo1{
height:810px;
background:url(../img/demo_00_00.png) no-repeat top center;
border-top:1px solid rgba(0,0,0,0);
}

#demo_list{
margin:auto;
margin-top:-90px;
margin-bottom:30px;
padding:35px;
padding-bottom:20px;

/*background:url(../img/bg_content.png);*/
background:rgba(9,16,24,0.5);

box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-webkit-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-moz-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;

border:5px solid rgba(51,0,0,0.5);

border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#demo_list h4{
text-align:center;
margin-top:-30px;
margin-bottom:10px;
}

#demo ul{
width:1100px;
color:#990000;
font-size:11px;
background:rgba(255,255,255,0.5);
padding:40px;
padding-bottom:20px;

box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-webkit-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-moz-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;

border:5px solid rgba(51,0,0,0.5);

border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#demo ul li{
text-align:center;
margin-bottom:20px;
}

#demo ul li ol{
text-align:left;
width:1000px;
margin:auto;
border-bottom:1px dashed #300;
}

#demo ul li ol li{
text-align:left;
display:inline-block;
vertical-align:top;
margin-bottom:8px;
margin:auto;
}

#demo ul li h5{
color:#600;
font-size:15px;
font-weight:bold;
}

#demo ul li h5 a{color:#F06;}
#demo ul li h5 a:hover{color:#FF0}

#demo ul li ol li h6 a{
display:block;
color:#FFF;
font-size:12px;
font-weight:bold;
text-align:center;
background:rgba(204,0,51,0.9);
border:1px dashed rgba(255,255,255,1);
width:300px;
margin-right:8px;
margin-bottom:3px;
padding-top:3px;
padding-bottom:4px;
}

#demo ul li ol li h6 a:hover{
color:#FF0;
}

#demo ul li ol li p a{
display:block;
font-size:11px;
color:#FFF;
font-weight:bold;
margin-right:8px;
padding:8px;
padding-top:5px;
padding-bottom:4px;

background:rgba(153,0,153,0.8);
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
}

#demo ul li ol li p a:hover{
color:#FF0;
margin-top:2px;
box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


#demomove{
display:block;
position:absolute;
margin-top:280px;
margin-left:107px;
}

#demomove_text{
display:block;
position:absolute;
margin-top:280px;
margin-left:107px;
}





/*////////////////////////////////////////////////////////////////////////////////////////*/
#onahole{
width:1260px;
height:900px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
padding-top:55px;
padding-bottom:30px;
}

#onahole1{
height:890px;
background:url(../img/onahole.png) no-repeat top center;
border-top:1px solid rgba(0,0,0,0);
}

#onahole a{
display:block;
position:absolute;
margin-top:680px;
margin-left:30px;
}

#onahole a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
#point{
width:1260px;
height:880px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
padding-top:55px;
padding-bottom:30px;
}

#point1{
height:824px;
background:url(../img/point00_00.png) no-repeat top center;
border-top:1px solid rgba(0,0,0,0);
}

#point a{
display:block;
position:absolute;
margin-top:525px;
margin-left:150px;
}

#point a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
#enquete{
width:1260px;
height:900px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
padding-top:55px;
padding-bottom:30px;
}

#enquete1{
height:890px;
background:url(../img/enquete00_00.png) no-repeat top center;
border-top:1px solid rgba(0,0,0,0);
}

#enquete a{
display:block;
position:absolute;
margin-top:500px;
margin-left:100px;
}

#enquete a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

#product{
width:1260px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
margin-top:65px;
padding-bottom:30px;
}

#product .list{
width:1120px;
margin:auto;
margin-bottom:30px;
padding:10px;
padding-bottom:10px;

background:url(../img/bg_product.png) no-repeat top center;

box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-webkit-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;
-moz-box-shadow:rgba(51,0,0,0.5) 3px 3px 1px 0px;

border:1px solid rgba(255,255,255,0.2);
}

#product h4{
text-align:center;
margin-bottom:20px;
}

#product .list ul{width:1180px;}

#product .list ul li{
display:inline-block;
vertical-align:top;
text-align:right;
}

#product .list ul li ol{
width:540px;
margin:auto;
}

#product .list ul li ol li{
display:block;
margin-bottom:8px;
}

#product .list ul li ol li h6,#product .list ul li ol li p{
display:inline-block;
}

#product .list ul li ol li h6{
font-size:12px;
color:#FFF;
text-align:center;
width:135px;
margin-right:8px;
padding-top:2px;
background:rgba(60,108,221,0.5);
border-bottom:1px solid rgba(255,255,255,0.4);
}

#product .list ul li ol li p{
font-size:12px;
letter-spacing:0px;
color:#F2EEEE;
text-align:left;
width:360px;
border-bottom:1px dashed #F2EEEE;
margin-bottom:2px;
}

#product .list ul li ol li p span{
color:#FFF;
font-size:12px;
font-weight:bold;
background:rgba(255,191,128,0.4);
margin-right:8px;
padding-top:1px;
padding-left:10px;
padding-right:10px;
text-align:left;
}

#product .list3 ul li ol{width:360px;}
#product .list3 ul li ol li h6{width:120px;}
#product .list3 ul li ol li p{width:210px;}

/*////////////////////////////////////////////////////////////////////////////////////////*/

#footer{
position:relative;
width:100%;
min-width:1260px;
padding-bottom:10px;
padding-top:20px;
background:url(../img/bg_footer.png) repeat-x top center;
z-index:1000;
}

#footer p{
color:#F2EEEE;
font-size:10px;
text-align:center;
letter-spacing:4px;
margin-bottom:20px;
}

#footer ul{
font-size:10px;
text-align:center;
letter-spacing:-.40em;
margin-bottom:15px;
}

#footer ul li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
}

#footer ul li a{
display:block;
letter-spacing:4px;
width:150px;
padding-top:5px;
padding-bottom:5px;
border-right:1px dashed rgba(255,255,255,0.6);
}

#footer li a:hover{
background:rgba(0,0,0,0.1);
}

#footer a:link{color:#fdd5a6;}
#footer a:visited{color:#fdd5a6;}
#footer a:hover{color:#FFF;}

#footer p a:hover{color:#FFF;}






/*////////////////////////////////////////////////////////////////////////////////////////*/


#shop{
position:relative;
width:1260px;
height:920px;
background:url(../img/bg_content.png) no-repeat center center;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
margin-top:55px;
}


#shop1 a img{
display:block;
position:absolute;
}

#shop_link1-1 a img{
margin-top:10px;
margin-left:150px;
}

#shop_link1-2 a img{
margin-top:270px;
margin-left:150px;
}

#shop_link2-1 a img{
margin-top:10px;
margin-left:500px;
}

#shop_link2-2 a img{
margin-top:270px;
margin-left:500px;
}

#shop_link3-1 a img{
margin-top:10px;
margin-left:850px;
}

#shop_link3-2 a img{
margin-top:270px;
margin-left:850px;
}

#shop_link4-1 a img{
margin-top:380px;
margin-left:325px;
}

#shop_link4-2 a img{
margin-top:640px;
margin-left:325px;
}

#shop_link5-1 a img{
margin-top:380px;
margin-left:675px;
}

#shop_link5-2 a img{
margin-top:640px;
margin-left:675px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/


#tenpo1 a img{
display:block;
position:absolute;
}


#tenpo_link1-1 a img{
margin-top:270px;
margin-left:150px;
}


#tenpo_link2-1 a img{
margin-top:270px;
margin-left:500px;
}


#tenpo_link3-1 a img{
margin-top:270px;
margin-left:850px;
}


#tenpo_link4-1 a img{
margin-top:640px;
margin-left:325px;
}


#tenpo_link5-1 a img{
margin-top:640px;
margin-left:675px;
}