@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}
a{
text-decoration:none;
outline:none;
}
table{
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-weight:normal;
font-style:normal;
}
strong{
font-weight:bold;
}
ol,ul{
list-style:none;
margin:0;
padding:0;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
margin:0;
padding:0;
}
q:before,q:after,
{
content:'';
}
abbr,acronym{
border:0;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
legend{
color:#000000;
}
hr{
margin:0;
padding:0;
display:none;
}
table{
font-family:monospace;
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
line-height:100%;
}
body, form{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
#footer select, #footer input, #footer textarea, #footer button{
vertical-align:middle;
font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
position:relative;
top:-1px;
font-size:11px;
}
input{
height: 16px;
line-height: 16px;
}
button, input[type="button"]{
overflow:visible;
height:22px;
padding:0 3px;
}
input[type="submit"]{
overflow:visible;
height:20px;
padding:2px 3px 0;
}
select{
height: 20px;
line-height: 20px;
}
input[type="checkbox"],
input[type="radio"]{
border:none;
top:-2px;
top:0\9;
margin-right:2px;
margin-right: 0\9;
}
iframe{
border:none;
}

/*-- Utility --*/
.clearfix:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
}
.clear{
clear: both;
}
a:focus{
outline: 0 !important;
}

/*-- Link --*/
a{text-decoration:underline;font-weight:bold;}
a:link{color:#ffffff;text-decoration:underline;}
a:visited{color:#ffffff;text-decoration:underline;}
a:active{color:#ffffff;text-decoration:underline;}
a:hover{color:#ffffff;text-decoration:none;}


/*-- Layout --*/
html{
height:100%;
}
body{
font:12px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
line-height:1.5;
color:#ffffff;
background:#70c43c url(../common/bg_body.jpg) center top repeat-y;
text-align:center;
}
#contents{
width:100%;
min-width:1100px;
min-height:777px;
overflow:hidden;
background:#ffffff;
}
#contents .inner{
position:relative;
margin:0 auto;
padding:0;
width:1100px;
height:100%;
}

/*-- Top Logo --*/
#logo-top{
position:absolute;
top:698px;
left:400px;
width:300px;
height:96px;
text-indent:-200%;
overflow:hidden;
z-index:10;
background:url(../img/top/main_logo.png) center top repeat-y;
background-size:100% 100%;
opacity:0;
}

/*-- Page Header --*/
#logo-title{
position:absolute;
top:12px;
left:50%;
margin:0 0 0 -542px;
width:224px;
height:70px;
z-index:10;
}

/*-- Header-btn --*/
#daito-info{
position:absolute;
top:6px;
right:15px;
width:158px;
height:80px;
line-height:1;
z-index:10;
}
.tw{
position:absolute;
top:auto;
bottom:0;
left:0;
width:36px;
height:36px;
border-radius:6px;
overflow:hidden;
}
.fb{
position:absolute;
top:auto;
bottom:0;
left:40px;
width:36px;
height:36px;
border-radius:6px;
overflow:hidden;
}
.gp{
position:absolute;
top:auto;
bottom:0;
left:80px;
width:36px;
height:36px;
border-radius:6px;
overflow:hidden;
}
.ln{
position:absolute;
top:auto;
bottom:0;
left:120px;
width:36px;
height:36px;
border-radius:6px;
overflow:hidden;
}
.header-daito{
position:absolute;
top:0;
right:0;
left:auto;
width:96px;
height:40px;
}
#top #daito-info{
position:absolute;
top:6px;
right:15px;
width:262px;
height:40px;
line-height:1;
z-index:10;
}
#top .tw{
position:absolute;
top:2px;
left:0;
bottom:auto;
width:36px;
height:36px;
border-radius:6px;
overflow:hidden;
}
#top .fb{
position:absolute;
top:2px;
left:40px;
bottom:auto;
width:36px;
height:36px;
border-radius:6px;
overflow:hidden;
}
#top .gp{
position:absolute;
top:2px;
left:80px;
bottom:auto;
width:36px;
height:36px;
border-radius:6px;
overflow:hidden;
}
#top .ln{
position:absolute;
top:2px;
left:120px;
bottom:auto;
width:36px;
height:36px;
border-radius:6px;
overflow:hidden;
}
#top .header-daito{
position:absolute;
top:0;
left:166px;
width:96px;
height:40px;
}

.tw:hover{
background:#44adf6;
box-shadow:0px 0px 2px #44adf6,0px 0px 6px #44adf6;
}
.fb:hover{
background:#3b579d;
box-shadow:0px 0px 2px #3b579d,0px 0px 6px #3b579d;
}
.gp:hover{
background:#d14a39;
box-shadow:0px 0px 2px #d14a39,0px 0px 6px #d14a39;
}
.ln:hover{
background:#00c300;
box-shadow:0px 0px 2px #00c300,0px 0px 6px #00c300;
}

