@charset "utf-8";


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

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

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

}
.input {
width:100%;
}

a.spc {
color: #3f0;
text-decoration: none;
}

a {
text-decoration:none;
}

a:visited {
color: #00f;
}

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

.bgblack {
background-color:#000;
}

.wrap {
width:100%;
}

.head,
.breadcrumb,
.inner {
width:950px;
position: relative;
margin: 0px auto;
}

.head {
height:66px;
}

.logo {
height:25px;
margin-top:20px;
}

.breadcrumb {
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
padding-top:6px;
padding-bottom:4px;
margin-top:20px;
margin-bottom:20px;
}

.inner {
display: table;
padding:0px;
}

.left_menu,
.pleft_menu {
width:250px;
background-color: #eeeeee;
vertical-align:top;
}

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

.left_2nd_title {
background-color: #cfc;
width:230px;
padding:2px 0px 0px 20px;
font-weight:bold;
font-size:14px;
margin:1px 0px -1px -20px;
}

.left_sub {
font-size: 80%;
line-height:240%;
width:230px;
padding-left:20px;
}

.press_menu {
width:238px;
margin-left:-20px;
margin-bottom:-14px;
border-bottom:1px solid #000;
padding:10px 0px 10px 10px;
}

.press_menu li {
margin-left:-10px;
margin-top:6px;
border-top:1px dotted #000;
padding:10px 20px 4px 20px;
list-style-type: none;
line-height:130%;
background: url(../images/arrowR.png) no-repeat 98% 65%;
}

.right_contents {
width:680px;
padding-left:20px;
vertical-align:top;
}

.onecolumn_contents {
display: inline-block;
width:100%;
padding:0px;
vertical-align:top;
}

.introduction_ttl {
margin-left:0px;
}
.introduction_ttl::before {
content:"◆";
}

.introduction_ttl2 {
font-size:22px;
font-we ight:bold;
margin:20px 0;
color:#099;
}

.left400_box {
max-width:400px;
width:100%;
display:inline-block;
float:left;
text-align:center;
margin:0px 20px 20px 0px;
}

.right400_box {
max-width:400px;
width:100%;
display:inline-block;
float:right;
text-align:center;
margin:0px 0px 20px 20px;
}

.right_contents ol li{
margin-left:40px;
}

.inner > .left_menu,
.inner > .pleft_menu,
.inner > .right_contents {
display: table-cell;
}

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


h1 {
margin-top:-24px;
font-size: 92%;
background-color: #cccfd4;
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);
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 0px;
clear: both;
text-align:center;
height:40px;
display:block;
font-weight:bold;
margin-bottom:0;
}

h1 a:hover {
background-color: #cccfd4;
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);
}

.headmenu {
float:center;
display:block;
width:950px;
position: relative;
margin: 0px auto;
}


.headmenu_btn {
width:157px;
height:24px;
color: #666666;
text-decoration: none;
border-left:1px solid #cccccc;
padding:10px 0px 6px 0px;
display:block;
float:left;
}

.headmenu_btn:last-child {
border-right:1px solid #cccccc;
padding-left:1px;
}

.headmenu_btn:visited {
color: #666;
}

.headmenu_spbtn {
display: none;
}

.title1 {
font-size:24px;
font-weight:bold;
margin-bottom:10px;
}


h2 {
font-size: 100%;
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:0px;
}


.clear {
clear:both;
}

.clear hr {
display:none;
}


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

.right {
clear: both;
float:right;
margin-bottom:20px;
background: url(../images/arrowR.png) no-repeat 98% 50%;
padding:10px 18px 8px 14px;
font-weight:bold;
}

.ex_link {
display: block;
margin-top:0px;
padding:10px 18px 8px 14px;
font-weight:bold;
}

.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 19px 0px;
border-radius: 4px;
font-weight: bold;
font-size:14px;
display: block;
text-decoration: none;
color: #f90;
background: #eee;
}

.head_right {
margin-top:23px;
clear: both;
float:right;
}

.head_right a {
color:#666;
text-decoration:none;
font-size:14px;
}

.head_right_btn:hover {
color: #ff9933;
font-weight:bold;
}

.global_btn:hover {
color: #6c3;
border-bottom:2px solid #f93;
}

.head_right_btn,
.global_btn {
margin-left:20px;
}

