@charset"UTF-8";

@import url(base.css);

#crumbs {
margin: 10px 0;
text-align: left;
}

#crumbs ul {
list-style: none;
display: inline-table;
}
#crumbs ul li {
display: inline;
}

#crumbs ul li a {
display: block;
float: left;
height: 18px;
background: #81493c;
text-align: center;
padding: 2px 10px 0 20px;
position: relative;
margin: 0 10px 0 0; 
font-size: 75%;
text-decoration: none;
color: #fff;
}
#crumbs ul li a:after {
content: "";  
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #81493c;
position: absolute; right: -10px; top: 0;
z-index: 1;
}

#crumbs ul li a:before {
content: "";  
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #f5f3ee;
position: absolute; left: 0; top: 0;
}

#crumbs ul li:first-child a {
-webkit-border-top-left-radius: 10px; 
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;  
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#crumbs ul li:first-child a:before {
display: none; 
}

#crumbs ul li:last-child a {
padding-right: 20px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px; 
-moz-border-radius-bottomright: 10px; 
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
#crumbs ul li:last-child a:after {
display: none; 
}

#crumbs ul li a:hover {
background: #fa5ba5;
}
#crumbs ul li a:hover:after {
border-left-color: #fa5ba5;
}

.title_exp{
text-align: center;
color: #6a4a31;
margin-bottom: 10px;
}

/*サブメニュー用*/
img.thum_new{
 width: 45px;
 height: 35px;
 position:absolute;
 background-color: transparent;
 padding: 0;
 }

/*サムネ用*/
img.thum_new2{
 width: 34px;
 height: 18px;
 position:absolute;
 background-color: transparent;
 padding: 0;
 }

/*PxCとは？*/
/*#wha_wp{
width: 1200px;
margin: 0 auto;
background: url(../images/bg_goods1.png) no-repeat left 120px,
			url(../images/bg_goods4.png) no-repeat right 250px,
			url(../images/bg_goods3.png) no-repeat left 1000px,
			url(../images/bg_goods5.png) no-repeat right 2800px;
}*/

.wha_wp1{
width: 241px;
height: 552px;
position: absolute;
display: block;
background:url(../images/bg_goods1.png) no-repeat;
left: 80px;
top: 120px;
z-index: -1;
}

.wha_wp2{
width: 220px;
height: 333px;
position: absolute;
display: block;
background:url(../images/bg_goods4.png) no-repeat;
right: 80px;
top: 250px;
z-index: -1;
}

.wha_wp3{
width: 202px;
height: 382px;
position: absolute;
display: block;
background:url(../images/bg_goods3.png) no-repeat;
left: 80px;
top: 1000px;
z-index: -1;
}

.wha_wp4{
width: 190px;
height: 404px;
position: absolute;
display: block;
background:url(../images/bg_goods5.png) no-repeat;
right: 80px;
top: 2900px;
z-index: -1;
}

.wha_title{
width: 228px;
height: 50px;
margin: 20px auto 10px auto;
}

#wha_nav{
height: 86px;
width: 480px;
margin: 20px auto 50px auto;
}

#wha_nav li{
width: 86px;
height: 86px;
float: left;
margin: 0 0 0 10px;
}

.wha_nav_late{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-khtml-opacity: 0.6;
background:none!important;
}

#story{
width: 945px;
height: 591px;
margin: 0 auto 100px auto;
overflow: hidden;
}

#concept{
width: 949px;
height: 847px;
margin: 0 auto 100px auto;
overflow: hidden;
}

#stage{
width: 971px;
height: 710px;
margin: 0 auto 100px auto;
overflow: hidden;
}

#stage_nav {
width: 800px;
margin: 5px auto;
}

#stage_nav h3{
clear: both;
background: #84c257;
border: 5px solid #84c257;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;  
border-radius: 5px;
color: #fff;
margin: 15px auto 0 auto;
}

#stage_nav li{
float: left;
margin: 10px;
}

#stage_map{
width: 971px;
height: 549px;
background: url(../images/stage_map.jpg) no-repeat top;
}

#subchara{
width: 920px;
margin: 0 auto 100px 50px;
overflow: hidden;
}

#subchara h3{
width: 308px;
height: 88px;
margin: 0 0 20px 0;
}

