@charset "utf-8";

html, body, .wrap {
margin: 0px;
padding: 0px;
height: 100%;
}

.head {
height:66px;
}

.logo {
height:25px;
margin-top:15px;
float:right;
}

body {
font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
-webkit-text-size-adjust: 100%;
}

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

.input {
width:100%;
}

a {
text-decoration:none;
}

a:visited {
color: #00f;
}

a:hover {
color: #6666ff;
text-decoration: none;
}

.bgblack {
background-color:#000;
}

.wrap {
width:100%;
}

.clear {
clear:both;
}

.clear hr {
display:none;
}

.head {
width: 100%;
height:52px;
position: relative;
margin: 0px auto;
}

.h0530 {
max-height:100px;
display:none;
}

.detail_btn {
float:right;
padding:4px 10px 2px 10px;
margin:-6px 0px 3px 0px;
border-radius: 4px;
display: inline-block;
font-weight: bold;
text-decoration: none;
color: #f90;
background: #eee;
transition: .4s;
}

.detail_btn:hover {
background: #f90;
color: white;
}

.detail_vocaloid {
float:right;
padding:4px 10px 2px 10px;
margin:0px 0px 6px 0px;
border-radius: 4px;
font-weight: bold;
font-size:14px;
display: block;
text-decoration: none;
color: #f90;
background: #eee;
}


.head_right {
display: none;
}


.breadcrumb {
display: none;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
padding-top:6px;
padding-left:6px;
padding-bottom:4px;
margin-top:-20px;
margin-bottom:20px;
font-size: 12px;
}


.left_menu,
.pleft_menu {
display:none;
float:none;
width:auto;
background-color:#eeeeee;
margin-bottom:20px;
}

.left_sub {
display: none;
}

.left_title {
background-color: #000011;
padding:10px;
color: #ffffff;
font-weight:bold;
margin-bottom:10px;
}

.left_title:hover {
cursor: pointer;
}

.pindex_menu {
margin-top:0px;
margin-bottom:-1px;
border-bottom:1px solid #000;
padding:0px 0px 0px 10px;
}

.pindex_menu li {
margin-left:-10px;
margin-top:0px;
border-top:1px dotted #999;
padding:8px 20px 7px 20px;
list-style-type: none;
line-height:130%;
font-size:12px;
}


.right_contents,
.onecolumn_contents {
width:96%;
padding-left:6px;
vertical-align:top;
font-size:1em;
}

.introduction_ttl {
margin-left:0px;
}
.introduction_ttl::before {
content:"◆";
}
.introduction_ttl2 {
font-size:18px;
font-we ight:bold;
margin:20px 0;
color:#099;
}

.left400_box,
.right400_box {
max-width:400px;
width:100%;
display:block;
text-align:center;
position: relative;
margin: 0px auto;
margin-bottom:20px;
}

.ex_link {
display:block;
border:1px solid #66f;
margin:6px 0px 6px 0px;
padding:6px 20px 8px 14px;
border-radius: 4px;
background-color:#cfc;
font-weight:bold;
}

.right_contents ul {
margin-left:-30px;
}

