@charset "UTF-8";
/*---RESET---*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td{margin:0;padding:0;}
body{background:#000930; color:#fff; font-size:16px;  font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
ul,ol{list-style:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
img{-ms-interpolation-mode:bicubic; vertical-align:bottom;}
img.wi100{width:100%;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear: both; height: 0; }
.clearfix { *zoom:1;} 
.clear { clear:both;}
.fnot_f{ font-family: "メイリオ";}

.re_color{color:#e60021;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}

.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden ;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}

.ffbg{background:#000930 url(../images/bg.jpg) top center no-repeat;  background-size: 100% auto;}
.wrap{ width:1000px; margin:0 auto;}

.header{ position:relative;}
.menu{ position:absolute; left:45px; bottom:44px;}
.menu li{ float:left; width:130px; height:120px;}
.menu li a{ display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden;}

.menu li.menu_01 a{ background:url(../images/menu_01_off.png) 0 0 no-repeat; }
.menu li.menu_02 a{ background:url(../images/menu_02_off.png) 0 0 no-repeat; }
.menu li.menu_03 a{ background:url(../images/menu_03_off.png) 0 0 no-repeat; }
.menu li.menu_04 a{ background:url(../images/menu_04_off.png) 0 0 no-repeat; }
.menu li.menu_05 a{ background:url(../images/menu_05_off.png) 0 0 no-repeat; }
.menu li.menu_06 a{ background:url(../images/menu_06_off.png) 0 0 no-repeat; }
.menu li.menu_07 a{ background:url(../images/menu_07_off.png) 0 0 no-repeat; }

.menu li.menu_01 a:hover{ background:url(../images/menu_01_on.png) 0 0 no-repeat; }
.menu li.menu_02 a:hover{ background:url(../images/menu_02_on.png) 0 0 no-repeat; }
.menu li.menu_03 a:hover{ background:url(../images/menu_03_on.png) 0 0 no-repeat; }
.menu li.menu_04 a:hover{ background:url(../images/menu_04_on.png) 0 0 no-repeat; }
.menu li.menu_05 a:hover{ background:url(../images/menu_05_on.png) 0 0 no-repeat; }
.menu li.menu_06 a:hover{ background:url(../images/menu_06_on.png) 0 0 no-repeat; }
.menu li.menu_07 a:hover{ background:url(../images/menu_07_on.png) 0 0 no-repeat; }

.menu li.menu_01 a.sel{ background:url(../images/menu_01_on.png) 0 0 no-repeat; }
.menu li.menu_02 a.sel{ background:url(../images/menu_02_on.png) 0 0 no-repeat; }
.menu li.menu_03 a.sel{ background:url(../images/menu_03_on.png) 0 0 no-repeat; }
.menu li.menu_04 a.sel{ background:url(../images/menu_04_on.png) 0 0 no-repeat; }
.menu li.menu_05 a.sel{ background:url(../images/menu_05_on.png) 0 0 no-repeat; }
.menu li.menu_06 a.sel{ background:url(../images/menu_06_on.png) 0 0 no-repeat; }
.menu li.menu_07 a.sel{ background:url(../images/menu_07_on.png) 0 0 no-repeat; }



.infortion{ margin:0 auto; width:890px; border:3px solid #75452e; position:relative;}
.title_ph{ position:absolute; top:0; left:-40px;}
.infortion .con_in{border:1px solid #f5e298; background:url(../images/info_bg.png) 0 0 repeat; padding:30px 50px 30px 295px; line-height:24px; }
.infortion .con_in .time{ color:#dbae3c; float:left; width:115px;}
.infortion .con_in .con_ti{ float:left; width:400px;}
.infortion .con_in .con_ti a{ color:#fff; text-decoration:underline;}

/*  page  */

.page{background:#000930 url(../images/page_bg.jpg) top center no-repeat;}
.page .wrap{ width:1120px; margin:0 auto; }
.page .header{ width:1220px; margin-left:-40px;  position:relative;}
.page .header .menu{ left:215px; bottom:40px;}
.page .main{ width:1000px; margin:0 auto;}

.page .con_mob{ background:#fcfcf4; padding:0px 0 25px 0;}
.page .left_ph{ float:left; width:140px; padding:20px 40px 40px 45px;}
.page .right_text{float:left; width:720px; padding:30px 50px 40px 0; line-height:24px; color:#001e61; font-weight:bold;}
.right_text a{ color:inherit; text-decoration:underline}
.right_text a:hover{ opacity:0.7;}

.time_r{ color:#e60021;}
.bwf{ font-size:18px; color:#885600;}


.artist .con_mob{}
.artist .con_mob .atphM{ float:left; width:300px; position:relative; overflow:hidden; margin:20px 0 0 25px;}
.artist .con_mob .atphM .moveup{ position:absolute; top:100%; left:0; transition:all 0.5s linear; -webkit-transition:all 0.4s linear;}
.artist .con_mob .atphM:hover .moveup{ top:0;}

/*goods*/
.attention{ padding:20px;color: #001e61; }

.text_boxin{ padding:30px;line-height:24px; color:#001e61; font-weight:bold;}
.tex_line{ padding-left:1em; text-indent:-1em;}



.foot{ font-size:11px; text-align:center; padding:35px 0 100px;}
.footer{ padding:5px 0 15px 0;}
.footer img{ padding:0 10px;}







@media screen and (max-width: 1120px) {
.ffbg{ width:1120px;}








}