.subchara_box{
width: 420px;
height: 150px;
background-color: #fcfbfa;
border: solid 3px #f7b882;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 10px 10px 0;
float: left;
padding: 10px;
}

.subchara_box h4{
font-size: 133%;
color: #60422a;
border-bottom: dashed 1px #fbcc84;
margin-bottom: 8px;
}

#outline{
width: 945px;
margin: 0 auto 50px auto;
}

#outline h3{
width: 308px;
height: 88px;
}

#outline h4{
font-size: 125%;
font-weight: bold;
color: #81493c;
margin: 20px auto 5px auto;
text-align: center;
}

#outline table{
width: 600px;
margin: 0 auto 30px auto;
border-collapse: collapse;
}

#outline th{
padding: 4px 0;
color: #81493c;
}

#outline td{padding: 4px 0;}

.out_ta1 th{
width: 300px;
border-bottom: dashed 1px #b7a097;
}

.out_ta1 td{border-bottom: dashed 1px #b7a097;}

.out_ta2{border: solid 1px #b7a097;}

.out_ta2 thead{
background-color: #b7a097;
color: #fff;
font-weight: bold;
}

.out_ta2 th{border-bottom: solid 1px #b7a097;}

.out_ta2 td{
text-align: center;
border-bottom: solid 1px #b7a097;
border-left: solid 1px #b7a097;
}

/*紹介共通*/
.cha_wp{
width: 1134px;
height: 1267px;
background: url(../images/cha_wp.png) no-repeat;
position: absolute;
display: block;
top: 8px;
left: -95px;
z-index: -1;
}

.cha_inner{
position:relative;
width: 980px;
height: 1015px;
margin: 0 auto;
}

.cha_left{
width: 542px;
height: 1015px;
float: left;
overflow: hidden;
color: #402b26;
}

.cha_text{
width: 390px;
margin: 10px 15px 30px 135px;
}

.cha_text h3{
text-align: center;
font-size: 125%;
margin: 0 auto 5px auto;
}

.cha_pro{
text-align: center;
margin: 10px auto;
font-weight: bold;
}

#navi{
width: 312px;
height: 74px;
margin: 0 0 0 170px;
overflow: hidden;
}

#navi li{
width: 73px;
height: 74px;
margin: 0 5px 0 0;
float: left;
}

#navi a{
display: block;
}

#navi a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
-khtml-opacity: 0.8;
background:none!important;
}

#cha_thum{
width: 460px;
margin: 30px 0 0 82px;
overflow: hidden;
}

#cha_thum h3{
width: 210px;
height: 30px;
margin: 0 0 8px 1px;
}

#cha_thum ul{
width: 460px;
height: 87px;
margin: 0 0 30px 0;
}

#cha_thum li{
width: 87px;
height: 87px;
margin: 0 0 0 5px;
float: left;
}

#cha_thum a{ display: block; }

#cha_thum a:hover{ opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
-khtml-opacity: 0.8;
background:none!important; }

.cha_right{
width: 438px;
height: 1015px;
float: right;
overflow: hidden;
}

#photo img{
position:absolute;
}

#cha_staff{
width: 350px;
height: 174px;
margin: 40px 100px 60px 530px;
overflow: hidden;
color: #6a4a31;
}

#cha_staff2{
width: 350px;
height: 174px;
margin: 40px 100px 60px 114px;
overflow: hidden;
color: #6a4a31;
float: right;
}

#cha_prom{
width: 356px;
height: 200px;
margin: 30px 0 0 60px;
float: left;
position:relative;
}

.prom_wp{
width: 144px;
height: 116px;
background: url(../images/cha_prom.png) no-repeat;
position: absolute;
display: block;
top: -15px;
left: -150px;
z-index: 1;
}

/*のぞみ*/
#noz_word{
background: url(../images/noz_word.png) no-repeat right 10px;

-moz-animation-name:fade;
-moz-animation-duration:4s;
-webkit-animation-name:fade;
-webkit-animation-duration:4s;
animation-name:fade;
animation-duration:4s;

-moz-transition-delay:2s;
-webkit-transition-delay:2s;
transition-delay:2s;
}

@-moz-keyframes fade{
from{opacity:0;}
to{opacity:1.0;}
}

@-webkit-keyframes fade{
from{opacity:0;}
to{opacity:1.0;}
}