h2 {
font-size: 16px;
color: #333399;
text-align: ;
background-color: #cccfd4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cccfd4));
background-image: -webkit-linear-gradient(#fefefe, #cccfd4);
background-image: linear-gradient(#fefefe, #cccfd4);
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 6px 10px;
clear: both;
margin-top:20px;
}

.right {
display:block;
clear: both;
float:right;
border:1px solid #66f;
background: url(../images/arrowR.png) no-repeat 98% 50%;
padding:6px 20px 8px 14px;
border-radius: 4px;
background-color:#cfc;
font-weight:bold;
margin:6px 0px 6px 0px;
}

.mad {
margin-bottom:-4px;
margin-left:3px;
}

.table1 {
display:block;
margin-bottom:20px;
}

.table1 dt {
display:block;
width:40%;
padding:4px 10px 4px 10px;
font-weight:bold;
background-color:#eeeeee;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

.table1 dd {
display:block;
padding:4px 20px 4px 20px;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
background-color:#ffffff;
margin-left:0px;
margin-bottom:10px;
}

.table1 dd li {
margin-left:20px;
}

.table2 {
display:block;
margin-bottom:20px;
border-bottom:1px solid #666666;
}

.table2 dt {
display:block;
padding:4px 10px 4px 10px;
font-weight:bold;
background-color:#eeeeee;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

.table2 dd {
display:block;
padding:4px 20px 4px 20px;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
background-color:#ffffff;
margin-left:0px;
margin-bottom:0px;
}


.table2 dd li {
margin-left:20px;
}

.ml-20 {
margin-left:-30px;
}
.pl0 {
padding-left:50px;
}
.ml20 {
margin-left:20px;
}

.pl-20 {
padding-left:20px;
}

.title1 {
display:block;
padding:5px 5px 5px 8px;
font-size:20px;
font-weight:bold;
margin-top:-20px;
margin-bottom:10px;
background-color:#339;
color:#fff;
}

.caption {
font-size:12px;
}

.caption ul li{
margin-left:40px;
}

.pr_r {
margin-top:30px;
margin-bottom:30px;
}

.event_table {
display:block;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
background-color:#ffeeee;
}

.event_table dt {
display:block;
padding:4px 10px 4px 10px;
border-top:1px dotted #666666;
font-weight:bold;
}

.event_table dd {
display:block;
margin-left:0px;
padding:4px 10px 4px 10px;
border-top:1px dotted #666666;
background-color:#ffffff;
}

.pic330 {
margin:0px 20px 30px 0px;
width:40%;
float:left;
}

.book_pic {
display:box;
width:100px;
float:left;
padding:10px;
margin-top:0px;
margin-bottom:10px;
}

.img100 {
width:100px;
float:left;
}

.img200 {
width:200px;
width:200px;
float:left;
margin:0px 20px 10px 0px;
}

.img300 {
max-width:300px;
width:100%;
float:left;
margin:0px 20px 10px 0px;
}

.img150 {
width:150px;
float:left;
margin:0px 20px 10px 0px;
}

.img_mr20 {
float:left;
margin:0px 20px 0px 0px;
}

.wide_pic,
.wide_img {
max-width:100%;
margin:10px 0px 10px 0px;
}

.book_name {
display:box;
padding-top:10px;
margin-bottom:10px;
}

.book_name a {
font-weight:bold;
}

.pr_txt {
display:box;
float:left;
padding:10px;
margin-bottom:30px;
border-top:1px dotted #666666;
border-bottom:1px solid #666666;

}

.pr_l,
.pr_r {
clear:both;
}

.volume_table_ttl{
text-align:center;
color:#009;
font-weight:bold;
padding:6px 0px 6px 0px;
}

.volume_table {
width:100%;
display:inline-block;
font-size:14px;
margin:0px;
background: url(../products/volume/images/volume_arrow_down.png) no-repeat bottom left;
}

.volume_table_th{
display:block;
width:30px;
padding:5px 5px 0px 5px;
float:left;
font-weight:bold;
text-align:center;
margin:0px;
}

.volume_table_th2 {
display:block;
width:30px;
padding:5px 5px 0px 5px;
background-color:#ccc;
float:left;
font-weight:bold;
text-align:center;
margin:0px;
}

.volume_table_tdr {
width:calc(100% - 50px);
display:block;
float:right;
font-size:14px;
}

.volume_table_td{
display:block;
width:calc(100% - 22px);
padding:6px 10px 6px 10px;
border:1px solid #000;
border-radius: 4px;
text-align:center;
float:right;
}

.volume_table_tdn{
display:block;
width:100%;
text-align:center;
float:right;
}

.volume_table_td2l{
display:block;
float:left;
padding:0px 6px 0px 6px;
text-align:center;
width:calc(50% - 20px);
}

.volume_table_td2r{
display:block;
float:right;
padding:0px 6px 0px 6px;
text-align:center;
width:calc(50% - 20px);
}

.volume_table_td2g{
display:block;
width:calc(50% - 24px);
padding:6px 6px 6px 6px;
float:left;
border:2px solid #060;
border-radius: 4px;
color:#060;
text-align:center;
background-color:#efe;
}

.volume_table_td2b{
display:block;
width:calc(50% - 24px);
padding:6px 6px 6px 6px;
float:right;
border:2px solid #006;
border-radius: 4px;
color:#006;
text-align:center;
background-color:#eef;
}

.volume_table_td3g{
display:block;
width:calc(50% - 24px);
padding:6px 6px 6px 6px;
float:left;
border:1px solid #060;
border-radius: 4px;
background-color:#060;
color:#fff;
text-align:center;
}

.volume_table_td3b{
display:block;
width:calc(50% - 24px);
padding:6px 6px 6px 6px;
float:right;
border:1px solid #006;
border-radius: 4px;
background-color:#006;
color:#fff;
text-align:center;
}

.pr_l {
width:96%;
float:left;
display:box;
}

.pr_r {
width:96%;
float:left;
display:box;
}

.pr_pic {
display:box;
width:80px;
float:left;
padding:10px;
margin-bottom:10px;
}

.pr_name {
width:calc(100% - 100px);
display:block;
float:left;
padding-top:10px;
margin-bottom:10px;
}

.pr_name a {
font-weight:bold;
}

.pr_txt {
width:96%;
display:block;
float:left;
padding:10px;
margin-bottom:10px;
border-top:1px dotted #666666;
border-bottom:1px solid #666666;
}

.main_image {
display:none;
}

h3 {
color:#f60;
font-size:18px;
margin:0px 10px 10px 10px;
}
.pindex_pic {
display:block;
width:140px;
float:left;
margin-left:10px;
}

.pindex_pic img{
width:120px;
margin-bottom:10px;
}

.ac_banner,
.ac_banner_l,
.ac_banner_r {
display:inline-block;
text-align:center;
}

.schoolpack_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ccffcc));
background-image: -webkit-linear-gradient(#ffffff, #ccffcc);
background-image: linear-gradient(#ffffff, #ccffcc);
border-radius: 4px;
width:170px;
padding:4px;
text-align:center;
float:left;
margin:30px 20px 30px 10px;
}

.txt11 {
font-size:11px;
font-weight:bold;
color:#333333;
}

.txt15g {
font-size:15px;
font-weight:bold;
color:#009900;
}

.acpack_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffcc99));
background-image: -webkit-linear-gradient(#ffffff, #ffcc99);
background-image: linear-gradient(#ffffff, #ffcc99);
border-radius: 4px;
width:170px;
padding:4px;
text-align:center;
float:left;
margin:30px 20px 30px 10px;
}

.txt15o {
font-size:15px;
font-weight:bold;
color:#ff5500;
}

.txt15g:hover,
.txt15o:hover {
color: #ffff00;
text-shadow: 1px 1px 1px #111111;
}


.schoolpack_st_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ccff99), to(#339900));
background-image: -webkit-linear-gradient(#ccff99, #339900);
background-image: linear-gradient(#ccff99, #339900);
border-radius: 4px;
width:150px;
padding:9px 5px 7px 11px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:20px 20px 4px 20px;
}

.schoolpack_pr_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#3366cc));
background-image: -webkit-linear-gradient(#66ccff, #3366cc);
background-image: linear-gradient(#66ccff, #3366cc);
border-radius: 4px;
width:150px;
padding:9px 5px 7px 11px;
text-align:center;
margin:20px 20px 4px 20px;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
}

.schoolpack_st_btn:hover,
.schoolpack_pr_btn:hover {
color: #ffff00;
text-decoration: none;
}

.schoolpack_st_btn:visited,
.schoolpack_pr_btn:visited {
color: #ffffff;
text-decoration: none;
}

.cap166 {
display:block;
float:left;
width:166px;
font-size:11px;
text-align:left;
margin:0px 20px 20px 22px;
}

.t2h {
font-size:12px;
display:block;
width:100%;
border-top:1px solid #666666;
border-left:1px solid #666666;
font-weight:bold;
text-align:center;
margin:0px;
}

.t2b {
font-size:12px;
display:block;
width:100%;
margin-top:0px;
margin-bottom:20px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
}


.t2h_category {
display:block;
padding:4px 0px 4px 0px;
float:left;
width:15%;
background-color:#eee;
}

.t2h dd {
width:calc(85% - 2px);
display:block;
border-left:1px solid #666666;
border-right:1px solid #666666;
float:right;
margin:0px;
background-color:#eee;
}

.t2h_school {
display:inline-block;
padding:4px 0px 4px 0px;
float:left;
width:calc(70% - 2px);
margin:0px;
}

.t2h_student {
display:inline-block;
text-align:center;
padding:4px 0px 4px 0px;
border-left:1px solid #666666;
border-right:1px solid #666666;
width:15%;
margin:0px;
}

.t2h_staff {
display:inline-block;
text-align:center;
padding:4px 0px 4px 0px;
float:right;
margin-right:0px;
width:15%;
margin:0px;
}

.t2b_category {
padding:4px 0px 4px 0px;
display:block;
float:left;
text-align:center;
width:15%;
border-top:1px solid #666666;
}

.t2b dd {
width:calc(85% - 2px);
display:block;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
float:right;
margin:0px;
}

.t2b_school {
display:inline-block;
padding:4px 6px 0px 6px;
float:left;
width:calc(70% - 14px);
margin:0px;
}

.t2b_student {
display:inline-block;
text-align:center;
padding:4px 0px 4px 0px;
border-left:1px solid #666666;
border-right:1px solid #666666;
width:15%;
margin:0px;
}

.t2b_staff {
display:inline-block;
text-align:center;
padding:4px 0px 4px 0px;
float:right;
margin-right:0px;
width:15%;
margin:0px;
}

.press_table {
width:100%;
margin-bottom:20px;
background-color:#eefcfc;
border-left:1px dotted #666666;
border-right:1px dotted #666666;
border-bottom:1px dotted #666666;
overflow:hidden;}

.press_table dt {
display:block;
width:100px;
float:left;
padding:4px 10px 4px 10px;
border-top:1px dotted #666666;
}

.press_table dd {
display:block;
min-height:25px;
padding:6px 20px 2px 20px;
border-top:1px dotted #666666;
border-left:1px dotted #666666;
margin-left:120px;
font-size:12px;
}


/* ------------------------------
   #menuList
------------------------------ */

#menuList ul {
margin: 0 auto;
width: 800px;
height: 45px;
text-align: left;
}

#menuList ul li {
width: 160px;
height: 45px;
float: left;
border-left: #aaa 1px solid;
box-sizing: border-box;
}

#menuList ul li:last-child {
border-right: #aaa 1px solid;
}

#menuList ul li a {
height: 45px;
font-weight: bold;
line-height: 45px;
display: block;
text-align: center;
transition: all 0.2s linear;
}

