@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.jpg) no-repeat center center fixed;
background-size:cover;
}

#wrapper{
width:100%;
min-width:1260px;
min-height:100%;
height:auto;
background:url(../img/bg_wrapper.png);
z-index:10;
}

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

#header{
width:100%;
min-width:1260px;
background:url(../img/bg_header.png) repeat-x;
}

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

.logo,.nav{
display:inline-block;
vertical-align:top;
text-align:center;
}

.logo{
margin-right:10px;
}

.logo a{
display:block;
-webkit-transition:0.1s;
-moz-transition:0.1s;
-o-transition:0.1s;
transition:0.1s;
}

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

.nav ul li{
display:inline-block;
vertical-align:top;
}

.nav ul{
text-align:left;
width:1030px;
margin-top:8px;
}

.nav ul li{
display:inline-block;
vertical-align:top;
}

.nav ul li a{
display:block;
width:167px;
height:65px;
background:url(../img/nav.png) no-repeat;
margin-left:7px;
margin-right:7px;
-webkit-transition:0.1s;
-moz-transition:0.1s;
-o-transition:0.1s;
transition:0.1s;
margin-top:4px;
}

.nav ul li#nav6 a{margin-left:100px;}

.nav ul li#nav0 a:link{background-position:0px 0px;}
.nav ul li#nav1 a:link{background-position:-167px 0px;}
.nav ul li#nav2 a:link{background-position:-334px 0px;}
.nav ul li#nav3 a:link{background-position:-501px 0px;}
.nav ul li#nav4 a:link{background-position:-668px 0px;}
.nav ul li#nav5 a:link{background-position:-835px 0px;}
.nav ul li#nav6 a:link{background-position:-1002px 0px;}
.nav ul li#nav7 a:link{background-position:-1169px 0px;}
.nav ul li#nav8 a:link{background-position:-1336px 0px;}
.nav ul li#nav9 a:link{background-position:-1503px 0px;}

.nav ul li a:hover{
margin-top:0px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

.nav ul li a.active{
margin-top:0px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

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

.nav ul li#nav0 a.active{background-position:0px -66px;}
.nav ul li#nav1 a.active{background-position:-167px -66px;}
.nav ul li#nav2 a.active{background-position:-334px -66px;}
.nav ul li#nav3 a.active{background-position:-501px -66px;}
.nav ul li#nav4 a.active{background-position:-668px -66px;}
.nav ul li#nav5 a.active{background-position:-835px -66px;}
.nav ul li#nav6 a.active{background-position:-1002px -66px;}
.nav ul li#nav7 a.active{background-position:-1169px -66px;}
.nav ul li#nav8 a.active{background-position:-1336px 0px;}
.nav ul li#nav9 a.active{background-position:-1503px -66px;}

.nav ul li#nav4 a.none{background-position:-668px -132px;}
.nav ul li#nav6 a.none{background-position:-1002px -132px;}
.nav ul li#nav7 a.none{background-position:-1169px -132px;}
.nav ul li#nav8 a.none{background-position:-1336px -132px;}

.nav ul li a img.new{
position:absolute;
margin-top:-7px;
margin-left:20px;
}

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

#content{
width:1140px;
margin:auto;
}

#content h3{
text-align:center;
margin-top:30px;
margin-bottom:30px;
}

.content{
width:1140px;
min-height:700px;
background:url(../img/bg_content.png) center top repeat-y;
margin:auto;
border-top:1px solid rgba(255,255,255,0.8);
marginbox-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px 0px;
border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
border-top:1px solid rgba(0,0,0,0);
}

.content h4{
text-align:center;
margin-bottom:20px;
margin-top:10px;
}

.content h5{
text-align:center;
border-top:1px solid rgba(255,255,255,0.8);
border-bottom:1px solid rgba(255,255,255,0.8);
}

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

#concept{padding-bottom:40px;}
#concept p{text-align:center;}

#concept p a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}


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

#story{padding-bottom:10px;}

#story p{
text-align:center;
margin:20px;
margin-top:0px;
}

#story p img{
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}

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

.heroine_menu ul{
width:1130px;
margin:auto;
text-align:center;
margin-top:-20px;
}

.heroine_menu ul li{
display:inline-block;
vertical-align:top;
}

.heroine_menu ul li a{
display:block;
position:relative;
width:155px;
height:120px;
margin-top:0px;
z-index:10;
background:url(../img/heroine_menu.png) no-repeat;
}