@keyframes fade{
from{opacity:0;}
to{opacity:1.0;}
}

.noz_img{
margin: 45px 0 0 14px;
width: 289px;
height: 903px;
position: relative;

-moz-animation-name:slide;
-moz-animation-duration:2s;
-webkit-animation-name:slide;
-webkit-animation-duration:2s;
animation-name:slide;
animation-duration:2s;}

@-moz-keyframes slide{
from{ left:50px;opacity:0;}
to{left:0px;opacity:1.0;}
}

@-webkit-keyframes slide{
from{ left:50px;opacity:0;}
to{left:0px;opacity:1.0;}
}

@keyframes slide{
from{ left:50px;opacity:0;}
to{left:0px;opacity:1.0;}
}

#noz_name{
width: 264px;
height: 131px;
margin: 13px 121px 0 151px;
}

/*さくら*/
#sak_word{
background: url(../images/sak_word.png) no-repeat right 10px;

-moz-animation-name:fade;
-moz-animation-duration:4s;
-webkit-animation-name:fade;
-webkit-animation-duration:4s;
animation-name:fade;
animation-duration:4s;

-moz-transition-delay:2s;
-webkit-transition-delay:2s;
transition-delay:2s;
}

#sak_name{
width: 263px;
height: 131px;
margin: 13px 122px 0 151px;
}

.sak_img{
width: 292px;
height: 853px;
margin: 88px 0 0 35px;
position: relative;

-moz-animation-name:slide;
-moz-animation-duration:2s;
-webkit-animation-name:slide;
-webkit-animation-duration:2s;
animation-name:slide;
animation-duration:2s;
}

/*エレクトリーチカ*/
#ele_word{
background: url(../images/ele_word.png) no-repeat right top;

-moz-animation-name:fade;
-moz-animation-duration:4s;
-webkit-animation-name:fade;
-webkit-animation-duration:4s;
animation-name:fade;
animation-duration:4s;

-moz-transition-delay:2s;
-webkit-transition-delay:2s;
transition-delay:2s;
}

#ele_name{
width: 402px;
height: 131px;
margin: 13px 33px 0 101px;
}

.ele_img{
width: 347px;
height: 942px;
margin: 0;
position: relative;

-moz-animation-name:slide;
-moz-animation-duration:2s;
-webkit-animation-name:slide;
-webkit-animation-duration:2s;
animation-name:slide;
animation-duration:2s;
}

/*こまち*/
#kom_word{
background: url(../images/kom_word.png) no-repeat right 10px;

-moz-animation-name:fade;
-moz-animation-duration:4s;
-webkit-animation-name:fade;
-webkit-animation-duration:4s;
animation-name:fade;
animation-duration:4s;

-moz-transition-delay:2s;
-webkit-transition-delay:2s;
transition-delay:2s;
}

#kom_name{
width: 282px;
height: 131px;
margin: 13px 113px 0 141px;
}

.kom_img{
width: 259px;
height: 931px;
margin: 0 0 0 24px;
position: relative;

-moz-animation-name:slide;
-moz-animation-duration:2s;
-webkit-animation-name:slide;
-webkit-animation-duration:2s;
animation-name:slide;
animation-duration:2s;
}

/*download*/
.dl_title{
width: 184px;
height: 44px;
margin: 20px auto 10px auto;
}

#dl_nav{
width: 672px;
height: 86px;
margin: 20px auto 40px auto;
}

#dl_nav li{
width: 86px;
height: 86px;
float: left;
margin: 0 0 0 10px;
}

/*#dl_wp{
width: 1200px;
height: 100%;
overflow: hidden;
margin: 0 auto;
background: url(../images/bg_goods3.png) no-repeat left 120px,
			url(../images/bg_goods4.png) no-repeat right 150px;
}*/

.dl_wp1{
width: 220px;
height: 333px;
position: absolute;
display: block;
background:url(../images/bg_goods4.png) no-repeat;
right: 90px;
top: 150px;
z-index: -1;
}

.dl_wp2{
width: 202px;
height: 382px;
position: absolute;
display: block;
background:url(../images/bg_goods3.png) no-repeat;
left: 100px;
top: 110px;
z-index: -1;
}

#dl_inner{
width: 980px;
margin: 0 auto;
}