#menuList ul li:hover > a {
background: #fff;
}

#contents {
margin: 0 auto;
padding: 40px 0;
width: 800px;
text-align: left;
}

#contents p {
padding-bottom: 2em;
font-size: 1em;
line-height: 2em;
}
.rednonbold {
color:#c00;
}
.p1,
.p2,
.pstar {
text-indent: -1em;
margin-left: 1em;
margin-top:20px;
text-align:left;
}

.p1 > li ul,
.p2 > li ul,
.pstar > li ul {
text-indent: 0em;
margin-left: -1em;
margin-top:10px;
}

.p1 > li,
.p2 > li,
.pstar > li {
list-style-type: none;
}

.p1 > li:before {
content: '◎';
display: inline-block;
width: 1em;
text-indent: 0;
}

.p2 > li:before {
content: '※';
display: inline-block;
width: 1em;
text-indent: 0;
}
.pstar > li:before {
font-family: "FontAwesome";
content:"\f005";
display: inline-block;
width: 1em;
text-indent: 0;
margin-right:4px;
}
.mt0 {
margin-top:0;
}
.table_col1 {
width:100%;
margin:0;
padding:0;
}
.table_col1 dt{
background-color:#eee;
margin:0;
padding:10;
font-weight:bold;
}
.table_col1 dd{
margin:0;
padding:20 10;
}

.table303030 {
display:inline-block;
width:calc(100% - 12px);
max-width:767px;
padding:0;
margin:6px;
}

.table303030 > li {
display:inline-block;
width:48%;
height:calc(320px + 7em);
border:1px solid #ccc;
margin:0 0 30px 0;
text-align:left;
padding:0;
overflow:hidden;
}

.table303030 > li:hover {
background-color:#cfc;
}
.table303030 > li img:hover {
transform:scale(1.05,1.05);
transition:0.2s all;
}
.top_category {
display:block;
font-size:16px;
color:#fff;
background-color:#999 !important;
background-image: none !important;
text-align:center;
padding:6px 0px 4px 0px !important;
font-weight:bold;
border: none !important;
margin:0px !important;
}
.top_category_img {
overflow:hidden;
}
.table 303030 > li:nth-of-type(3n - 2) {
float:left;
}
.table303030 > li:nth-of-type(2n) {
float:right;
}
.table303030txt {
display:inline-block;
font-size:0.8em;
padding:10px;
vertical-align:top;
line-height:1.5em;
}

.table_5050 {
display:inline-block;
width:100%;
margin:0;
padding:0;
}

.table_5050_cell,
.table_5050_cellr {
padding:6%;
background-color:#369;
display:inline-block;
width:calc(98% - 6px);
margin-bottom:30px;
}

.table_5050_noborder_cell,
.table_5050_noborder_cellr {
display:inline-block;
width:calc(100% - 12px);
padding:6px;
margin-bottom:30px;
}

.table_5050_cellr,
.table_5050_noborder_cellr {
float:left;
}

.table_5050_inline_cell {
display:inline-block;
width:96%;
text-align:center;
}

.index_notice {
display:block;
width:80%;
max-width:580px;
border:10px double #fff;
position: relative;
margin: 0px auto;
margin-bottom:30px;
background-color:#f30;
padding:10px;
text-align:center;
}

.index_notice_caption {
font-size:12px;
list-style-type:none;
text-align:left;
color:#fff;
}