.heroine_menu ul li#hmenu1 a:link{background-position:0px 0px;}
.heroine_menu ul li#hmenu2 a:link{background-position:-155px 0px;}
.heroine_menu ul li#hmenu3 a:link{background-position:-310px 0px;}
.heroine_menu ul li#hmenu4 a:link{background-position:-465px 0px;}
.heroine_menu ul li#hmenu5 a:link{background-position:-620px 0px;}
.heroine_menu ul li#hmenu6 a:link{background-position:-775px 0px;}
.heroine_menu ul li#hmenu7 a:link{background-position:-930px 0px;}

.heroine_menu ul li#hmenu1 a:hover,.heroine_menu ul li#hmenu1 a.active{background-position:0px -120px;}
.heroine_menu ul li#hmenu2 a:hover,.heroine_menu ul li#hmenu2 a.active{background-position:-155px -120px;}
.heroine_menu ul li#hmenu3 a:hover,.heroine_menu ul li#hmenu3 a.active{background-position:-310px -120px;}
.heroine_menu ul li#hmenu4 a:hover,.heroine_menu ul li#hmenu4 a.active{background-position:-465px -120px;}
.heroine_menu ul li#hmenu5 a:hover,.heroine_menu ul li#hmenu5 a.active{background-position:-620px -120px;}
.heroine_menu ul li#hmenu6 a:hover,.heroine_menu ul li#hmenu6 a.active{background-position:-775px -120px;}
.heroine_menu ul li#hmenu7 a:hover,.heroine_menu ul li#hmenu7 a.active{background-position:-930px -120px;}


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

.sub_menu ul{
width:1130px;
margin:auto;
text-align:center;
margin-bottom:20px;
margin-top:-20px;
}

.sub_menu ul li{
display:inline-block;
vertical-align:top;
}

.sub_menu ul li a{
display:block;
position:relative;
width:155px;
height:120px;
margin-top:0px;
z-index:10;
background:url(../img/sub_menu.png) no-repeat;
}

.sub_menu ul li#smenu1 a:link{background-position:0px 0px;}
.sub_menu ul li#smenu2 a:link{background-position:-155px 0px;}
.sub_menu ul li#smenu3 a:link{background-position:-310px 0px;}
.sub_menu ul li#smenu4 a:link{background-position:-465px 0px;}
.sub_menu ul li#smenu5 a:link{background-position:-620px 0px;}
.sub_menu ul li#smenu6 a:link{background-position:-775px 0px;}

.sub_menu ul li#smenu1 a:hover,.sub_menu ul li#smenu1 a.active{background-position:0px -120px;}
.sub_menu ul li#smenu2 a:hover,.sub_menu ul li#smenu2 a.active{background-position:-155px -120px;}
.sub_menu ul li#smenu3 a:hover,.sub_menu ul li#smenu3 a.active{background-position:-310px -120px;}
.sub_menu ul li#smenu4 a:hover,.sub_menu ul li#smenu4 a.active{background-position:-465px -120px;}
.sub_menu ul li#smenu5 a:hover,.sub_menu ul li#smenu5 a.active{background-position:-620px -120px;}
.sub_menu ul li#smenu6 a:hover,.sub_menu ul li#smenu6 a.active{background-position:-775px -120px;}


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

.heroine{
margin-left:-60px;
width:1260px;
height:820px;
margin-top:-1px;
}

#heroine1{background:url(../img/heroine1.png) no-repeat;}
#heroine2{background:url(../img/heroine2.png) no-repeat;}
#heroine3{background:url(../img/heroine3.png) no-repeat;}
#heroine4{background:url(../img/heroine4_.png) no-repeat;}
#heroine5{background:url(../img/heroine5.png) no-repeat;}
#sub_heroine1{background:url(../img/sub_heroine1.png) no-repeat;}
#sub_heroine2{background:url(../img/sub_heroine2.png) no-repeat;}

.sub_character{
margin-left:-60px;
width:1260px;
height:820px;
margin-top:-1px;
}

#sub_character1{background:url(../img/sub_character1.png) no-repeat;}
#sub_character2{background:url(../img/sub_character2.png) no-repeat;}
#sub_character3{background:url(../img/sub_character3.png) no-repeat;}
#sub_character4{background:url(../img/sub_character4.png) no-repeat;}
#sub_character5{background:url(../img/sub_character5.png) no-repeat;}
#sub_character6{background:url(../img/sub_character6.png) no-repeat;}

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

#world{padding-bottom:40px;}
#world p{text-align:center;}

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

#gallery{padding-bottom:20px;}