#dl_inner h3{
font-size: 133%;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 0 5px 28px;
color: #482b1e;
border-bottom: dashed 1px #fad2db;
background: url(../images/mark.gif) no-repeat left top;
display: block;
}

#dl_inner h4{
font-size: 117%;
margin: 20px 0 10px 0;
color: #fff;
background-color: #f29ec2;
border: solid 5px #f29ec2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#dl_inner h5{
font-size: 108%;
margin: 10px;
border-left: solid 5px #482b1e;
padding-left: 10px;
color: #482b1e;
}

#dl_inner p{margin-bottom: 10px;}

#dl_inner section{
width: 950px;
border: solid 5px #fad2db;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
margin: 0 auto 20px auto;
background-color: #fff;
padding: 10px;
overflow: hidden;
color: #37231e;
}

#dl_inner dl{
width: 950px;
overflow: hidden;
}

#dl_inner dt{
width: 470px;
float: left;
margin: 0 10px 0 0;
text-align: center;
}

#dl_inner dd{
width: 470px;
float: right;
}

.dl_ban_200{margin: 0 auto;}

.dl_ban_200 td{
width: 200px;
text-align: center;
border: solid 2px #fff;
}

.dl_ban_600{margin: 0 auto;}

.dl_ban_600 td{
width: 600px;
text-align: center;
border: solid 2px #fff;
}

.dl_mirror{
width: 460px;
margin: 10px 0;
border-collapse: separate;
}

.dl_mirror th{
width: 180px;
border-bottom: dashed 1px #b7a097;
padding: 2px;
}

.dl_mirror td{
border-bottom: dashed 1px #b7a097;
text-align: center;
}

.dl_list{
list-style-type: disc;
margin: 10px 0;
padding: 0 0 0 20px;
}

.dl_list li{
list-style-type: disc;
margin: 0 0 5px 0;

}

/*システム*/
.sys_title{
width: 153px;
height: 49px;
margin: 20px auto 10px auto;
}

#sys_box{
position: relative;
background: url(../images/bg_goods5.png) no-repeat right 510px,
			url(../images/bg_goods3.png) no-repeat left 1700px,
			url(../images/bg_goods4.png) no-repeat right 2850px,
			url(../images/bg_goods1.png) no-repeat left 3200px;
}

#sys_box section{
width: 980px;
margin: 100px auto 0 auto;
overflow: hidden;
color: #37231e;
position: relative;
}

#lovelycall{
padding-bottom: 200px;
}

#sys_box h1{
font-size: 150%;
margin-bottom: 15px;
color: #ea537e;
width: 317px;
height: 88px;
}

#sys_box h2{
font-size: 133%;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 0 5px 28px;
color: #482b1e;
border-bottom: dashed 1px #fad2db;
background: url(../images/mark.gif) no-repeat left top;
display: block;
}

#sys_box p{
margin-bottom: 10px;
}

.lct{ height: 40px;width: 470px;margin: 0 auto;}

.symt{ height: 150px;width: 441px;margin: 0 auto; }

.suct{height: 40px;width: 558px;margin: 0 auto 5px auto;}

.apt{
width: 679px;
height: 435px;
background: url(../images/sys_text4.png) no-repeat;
position: absolute;
display: block;
left: 150px;
top: 30px;
z-index: -1;
}

.apt p{display: none;}

.sys_inner{
width: 700px;
border: solid 5px #fad2db;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
background-color: #fff;
padding: 10px;
overflow: hidden;
color: #37231e;
z-index: 10;
}

.sys_rig {margin: 20px auto 20px 30px;}

.sys_cen {margin: 20px auto;}
.sys_cen2 {margin: 390px auto 20px auto;}

.sys_lef {margin: 20px 30px 20px auto;}
.sys_lef2 {margin: 170px 30px 20px auto;}

.sys_btn1{
width: 328px;
height: 137px;
position: absolute;
display: block;
top: 390px;
right: 0;
z-index: 20;
}

.sys_btn2{
width: 332px;
height: 132px;
position: absolute;
display: block;
top: 150px;
left: 0;
z-index: 20;
}

#sys_suc_list{
width: 930px;
margin: 0 auto;
}

#sys_suc_list li{
width: 300px;
height: 255px;
float: left;
margin: 5px;
}

.sys_cha1{
width: 875px;
margin: 0 auto 10px auto;
}
.sys_cha2{
width: 786px;
margin: 0 auto;
}