.index_notice_caption h3 {
text-align:center;
color:#fff;
}

.whitebold {
color:#fff;
font-weight:bold;
}




/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
@media only screen and (max-width: 800px) {
#menuList ul {
width: 100%;
}

#menuList ul li {
width: 20%;
}
}
/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
#menuList {
display: none;
}

#menuOverlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
display: none;
position: fixed;
z-index: 9997;
}

#switchBtnArea {
}

#switchBtnArea #switchBtn {
top: 0px;
left: 0px;
width: 50px;
height: 50px;
display: block;
background: #999;
position: absolute;
z-index: 9998;
border:1px solid #666;
}

#switchBtnArea #switchBtn span {
left: 20%;
width: 60%;
height: 4px;
display: block;
position: absolute;
background-color: #fff;
border-radius: 5px;
transition: all 0.2s linear;
}
#switchBtnArea #switchBtn span:nth-of-type(1) {
top:12px;transform: rotate(0);
}
#switchBtnArea #switchBtn span:nth-of-type(2) {
top:23px;transform: scale(1);
}
#switchBtnArea #switchBtn span:nth-of-type(3) {
bottom:12px;transform: rotate(0);
}

#switchBtnArea #switchBtn.btnClose {
background: #999;
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
top:23px;transform: rotate(-45deg);
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
transform: scale(0);
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
bottom:23px;transform: rotate(45deg);
}

#rwdMenuWrap {
top: 0;
left: -200px;
width: 200px;
height: 100%;
background: #fff;
overflow: auto;
position: fixed;
z-index: 9999;
}

.headmenu {
width: 100%;
}

.headmenu_btn,
.headmenu_spbtn {
display: block;
border-bottom: #aaa 1px solid;
padding: 10px 10px;
text-align: left;
position: relative;
color: #666666;
font-weight:bold;
}

.headmenu_btn:visited,
.headmenu_spbtn:visited {
color: #666;
}

.headmenu a {
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
background-image: -webkit-linear-gradient(#ffffff, #eeeeee);
background-image: linear-gradient(#ffffff, #eeeeee);
}

.headmenu a:hover {
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cceeff));
background-image: -webkit-linear-gradient(#ffffff, #cceeff);
background-image: linear-gradient(#ffffff, #cceeff);
}

.mypage_caption {
margin-bottom:-3px;
font-size:11px;
display:block;
color: #36f;
}



#contents {
width: 100%;
}

#contents p {
padding: 0 20px 2em 20px;
}

.spbnr96 {
display:block;
width:96%;
margin:10px auto 0px;
border:1px solid #146;
text-align:center;
color:#146 !important;
font-weight:bold;
padding:10px 0;
font-size:0.9em;
}

.pcbnr {
display:none;
}

}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#menuList > .headmenu:before,
#menuList > .headmenu:after {
content: " ";
display: table;
}
#menuList > .headmenu:after {clear: both;}
#menuList > .headmenu {*zoom: 1;}

/*---------------------------------------------------------------------------*/




.btn {
background:transparent url(../images/btn.png) no-repeat 0 0;
display: block;
width:76px;
height: 35px;
position: absolute;
top:4px;
right:4px;
cursor: pointer;
z-index: 200;
}

/*---------------------------------------------------------------------------*/
.menu-collapser {
padding-top:5px;
padding-right:42px;
text-align:right;
position: relative;
color: #e9db92;
text-shadow: 0 1px 0 rgba(0,0,0,1);
width: 100%;
height: 33px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}

.collapse-button {
position: absolute;
right: 4px;
top: 50%;
width: 33px;
background-color: #0E0E0E;
background-image: linear-gradient(to bottom, #151515, #040404);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 1px solid #e9db92;
color: #FFFFFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
padding-left: 6px;
padding-top: 2px;
padding-bottom: 6px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
cursor: pointer;
font-size: 14px;
text-align: center;
transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}

.collapse-button:hover, .collapse-button:focus {
background-image: none;
background-color: #040404;
color: #FFF;
}

.collapse-button .icon-bar {
background-color: #e9db92;
display: block;
height: 3px;
width: 19px;
margin-top: 4px;
margin-right: 4px;
}

ul.slimmenu {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
margin-bottom:4px;
}

ul.slimmenu li {
position: relative;
display: inline-block;
background-color: #000;
border-bottom:1px solid #e9db92;
}

ul.slimmenu li a {
color:#e9db92;
display: block;
padding: 6px 64px 6px 16px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
font: 14px/1.3 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";

}

ul.slimmenu li a:hover {
background-color: #f00;
text-decoration: none;
}

ul.slimmenu.collapsed li {
display: block;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}

ul.slimmenu.collapsed li a {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}

ul.slimmenu.collapsed li .sub-collapser {
height: 40px;
}


/*---------------------------------------------------------------------------*/
header .inner {
width: auto;
height: auto;
text-align: center;
line-height: 1.2;
padding-top:10px;
}

header .inner h1 {
position: static;
padding-top: 10px;
}
header h1 img {
width: 80%;
max-width: 275px;
height: auto;
}

header .inner address {
position: static;
padding-bottom: 10px;
}

/*---------------------------------------------------------------------------*/

nav#menu {
display: none;
}

/*---------------------------------------------------------------------------*/
#contents {
width: auto;
margin-right: 6px;
margin-left: 6px;
}

body#top #contents {
margin: 20px 6px 0px;
}

/*---------------------------------------------------------------------------*/
#contents-in, #main, #sub {
float: none;
width: auto;
}

/*---------------------------------------------------------------------------*/

#main h2 {
padding: 5px 10px;
}

/*---------------------------------------------------------------------------*/
.back ul, .go ul{
border:1px solid #e9db92;
}

.back ul li,
.go ul li {
height: 44px;
margin: 0px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#0d0d0d));
background-image: -webkit-linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);
background-image: linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);
}

.back ul li a{
background: url(../images/list_mark_back.png) no-repeat 10px 0px;
display: block;
height: 44px;
margin: 0px;
padding: 8px 0px 0px 30px;
text-decoration: none;
font-weight:bold;
}

