@charset"UTF-8";
html {
height : 100%;
width : 100%;
}

body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,img,form,textarea,table,th,td,section{ margin: 0; padding : 0; }

h1,h2,h3,h4,h5,h6 { font-size : 100%; }

ul,li{ list-style : none; }

img { max-width: 100%; height: auto; border : 0; }

/*clearfix*/
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;
clear: both; 
visibility:hidden;
}
.clearfix{
display: inline-block;
min-height:1%;  /* for IE 7*/
} 

body{
background-color:#fcf4dd;
color: #471410;
font-size: 14px;
line-height: 1.7;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka", sans-serif;
height: 100%;
overflow-y:scroll;
background-image: url(../images/wp.jpg);
}

textarea { font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka", sans-serif;}

a {
color: #000;
text-decoration: none;
}

a:hover{
color: #eb444e;
text-decoration: underline;
}

a:visited,a:active{
color: #eb444e;
text-decoration: none;
}

p { background-image: url(../images/pix.gif); }

body > #container{
height: auto;
min-height: 100%;
}

#container{
position:relative;
height: auto !important;
height: 100%;
min-height: 100%;
overflow: hidden;
}

#contents{
width: 100%;
height: auto;
min-height: 100%;
position: relative;
overflow: hidden;
margin: 0 auto;
padding-bottom: 245px;
}

#header_wrap{
position: absolute;
width: 100%;
height: 105px;
top: 5px;
left: 0;
z-index: 600;
}

#header{
width: 980px;
height: 27px;
margin: 0 auto;
position: relative;
}

#header h1{
width: 137px;
height: 27px;
float: left;
}

#header ul{
margin: 0;
float: right;
height: 27px;
}

#header li{
float: left;
width: 27px;
height: 27px;
margin: 0 0 0 5px;
}

#nav_intro{
width: 488px;
height: 27px;
z-index: 610;
position: absolute;
top: 6px;
left:246px;
}

#nav{
width: 976px;
height: 58px;
margin: 0 auto;
}

#nav li{
float: left;
width: 122px;
height: 58px;
}

.later{
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}

#footer{
bottom: 0;
position: absolute;
z-index: 50;
color:#f4b36c;
clear: both;
width: 100%;
height: 240px;
background-color: #3c1d1a;
border-top:solid 5px #f2b4a8
}

#footer-inner{
width: 980px;
margin: 20px auto 0 auto;
font-size: 12px;
line-height: 1.5;
overflow: hidden;
}

#footer-inner h1{ float: left; }

#footer-inner h2{ float: right; }

#footer-inner hr{
clear: both;
margin: 10px 0;
border-top: 1px solid #483432;
border-bottom: 1px solid #200e0d;
}

#footer-inner a{color: #f4b36c;}
#footer-inner a:hover{color: #fff;text-decoration: none;}

#footer-inner ul{
float: left;
margin: 0 10px 10px 0;
width: 186px;
}

#footer-inner li{ margin: 0 0 4px 0; }

.foot_nav_title{ font-weight: bold; }

#copy{
clear: both;
text-align: right;
}

#pagetop {
z-index: 9996;
position: fixed;
bottom: 20px;
right: 20px;
width: 141px;
height: 137px;
cursor: pointer;
}

.new_icon{
position: absolute;
width: 73px;
height: 32px;
top: -5px;
left: -5px;
}

/*top画像内用*/
#top-img-inner{
width: 980px;
height: 100%;
min-height: 800px;
margin: 0 auto;
position: relative;
overflow: hidden;
}

#top-img-inner h1{
position: absolute;
z-index: 600;
top: 100px;
left: 0;
}

#top1219{
position: absolute;
z-index: 599;
left: 0;
/*bottom: 165px;*/
bottom: 45px;
width: 296px;
height: 102px;
}

.top-img-bana{
position: absolute;
z-index: 600;
bottom: 50px;
left: 0;
width: 600px;
height: 120px;
}

#top_master{
position: absolute;
z-index: 600;
bottom: 5px;
right: 0;
width: 279px;
height: 226px;
}

/*top画像*/
#top-img{
width: 100%;
height: 800px;
z-index: 1;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
background-color: #fff;
}

#top_bg1{
width: 100%;
height: 800px;
background: url(../images/top_wp.jpg) no-repeat top center;
background-size: cover;
-moz-background-size:cover;
position: relative;
}