.gallery{
background:url(../img/bg_area.png);
border-top:1px solid rgba(0, 0, 0, 0.1);
border-bottom:1px solid rgba(0, 0, 0, 0.1);
padding-bottom:10px;
}

#gallery ul{
text-align:center;
}

#gallery ul li{
text-align:center;
display:inline-block;
vertical-align:top;
}

#gallery ul li ol{
margin:20px;
margin-top:10px;
margin-bottom:10px;
}

#gallery ul li ol li{
display:block;
text-align:left;
}

#gallery ul li.cg{
position:relative;
width:292px;
height:172px;
padding:8px;
background:url(../img/bg_cg.png) no-repeat;
z-index:10;
}

#gallery ul li a{
display:block;
position:relative;
width:292px;
height:172px;
background:url(../img/thumb.jpg) no-repeat;
z-index:10;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}

#gallery ul li#thumb01 a{background-position:0px 0px;}
#gallery ul li#thumb02 a{background-position:-292px 0px;}
#gallery ul li#thumb03 a{background-position:-584px 0px;}
#gallery ul li#thumb04 a{background-position:-0px -172px;}
#gallery ul li#thumb05 a{background-position:-292px -172px;}

#gallery ul li#thumb06 a{background-position:0px -344px;}
#gallery ul li#thumb07 a{background-position:-292px -345px;}
#gallery ul li#thumb08 a{background-position:-584px -345px;}
#gallery ul li#thumb09 a{background-position:-0px -516px;}
#gallery ul li#thumb10 a{background-position:-292px -516px;}

#gallery ul li#thumb11 a{background-position:0px -688px;}
#gallery ul li#thumb12 a{background-position:-292px -688px;}
#gallery ul li#thumb13 a{background-position:-584px -688px;}
#gallery ul li#thumb14 a{background-position:-0px -860px;}
#gallery ul li#thumb15 a{background-position:-292px -860px;}

#gallery ul li a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#gallery ul li.deco img{
display:block;
z-index:20;
margin-bottom:-3px;
margin-left:30px;
}

#gallery ul li img.gnew{
position:absolute;
display:block;
z-index:20;
margin-left:-15px;
margin-top:-13px;
}

#gallery ul li.graf{
color:#FFF;
text-align:center;
font-size:13px;
padding-top:3px;
background:rgba(0,51,51,0.8);
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.4);
text-shadow:-1px -1px 0px rgba(255,255,255,0.4);
}

.gallery_menu ul{
width:1140px;
margin:auto;
text-align:center;
margin-bottom:20px;
margin-top:-20px;
}

.gallery_menu ul li{
display:inline-block;
vertical-align:top;
}

.gallery_menu ul li a{
display:block;
position:relative;
width:530px;
height:104px;
margin:10px;
margin-top:5px;
margin-bottom:0px;
background:url(../img/gallery_menu.png) no-repeat;
z-index:10;
}

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

.gallery_menu ul li#gmenu1 a:hover,.gallery_menu ul li#gmenu1 a.active{background-position:0px -104px;}
.gallery_menu ul li#gmenu2 a:hover,.gallery_menu ul li#gmenu2 a.active{background-position:-530px -104px;}


#visual{
min-height:300px;
padding-bottom:20px;
}

.visual{
background:url(../img/bg_area.png);
border-top:1px solid rgba(0, 0, 0, 0.1);
border-bottom:1px solid rgba(0, 0, 0, 0.1);
padding-bottom:10px;
}


#visual ul{
text-align:center;
margin-top:20px;
margin-bottom:10px;
}

#visual ul li{
position:relative;
width:1010px;
height:320px;
background:url(../img/bg_visual.png) no-repeat;
z-index:10;
padding:15px;
text-align:center;
display:inline-block;
vertical-align:top;
}

#visual ul li a{
display:block;
position:relative;
width:1010px;
height:320px;
background:url(../img/thumb_visual.jpg) no-repeat;
z-index:10;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}

#visual ul li a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#visual ul li img.gnew{
position:absolute;
display:block;
z-index:20;
margin-left:-21px;
margin-top:-19px;
}

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

#trial{
min-height:600px;
padding-bottom:20px;
}

#trial ul{
width:1100px;
margin:8px auto;
-shadow:1px 1px 0px #000;
background:url(../img/bg_area.png);
padding:20px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#trial ul li h5{
color:#FFF;
font-size:12px;
margin-left:20px;
margin-bottom:20px;
padding:20px;
padding-top:5px;
padding-bottom:6px;
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.6);
text-shadow:-1px -1px 0px rgba(255,255,255,0.2);
text-shadow:0px 0px 0px #000;
background:rgba(0,0,0,0.8);
}