.go ul li a{
background: url(../images/list_mark_go.png) no-repeat 100% 0px;
display: block;
height: 44px;
margin: 0px;
padding: 8px 30px 0px 0px;
text-decoration: none;
font-weight:bold;
text-align:right;
}

.cd {
display: block;
width: auto;
margin-left: -8px;
padding-left: 36px;
background: url(../images/icon_6m_192.png) no-repeat 0px -9px;
background-size: 32px 32px;
background-position: left;
}

.whatsnew {
display: block;
width: auto;
margin-left: -6px;
padding-left: 38px;
background: url(../images/icon_4b_192.png) no-repeat 0px -9px;
background-size: 32px 32px;
background-position: left;
}

.ticket {
display: block;
width: auto;
margin-left: -6px;
padding-left: 38px;
background: url(../images/icon_3g_192.png) no-repeat 0px -9px;
background-size: 32px 32px;
background-position: left;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#0d0d0d));/*マイナスアイコンとグラデーション*/
background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);/*同上*/
background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);/*同上*/
}
section#new h2.close {
background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#0d0d0d));/*プラスアイコンとグラデーション*/
background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);/*同上*/
background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);/*同上*/
}
/*ブロック全体の設定*/
#new dl {
height: auto;
}
/*日付設定*/
#new dt {
float: none;
width: auto;
}
/*記事設定*/
#new dd {
padding-left: 0;
}

/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.ta1 td{
width: auto;
padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
width: 100px;
padding: 2px;
}

/*----*/
#main .section_360,
#main .section_360 img {
margin-bottom:30px;
}

.map {
width: 100%;
max-width: 550px;
height: auto;
}


/*----*/
#osusume,
#osusume img {
}

/*----*/
#osusume {
margin-bottom:30px;
}

#osusume dt {
text-align: center;
}

#osusume img {
max-width: 240px;
}

#osusume .osusume_title {
font-size:18px;
text-align:center;
}

#osusume .osusume_caption {
font-size:12px;
font-weight:bold;
line-height:1.4em;
color:#000000;
background-color:#ff9900;
padding :5px;
}

/*---------------------------------------------------------------------------*/
.event {
max-width:767px;
width:100%;
margin-bottom:20px;
}

.month {
display:block;
background-color:#660000;
padding:4px 10px 4px 10px;
border-bottom:0px;
border:1px solid #e9db92;
margin-top:20px;
}


.date {
display:block;
float:left;
width:76px;
padding:4px 10px 4px 10px;
background-color:#666600;
border-left:1px solid #e9db92;
margin-right:10px;
}

.place {
display:block;
width:100%-10px;
padding:4px 10px 4px 0px;
border-right:1px solid #e9db92;
}

.act {
display:block;
width:100%-10px;
max-width:767px;
padding:4px 10px 4px 10px;
border-left:1px solid #e9db92;
border-right:1px solid #e9db92;
border-bottom:1px solid #e9db92;
padding-left:10px;
text-wrap:suppress;
}


/*---------------------------------------------------------------------------*/
.form {
max-width:767px;
width:100%;
margin-bottom:20px;
}

.form dt {
display:block;
background-color:#330000;
padding:4px 10px 4px 10px;
border:1px solid #e9db92;
}

.form dd {
display:block;
width:100%-10px;
max-width:767px;
padding:4px 10px 4px 10px;
border-left:1px solid #e9db92;
border-right:1px solid #e9db92;
border-bottom:1px solid #e9db92;
padding-left:10px;
text-wrap:suppress;
margin-bottom:-1px;
}

.form_j {
max-width:767px;
width:100%;
margin-bottom:20px;
margin-top:-1px;
}

.form_j dt {
display:block;
padding:4px 10px 4px 10px;
border-bottom:1px solid #e9db92;
}

.form_j dd {
display:block;
width:100%-10px;
max-width:767px;
padding:4px 10px 4px 10px;
background-color:#000000;
border-bottom:1px solid #e9db92;
padding-left:10px;
text-wrap:suppress;
margin-bottom:-1px;
}

#footer {
clear: both;
width:100%;
margin: 0px auto;
border-top:1px solid;
padding-top:20px;
background-color: #eee;
z-index:10;
font-size:12px;
text-align:center;
}

.img_mg10_right {
float:right;
margin-left:10px;
}


.spmenu {
width:100%;
}

.spmenu li {
border-right:1px dotted #999;
border-left:1px dotted #999;
border-bottom:1px dotted #999;
list-style-type: none;
background: url(../images/arrowR.png) no-repeat 98% 50%;
background-color:#eee;
padding:10px;
margin-left:0px;
margin-right:13px;
margin-bottom:2px;
}