#top_bg_ap{
width: 100%;
height: 800px;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
-moz-background-size:cover;
position: relative;
}

#top-catch{
position: absolute;
width: 731px;
height: 45px;
top: 420px;
left: 50%;
margin-left: -365px;
}

#top_bg2,#top_bg3,#top_bg4,#top_bg5,#top_bg6,#top_bg7,#top_bg8,#top_bg9,#top_bg10,#top_bg11{
width: 100%;
height: 800px;
text-align: center;
position: relative;
}

#top_bg2{background: url(../images/top_wp2.jpg) no-repeat bottom center #ef9591;}
#top_bg3{background: url(../images/top_wp3.jpg) no-repeat bottom center #baafec;}
#top_bg4{background: url(../images/top_wp4.jpg) no-repeat bottom center #66d0df;}
#top_bg5{background: url(../images/top_wp5.jpg) no-repeat bottom center #f9a879;}

#top_bg6{background-color: #ffab9b;}
#top_bg7{background-color: #ffcc9b;}

#top_bg8{background-color:#ef9591;}
#top_bg9{background-color:#baafec;}
#top_bg10{background-color:#66d0df;}
#top_bg11{background-color:#f9a879;}

#top_bg6 img,#top_bg7 img,#top_bg8 img,#top_bg9 img,#top_bg10 img,#top_bg11 img,#top_bg_ap img{ position: absolute;bottom: 0;max-width: 980px;left: 50%;margin-left: -490px; }

#top-news{
width: 100%;
background-color: #3c1d1a;
padding: 10px 0;
overflow: hidden;
font-size: 12px;
}

#top-news-inner{
width: 980px;
margin: 0 auto;
background-color: #3c1d1a;
}

#top-news-inner h2{
width: 74px;
height: 30px;
float: left;
}

.top-news-head,.top-news-foot{
float: right;
width: 900px;
color: #f4dec2;
position: relative;
}

.top-news-head{
padding-top: 8px;
background: url(../images/top_news_more.gif) no-repeat center right;
}

.top-news-head dt{
float: left;
clear: left;
width: 80px;
}

.top-news-head dd{
margin: 0 0 10px 80px;
cursor: pointer;
}

.top-news-foot {
height: 150px;
padding-top: 10px;
border-top: solid 1px #6e4a46;
overflow: auto;
}

.top-news-foot dt{
float: left;
clear: left;
width: 80px;
padding-bottom: 5px;
border-bottom: solid 1px #6e4a46;
}

.top-news-foot dd{
padding-bottom: 5px;
margin: 0 0 15px 80px;
border-bottom: solid 1px #6e4a46;
}

.active{ background: url(../images/top_news_close.gif) no-repeat center right; }

#top-bana{
float: left;
width: 610px;
margin-bottom: 10px;
}

#top-bana li{
float: left;
position: relative;
}

.top_bana6{
width: 600px;
height: 120px;
margin: 0 5px 5px 5px;
}

.top_bana3{
width: 300px;
height: 60px;
margin: 0 5px 5px 0;
}

#top-movie{
float: right;
width: 320px;
margin-bottom: 10px;
}

#top-movie h3{
width: 320px;
height: 44px;
margin: 0 0 5px 0;
}

#top-bana-bottom{
width: 975px;
margin: 10px auto;
clear: both;
overflow: hidden;
}

#top-bana-bottom li{
width: 320px;
height: 64px;
float: left;
margin: 0 5px 5px 0;
}

/*共通中身*/
.inner{
position: relative;
width: 980px;
margin: 20px auto;
padding: 20px 0;
}

/*2階層目*/
#second_inner{
position: relative;
width: 100%;
margin: 110px 0 0 0;
}

#second_inner .inner h3{
margin-bottom: 15px;
}

.subnav{
position: relative;
width: 100%;
margin: 10px auto;
}

.subnav ul{
width: 980px;
margin: 0 auto;
}
.subnav li{
float: left;
margin: 0 10px 20px 0;
font-size: 16px;
font-weight: bold;
}