/*-- Footer --*/
#footer{
width:100%;
min-width:1100px;
height:90px;
text-align:left;
background:url(../common/bg_footer.jpg) center top no-repeat;
}
#footer .inner{
position:relative;
margin:0 auto;
padding:0;
width:1100px;
height:90px;
}
#copyright{
position:absolute;
top:40px;
left:50%;
margin:0 0 0 -275px;
width:550px;
height:30px;
}
#footer .search{
position:absolute;
top:38px;
left:15px;
width:240px;
height:34px;
text-align:left;
}
.search input[type="image"]{
width:138px;
height:34px;
vertical-align:-5px;
}
.search select[name="ken"]{
padding-left:5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 80px;
height: 23px;
font-size:105%;
line-height: 25px;
border:1px solid #5d4110;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background:#ffffff url(../common/arrow_search.png) right 50% no-repeat;
background-size:24px 50px;
}
#bn-area{
position:absolute;
top:30px;
right:8px;
margin:0 0;
width:380px;
height:48px;
line-height:1;
text-align:right;
}
#bn-area img{
padding:0 2px;
width:142px;
height:48px;
display:inline-block;
}

/*-- Menu --*/
#gmenu{
position:absolute;
top:-19px;
left:240px;
margin:0 auto;
width:680px;
height:120px;
display:block;
background:url(../img/menu/bg_menu.png) left top no-repeat;
z-index:10;
}
#top #gmenu{
position:absolute;
top:0;
left:15px;
margin:0 auto;
width:680px;
height:120px;
display:block;
background:url(../img/menu/bg_menu.png) left top no-repeat;
z-index:10;
}
#gmenu1{
position:absolute;
top:37px;
left:24px;
width:80px;
height:60px;
}
#gmenu2{
position:absolute;
top:37px;
left:128px;
width:142px;
height:60px;
}
#gmenu3{
position:absolute;
top:37px;
left:293px;
width:122px;
height:60px;
}
#gmenu4{
position:absolute;
top:37px;
left:446px;
width:78px;
height:60px;
}
#gmenu5{
position:absolute;
top:37px;
left:552px;
width:102px;
height:60px;
}
#gmenu .gmenu1 .newmk,
#gmenu .gmenu2 .newmk,
#gmenu .gmenu3 .newmk,
#gmenu .gmenu4 .newmk,
#gmenu .gmenu5 .newmk{
position:absolute;
top:-5px;
right:-15px;
width:53px;
height:33px;
background:url(../common/newmk.png);
z-index:20;
}

/* Submenu */
#gmenu .sub-menu{
position:absolute;
top:100%;
left:auto;
display:none;
z-index:101;
}
#gmenu #gmenu2 .sub-menu{
margin:0 0 0 -62px;
padding:0 50px 30px;
width:170px;
height:150px;
background:url(../img/menu/bg_submenu1.png) center top no-repeat;
}
#gmenu #gmenu3 .sub-menu{
margin:0 0 0 -68px;
padding:0 50px 30px;
width:170px;
height:150px;
background:url(../img/menu/bg_submenu3.png) center top no-repeat;
}
#gmenu #gmenu4 .sub-menu{
margin:0 0 0 -70px;
padding:0 50px 30px;
width:170px;
height:150px;
background:url(../img/menu/bg_submenu4.png) center top no-repeat;
}
#gmenu .sub-menu li{
margin:0 0 8px;
padding:0 10px;
width:150px !important;
height:60px !important;
float:none;
}
#gmenu .sub-menu li:first-child{
padding:11px 10px 0;
}
#gmenu .sub-menu a{
display:block;
}
#gmenu .sub-menu img{
width:150px !important;
height:60px !important;
display:block;
}
#gmenu .menu-item-has-children:hover ul,
#gmenu .menu-item-has-children ul.focused{
display:block;
}
#gmenu li.menu-item-has-children li{
transition:all 0.75s;
-moz-transition:all 0.75s;
-webkit-transition:all 0.75s;
-ms-transition:all 0.75s;
-o-transition:all 0.75s;
}