#trial ul li h5.tri{
font-size:14px;
}

#trial ul li h5.tri span{
font-weight:bold;
font-size:16px;
color:#FFFF00;
}

#trial ul li h5.sumi{
font-size:14px;
background:rgba(153,0,0,0.6);
}

#trial ul li h5 a:link{color:#FF0;}
#trial ul li h5 a:visited{color:#FF0;}
#trial ul li h5 a:hover{color:#F36;}

#trial ul li p.timg{
text-align:center;
margin-bottom:20px;
margin-top:-10px;
}

#trial ul li ol{
font-size:14px;
width:1000px;
margin:auto;
padding:4px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dashed #FFF;
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
}

#trial ul li ol li{
display:inline-block;
vertical-align:middle;
margin-bottom:1px;
}

#trial ul li ol li h6 a{
display:block;
color:#FFF;
text-align:center;
width:350px;
padding:10px;
padding-top:5px;
padding-bottom:4px;
margin-left:10px;
margin-right:20px;
letter-spacing:4px;
background:rgba(0,51,51,0.8);
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.4);
}

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

#trial ul li ol li{
height:40px;
}

#trial ul li ol li p a{
display:block;
color:#FFF;
text-align:center;
width:120px;
margin-left:10px;
padding:10px;
padding-top:5px;
padding-bottom:6px;

color:#FFF;
text-align:center;
letter-spacing:4px;
padding:10px;
padding-top:5px;
padding-bottom:4px;
background:rgba(0,51,51,0.8);
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.4);
}

#trial ul li ol li p a:link,#trial ul li ol li p a:visited{
background:rgba(51,0,51,0.7);
}

#trial ul li ol li p a:hover{
color:#FFF;
background:rgba(51,0,51,0.4);
}

#trial ul li ol li p a:active{
color:#FFF;
background:rgba(51,0,51,0.4);
margin-top:2px;
}

#trial ul li ol li p span{
color:#FFA;
margin-right:12px;
text-align:left;
padding:10px;
padding-top:0px;
padding-bottom:1px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
background:rgba(250,0,130,0.4);
border:1px solid rgba(255,255,255,0.4);
}

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

.special_menu ul{
width:1140px;
margin:auto;
text-align:center;
margin-bottom:20px;
margin-top:-20px;
}

.special_menu ul li{
display:inline-block;
vertical-align:top;
}

.special_menu ul li a{
display:block;
position:relative;
width:342px;
height:104px;
margin:10px;
margin-top:5px;
margin-bottom:0px;
background:url(../img/special_menu.png) no-repeat;
z-index:10;
}

.special_menu ul li#smenu1 a:link{background-position:0px 0px;}
.special_menu ul li#smenu2 a:link{background-position:-342px 0px;}
.special_menu ul li#smenu3 a:link{background-position:-684px 0px;}

.special_menu ul li#smenu1 a:hover,.special_menu ul li#smenu1 a.active{background-position:0px -104px;}
.special_menu ul li#smenu2 a:hover,.special_menu ul li#smenu2 a.active{background-position:-342px -104px;}
.special_menu ul li#smenu3 a:hover,.special_menu ul li#smenu3 a.active{background-position:-684px -104px;}


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

#shop{padding-bottom:20px;}

.shop{
background:url(../img/bg_area.png);
border-top:1px solid rgba(0, 0, 0, 0.1);
border-bottom:1px solid rgba(0, 0, 0, 0.1);
padding-bottom:10px;
padding-top:20px;
}

#shop ul{
text-align:center;
}

#shop ul li{
text-align:center;
display:inline-block;
vertical-align:top;
}

#shop ul li ol{
margin:20px;
margin-top:10px;
margin-bottom:10px;
}

#shop ul li ol li{
display:block;
text-align:center;
}

#shop ul li ol li p{
text-align:center;
}

#shop ul li.name img{
display:block;
position:relative;
z-index:30;
margin-left:35px;
margin-bottom:-50px;
}

#shop ul li.deco img{
display:block;
position:relative;
z-index:20;
margin-bottom:-3px;
margin-left:30px;
}

#shop ul li.cg img{
position:relative;
width:292px;
height:172px;
z-index:10;
}

#shop ul li.cg a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#shop ul li.cate{
display:block;
color:#FFF;
text-align:center;
font-size:13px;
padding-top:3px;
margin-bottom:5px;
background:rgba(204,0,0,0.7);
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.4);
text-shadow:-1px -1px 0px rgba(255,255,255,0.4);
}