.subnav li a {
  display: block;
  cursor: pointer;
  width: 170px;
  margin: 0 auto;
  padding: 5px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #755c3b;
  border-radius: 5px;
  box-shadow: 0 6px 0 #5c4124, 0 10px 0 rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
 
.subnav li a:hover {
  background-color: #e79f5b;
  box-shadow: 0 3px 0 #b67038, 0 5px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
 
.subnav li a:active {
  color: #fff;
  background-color: #e79f5b;
  box-shadow: 0 0 0 #b67038, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  transition-duration: 0.1s;
}

#pagetitle{
width: 100%;
height: 96px;
background-image: url(../images/title_wp.jpg);
overflow: hidden;
margin-bottom: 30px;
}

#pagetitle h2{
width: 980px;
margin: 30px auto;
text-align: left;
}

#story{
background: url(../images/story_wp.jpg) no-repeat bottom right;
}

#story p{
font-size: 16px;
margin-bottom: 10px;
}

#concept_wrap{
width: 100%;
min-height: 520px;
background-color: #fffcf3;
margin: 50px 0;
padding: 20px 0;
border-top: dashed  2px #cdbb99;
border-bottom: dashed  2px #cdbb99;
}

#concept-img{
width: 504px;
height: 453px;
z-index: 0;
}

#concept_chara{
position: absolute;
width: 339px;
height: 294px;
z-index:900;
top: 270px;
left: -100px;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-delay:4s;
-webkit-animation-delay:4s;
}

#stage{
margin-bottom: 80px;
}

#stage_map{
width: 960px;
height: 540px;
margin: 0 auto;
background: url(../images/stage_map.jpg) no-repeat 0 0;
border: solid 5px #fff;
box-shadow: 0 0 4px #b67038;
}

#stage h4{
font-weight:bold;
position: relative;
background: #471410;
color: #fff;
padding: 10px;
margin: 15px 0;
-moz-border-radius: 10px; /* gecko */
-webkit-border-radius: 10px; /* webkit */
border-radius: 10px; /* CSS3 standard */
-khtml-border-radius: 10px; /* old konkeror */
}
#stage h4:after {
content: "";
position: absolute;
top: 100%;
left: 25px;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 10px solid #471410;
}

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

#outline h4{
font-size: 20px;
margin: 50px 0 0 0;
color: #e98977;
}

#outline table{
width: 700px;
margin: 10px auto;
border-collapse: collapse;
}

#outline th{
text-align: right;
border-bottom: dashed  1px #cdbb99;
padding: 10px;
width: 180px;
}

#outline td{
border-bottom: dashed  1px #cdbb99;
padding: 10px;
}

#sp_bana ul{
width: 600px;
margin: 0 auto;
}

#sp_bana li{
width: 600px;
height: 120px;
margin: 10px 0;
}

/*枠付き*/
.inner_frame{
position: relative;
width: 980px;
margin: 20px auto;
padding: 20px;
border: dashed  1px #cdbb99;
background-color: #fff;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}

#without h3,.inner_frame h3{
font-size: 20px;
text-align: center;
background-color: #e98977;
padding: 5px;
color: #fff;
margin-bottom: 15px;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
text-shadow: 1px 1px 2px #71352a;
}

#without h4,.inner_frame h4,.lcp_box h6{
color: #755c3b;
font-size: 16px;
font-weight: bold;
border-bottom: solid 1px #cdbb99;
padding-bottom: 2px;
margin: 20px 0 7px 0;
}

.inner_frame p{ margin-bottom: 10px; }

.inner_frame p:last-child{ margin-bottom: 0; }

/*枠無し*/
#without h5{
font-size: 18px;
color: #9b404b;
-moz-text-shadow: 1px 1px 0 #ffb2bc;
-webkit-text-shadow: 1px 1px 0 #ffb2bc;
text-shadow: 1px 1px 0 #ffb2bc;
}

/*強調*/
.point{
font-weight: bold;
font-size: 24px;
margin-bottom: 10px;
}

.point_sikaku{
background-color: #e5004f;
color: #fff;
padding: 5px;
}

.point_red{
color: #ff0000;
font-weight: bold;
}