/*-- Loading --*/
#load{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:#4eae5a;
z-index:1000;
display:block;
}
#load .inner{
position:absolute;
top:45%;
left:50%;
margin:-35px 0 0 -113px;
width:224px;
height:70px;
overflow:hidden;
}
#load-symbol{
width:224px;
height:70px;
background: url(../common/page_logo.png) left top no-repeat;
}
#top #load{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background-color:#ffffff;
background-image:url(../img/load/bg_loading.jpg);
background-position:center top;
background-repeat:no-repeat;
z-index:1000;
display:block;
}
#top #load .inner{
position: relative;
top:auto;
left:auto;
margin:0 auto 0 auto;
width:800px;
height:840px;
}
#top #load1{
position:absolute;
top:377px;
left:175px;
width:440px;
height:500px;
background-image:url(../img/load/load1.png);
opacity:0;
}
#top #load2{
position:absolute;
top:419px;
left:455px;
width:250px;
height:290px;
background-image:url(../img/load/load2.png);
opacity:0;
}
#top #load3{
position:absolute;
top:407px;
left:104px;
width:210px;
height:300px;
background-image:url(../img/load/load3.png);
opacity:0;
}
#top #load4{
position:absolute;
top:382px;
left:-4px;
width:150px;
height:240px;
background-image:url(../img/load/load4.png);
opacity:0;
}
#top #load5{
position:absolute;
top:372px;
left:644px;
width:170px;
height:250px;
background-image:url(../img/load/load5.png);
opacity:0;
}
#top #load-ready{
position:absolute;
top:320px;
left:50%;
margin:0 0 0 -270px;
width:540px;
height:100px;
background-image:url(../img/load/load_ready.png);
opacity:0;
}
.numb{
position:absolute;
top:650px;
left:50%;
margin:0 0 0 -200px;
padding:0 80px 0 0;
width:300px;
height:120px;
text-align:right;
background:url(../img/load/load_per.png) right bottom no-repeat;
}
.numb span{
width:100px;
height:120px;
display:inline-block;
text-indent:200%;
overflow:hidden;
}
.numb span.num1{
background:url(../img/load/loading_num1.png) no-repeat left top;
}
.numb span.num2{
background:url(../img/load/loading_num2.png) no-repeat left top;
}
.numb span.num3{
background:url(../img/load/loading_num3.png) no-repeat left top;
}
.numb span.num4{
background:url(../img/load/loading_num4.png) no-repeat left top;
}
.numb span.num5{
background:url(../img/load/loading_num5.png) no-repeat left top;
}
.numb span.num6{
background:url(../img/load/loading_num6.png) no-repeat left top;
}
.numb span.num7{
background:url(../img/load/loading_num7.png) no-repeat left top;
}
.numb span.num8{
background:url(../img/load/loading_num8.png) no-repeat left top;
}
.numb span.num9{
background:url(../img/load/loading_num9.png) no-repeat left top;
}
.numb span.num0{
background:url(../img/load/loading_num0.png) no-repeat left top;
}

/*-- Comingup --*/
#comingup-wrap{
position:absolute;
top:52px;
right:15px;
width:390px;
height:60px;
line-height:1;
overflow:hidden;
z-index:10;
}
#comingup{
position:absolute;
top:0;
left:0;
width:390px;
height:60px;
background:url(../img/top/oshirase_waku.png) left top no-repeat;
}
#comingup-r{
position:absolute;
top:0;
left:0;
width:390px;
height:60px;
background:url(../img/top/oshirase.png) left top no-repeat;
overflow:hidden;
}
#comingup-r .inner{
position:absolute;
top:22px;
left:400px;
width:600px;
height:20px;
font-size:15px;
color:#553322;
text-align:left;
font-weight:normal;
line-height:1;
white-space:nowrap;
display:block;
}

/*-- Top Movie --*/
#btn-topmovie{
position:absolute;
bottom:94px;
left:15px;
width:280px;
height:160px;
z-index:10;
opacity:0;
}

/*-- Movie --*/
.mv {
position: relative;
margin-bottom: 20px;
padding-bottom: 56.25%; /* 16/9 ratio */
height: 0;
overflow: hidden;
}
.mv iframe{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100% !important;
height:100% !important;
}
@media (max-width: 720px) {
#yt-content01,
#yt-content02,
#yt-content03,
#yt-content04,
#yt-content05,
#yt-content06,
#yt-content07,
#yt-content08,
#yt-content09,
#yt-content10{
position: relative;
padding:0;
width:320px;
height:180px;
overflow: hidden;
}
#cboxTitle{
display:none;
}
}
@media (min-width: 721px) {
#yt-content01,
#yt-content02,
#yt-content03,
#yt-content04,
#yt-content05,
#yt-content06,
#yt-content07,
#yt-content08,
#yt-content09,
#yt-content10{
position: relative;
padding:0;
width:900px;
height:506px;
overflow: hidden;
}
#cboxTitle{
display:none;
}
}