#shop ul li.link a{
display:block;
color:#FFF;
text-align:center;
font-size:13px;
padding-top:3px;
background:rgba(0,51,51,0.8);
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.4);
text-shadow:-1px -1px 0px rgba(255,255,255,0.4);
}

#shop ul li.link a:hover{
color:#FF0;
}


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

#store{padding-bottom:30px;}

#store1{
width:1100px;
height:660px;
margin:10px auto;
background:url(../img/store1.jpg) no-repeat;
border:1px dashed #600;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}

#store2{
width:1100px;
height:1180px;
margin:10px auto;
background:url(../img/store2.jpg) no-repeat;
border:1px dashed #600;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}

#store3{
width:1100px;
height:470px;
margin:10px auto;
background:url(../img/store3.jpg) no-repeat;
border:1px dashed #600;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}

#store p a img{
display:block;
position:absolute;
}

#store1 p a img{
margin-top:480px;
margin-left:680px;
}

#store2 p a img{
margin-top:1020px;
margin-left:700px;
}

#store3 p a img{
margin-top:240px;
margin-left:105px;
}

#store p a img:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#append{
width:1100px;
height:800px;
margin:10px auto;
background:url(../img/append.jpg) no-repeat;
border:1px dashed #600;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}

#append p a img{
display:block;
position:absolute;
margin-top:430px;
margin-left:50px;
}

#point{
width:1100px;
height:800px;
margin:10px auto;
background:url(../img/point.jpg) no-repeat;
border:1px dashed #600;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}

#point p a img{
display:block;
position:absolute;
margin-top:430px;
margin-left:20px;
}

#enquete{
width:1100px;
height:700px;
margin:0px auto;
background:url(../img/enquete.jpg) no-repeat;
border:1px dashed #600;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}

#enquete p a img{
display:block;
position:absolute;
margin-top:430px;
margin-left:50px;
}

#cancel{
width:1100px;
height:700px;
margin:0px auto;
background:url(../img/cancel.jpg) no-repeat;
border:1px dashed #600;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}

#cancel p a img{
display:block;
position:absolute;
margin-top:550px;
margin-left:710px;
}

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

#product{padding-bottom:20px;}

#product ul{
width:1100px;
margin:8px auto;
margin-bottom:40px;
padding-top:7px;
padding-bottom:12px;
background:url(../img/bg_area.png);
}

#product ul li ol{
font-size:13px;
padding:5px;
padding-left:20px;
padding-right:20px;
border-bottom:1px dashed #FFF;
box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 0px 0px;
}

#product ul li ol li{
display:inline-block;
vertical-align:middle;
margin-bottom:1px;
padding-top:1px;
padding-bottom:1px;
}

#product ul li ol li h6{
color:#FFF;
text-align:center;
letter-spacing:4px;
width:200px;
padding:10px;
padding-top:5px;
padding-bottom:4px;
background:rgba(0,51,51,0.8);
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.4);
text-shadow:-1px -1px 0px rgba(255,255,255,0.4);
}

#product ul li ol li p{
color:#FFF;
min-width:770px;
margin-left:20px;
padding:20px;
padding-top:5px;
padding-bottom:6px;
box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 0px 0px;
border:1px solid rgba(255,255,255,0.6);
text-shadow:-1px -1px 0px rgba(255,255,255,0.2);
}

#product ul.product1 li ol li p{
background:rgba(153,0,0,0.6);
letter-spacing:4px;
}

#product ul.product2 li ol li p{
min-width:375px;
padding:10px;
padding-top:5px;
padding-bottom:6px;
background:rgba(0,51,153,0.5);
}

#product ul.product3 li ol li p{
background:rgba(51,0,51,0.7);
letter-spacing:4px;
}

#product ul li ol li p span{
color:#FF0;
font-size:12px;
margin-right:10px;
text-align:center;
padding:5px;
padding-top:0px;
padding-bottom:1px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
background:rgba(0,0,0,0.8);
border:1px solid rgba(255,255,255,0.4);
}

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

.footer{
width:100%;
min-width:1260px;
padding-bottom:50px;
z-index:400;
border-top:1px solid rgba(255,255,255,0.1);
background:url(../img/bg_footer.png) repeat-x;
}

.footer ul{
width:1140px;
margin:auto;
font-size:10px;
text-align:center;
margin-top:10px;
letter-spacing:-.40em;
}

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

.footer ul li a{
display:block;
letter-spacing:4px;
width:110px;
padding-top:5px;
padding-bottom:5px;
border-right:1px solid rgba(255,255,255,0.5);
}

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

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