.sys_cha2 li{
width: 786px;
height: 356px;
margin: 10px auto;
}

.sys_lc_bg1{
position: absolute;
display: block;
width: 364px;
height: 233px;
background: url(../images/sys_bg01.png) no-repeat 0 0;
right: -70px;
top: -90px;
z-index: -1;
}

.sys_lc_bg2{
position: absolute;
display: block;
width: 363px;
height: 234px;
background: url(../images/sys_bg02.png) no-repeat 0 0;
right: -120px;
top: 110px;
z-index: -1;
}

.sys_lc_bg3{
position: absolute;
display: block;
width: 578px;
height: 263px;
background: url(../images/sys_bg03.png) no-repeat 0 0;
left: -110px;
top: 450px;
z-index: -1;
}

.sys_lc_bg4{
position: absolute;
display: block;
width: 542px;
height: 254px;
background: url(../images/sys_bg04.png) no-repeat 0 0;
left: 40px;
top: 720px;
z-index: -1;
}

.sys_sym_bg1{
position: absolute;
display: block;
width: 351px;
height: 212px;
background: url(../images/sys_bg05.png) no-repeat 0 0;
right: -90px;
top: 1070px;
z-index: -1;
}

.sys_sym_bg2{
width: 251px;
height: 318px;
position: absolute;
display: block;
top: 320px;
right: 20px;
z-index: 20;
}

.sys_sym_bg3{
position: absolute;
display: block;
width: 185px;
height: 148px;
background: url(../images/sys_bg06.png) no-repeat 0 0;
left: 10px;
top: 1330px;
z-index: 10;
}

.sys_sym_bg4{
position: absolute;
display: block;
width: 275px;
height: 141px;
background: url(../images/sys_img06c.png) no-repeat 0 0;
right: 100px;
top: 1447px;
z-index: 10;
}

.sys_sym_bg5{
position: absolute;
display: block;
width: 291px;
height: 143px;
background: url(../images/sys_img06d.png) no-repeat 0 0;
right: 80px;
top: 1590px;
z-index: 10;
}

/*ネームリスト*/
#loverycall-namelist{
  border : solid 1px #60422a;
  border-collapse : collapse;
  margin : 10px auto;
}

.namelist-top{
  width : 200px;
  padding : 5px;
  background-color : #b7a097;
  font-weight : normal;
  font-size : 117%;
  border : solid 1px #60422a;
  text-align : center;
  color: #2e1d10;
}

#loverycall-namelist tbody{
  border-top : solid 2px #60422a;
}

#loverycall-namelist td{
  width : 200px;
  padding : 5px;
  text-align : center;
  font-size : 108%;
  border : solid 1px #60422a;
}

.namelist-left{
  width : 100px;
  background-color : #b7a097;
  border-right : solid 2px #60422a;
  font-weight : normal;
  font-size : 117%;
  border-bottom : solid 1px #60422a;
  text-align : center;
  color: #2e1d10;
}

/*スペシャル*/
.spe_title{
width: 153px;
height: 48px;
margin: 20px auto 10px auto;
}

#spe_menu{
width: 930px;
margin: 20px auto;
}

#spe_menu li{
width: 450px;
height: 150px;
margin: 0 10px 10px 0;
float: left;
box-shadow:1px 1px 5px #4e4138;
-moz-box-shadow:1px 1px 5px #4e4138;
}

#spe_menu a:hover{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-khtml-opacity: 0.6;
background:none!important;
}

.sp_midasi{
text-align: center;
font-size: 167%;
color: #6a4a31;
margin: 10px auto;
}

/*予約キャンペーン*/
#sp01_list{
margin: 20px auto;
}

#sp01_list ul{
width: 500px;
font-size: 117%;
margin: 0 auto;
overflow: hidden;
}

#sp01_list li{
float: left;
margin: 10px
}

#sp01_list table{
background-color: #fff;
margin: 0 auto 30px auto;
border: solid 1px #b27a6d;
border-collapse : collapse;
text-align: center;
}

#sp01_list th{
background-color: #b27a6d;
color: #fff;
padding: 4px;
}

#sp01_list td{
width: 220px;
border: solid 1px #b27a6d;
padding: 4px;
}