.mypage {
display:inline-block;
}

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

.table1,
.table2 {
display:inline-block;
width:678px;
margin-bottom:20px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
background-color:#eeeeee;
}

.table1 dt,
.table2 dt {
width:160px;
display:block;
float:left;
padding:4px 10px 4px 10px;
border-top:1px solid #666666;
border-right:1px solid #666666;
font-weight:bold;
vertical-align:top;
}

.table1 dd,
.table2 dd {
display:block;
width:457px;
padding:4px 20px 4px 20px;
border-top:1px solid #666666;
border-left:1px solid #666666;
margin-left:180px;
background-color:#ffffff;
}

.t2h {
width:678px;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
background-color:#eeeeee;
font-weight:bold;
text-align:center;
margin:0px;
}

.t2h_category {
display:block;
padding-top:4px;
width:180px;
float:left;
}

.t2h dd {
display:block;
border-left:1px solid #666666;
margin-left:180px;
background-color:#eeeeee;
}

.t2h_school {
display:box;
width:335px;
padding:4px 0px 4px 0px;
}

.t2h_student {
display:box;
width:80px;
margin-top:-32px;
margin-left:335px;
text-align:center;
padding:4px 0px 4px 0px;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

.t2h_staff {
display:box;
width:80px;
margin-top:-33px;
margin-left:417px;
text-align:center;
padding:4px 0px 4px 0px;
}

.t2b {
width:678px;
display:table;
margin-top:0px;
margin-bottom:20px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

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

.t2b dd {
display:block;
border-left:1px solid #666666;
border-top:1px solid #666666;
margin-left:180px;
}

.t2b_school {
display:box;
padding:0px 20px 0px 20px;
width:315px;
padding-top:4px;
}

.t2b_student {
display:box;
width:80px;
margin-left:335px;
margin-top:-29px;
padding-top:4px;
text-align:center;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

.t2b_staff {
display:box;
width:80px;
margin-left:416px;
margin-top:-29px;
padding-top:4px;
text-align:center;
}

.caption {
font-size:12px;
}

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

.pr_l {
width:330px;
float:left;
display:box;
margin-bottom:30px;
}

.pr_r {
width:330px;
float:right;
display:box;
margin-bottom:30px;
}

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

.pr_name {
display:box;
width:230px;
float:right;
padding-top:10px;
margin-bottom:10px;
}

.pr_name a {
font-weight:bold;
}

.pr_txt {
display:box;
width:310px;
float:left;
padding:10px;
margin-bottom:20px;
border-top:1px solid #666666;
}

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

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

.press_table dd {
display:block;
padding:4px 20px 4px 20px;
border-top:1px dotted #666666;
border-left:1px dotted #666666;
margin-left:120px;
}

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

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

.event_table {
width:678px;
margin-bottom:20px;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
background-color:#ffeeee;
}

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

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

.copy_banner {
margin-left:-20px;
width:250px;
}

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


.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;
}

.mailnews_btn {
display:block;
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;
width:160px;
padding:10px;
float:center;
margin:20px 0px 20px 13px;
line-height: 16px;
}

.mailnews_btn:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffcccc));
background-image: -webkit-linear-gradient(#ffffff, #ffcccc);
background-image: linear-gradient(#ffffff, #ffcccc);
}

.mailnews_btn img {
float:left;
width:50px;
margin:2px 6px 0px 0px;
}

.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;
}

.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 40px 4px 40px;
}

.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 40px 4px 40px;
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 40px 20px 42px;
}

.main_image {
margin-top:0;
margin-bottom:-14px;
width:950px;
}

h3 {
color:#f60;
font-size:18px;
margin:0px 10px 10px 10px;
}

.pindex_pic {
display:block;
width:180px;
float:left;
margin-left:10px;
}


.pindex_pic img{
width:160px;
margin-bottom:30px;
}

.pindex_menu {
width:238px;
margin-top:0px;
margin-left:-20px;
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%;
background: url(../images/arrowR.png) no-repeat 98% 50%;
}

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

.volume_table {
width:660px;
display:inline-block;
float:right;
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;
float:left;
font-weight:bold;
text-align:center;
}

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

.volume_table_tdr {
width:610px;
display:block;
float:right;
font-size:14px;
}

