@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body {font-size:14px; line-height:160%; font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; overflow-x:hidden; background:#8f8f8f;}
ul,ol,li,dl,dt,dd{list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}
a{ text-decoration:none; color:inherit;}

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

/******************************index************************************************/
.main{ width:1000px;margin:0 auto; padding:15px 0;}
.main .mo_box{ background:#fff; margin-bottom:20px; padding-bottom:15px; overflow:hidden;}
.main .nf_tit{ background:#303030; position:relative; z-index:10;padding-bottom:0.2% /**/}
.main .nf_tit img.al_tit{ max-width:26%;}
.main .mo_to{ position:absolute; right:0; top:0; height:100%; width:auto; text-align:right; min-width:20%}
.main .mo_to img{ height:100%;}




/*------- -------left------- -------*/
.main .left{float:left; width:68%;}
.main .mo_box .nf_tit{/* background:url(../images/index/nf_tit_bg.jpg) 0 0 repeat-x;*/padding-bottom:0.2%; background-size: auto 100%; margin-bottom:0.96%; position:relative; z-index:10;}
/*.main .mo_box .link_tit{padding-bottom:0.85%;}*/
.main .mo_box .nf_tit img{ width:auto; max-width:38.5%; display:block;}
.main .mo_box .link_tit img{ max-width:44.15%;}
.main .mo_box .nf_tit .new_time{ font-size:1em; font-weight:bold; position:absolute; right:0; top:0; height:68%;padding:3% 9.8% 0 0;}

.main .mo_box .nf_tit .new_lf01{background:url(../images/news/new_lf01.jpg) right top no-repeat; background-size:auto 100%; color:#3c7eff;}
.main .mo_box .nf_tit .new_lf02{background:url(../images/news/new_lf02.jpg) right top no-repeat; background-size:auto 100%; color:#2e7ab8;}
.main .mo_box .nf_tit .new_lf03{background:url(../images/news/new_lf03.jpg) right top no-repeat; background-size:auto 100%; color:#ff3845;}
.main .mo_box .nf_tit .new_lf04{background:url(../images/news/new_lf04.jpg) right top no-repeat; background-size:auto 100%; color:#ff8623;}
.main .mo_box .nf_tit .new_lf05{background:url(../images/news/new_lf05.jpg) right top no-repeat; background-size:auto 100%; color:#00b749;}
.main .mo_box .nf_tit .new_lf06{background:url(../images/news/new_lf06.jpg) right top no-repeat; background-size:auto 100%; color:#f869e6;}
.main .mo_box .nf_tit .new_lf07{background:url(../images/news/new_lf07.jpg) right top no-repeat; background-size:auto 100%; color:#c51cd1;}
.main .mo_box .nf_tit .new_lf08{background:url(../images/news/new_lf08.jpg) right top no-repeat; background-size:auto 100%; color:#264784;}
.main .mo_box .nf_tit .new_lf09{background:url(../images/news/new_lf09.jpg) right top no-repeat; background-size:auto 100%; color:#b79d66;}
.main .mo_box .nf_tit .new_lf10{background:url(../images/news/new_lf10.jpg) right top no-repeat; background-size:auto 100%; color:#777777;}

.main .mo_box .mo_con{}
.main .mo_box .mo_con img{ width:100%; max-width:100%;}
.main .mo_box .mo_con img.news_oneph{ width:92.6%; padding:0 3.7%; max-width:100%;}
.main .mo_box .mo_con .new_text{ width:92.6%; padding:1.5% 3.7%; }
.main .mo_box .mo_con .new_text a{color:#06f;}
.main .mo_box .mo_con .new_text a:hover{color:#f00;}
.index .main .mo_box .mo_con .newtitle{ padding:1.5% 3.7%;}
.main .mo_box .mo_con .new_text .new_pleft{ float:left; width:52.38%;}
.main .mo_box .mo_con .new_text .new_tright{ float:right; width:44.44%;}
.main .mo_box .mo_con .new_text .new_pleft2{ float:left; width:19.05%;}
.main .mo_box .mo_con .new_text .new_tright2{ float:right; width:77.78%;}
.main .mo_box .mo_con .read_more a{ float:right; display:block; line-height:100%; margin-top:15px; padding:3px 10px;  background:#95cfb6 url(../images/ioc_lt.png) 0 0 no-repeat; background-size: auto 100%; background-size:auto 100%; text-decoration:none; color:#000;}

.main .mo_box .mo_link{ text-align:left;}
.main .mo_box .mo_link img{ width:auto; padding:1% 2%; display:inline-block;}
.main .mo_box .mo_link .inline img{ max-width:47.2%; padding-right:0;}
.main .mo_box .mo_link .vj_bn img{ max-width:31%; padding-right:0;}

/*------ -------right------- -----*/
.main .right{float:right; width:30%;}
.main .mo_box .nr_tit{ background:#303030;}
.main .mo_box .mo_conin{text-align:left;}
.main .mo_box .new_link{padding:5px 0; width:101%;}
.main .mo_box .new_link img{ padding:0 0.8% 2px 0; width:49.2%;}
.main .mo_box .new_link img:nth-child(2n){ padding-right:0%;}

.main .mo_box .ranking{}
.main .mo_box .ranking dl{ padding:15px 0; border-bottom:1px solid #8f8f8f;}
.main .mo_box .ranking dl dt{float:left; width:50%;padding:0 5%;}
.main .mo_box .ranking dl dt img{padding:0 6% 0 0; width:47%;}
.main .mo_box .ranking dl dd{float:left; width:35%;padding:0 5% 0 0; font-size:1em;}

.main .mo_box .mo_twi{ height:218px; padding:10px; background:#00c5ff;}
.main .mo_box .mo_twi .twitter{ width:100%; height:100%;}
.main .mo_box .mo_twi .twitter iframe{height:100%!important;width:100%!important; min-width:inherit;!important;}

.main .mo_box .recom{}
.main .mo_box .recom dl{ padding:15px 0 10px 0; border-bottom:1px solid #8f8f8f;}
.main .mo_box .recom .tl{ padding:5px 0;}
.main .mo_box .recom dl dt img{padding:0 5%; width:90%;}
.main .mo_box .recom dl dd{width:90%; padding:1% 5%; font-size:1em;}

.main .mo_box .mo_vjbn{ text-align:center;}
.main .mo_box .mo_vjbn img{width:90%; padding-top:15px;}
.main .mo_box .pbh{ padding-bottom:10px;}

/*
.timeline,#twitter-widget-0{-webkit-overflow-scrolling:touch;overflow:auto;}

*/

/************************page.html***************/
.main .page_text{ padding: 10px 2.5%;}



/*******************************news.html******************************************/
.news .main .left{}
.news .main .mo_box{ margin-bottom:20px;}
.news .main .mo_box .new_con{ width:92.6%; padding:0.5% 3.7%;}
.news .main .mo_box .new_con .time_in{ padding-top:10px;}
.news .main .mo_box .new_con .newtitle{ padding:5px 0 10px 0;}
.news .main .mo_box .new_con .new_text{ padding:1% 0; width:100%;}
.news .main .mo_box .new_con .new_text a:hover{ text-decoration:underline;}

.news .main .mo_box .new_con .new_pleft{ float:left; width:44%;}
.news .main .mo_box .new_con .new_tright{ float:right; width:53%;}
.news .main .mo_box .new_con .new_pleft2{ float:left; width:19%;}
.news .main .mo_box .new_con .new_tright2{ float:right; width:78%;}

.news .main .mo_box .new_conin .new_text{ padding:2% 0;}
.news .main .mo_box .new_conin .time_in{ padding:0 0 0 66px;}
.news .main .mo_box .new_conin .newtitle{ padding:0; font-size:1.2em; font-weight:bold;}
.news .main .mo_box .new_conin .read_more a{ margin-top:0;}
 
.news .main .mo_box .new_conin .ph_01{ background:url(../news/images/news_ic01.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_02{ background:url(../news/images/news_ic02.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_03{ background:url(../news/images/news_ic03.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_04{ background:url(../news/images/news_ic04.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_05{ background:url(../news/images/news_ic05.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_06{ background:url(../news/images/news_ic06.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_07{ background:url(../news/images/news_ic07.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_08{ background:url(../news/images/news_ic08.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_09{ background:url(../news/images/news_ic09.gif) 0 0 no-repeat; background-size:auto 100%;}
.news .main .mo_box .new_conin .ph_10{ background:url(../news/images/news_ic10.gif) 0 0 no-repeat; background-size:auto 100%;}

.news .main .left .news_page{ text-align:right; padding:10px 0; overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.news .main .left .news_page a{ padding:2px 5px; margin-right:5px; background:#FFF;color:#000; text-decoration:none;}
.news .main .left .news_page a:hover{background:#F90;}
.news .main .left .news_page a:last-child{ margin-right:0px;} 
.news .main .left .newph_lfin{ float:left; max-width:55%; padding:0px 1.6% 0 0;}
.news .main .left .newph_riin{ float:right; max-width:55%; padding:0px 0 0 1.6%;}
.news .main .left .new_text img{ padding-bottom:10px;}
.news .main .left .page_bn{ padding:5px;}
.news .main .left .page_bn a{ text-decoration:none; color:#000;}
.news .main .left .page_bn a:hover{ text-decoration:underline;}
/*******************************news.html******************************************/


/*******************************newinfo.html******************************************/
.newinfo .main .mo_box{ margin-bottom:10px;}
.newinfo .main .vj_ph img{ width:100%;}
.newinfo .main .vj_nitit{ background:#303030; color:#FFF; padding:10px 2.5%; font-size:1.2em;}
.newinfo .main .vj_nicon{ padding:10px 2.5%; margin-bottom:10px; background:#FFF;}
.newinfo .main .mo_box .new_con{ width:95%; padding:0.5% 2.5%;}
.newinfo .main .mo_box .new_con .works_name{ padding-top:10px; font-size:1.6em; font-weight:bold;}

.newinfo .main .mo_box .new_con .newtitle{ padding:0.5% 0;}
.newinfo .main .mo_box .new_con .new_text{ padding:1% 0; width:100%;}
.newinfo .main .mo_box .new_con .new_pleft{ float:left; width:30%;}
.newinfo .main .mo_box .new_con .new_tright{ float:right; width:68%;}
.newinfo .main .mo_box .new_con .new_tright a{ color:#06f;}
.newinfo .main .mo_box .new_con .new_tright a:hover{ color:#f00;}
.newinfo .main .mo_box .new_con .new_tright .c{ font-size:0.8em;}

.newinfo .main .mo_box .new_con .new_text .in{ padding-top:10px; font-size:0.8em; color:#F00;}
.newinfo .main .mo_box .new_con .new_text .in a{ color:#06f;}
.newinfo .main .mo_box .new_con .new_text .in a:hover{ color:#3F0;}

/*******************************newinfo.html******************************************/

/*******************************nextinfo.html******************************************/
.nextinfo .main .vj_nitit{background:#303030; color:#FFF; padding:10px 2.5%; font-size:1.2em;}
.nextinfo .main .vj_nicon{ padding:10px 2.5% 25px 2.5%; margin-bottom:10px; background:#FFF;}
.nextinfo .main .vj_nicon .te_fl{ float:left; width:69%;}
.nextinfo .main .vj_nicon .te_flimg{ float:left; width:29%; padding-left:2%;}
.nextinfo .main .vj_nicon img{ width:100%;}
.nextinfo .main .vj_nicon .bn_two{ text-align:center;}
.nextinfo .main .vj_nicon .bn_two img{ width:48%; padding:0 1%; margin:30px 0 10px 0;}
/*******************************nextinfo.html******************************************/


/*******************************vjbooks.html******************************************/
.vjbooks .main .vjmo_to{background:url(../images/mc_to_04.jpg) right top no-repeat; background-size:auto 100%;}

.vjbooks .main .vj_nitit{background:#303030; color:#000; padding:10px 2.5%; font-size:1.2em;}
.vjbooks .main .vj_nicon{ padding:2.5%; margin-bottom:20px; background:#FFF;}
.vjbooks .main .vjleftph{ float:left; width:17%; padding-right:3%;}
.vjbooks .main .vjrightt{ float:left; width:80%; font-size:16px; line-height:150%;}
.vjbooks .main .vjrightt .name{ font-size:1em; font-weight:bold;}
.vjbooks .main .vjrightt .com_mod{ font-weight:bold;}
.vjbooks .main .intime{ font-size:1.4em; font-weight:bold; line-height:140%; display:block; color:#900;}
.vjbooks .main .ban_booknavi{ display:block; max-width:25%; margin:5px 0 10px 0;}
.vjbooks .main .vjintitle{padding:20px 0 0px 0;}
.vjbooks .main .vjbconte{ font-size:1.1em; line-height:150%; padding:20px 20% 20px 0; width:80%; position:relative;}
.vjbooks .main .vjbconte2{ font-size:1.1em; line-height:150%; padding:20px 20% 20px 0; width:80%; position:relative;}
.vjbooks .main .vjbconte a{color:#06f;}
.vjbooks .main .vjbconte a:hover{color:#f00;}
.vjbooks .main .vjbtred{ color:#F00; font-size:1em; line-height:120%;}
.vjbooks .main .limgse{ width:18%; position:absolute; right:0; top:20px;}
.vjbooks .main .vjbic{ font-size:0.8em; line-height:180%;}





.vjbooks .main .vj_nicon img{ width:100%;}
.vjbooks .main .year_page{ background:#FFF; padding:15px 1.5%; font-size:1.4em;}
.vjbooks .main .year_page a{ margin-right:15px; padding:5px 15px; letter-spacing:1px; color:#FFF; text-decoration:none; background:#8f8f8f; display:inline-block;}
.vjbooks .main .year_page a:hover{ background:#1149b1}
.vjbooks .main .year_page a.sel{ background:#1149b1}

.vjbooks .main .vj_timetit{background:#303030 url(../images/vjbooks/t_bg.png) 0 0 no-repeat; color:#fff; padding:10px 2.5%; font-size:1.2em; margin-top:10px;font-weight:bold;}
.vjbooks .main .vj_bookscon{ padding:10px 0; margin-bottom:10px; position:relative; }
/*
.vjbooks .main .vj_bookscon .book_left{ float:left; width:46.5%; padding:15px 1.5%;  margin-bottom:10px;background:#FFF; min-height:300px;}
.vjbooks .main .vj_bookscon .book_right{ float:right; width:46.5%; padding:15px 1.5%;margin-bottom:10px;background:#FFF; min-height:300px;}
*/
.vjbooks .main .vj_bookscon .book_boxin{ float:left; width:46.5%; padding:15px 1.5%; margin-right:1%;  margin-bottom:10px;background:#FFF; min-height:280px;}

.vjbooks .main .vj_bookscon .books_pho{ float:left; width:30%;}
.vjbooks .main .vj_bookscon .books_pho a{ display: block; margin-top:5px;}
.vjbooks .main .vj_bookscon .books_pho .bn_conr{ width:96%; padding:10px 2%; font-size:1.1em; font-weight:bold; text-align:center;
	color:#FFF; background:#1149b1;}
.vjbooks .main .vj_bookscon .books_pho .bn_conr:hover{color:#FFF; background:#303030;}

.vjbooks .main .vj_bookscon .books_txt{ float:right; width:67%; line-height:130%;}
.vjbooks .main .inbk{font-size:0.8em; font-weight:bold; display:block;line-height:110%;}
.vjbooks .main .intit{ font-size:1.4em; line-height:130%; font-weight:bold; padding:8px 0; display:block;}
.vjbooks .main .vj_bnread a{ display:block; text-align:center; font-size:1.1em; font-weight:bold; padding:10px 0; margin:10px 10%; background:#F93; color:#FFF;}
.vjbooks .main .vj_bnread a:hover{background:#F63; color:#FFF;}
.vjbooks .main .inposman{ font-size:1.0em; font-weight:bold; display:block;}
.vjbooks .main .inprice{font-size:1em;font-weight:bold;padding:5px 0; display:block;}
.vjbooks .main .intext{line-height:140%;}
.vjbooks .main .vj_bookscon .secadd .books_txt{ position:relative; min-height:255px;}
.vjbooks .main .vj_bookscon .secadd .intext{ padding-bottom:50px;}
.vjbooks .main .vj_bookscon .secadd .inreadmore{ position:absolute;bottom:0px; width:100%;}
.vjbooks .main .vj_bookscon .secadd .inreadmore a{display:block; text-align:center; font-size:1.1em; font-weight:bold; padding:10px 0; background:#F93; color:#FFF;}
.vjbooks .main .vj_bookscon .secadd .inreadmore a:hover{background:#F63; color:#FFF;}
.vjbooks .main .vj_bookscon .book_shopbn{width:23%; position:absolute; bottom:15px; right:2.5%; }






/*******************************vjbooks.html******************************************/


/*******************************download.html******************************************/
.download .main .down_left{ float: left; width: 64.8%; padding: 0.6%; margin: 0 0 20px 2%; }
.download .main .down_left h3{ padding: 10px 0 9px 0; text-align: center; font-size: 1.3em; color:#FFF; line-height: 100%; }
.download .main .down_right{ float:right; width: 28%; margin: 0 2% 10px 0; font-weight: bold;}
.download .main .down_right .t_lh{ line-height:30px; padding:10px 0 2px 0; font-size:1.8em;}
.download .main .down_right .hn_ti{ background-color:#303030; color:#FFF; font-size: 1.2em; padding: 8px 0 8px 15px; line-height:21px;}
.download .main .down_right .down_bn{ display: block; padding: 0 0 0 15px; margin-bottom: 10px; color:#fff; line-height: 100%; }
.download .main .down_right a.bg_or:hover{ background-color:#303030;}
.download .main .down_right .down_albn{ padding-top:10px; font-size: 1.3em;}
.download .main .down_right .psw_t{ background-color:#3398ed; color:#FFF; font-size: 1.2em; padding: 8px 0 8px 15px; line-height:21px; margin-top:10px;}
.download .main .down_right .password{ background-color:#3398ed; padding:0 0 4% 4%; overflow:hidden;}

.download .main .down_right .password input{ width:21%; margin-right:4%; padding:2% 0 2% 0; float:left; background:#004279; color:#fff; font-size:2.6em; line-height:130%; text-align:center; border:none;}
.download .main .down_right .psw_e{ background-color:#3398ed; padding:5% 10% 2% 10%; overflow:hidden;}
.download .main .down_right .password button{ width:42%; margin:0 4%; float:left; background:#fff; font-size:1.2em; font-weight:bold; line-height:180%; text-align:center; border:none; cursor:pointer;}
.download .main .down_right .password button:hover{background:#004279; color:#fff;}


/*******************************download.html******************************************/





/*******************************movie.html******************************************/
.movie .main{ max-width:100%; overflow-x:hidden;}
.movie .main .t_text{ width:45%; float:left;}
.movie .main .t_bn{ width:54%; float:right;}
.movie .main .t_bn img{ width:100%;}
.movie .main .vj_nitit{background:#303030; color:#FFF; padding:10px 2.5%; font-size:1.2em;}
.movie .main .movie_bnlist{ text-align:center; padding:10px 0 10px 0;background:#FFF;}
.movie .main .vj_nicon{ padding:20px 2.5% 20px 2.5%;margin-bottom:20px; background:#FFF;}
.movie .main .vj_nicon .vj_nilink{ margin-top:20px;}
.movie .main .vj_nicon .vj_nilink a{ padding:5px 10px; margin:0 10px 10px 0;background:#8f8f8f; color:#FFF; display:inline-block; font-weight:bold;}
.movie .main .vj_nicon .vj_nilink a:hover{ background:#ff6000;}
.movie .main .vj_timetit{background:#303030; color:#FFF; padding:10px 2.5%; font-size:1.5em; margin-top:10px;font-weight:bold;}

.movie .main .vj_bookscon{ width:101%; position:relative; }
.movie .main .vj_bookscon .book_left{ float: left; width:21%; padding:15px 1.5%; margin-right:1%;  margin-bottom:10px;background:#FFF;
   -webkit-transition: all .45s ease-in-out;
      -moz-transition: all .45s ease-in-out;
       -ms-transition: all .45s ease-in-out;
        -o-transition: all .45s ease-in-out;
           transition: all .45s ease-in-out;
 }
.movie .main .vj_bookscon .book_left:hover { background: #FFFDDC;}
.movie .main .vj_bookscon .books_pho{ width:100%;}
.movie .main .vj_bookscon .books_txt{width:96.5%; height:125px; padding:0px 1.5% 20px 1.5%;color:#333; font-size:13px; line-height:160%;word-wrap:break-word;word-break:normal; position:relative;}
.movie .main .vj_bookscon .books_txt .more_con{ position:absolute; bottom:0px; right:2.0%; }
.movie .main .vj_bookscon .books_txt .more_con{color:#000; font-weight:bold;}
.movie .main .vj_bookscon .books_txt .more_con:hover{color:#F60;}
.movie .main .vj_bookscon a.old_mv{ color:inherit; text-decoration:none;}
.movie .main .vj_bookscon .inbk{ font-size:1.0em; line-height:100%; display:block; padding:5px 0 0 0; }
.movie .main .vj_bookscon .intit{ font-size:1.1em; font-weight:bold; color:#1149b1;display:block; padding:7px 0;}
.movie .main .vj_bookscon .inprice{font-size:1.2em;font-weight:bold;}

.movie .main .vj_bookscon .moreshow{ text-align:center; padding:10px 0 15px 0; color:#FFF; font-weight:bold;}
.movie .main .vj_bookscon .moreshow a:hover{ color:#F60;}

/*******************************movie.html******************************************/


/*******************************push.html******************************************/
.push .main .vj_nitit{background:#303030; color:#FFF; padding:10px 2.5%; font-size:1.2em;}
.push .main .vj_nicon{ padding:20px 2% 25px 2%; margin-bottom:20px; background:#FFF;}

.push .main .vj_nicon .bn_two img{ width:48%; padding:0 1%; margin-bottom:20px;}
.push .main .vj_nicon .bn_three img{ width:31.33%; padding:0 1%; margin-bottom:20px;}
/*******************************push.html******************************************/


/*******************************teiki.html******************************************/
.teiki{ padding:0 2.5% 2.5% 2.5%; margin-bottom:10px; background:#fff;}
.teiki .b_btn a{ width:316px; height:66px; display:block; margin:30px auto 10px auto; background:url(../teiki/images/btn.png) 0 0 no-repeat; text-indent:-9999px;}
.teiki .b_btn a:hover{ background:url(../teiki/images/btn_over.png) 0 0 no-repeat;}
/*******************************teiki.html******************************************/



/* all use css  */



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

.under_line{ border-bottom:1px solid #CCC;}

.pos_re{ position:relative;}
.vj_nitit{ font-weight:bold;}
.newtitle{ line-height:160%;}

.pad_25{ padding-left:2.5%!important; padding-right:2.5%!important;  }
.pad_bottom10{ padding-bottom:10px!important;}
.none_padding{ padding:0!important;}
.none_border{ border:none!important;}
.font_blue{ color:#336bf1;}
.font_opblue{ color:#2a587f;}
.font_red{ color:#ff2932;}

.font_enblue{ color:#0000FF;}
.font_engreen{ color:#005000;}
.font_enred{ color:#FF0000;}

.ioc_lt{ background:url(../images/ioc_lt.png) 0 center no-repeat; background-size: auto;}

.bg_or{ background-color: #ff6000; }
.bg_blue{ background-color: #3398ed; }

.for_titshow{line-height: 150%;color:#FFF;text-shadow:1px 1px 0 #000,1px 3px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,2px -1px 0 #000,1px 0px 0 #000,0px 1px 0 #000,-1px 0px 0 #000,0px -1px 0 #000,3px 3px 0 #000; font-size:1.5em; font-weight:bolder;*filter: Glow(Color=#000, Strength=1);
 filter:Dropshadow(offx=2,offy=2,color=000)/* ie */
        Dropshadow(offx=0,offy=1,color=000)/* ie */
        Dropshadow(offx=0,offy=-1,color=000)/* ie */
        Dropshadow(offx=-1,offy=0,color=000);/* ie */
	    behavior: url(PIE.htc); /* ie */}

.fontsize1_3{ font-size:1.35em;}
.fontsize1_2{ font-size:1.2em;}

.blue_bn{color:#06f;}
.blue_bn:hover{color:#f00;}


/****++++****/
.main .nf_tit img.ti_tit{ max-width:56%;}
.ti_bn{ margin-bottom:20px; display:none;}
.ti_bn2{ margin-bottom:20px; /*display:none;*/}
.top_info{ background:#fff; padding:2.5%; margin-bottom:20px; font-size:15px; line-height:180%;}
.top_info h1{ font-size:23px; line-height:150%; margin-bottom:10px;}
.top_info p{ width:72%; float:left; margin-bottom:20px;}
.top_info .ph{ width:26%; float:right;}
.top_info .c01{ color:#F00;}
.top_info .c02{ color:#0C0;}





@media screen and (max-width: 1040px) {



}
@media screen and (max-width: 1000px) {
.main{ width:100%;}

}

@media screen and (max-width: 900px) {

/*************download**********************/
.download .main .down_right .down_albn{ font-size: 1.2em;}

}
@media screen and (max-width: 820px) {

/*************download**********************/
.download .main .down_right .down_albn{ font-size: 1.1em;}

}





@media screen and (max-width: 750px) {
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	 .main .mo_box .mo_twi .twitter iframe{width:686px!important;}
	
	}
	
.main{ padding-top:0;}
.main .nf_tit img.al_tit{ max-width:46.5%; display:block;}
.main .mo_to{min-width:16%}
.main .left{float:none; width:100%;}
.main .right{float:none; width:100%;}
/*.main .mo_box .link_tit{padding-bottom:1.1%;}*/
.main .mo_box .link_tit img{ max-width:60%;}
.main .mo_box .nr_tit img{ max-width:60%; display:block;}

.main .mo_box .mo_twi .twitter iframe{width:99%!important; height:218px!important;}



/*************vjbooks**********************/
/*.vjbooks .main .vj_bookscon .book_left{ float:none; width:97%;}
.vjbooks .main .vj_bookscon .book_right{ float:none; width:97%;}*/
.vjbooks .main .vj_bookscon .book_boxin{ float:none; width:97%; margin-right:0;}

.vjbooks .main .vjleftph{width:22%; }
.vjbooks .main .vjrightt{width:75%;}
.vjbooks .main .vjintitle{padding:15px 0 0px 0;}
.vjbooks .main .vjbconte{ font-size:1.1em; line-height:150%; padding:15px 20% 15px 0; width:80%; position:relative;}
.vjbooks .main .vjbconte2{ width:100%;padding:15px 0% 15px 0;}
.vjbooks .main .limgse{ width:18%; position:absolute; right:0; top:20px;}



/*************movie**********************/
.movie .main .t_text{ width:100%; float:none;}
.movie .main .t_bn{ width:100%; float:none; margin-top:10px;}
.movie .main .vj_bookscon .book_left{ float: none; width:96.5%; padding:15px 1.5%; margin-right:0; overflow: hidden;}
.movie .main .vj_bookscon .books_pho{ float:left; width:40%;}
.movie .main .vj_bookscon .books_txt{ float:right; width:57%; height:90px; }


/*******************************newinfo.html******************************************/
.newinfo .main .mo_box .new_con .new_pleft{ float:none; width:100%;}
.newinfo .main .mo_box .new_con .new_tright{ float:none; width:100%;}


/*******************************download.html******************************************/
.download .main .down_left{ float:none; width:98.8%; padding: 0.6%; margin: 10px 0 10px 0%; }

.download .main .down_right{ float:none; width:100%; margin: 10px 0% 10px 0; padding: 0;}
.download .main .down_right .hn_ti{padding: 5px 0 5px 15px;}
.download .main .down_right a.down_bn{ float: left; width: 47%; display: block; padding: 0 0 0 2%; margin-right:2%; }
.download .main .down_right a.down_bn:nth-child(2n){ margin-right:0%; }
.download .main .down_right .down_albn{ padding:15px 0; overflow: hidden; font-size: 1.1em;}
.download .main .down_right .password li{ padding:20px 0;}


/****++++****/
.main .nf_tit img.ti_tit{ max-width:76%;}

}


@media screen and (max-width: 640px) {
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	 .main .mo_box .mo_twi .twitter iframe{width:597px!important;}
	
	}

/*******************************push.html******************************************/
.push .main .vj_nicon .bn_two img{ margin-bottom:10px;}
.push .main .vj_nicon .bn_three img{  margin-bottom:10px;}
/*******************************push.html******************************************/



/*******************************nextinfo.html******************************************/
.nextinfo .main .vj_nicon .te_fl{  width:59%;}
.nextinfo .main .vj_nicon .te_flimg{ width:39%; padding-left:2%;}
/*******************************nextinfo.html******************************************/


/****++++****/
.top_info p{ width:64%;}
.top_info .ph{ width:34%;}

}



@media screen and (max-width: 520px) {
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	 .main .mo_box .mo_twi .twitter iframe{width:448px!important;}
	
	}


.main .mo_box .nf_tit .new_time{ font-size:0.9em; height:78%; max-height:78%;padding:2.0% 10% 0 0;}



}
@media screen and (max-width: 480px) {


/*******************************push.html******************************************/
.push .main .vj_nicon .bn_two img{ width:98%; padding:0 1%; margin-bottom:10px;}
.push .main .vj_nicon .bn_three img{ width:98%; padding:0 1%; margin-bottom:10px;}
/*******************************push.html******************************************/

/*******************************nextinfo.html******************************************/
.nextinfo .main .vj_nicon .bn_two img{ width:98%; padding:0 1%; margin-bottom:0px;}
/*******************************push.html******************************************/

/*******************************nextinfo.html******************************************/
.nextinfo .main .vj_nicon .te_fl{ float:none; width:100%;}
.nextinfo .main .vj_nicon .te_flimg{ float:none; width:100%; padding-left:0%;}
/*******************************nextinfo.html******************************************/



}


@media screen and (max-width: 420px) {

	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	 .main .mo_box .mo_twi .twitter iframe{width:392px!important;}
	
	}
}


@media screen and (max-width: 375px) {

.main .mo_box .nf_tit .new_time{ font-size:0.85em; height:88%; max-height:88%;padding:1.0% 10% 0 0;}



/*******************************download.html******************************************/
.download .main .down_right a.down_bn{ float: none; width: 97%; display: block; padding: 0 0 0 3%; margin-right:0%; }
download .main .down_right .down_albn{ padding:15px 0;font-size: 1.1em;}





}


@media screen and (max-width: 350px) {

	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	 .main .mo_box .mo_twi .twitter iframe{width:326px!important;}
	
	}
/*************movie**********************/
.movie .main .vj_bookscon .book_left{ float: none; width:96.5%; padding:15px 1.5%; margin-right:0;}
.movie .main .vj_bookscon .books_pho{ float:none; width:100%;}
.movie .main .vj_bookscon .books_txt{ float:none; width:100%;}



}

@media screen and (max-width: 320px) {

	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	 .main .mo_box .mo_twi .twitter iframe{width:298px!important;}
	
	}
}