/*注意*/
.caution{ color: #ff0000; }

.caution li,.caution2 li{
list-style-type: disc;
margin: 0 0 5px 15px;
}

/*ダウンロード用*/
.dl_table,.ev_table,.lcp_schedule{
width: 700px;
margin: 10px auto;
border-collapse: collapse;
border: solid 2px #755c3b;
}

.dl_table th,.ev_table th,.lcp_schedule th{ width: 40%; border-bottom: solid 1px #755c3b; padding: 10px; }
.dl_table td,.ev_table td,.lcp_schedule td{ padding: 10px; border-bottom: solid 1px #755c3b;}

.ev_table th,.lcp_schedule th{ background-color: #ffd6b6; }

.dl_btn a{
padding: 4px 15px;
color: #fff;
text-align: center;
background-color: #ff667a;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
margin-right: 10px;
box-shadow: 0 2px 0 #9b404b, 0 3px 0 rgba(0,0,0,0.2);
}

.dl_btn a:hover{
color: #9b404b;
background-color: #ffb2bc;
text-decoration: none;
}

/*応援バナー用*/
.bana1{
width: 880px;
margin: 0 auto 20px auto;
border-collapse: collapse;
}

.bana1 th{ padding: 5px; }

.bana1 td{
width: 200px;
padding: 0 10px;
text-align: center;
}

.bana2{
width: 620px;
margin: 0 auto;
border-collapse: collapse;
}

.bana2 th{ padding: 5px; }

.bana2 td{
width: 600px;
padding: 0 10px 10px 10px;
text-align: center;
}

/*キャラ*/
#chara_date{
position: relative;
z-index: 800;
width: 490px;
min-height: 1450px;
}

#chara_date h2{
width: 482px;
height: 139px;
margin-bottom: 30px;
animation-delay:1s;
-webkit-animation-delay:1s;
}

#chara_date dl{ font-size: 12px; }

#chara_date dt{
float: left;
clear: left;
width: 80px;
text-align: center;

color: #fff;
margin: 0 0 5px 0;
padding: 3px;
}

#chara_date dd{
margin: 0 0 5px 90px;
padding: 3px;
}

#chara_date p{ margin: 20px 0; }

.img_thumb{
background-color: rgba(255,255,255,0.5);
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
margin: 0 0 20px 0;
overflow: hidden;
padding: 5px;
}

.img_thumb h3,.chara_pv h3{
height: 31px;
margin: 5px;
}

.img_thumb ul{ margin-left: 5px; }

.img_thumb li{
position: relative;
float: left;
width: 148px;
height: 128px;
margin: 0 0 5px 5px;
}

.img_thumb a:hover{
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}

.chara_thumbs{
width: 490px;
margin-bottom: 20px;
}

.chara_thumbs li{
float: left;
height: 50px;
width: 150px;
margin-bottom: 5px;
text-align: center;
font-size: 18px;
line-height: 50px;
}

.chara_thumbs a{
height: 50px;
position: relative;
width: 140px;
display: block;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
color: #fff;
}

.chara_thumbs a:hover{ text-decoration: none; }

.chara_pv {padding: 5px;}
.chara_pv iframe{ margin-left: 5px;border: none; }

#loader {
width: 200px;
height: 200px;
display: none;
position: fixed;
_position: absolute; /* IE6対策 */
top: 50%;
left: 50%;
margin-top: -100px; /* heightの半分のマイナス値 */
margin-left: -100px; /* widthの半分のマイナス値 */
z-index: 9999;
}

#fade {
width: 100%;
height: 100%;
display: none;
background-color: #FFFFFF;
position: absolute;
top: 0px;
left: 0px;
z-index: 9998;
}

.chara_first{
width: 100%;
height: 100%;
z-index: 9997;
background-color: #fff;
position: fixed;
overflow: hidden;
margin: 0;
display: none;
}

.chara_cacth{
display: none;
width: 479px;
height: 93px;
z-index: 200;
position: fixed;
_position: absolute; /* IE6対策 */
top: 50%;
}

/*穂波*/
.page_honami{
background: url(../images/honami_bg01.jpg) no-repeat -32px 0,
url(../images/honami_bg02.jpg) no-repeat left 100px bottom 200px;
background-color: #f7adaa;
}

.page_honami #chara_date dt{ background-color: #cd505e; }