/*特典*/
.sp02_box{
width: 950px;
border: solid 5px #fad2db;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
margin: 0 auto 20px auto;
background-color: #fffdfb;
padding: 10px;
overflow: hidden;
color: #37231e;
text-align: center;
position:relative;
}

.sp02_box h3{
font-size: 133%;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 0 5px 28px;
color: #482b1e;
border-bottom: dashed 1px #fad2db;
background: url(../images/mark.gif) no-repeat left top;
display: block;
text-align: left;
}

.sp02_link{
 width: 213px;
 height: 54px;
 position:absolute;
 background-color: transparent;
 padding: 0;
 bottom: 10px;
 right: 5px;
 }
 
.sp02_box2{
width: 300px;
border: solid 5px #fad2db;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
margin: 0 3px 7px 3px;
background-color: #fffdfb;
padding: 5px;
overflow: hidden;
color: #37231e;
text-align: center;
float: left;
}

.sp02_box2 h3{
font-size: 133%;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 0 5px 28px;
color: #482b1e;
border-bottom: dashed 1px #fad2db;
background: url(../images/mark.gif) no-repeat left top;
display: block;
text-align: left;
}


/*PCコレクション*/
#sp03_box{
width: 950px;
border: solid 5px #aeddef;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
margin: 0 auto 20px auto;
background-color: #fcfbfa;
padding: 10px;
overflow: hidden;
color: #37231e;
text-align: center;
position:relative;
font-size: 117%;
}

#sp03_box h1{
width: 641px;
height: 91px;
margin: 10px auto;
display: block;
}

#sp03_box h2{
font-size: 167%;
margin: 0 auto 10px auto;
color: #5285c6;
}

#sp03_box h3{
font-size: 117%;
margin: 0 auto 5px auto;
}

#sp03_box p{margin-bottom: 30px;}

/*#sp03_box img{padding: 0 10px;}*/

#sp03_res_rap{
width: 838px;
margin: 10px auto;
overflow: hidden;
clear: both;
}

.sp03_res{
margin: 0 35px 5px 64px;
display: block;
}

.sp03_design{
width: 399px;
height: 352px;
margin: 10px;
overflow: hidden;
float: left;
}

.sp03_design ul{
width: 270px;
height: 82px;
margin: 0 0 35px 94px;
}

.sp03_design li{
width: 82px;
height: 82px;
margin: 0 8px 6px 0;
float: left;
display: block;
}

#sp03_des_noz{
background: url(../images/sp03_noz_bg.jpg) no-repeat bottom left;
}

#sp03_des_sak{
background: url(../images/sp03_sak_bg.jpg) no-repeat bottom left;
}

#sp03_des_ele{
background: url(../images/sp03_ele_bg.jpg) no-repeat bottom left;
}

#sp03_des_kom{
background: url(../images/sp03_kom_bg.jpg) no-repeat bottom left;
}

/*PCA*/
#sp04_box{
width: 950px;
border: solid 5px #f7c7c5;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
margin: 0 auto 20px auto;
background-color: #fff;
padding: 10px;
overflow: hidden;
color: #37231e;
position:relative;
font-size: 117%;
}

#sp04_box h1{
width: 940px;
height: 400px;
margin: 0 auto 10px auto;
}

#sp04_box h3{
font-size: 117%;
margin: 30px 0 10px 0;
color: #fff;
background-color: #f29b87;
border: solid 5px #f29b87;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#sp04_box ul{
list-style-type: disc;
padding: 0 0 0 20px;
width: 800px;
margin: 10px auto;
}

#sp04_box li{
line-height: 1.5;
list-style-type: disc;
margin: 0 0 10px 0;
}

.sp04_text{
width: 750px;
margin: 0 auto;
}

#sp04_kikan{
width: 500px;
margin: 20px auto;
text-align: right;
font-size: 92%;
}

#sp04_kikan h2{
text-align: left;
font-size: 100%;
color: #f19c97;
}

#sp04_kikan table{
width: 500px;
border-collapse: collapse;
margin: 5px auto 10px auto;
}

#sp04_kikan th{
text-align: center;
width: 150px;
color: #fff;
background-color: #f19c97;
border-bottom: dashed 1px #fff;
padding: 5px;
}

#sp04_kikan td{
text-align: left;
font-size: 142%;
font-weight: bold;
text-align: center;
border-bottom: dashed 1px #f19c97;
color: #81493c;
padding: 5px;
}