.formbtn {
display:box;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
background-image: -webkit-linear-gradient(#ffffff, #cccccc);
background-image: linear-gradient(#ffffff, #cccccc);
width:100px;
padding:6px 0px 4px 0px;
margin:10px;
font-size:14px;
border-radius: 4px;
}

.main_k {
width:100%;
}

.pc_footer {
display:none;
}

.price {
list-style-type:none;
color:#050;

}

.price:before {
content: '';
display: inline-block;
width: .5em;
height: .5em;
margin-right: .5em;
background: #f00;
transform: rotate(45deg);
vertical-align: 2px;
}

.press_pkg {
display:none;
}

.sns_bnr_l {
width:100%;
float:left;
display:box;
margin-bottom:30px;
text-align:center;
}

.sns_bnr_r {
width:100%;
float:right;
display:box;
margin-bottom:30px;
text-align:center;
}

.sns_bnr {
max-width:330px;
width:100%;
}

.buynowbtn {
display:box;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
background-image: -webkit-linear-gradient(#ffffff, #cccccc);
background-image: linear-gradient(#ffffff, #cccccc);
border-radius: 4px;
font-weight:normal;
padding:6px 10px 8px 10px;
color:#333;
}


.img200 {
display:block;
width:140px;
float:left;
margin:0px 20px 0px 0px;
}

.right_img_ml20 {
max-width:100%;
margin:0px 0px 20px 20px;
}

.center_img_ml20 {
width:100%;
max-width:100%;
margin-top:10px;
margin-bottom:10px;
}

.table660 {
width:calc (100% - 3px);
border-bottom:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
background-color:#eeffee;
}

.table660 dt {
display:block;
width:100px;
float:left;
padding:4px 10px 4px 10px;
border-top:1px solid #666666;
font-weight:bold;
}

.table660 dd1 {
display:block;
padding:4px 10px 4px 10px;
border-top:1px solid #666666;
border-left:1px solid #666666;
margin-left:120px;
background-color:#ffffff;
}

.redbtn_center {
display:block;
max-width:180px;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeeee), to(#ff0000));
background-image: -webkit-linear-gradient(#ffeeee, #ff0000);
background-image: linear-gradient(#ffeeee, #ff0000);
border-radius: 4px;
padding:9px 5px 7px 11px;
text-align:center;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:10px;
}

.redbtn_center:hover {
color: #ffff00;
text-decoration: none;
}

.manual {
width:130px;
color:#fff;
font-weight:bold;
display:inline-block;
background-color:#f00;
font-size:12px;
text-align:center;
padding:3px;
}


.pr_l2 {
width:100%;
display:box;
}

.pr_r2 {
width:100%;
display:box;
}

.pr_txt310 {
width:100%;
display:box;
float:left;
padding:10px 0px 10px 0px;
margin-bottom:20px;
border-top:1px dotted #666666;
}

.vocal_img100 {
width:100px;
float:left;
margin:0px 20px 10px 0px;
}


.button-link {
display:box;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
background-image: -webkit-linear-gradient(#ffffff, #cccccc);
background-image: linear-gradient(#ffffff, #cccccc);
border-radius: 4px;
font-weight:normal;
padding:6px 10px 8px 10px;
color:#333;
}


.button-link:hover {
	cursor: pointer ;
}

.past_mailnews {
display:table;
width:100%;
border-bottom:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #666;
}

.past_mailnews div {
font-weight:bold;
text-align:center;
background-color:#fee;
}

.past_mailnewsday {
display:table-cell;
width:100px;
border-top:1px solid #666;
float:left;
padding:6px;
}

.past_mailnewstitle {
display:table-cell;
border-left:1px solid #666;
border-top:1px solid #666;
width:calc(100% - 125px);
float:left;
padding:6px;
}

.nnd_window {
position: relative;
padding-bottom: 56.25%;/* 16:9 */
padding-top: 25px;
height: 0;
overflow: hidden;
}

.nnd_window iframe,
.nnd_window object,
.nnd_window embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.pr_submenu {
display:table;
width:100%;
margin-bottom:20px;
border-top:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#000000));
background-image: -webkit-linear-gradient(#999999, #000000);
background-image: linear-gradient(#999999, #000000);
}

.pr_submenu a {
display:table-cell;
width:calc(35% - 1px);
text-align:center;
padding:6px 0px 4px 0px;
border-right:1px solid #666;
}

.pr_submenu a:first-child {
width:calc(15% - 1px);
}
.pr_submenu a:last-child {
width:calc(15% - 2px);
}
.pr_submenu a {
color: #ffffff;
font-size:14px;
}

.pr_submenu a:hover {
color: #ffaa00;
}

.pkg_buy_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#cceeff), to(#0030dd));
background-image: -webkit-linear-gradient(#cceeff, #0030dd);
background-image: linear-gradient(#cceeff, #0030dd);
border-radius: 4px;
width:180px;
padding:9px 5px 7px 11px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:10px auto;
}

.dl_buy_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcccc), to(#cc0000));
background-image: -webkit-linear-gradient(#ffcccc, #cc0000);
background-image: linear-gradient(#ffcccc, #cc0000);
border-radius: 4px;
width:180px;
padding:9px 5px 7px 11px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:10px auto;
}

.dl_trial_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffee99), to(#dda800));
background-image: -webkit-linear-gradient(#ffee99, #dda800);
background-image: linear-gradient(#ffee99, #dda800);
border-radius: 4px;
width:180px;
padding:9px 5px 7px 11px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:10px auto;
}

.pkg_buy_btn:hover,
.dl_buy_btn:hover,
.dl_trial_btn:hover {
color: #ffff00;
}

.bq1 {
border-left:5px solid #03ACEA;
background: #CEECF5;
padding: 10px;
}

.upper_alpha_list,
.upper_alpha_list li{
padding:0px;
margin:0px;
}

.upper_alpha_list li{
list-style-type:none;
list-style-image:none;
margin: 5px 0px 5px 0px;
counter-increment: calc-ex10;
}

.list8{
counter-reset:li;
margin-left:20px;
}

.list8 li{
position:relative;
display: block;
padding:8px 0px 8px 40px; 
}

li.list8-count:after{
counter-increment: li;
content: counter(calc-ex10, upper-latin);
position: absolute;	
left: -16px;
top: 2px;
background: #f33;
height: 30px;
width: 30px;
line-height: 32px;
border: 2px solid #ccc;
text-align: center;
font-weight: bold;
border-radius: 30px;
color:#fff;
}

li.list8-count:before{
content:''; 
display:block; 
position:absolute; 
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
top:11px; 
left:15px; 
height:0; 
width:0; 
border-top: 8px solid transparent;
border-right: 7px solid transparent;
border-bottom: 8px solid transparent;
border-left: 13px solid #ccc;
}

.nmmd_title1 {
color:#ff6633;
font-size:18px;
margin:0px 10px 10px 10px;
font-weight:bold;
}

.nmmd_title2 {
color:#33ccff;
font-size:18px;
margin:0px 10px 10px 10px;
font-weight:bold;
}

.nmmd_title3 {
color:#00cc66;
font-size:18px;
margin:0px 10px 10px 10px;
font-weight:bold;
}

.nmmd_title1 img,
.nmmd_title2 img,
.nmmd_title3 img{
vertical-align:middle;
}


.nmmd_setting_title {
padding:10px 10px 10px 10px;
display:box;
width:calc(100%-20px);
margin-bottom:10px;
background-color:#036;
color:#fff;
font-weight:bold;
}

.nmmd_img_left {
width:100%;
max-width:100%;
margin-right:10px;
margin-bottom:10px;
float:left;
}

/*ACCORDION*/
.acordion {
background-color:#cef;
padding:0px;
}

.toggle {
padding:10px;
cursor:pointer;
background:url(../images/point_plus.png) no-repeat center right 5px;
}
.toggle.active {
background:url(../images/point_close.png) no-repeat center right 5px;
}
.acordion_conts {
display:none;
margin:6px;
width:calc(100% - 12px);
}


.dsc_submenu {
display:table;
width:calc(100% - 1px);
margin-bottom:20px;
border-top:1px solid #666;
border-bottom:1px solid #666;
border-right:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#000000));
background-image: -webkit-linear-gradient(#999999, #000000);
background-image: linear-gradient(#999999, #000000);
}

.dsc_submenu a {
display:table-cell;
width:190px;
text-align:center;
padding:6px 0px 4px 0px;
border-left:1px solid #666;
vertical-align:middle;
max-width:calc(25% - 1px);
}

dsc_submenu a:first-child {
width:calc(25% - 2px);
}
dsc_submenu a:last-child {
width:calc(25% - 2px);
}

.dsc_submenu a {
color: #ffffff;
font-size:14px;
}

.dsc_submenu a:hover {
color: #33ddff;
}

.dsc_step1_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#cceeff), to(#0099ff));
background-image: -webkit-linear-gradient(#cceeff, #0099ff);
background-image: linear-gradient(#cceeff, #0099ff);
border-radius: 4px;
width:180px;
padding:9px 5px 7px 11px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:20px 0px 20px 0px;
}

.dsc_step2_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eeffcc), to(#99cc33));
background-image: -webkit-linear-gradient(#eeffcc, #99cc33);
background-image: linear-gradient(#eeffcc, #99cc33);
border-radius: 4px;
width:180px;
padding:9px 5px 7px 11px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:20px 33px 20px 33px;
}

.dsc_step3_btn {
display:block;
border:1px solid #666;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeecc), to(#ff6600));
background-image: -webkit-linear-gradient(#ffeecc, #ff6600);
background-image: linear-gradient(#ffeecc, #ff6600);
border-radius: 4px;
width:180px;
padding:9px 5px 7px 11px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:20px 0px 30px 0px;
}

.dsc_step1_btn:hover,
.dsc_step2_btn:hover,
.dsc_step3_btn:hover {
color: #ffff00;
}

h7 {
font-weight:bold;
color:#36f;
}

.table3 {
display:block;
margin-bottom:20px;
border-bottom:1px solid #666666;
}

.table3 dt {
display:block;
padding:4px 10px 4px 10px;
font-weight:bold;
background-color:#cceeff;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

.table3 dd {
display:block;
padding:4px 20px 4px 20px;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
background-color:#ffffff;
margin-left:0px;
margin-bottom:0px;
}


.table3 dd li {
margin-left:20px;
}


.box660 {
diaplay:block;
margin-left:20px;
width:calc(100% - 44px);
background-color:#eee;
border:2px dotted #666;
padding:10px;
}

.img_m10 {
max-width:40%;
margin:20px 10px 30px 10px;
}

h8 {
display:block;
font-size:16px;
color:#fff;
font-weight:bold;
background-color:#999;
text-align:center;
padding:6px 0px 4px 0px;
}

.top_links {
display:block;
width:96%;
position: relative;
margin: 0px auto;
padding:0px;
text-align:center;
}

.top_links li {
margin:0px;
display:inline-block;
width:48%;
}

.index_img_bnr {
list-style-type:none;
}

.index_mini_bnr {
width:100%;
}

.index_sub_r {
display:block;
width:96%;
border:1px solid #999;
margin:0 auto;
margin-bottom:10px;
margin-top:10px;
text-align:center;
}

.index_twitter {
display:block;
width:96%;
border:1px solid #999;
margin:0 auto;
margin-bottom:10px;
margin-top:10px;
text-align:center;
overflow: hidden;
}

.twitter-timeline {
}

.activation_bnr {
display:block;
text-align:center;
background-color:#f30;
color:#fff;
font-weight:bold;
padding:14px 0px 14px 0px;
}

.supported_os_bnr {
display:block;
text-align:center;
background-color:#09c;
color:#fff;
font-weight:bold;
padding:14px 0px 14px 0px;
}

.version_up_bnr {
display:block;
text-align:center;
background-color:#f30;
color:#fff;
font-weight:bold;
padding:26px 0px 26px 0px;
}

.about_vocalid_bnr {
display:block;
text-align:center;
background-color:#09c;
color:#fff;
font-weight:bold;
padding:26px 0px 26px 0px;
}

.top_sns_bnr {
display:block;
text-align:center;
font-weight:bold;
font-size:20px;
padding-top:10px;
padding-bottom:10px;
background-color:#fff;
}

.youtube_icn {
display:inline;
color:#e00;
margin:0px;
padding:0px;
}
.twitter_icn {
display:inline;
color:#0ae;
margin:0px;
padding:0px;
}
.facebook_icn {
display:inline;
color:#359;
margin:0px;
padding:0px;
}
.instagram_icn {
color:#f36;
margin:0px;
padding:0px;
}

.sns_icon {
height:36px;
margin:6px;
}

.top_sns_bnr:hover {
background-color:#cfc;
}

.activation_bnr:hover,
.supported_os_bnr:hover,
.about_vocalid_bnr:hover,
.version_up_bnr:hover {
color:#ff0;
text-shadow: 1px 1px 0.1px #000;
}

.index_sub2 {
display:inline-block;
width:100%;
margin-top:10px;
padding:0px;
margin:0 auto;
}

.index_sub2 img {
width:100%;
}

.index_sub2 img:hover {
filter:brightness(130%);
}


.index_sub3 {
display:inline-block;
width:100%;
margin-top:10px;
padding:0px;
margin:0 auto;
}

.index_sub3 li:first-child {
border-top:0px;
}

.news_topics {
font-size:18px;
display:block;
border-bottom:1px solid #999;
padding:2px 10px 2px 10px;
text-align:left;
background-color:#fed;
clear: both;
}

.rss_icon {
width:24px;
vertical-align:middle;
margin-right:6px;
}

.frame {
width: 100%;
height: 240px;
margin: 0;
font-size: 12px;
overflow: auto;
text-align:left;
background-color:#fff;
}
.frame dl {
margin: 10;
}
.frame dt::before {
font-family: "FontAwesome";
content:"\f0a4";
color:#f30;
margin-right:4px;
font-size:14px;
}
.frame dd {
margin: 0 0 6px 15px;
border-bottom:1px dotted #666;
}
.frame a {
color: #FF3300;
text-decoration: none;
}
.frame a:hover {
text-decoration: underline;
}

.top_movie {
display:block;
margin:0 auto;
padding:0;
width:96%;
}

.top_movie li {
display:block;
list-style-type:none;
}

.top_movie li img {
margin-bottom:12px;
width:100%;
}

.index_bnr {
width:100%;
height:50px;
margin:0px;
list-style-type:none;
font-size:16px;
font-weight:bold;
border-top:1px solid #eee;
border-bottom:1px solid #999;
background-color:#99e;
}

.index_bnr a {
color:#fff;
height:26px;
padding:12px 0px 8px 0px;
display:block;
text-align:left;
}

.top_minibnr_icon {
margin:-4px 10px 0px 10px;
padding:0px;
vertical-align:middle;
width:32px;
}

.link_mark {
margin:-4px 6px 0px 10px;
padding:0px;
vertical-align:middle;
text-align:center;
width:32px;
display:inline-block;
}

.index_bnr a:hover{
color:#fb0;
text-shadow: 1px 1px 0.1px #000;
}

.index_sub_wrap {
display:table;
width:96%;
position: relative;
margin:0px auto;
}

.index_sub:hover {
background-color:#cfc;
}

.top_splinks {
display:inline-block;
width:100%;
text-align:center;
margin-bottom:20px;
}

.top_splinks li {
display:inline-block;
width:48%;
list-style-type:none;
margin:0 auto;
}

.top_splinks li img {
width:100%;
}


@media screen and (min-width: 600px) {
.sp_br::after {
white-space:pre;
content:"\A";
}


}

@media screen and (min-width: 480px) {
.index_sub {
display:inline-block;
width:47%;
height:350px;
border:1px solid #999;
margin:10px 1% 0px 1%;
float:left;
text-align:center;
}
.narrow_txt {
transform:scale(0.8,1);
transform-origin: top left;
width: 125%;
}
.index_sub_bnr {
margin-bottom:10px;
width:100%;
background-color:#ccc;
display:block;
}
.index_sub_bnr img {
position: relative;
margin:0px auto;
width:100%;
max-width:223px;
}

.index_sub_caption {
list-style-type:none;
text-align:left;
font-size:12px;
position: relative;
margin:0px auto;
padding:10px;
color:blue;
}
}

@media screen and (max-width: 479px) {
.narrow_txt {
}
.index_sub {
width: 100%;
padding:0;
margin-top:10px;
margin-bottom:8px;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
}
.index_sub_bnr img {
display:block;
float:left;
width:132px;
margin-right:10px;
}
.index_sub_caption {
display:block;
height:99px;
font-size:12px;
line-height:14px;
padding-top:10px;
padding-right:10px;
margin:0;
}

.top_links li {
margin:0px 0px 10px 0px;
display:inline-block;
width:100%;
}

.slide-block {
display:none;
}
slide-block {
width: 100%;
padding:0;
max-width: 870px;
max-height: 80px;
margin: 0 auto;
margin-top:10px;
}
slide-block a {
margin:0px 10px 0px 10px;
}
slide-block img {
width: 100%;
}

.wideslider {
margin-top:-20px;
}

.ac_ml10 {
margin:10px 0px 10px 10px;
list-style-type:none;
}

.ac_ml10 img {
margin-right:6px;
height:32px;
vertical-align:middle;
}

.sp_anchor {
margin-left:10px;
}

.index_notice {
display:block;
width:80%;
max-width:580px;
border:10px double #fff;
position: relative;
margin: 0px auto;
margin-bottom:30px;
background-color:#f30;
padding:10px;
text-align:center;
}

.index_notice_caption {
font-size:12px;
list-style-type:none;
text-align:left;
color:#fff;
}

.index_notice_caption h3 {
text-align:center;
color:#fff;
}

.pkg_txt {
color:#060;
font-weight:bold;
}
.dl_txt {
color:#006;
font-weight:bold;
}

.redbold {
color:#c00;
font-weight:bold;
}

.orangebold {
color:#f60;
font-weight:bold;
}

.whitebold {
color:#fff;
font-weight:bold;
}

.pinkbold {
color:#f09;
font-weight:bold;
}

.rednonbold {
color:#c00;
}

.redblock {
display:block;
width:calc(100% - 42px);
max-width:928px;
border:1px solid #f00;
background-color:#fdd;
border-radius:8px;
padding:10px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
color:#f00;
font-weight:bold;
font-size:14px;
text-align:left !important;
}

.table303030 {
display:inline-block;
width:calc(100% - 12px);
border:none;
margin:6px;
padding:0;
}

.table303030 > li {
display:inline-block;
width:100%;
height:143px;
border:1px solid #ccc;
margin:0 0 30px 0;
text-align:left;
padding:0;
margin-bottom:10px;
}
.table303030 > li:nth-of-type(2n) {
float:left;
}

.table303030 > li:hover {
background-color:#cfc;
}
.table303030 > li img:hover {
transform:none;
}
.top_category {
display:block;
font-size:16px;
color:#fff;
background-color:#999 !important;
background-image: none !important;
text-align:center;
padding:6px 0px 4px 0px !important;
font-weight:bold;
border: none !important;
margin:0px !important;
}
.top_category_img {
display:inline-block;
width:132px;
padding:0;
margin:0;
}
.top_category_img > img {
width:100%;
padding:0;
margin:0;
}
.table303030txt {
display:inline-block;
height:auto;
font-size:12px;
line-height:14px;
padding-top:10px;
padding-right:10px;
margin:0;
width:calc(100% - 152px);
float:right;
}
}