.page_honami .chara_thumbs a{
background-color: #cd505e;
box-shadow: 0 2px 0 #9b404b, 0 3px 0 rgba(0,0,0,0.2);
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.page_honami .chara_thumbs a:hover{ background-color: #eb7381; }

.honami_bg{ 
background-color: #fff;
background: url(../images/honami_bg00.jpg) no-repeat center center;
background-size: cover;
}
.honami_bg .chara_cacth{ left: 20%; }

/*鈴鹿*/
.page_suzuka{
background: url(../images/suzuka_bg01.jpg) no-repeat -32px 0,
url(../images/suzuka_bg02.jpg) no-repeat left 100px bottom 200px;
background-color: #cdbff9;
}

.page_suzuka #chara_date dt{ background-color: #7161bc; }

.page_suzuka .chara_thumbs a{
background-color: #7161bc;
box-shadow: 0 2px 0 #5f568d, 0 3px 0 rgba(0,0,0,0.2);
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.page_suzuka  .chara_thumbs a:hover{ background-color: #9d8fde; }

.suzuka_bg{ 
background-color: #fff;
background: url(../images/suzuka_bg00.jpg) no-repeat center center;
background-size: cover;
}
.suzuka_bg .chara_cacth{ left: 20%; }

/*梓*/
.page_azusa{
background: url(../images/azusa_bg01.jpg) no-repeat -32px 0,
url(../images/azusa_bg02.jpg) no-repeat left 100px bottom 200px;
background-color: #9ce0e3;
}

.page_azusa #chara_date dt{ background-color: #0e99b3; }

.page_azusa .chara_thumbs a{
background-color: #0e99b3;
box-shadow: 0 2px 0 #157f92, 0 3px 0 rgba(0,0,0,0.2);
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.page_azusa  .chara_thumbs a:hover{ background-color: #3fc9e2; }

.azusa_bg{ 
background-color: #fff;
background: url(../images/azusa_bg00.jpg) no-repeat center center;
background-size: cover;
 }
.azusa_bg .chara_cacth{ right: 20%; }

/*千歳*/
.page_chitose{
background: url(../images/chitose_bg01.jpg) no-repeat -32px 0,
url(../images/chitose_bg02.jpg) no-repeat left 100px bottom 200px;
background-color: #fdcaa3;
}

.page_chitose #chara_date dt{ background-color: #b3561d; }

.page_chitose .chara_thumbs a{
background-color: #b3561d;
box-shadow: 0 2px 0 #673619, 0 3px 0 rgba(0,0,0,0.2);
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.page_chitose  .chara_thumbs a:hover{ background-color: #e88e57; }

.chitose_bg{ 
background-color: #fff;
background: url(../images/chitose_bg00.jpg) no-repeat center center;
background-size: cover;
 }
.chitose_bg .chara_cacth{ left: 20%; }

/*特典*/
.shop_1column{
width: 830px;
margin: 10px auto;
padding: 15px;
border: dashed  1px #cdbb99;
background-color: #fff;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}

.shop_1column p,.shop_2column p{ text-align: center; }
.shop_1column h5{ float: left; }

.shop_2column{
float: left;
width: 450px;
margin: 9px;
padding: 10px;
border: dashed  1px #cdbb99;
background-color: #fff;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}

.shop_link{
float: right;
width: 248px;
height: 32px;
}

.num { margin: 10px 0; }

.num li{
list-style-type: decimal;
margin: 15px 30px;
}

#table2 table{
width: 80%;
margin: 20px auto 0 auto;
border-collapse: collapse;
border: solid 1px #755c3b;
}

#table2 th{
padding: 10px;
border-right: solid 2px #755c3b;
width: 20%;
background-color: #cdbb99;
}

#table2 td{
padding: 10px;
border: solid 1px #755c3b;
font-size: 12px;
width: 40%;
}


#table3{
width: 90%;
margin: 20px auto 0 auto;
border-collapse: collapse;
border: solid 1px #755c3b;
}

#table3 th{
padding: 10px;
border-right: solid 1px #755c3b;
border-bottom: solid 1px #755c3b;
width: 25%;
background-color: #cdbb99;
}

#table3 tbody,#table3 thead{
border-bottom: solid 2px #755c3b;
}

#table3 tbody:last-child{
border-bottom: none;
}

#table3 td{
padding: 10px;
border: solid 1px #755c3b;
font-size: 12px;
width: 25%;
}

/*システム*/
#e-mote p,#lovelycall p,#sympathy p,#appendlife p,#succeed p,.sys_lc_img,.sys_sym4,.sys_sym9,.sys_sym10{
text-align: center;
margin:0 auto 15px auto;
}

#lovelycall a,#sympathy a,#appendlife a,#succeed a{
transition-duration:0.5s;}