.volume_table_td{
display:block;
width:588px;
padding:6px 10px 6px 10px;
float:right;
border:1px solid #000;
border-radius: 4px;
text-align:center;
}

.volume_table_tdn{
display:block;
width:600px;
float:right;
text-align:center;
}

.volume_table_td2l{
display:block;
width:278px;
padding:0px 6px 0px 6px;
float:right;
text-align:center;
}

.volume_table_td2r{
display:block;
width:278px;
padding:0px 6px 0px 6px;
float:right;
text-align:center;
}

.volume_table_td2g{
display:block;
width:276px;
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:276px;
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:278px;
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:278px;
padding:6px 6px 6px 6px;
float:right;
border:1px solid #006;
border-radius: 4px;
background-color:#006;
color:#fff;
text-align:center;
}


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

.img100 {
width:100px;
}

.book_name {
display:box;
width:200px;
float:right;
padding-top:10px;
margin-bottom:10px;
}

.book_name a {
font-weight:bold;
}

.pic330 {
margin:0px 0px 20px 0px;
width:330px;
float:left;
}

.spmenu {
display:none;
}

.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:680px;
}

.twitter_btn {
display:block;
float:right;
margin-left:10px;
}

.tweet_icon {
margin-right:4px;
}

.sample_playbtn {
width:60px;
vertical-align:middle;
margin-right:4px;
margin-bottom:8px;
}

.wide_img {
width:50%;
max-width:650px;
margin:20px 0px;
}

.wide_pic {
max-width:100%;
}

.footer_l1 {
display:block;
float:left;
width:calc(25% - 20px);
text-align:left;
margin:0px;
padding:0px 10px 0px 10px;
'background-color:#fee;
}

.footer_r1 {
display:block;
float:right;
width:calc(25% - 20px);
text-align:left;
margin:0px;
padding:0px 10px 0px 10px;
'background-color:#efe;
}

h4 {
font-size:12px;
margin:0px;
}

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

.footer_l1 li,
.footer_r1 li {
list-style-image: url(../images/arrowR_org.png);
margin-left:14px;
}

.footer_sub {
list-style-image: url(../images/arrowR_org.png);
padding-left:14px;
}

.footer_l1 hr,
.footer_r1 hr,
.footerhr {
border: 0;
border-top:1px dotted #666;
}

.sp_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;
}


ol {
margin-left:-40px;
}

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

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

.sns_bnr {
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:4px 10px 0px 10px;
color:#333;
}

.buynowbtn_right {
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:4px 10px 0px 10px;
color:#333;
float:right;
}

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

.img300 {
width:300px;
float:left;
margin:0px 20px 10px 0px;
}

.img460 {
width:460px;
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;
}

.right_img_ml20 {
float:right;
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;
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:330px;
float:left;
display:box;
}

.pr_r2 {
width:330px;
float:right;
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:4px 10px 0px 10px;
color:#333;
}


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


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

.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;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.pr_submenu {
display:none;
width:100%;
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);
}

.pr_submenu a {
display:inline-block;
width:calc(33% - 1px);
text-align:center;
padding:6px 0px 4px 0px;
border-left:1px solid #666;
}

.pr_submenu a:first-child {
width:calc(17% - 1px);
}
.pr_submenu a:last-child {
width:calc(17% - 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:10px;
}

.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;
}


.dsc_submenu {
display:none;
width:100%;
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:inline-block;
width:calc(25% - 1px);
text-align:center;
padding:6px 0px 4px 0px;
border-left:1px solid #666;
}

.dsc_submenu a:first-child {
width:calc(25% - 1px);
}
.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 0px 7px 0px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:20px 0px 20px 0px;
float:left;
}

.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 0px 7px 0px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:20px 46px 20px 57px;
float:left;
}

.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 0px 7px 0px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #111111;
margin:20px 0px 30px 0px;
float:right;
}

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

.table3 {
width:658px;
margin-bottom:20px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
background-color:#cceeff;
}

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

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

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

.img_m10 {
margin:30px 10px 20px 10px;
}

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

.h0530 {
width: 900px;
height:110px;
margin: 0 auto;
overflow:hidden;
}

.slide-block {
margin-top:10px;
text-align:center;
}

.slide-block a {
margin:0 10px;
border:0;
display:inline-block;
}

.top_inner_left {
display:block;
width: 725px;
float:left;
}