#sp04_btn{
width: 784px;
overflow: hidden;
}

#sp04_btn li{
list-style-type: none;
float: left;
width: 382px;
height: 83px;
margin: 5px;
}

#sp04_btn a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
-khtml-opacity: 0.8;
background:none!important;
}

.sp04_form{
width: 710px;
margin: 10px auto;
overflow: hidden;
}

.sp04_form h4{
text-align: center;
margin-bottom: 10px;
font-size: 133%;
color: #81493c;
}

.sp04_success{
margin: 20px auto;
width: 680px;
border-collapse: collapse;
border: solid 2px #ea537e;
}

.sp04_success th{
color: #fff;
background-color: #ea537e;
border-bottom: dashed 1px #fff;
padding: 10px;
}

.sp04_success td{
text-align: left;
font-size: 125%;
font-weight: bold;
text-align: center;
border-bottom: dashed 1px #ea537e;
color: #81493c;
padding: 10px;
width: 520px;
}

/*初回特典*/
.sp07{
margin: 20px auto;
text-align: center;
}

/*event*/
#sp08{
width: 970px;
height: 610px;
margin: 20px auto;
position: relative;
}

#sp08 ul{
width: 728px;
margin: 0 auto;
position: absolute;
left: 120px;
bottom: 5px;
}

#sp08 li{
float: left;
width: 162px;
height: 162px;
margin: 0 10px;
}

#sp08 a:hover{
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
filter: alpha(opacity=70); 
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}

.sp08_mailbtn{
margin: 20px auto;
width: 600px;
font-size: 18px;
font-weight: bold;
text-align: center;
}

.sp08_mailbtn a{
color: #fff;
background-color: #f08300;
border: solid 1px #f08300;
border-radius: 5px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;  
padding: 10px;
display: block;
}

.sp08_mailbtn a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity:0.75;
}

.sp08_list{
  border : solid 2px #60422a;
  border-collapse : collapse;
  margin : 10px auto;
  width: 650px;
}

.sp08_list th{
  width : 200px;
  padding : 5px;
  background-color : #fce4d7;
  border-bottom : solid 1px #60422a;
  border-right : solid 1px #60422a;
  text-align : center;
  color: #2e1d10;
}

.sp08_list td{
  padding : 5px;
  border-bottom : solid 1px #60422a;
}

.sp08_list_head{
  background-color : #fce4d7;
  border-bottom : solid 1px #60422a;
  font-weight: bold;
}

.sp09_box{
width: 560px;
height: 315px;
margin: 20px auto;
}

.info_box{
width: 800px;
background: #fff;
margin: 20px auto;
padding: 10px 50px;
font-size: 117%;
-moz-border-radius: 10px; /* gecko */
-webkit-border-radius: 10px; /* webkit */
border-radius: 10px; /* CSS3 standard */
-khtml-border-radius: 10px; /* old konkeror */
-moz-box-shadow: 0 0 4px #ccc4c0;
-webkit-box-shadow: 0 0 4px #ccc4c0;
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#ccc4c0,strength=3)";
box-shadow: 0 0 4px #ccc4c0;
}

.info_box h1{
font-size: 133%;
text-align: center;
margin: 10px;
}

.info_box p{
margin-bottom: 15px;
}

.al_title{
width: 255px;
height: 51px;
margin: 20px auto 10px auto;
}

#al_nav {
width: 840px;
margin: 15px auto;
overflow: hidden;
}

#al_nav li{
float: left;
margin: 0 5px 5px 0;
width: 100px;
font-size: 133%;
font-weight: bold;
text-align: center;
}

#al_nav a{
color: #fff;
background-color: #b27a6d;
border: solid 1px #b27a6d;
border-radius: 5px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;  
padding: 5px;
display: block;
}

#al_nav a:hover{
text-decoration: none;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity:0.75;
}

#sur_title{
font-size: 142%;
text-align: center;
margin: 10px auto;
}

.sur_tab{
width: 650px;
margin: 0 auto 30px auto;
border-collapse: collapse;
}

.sur_tab th{
padding: 4px 0;
color: #81493c;
width: 250px;
border-bottom: dashed 1px #b7a097;
}

.sur_tab td{
padding: 4px 0;
border-bottom: dashed 1px #b7a097;
}