#lovelycall a:hover,#sympathy a:hover,#appendlife a:hover,#succeed a:hover{
filter: alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}

#appendlife p:last-child{
margin-bottom: 0;
}

#sympathy h4{
margin: 15px auto 10px auto;
}

#emo_wrap{
width: 100%;
min-height: 900px;
background-color: #ffcca4;
margin: 50px 0;
padding: 20px 0;
border-top: solid  5px #ffe3cd;
border-bottom: solid  5px #ffe3cd;
}

#e-mote iframe{
display: block;
margin: 0 auto 10px;
}

.sys_lc_img{
width: 876px;
height: 225px;
position: relative;
}

.sys_lc_txt1,.sys_lc_txt2{
width: 149px;
height: 149px;
position: absolute;
z-index: 20;
top: 42px;
background-repeat: no-repeat;
}

.sys_lc_txt1{ left: -87px; background-image:url(../images/sys_lc02a.png); }
.sys_lc_txt2{ right: -87px; background-image:url(../images/sys_lc02b.png); }

.sym_left{
float: left;
width: 537px;
}

.sys_right{
float: right;
width: 413px;
height: 237px;
margin: 0 20px 10px 10px;
}

.sys_img2{
width: 932px;
height: 318px;
margin: 20px auto;
}

.sys_img2 li{
width: 406px;
height: 318px;
float: left;
margin: 0 30px;
}

.sys_sym4{
width: 924px;
height: 142px;
position: relative;
}

.sys_sym4a{
width: 220px;
height: 102px;
top: 30px;
right: 10px;
background-image: url(../images/sys_sym04a.png);
}

.sys_sym9{
width: 958px;
height: 425px;
position: relative;
}

.sys_sym4a,.sys_sym9a,.sys_sym9b,.sys_sym9c,.sys_sym9d,.sys_sym9e,.sys_sym10a,.sys_sym10b,.ap_btn{
position: absolute;
z-index: 20;
background-repeat: no-repeat;
}

.sys_sym9a,.sys_sym9b{
width: 187px;
height: 118px;
top: 45px;
}

.sys_sym9a{ left: 32px; background-image: url(../images/sys_sym09a.png); }
.sys_sym9b{ right: 226px; background-image: url(../images/sys_sym09b.png); }
.sys_sym9c{ 
width: 273px;
height: 23px;
bottom: -8px;
right: 0;
background-image: url(../images/sys_sym09c.png); }

.sys_sym9d,.sys_sym9e{
width: 115px;
height: 66px;
top: 348px;
}

.sys_sym9d{
left: 353px;
background-image: url(../images/sys_sym09d.png);
}

.sys_sym9e{
right: 6px;
background-image: url(../images/sys_sym09e.png);
}

.sys_sym10{
width: 958px;
height: 600px;
position: relative;
}

.sys_sym10a{
width: 220px;
height: 34px;
top: 41px;
right: -19px;
background-image: url(../images/sys_sym10a.png);
}

.sys_sym10b{
width: 243px;
height: 52px;
top: 227px;
right: -52px;
background-image: url(../images/sys_sym10b.png);
}

#ap_wrap{
width: 100%;
min-height: 628px;
background-color: #fffcf3;
margin: 50px 0;
padding: 20px 0;
border-top: dashed  2px #cdbb99;
border-bottom: dashed  2px #cdbb99;
}

.ap_btn{
top: 400px;
right: 0;
}

#succeed li{
float: left;
height: 304px;
width: 290px;
margin: 25px 15px;
}

#cdmovie div{
width: 560px;
height : 315px;
margin: 10px auto;
}

.apl p{ text-align: center; }

.lcp_box{
width: 950px;
background-color: #f8f4d7;
border: solid 5px #f4dec2;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
padding: 10px;
margin: 20px auto;
}

.lcp_box h5{
text-align: center;
font-size: 18px;
color: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
padding: 5px;
margin-bottom: 20px;
background-color: #e98977;
}

.lcp_use{
border: solid 2px #ec6092;
width: 950px;
margin: 15px auto;
border-collapse: collapse;
}

.lcp_use th{
background-color: #ec6092;
color: #fff;
font-size: 16px;
padding: 5px;
}

.lcp_use td{
border: solid 1px #ec6092;
text-align: center;
background-color: #fff;
padding: 5px;
width: 20%;
}

.lcp_schedule{ background-color: #fff; }