.index_sub {
display:inline-block;
width:223px;
height:350px;
border:1px solid #999;
margin:10px 16px 0px 0px;
float:left;
}

.index_sub_r,
.index_twitter {
display:inline-block;
width:223px;
height:350px;
border:1px solid #999;
margin:10px 0px 0px 0px;
float:right;
}


.twitter-follow-button {
margin: 0px;
}

.index_sub2 {
display:inline-block;
width:225px;
margin:10px 0px 0px 0px;
padding:0px;
float:right;
'height:352px;
}

.index_sub2 img {
width:100%;
}

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

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

.index_sub_bnr {
width:100%;
}

.index_sub_bnr img {
width:223px;
}
.index_sub_caption {
height:28px;
font-size:12px;
margin:10px;
list-style-type:none;
text-align:left;
color:blue;
}

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

.top_movie {
display:block;
margin:0;
padding:0;
}

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

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


.index_bnr {
width:225px;
height:46px;
margin:0px 0px 0px 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;
}

.index_sub3 {
display:inline-block;
width:225px;
margin:10px 0px 0px 0px;
padding:0px;
float:right;
}

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

.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;
}

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

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

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

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

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

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

.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;
}

.top_inner {
width:98%;
max-width:1200px;
position: relative;
margin: 0px auto;
padding:0px;
text-align:center;
}

.top_inner950 {
width:950px;
position: relative;
margin: 0px auto;
padding:0px;
text-align:center;
}

.top_links {
display:block;
width:725px;
}

.index_img_bnr {
width:225px;
height:48px;
margin:10px 16px 10px 0px;
display:block;
float:left;
list-style-type:none;
}

.index_mini_bnr {
width:225px;
}

.top_splinks {
display:none;
}


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

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

.sp_anchor {
display:none;
}

.index_notice {
display:block;
width:80%;
max-width:580px;
border:10px double #fff;
position: relative;
margin: 0px auto;
margin-bottom:10px;
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;
}

.spbnr96,
.spbnr {
display:none;
}

.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;
}

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

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

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

.greenbold {
color:#3c6;
font-weight:bold;
}

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

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

.rednonbold {
color:#c00;
}

.sp_br::after {
display:none;
}

.redblock {
display:block;
width:calc(100% - 22px);
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;
}

.fb {
color:#2e5195;
background-color:transparent !important;
}
.tw {
color:#000 !important;
background-color:transparent !important;
}
.ig {
color:#f39;
background-color:transparent !important;
}


.table_5050 {
display:inline-block;
width:100%;
margin-bottom:30px;
}

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

.table_5050_noborder_cell,
.table_5050_noborder_cellr {
display:inline-block;
width:calc(49% - 20px);
padding:10px;
}

.table_5050_cellr,
.table_5050_noborder_cellr {
float:right;
}

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

.table303030 {
display:inline-block;
width:100%;
max-width:1200px;
padding:0;
}

.table303030 > li {
display:inline-block;
width:32%;
height:calc(320px + 9em);
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;
}
.table303030 > li:nth-of-type(3n - 2) {
float:left;
}
.table303030 > li:nth-of-type(3n) {
float:right;
}
.table303030txt {
display:inline-block;
font-size:0.9em;
padding:10px;
vertical-align:top;
}
.table303030l {
float:left;
}
.table303030c {
float:left;
margin-left:1.8%;
}
.table303030r {
float:right;
}



@media screen and (max-width:1023px),print {
/*　画面サイズが1023px以下はここを読み込む　*/



}




@media screen and (max-width:900px) {
/*　画面サイズが900px以下はここを読み込む　*/



}



@media screen and (max-width:810px) {
/*　画面サイズが800px以下はここを読み込む　*/



}



@media screen and (max-width:767px) {
/*　画面サイズが767px以下はここを読み込む　*/



}



@media screen and (max-width:710px) {
/*　画面サイズが710px以下はここを読み込む　*/



}



@media screen and (max-width:665px) {
/*　画面サイズが665px以下はここを読み込む　*/



}



@media screen and (max-width:640px) {
/*　画面サイズが640px以下はここを読み込む　*/



}



@media screen and (max-width:480px) {
/*　画面サイズが480px以下はここを読み込む　*/



}



@media screen and (max-width:320px) {
/*　画面サイズが320px以下はここを読み込む　*/



}