@charset "utf-8";


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

.head {
height:66px;
}

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

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

input, select, textarea {
font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ 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%;
}

.clear {
clear:both;
}

.clear hr {
display:none;
}

/*---------------------------------------------------------------------------*/
.head {
width: 96%;
height:66px;
position: relative;
margin: 0px auto;
}

.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 {
float:right;
margin-top:12px;
widt h: 216px;
}

.head_right a {
color:#666;
text-decoration:none;
display:inline-block;
}

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

.head_right_btn,
.global_btn {
margin-left:16px;
flo at:left;
w idth: 90px;
text-align: center;
font-size: 90%;
border:1px solid #ccc;
padding:6px 12px 6px 12px;
background-color: #f6f6f6;
}

.mypage {
display:inline-block;
}

.mypage_caption {
margin:-12px 0px 0px 0px;
font-size:11px;
display:block;
color: #36f;
text-align: center;
}


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

nav#mobile_menu {
	display: none;
}

h1 {
margin-top:-24px;
font-size: 86%;
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;
text-align:center;
height:40px;
font-weight:bold;
margin-bottom:20px;
}


.headmenu {
width:98%;
display:block;
position: relative;
margin: 0px auto;
white-space: nowrap;
}

.headmenu 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_btn {
width:18%;
color: #666666;
text-decoration: none;
white-space: nowrap;
display:inline-block;
border-left:1px solid #cccccc;
text-align:center;
height:24px;
padding:10px 0px 6px 0px;
}

.headmenu_btn:last-child {
width:13%;
border-right:1px solid #cccccc;
}
.headmenu_btn:first-child {
width:13%;
}
.headmenu_btn:visited {
color: #666;
}
.headmenu_spbtn {
display: none;
}



.breadcrumb {
font-size: 80%;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
padding-top:6px;
padding-bottom:4px;
width:96%;
position: relative;
margin: 10px auto;
}

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

.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_sub {
font-size: 80%;
line-height:240%;
width:230px;
padding-left:20px;
}

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

.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 ol li{
margin-left:40px;
}

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

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

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

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

.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 26px 0px;
}

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

.table1,
.table2 {
display:inline-block;
width:100%;
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 {
display:block;
width:160px;
float:left;
padding:4px 10px 4px 10px;
border-top:1px solid #666666;
font-weight:bold;
}

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

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

.caption {
font-size:12px;
}

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

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

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

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

.event_table {
width:100%;
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;
}

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

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

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

.book_name a {
font-weight:bold;
}

.pr_l,
.pr_r {
clear:both;
}

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

.pr_r {
width:100%;
float:left;
display:box;
margin-bottom:30px;
}

.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:30px;
border-top:1px dotted #666666;
border-bottom:1px solid #666666;
}

.main_image {
margin-top:-16px;
margin-bottom:-6px;
width:96%;
}

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

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

.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 {
display:block;
width:100%;
border-top:1px solid #666666;
border-left:1px solid #666666;
font-weight:bold;
text-align:center;
margin:0px;
}

.t2b {
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:20%;
background-color:#eee;
}

.t2h dd {
width:calc(80% - 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:20%;
border-top:1px solid #666666;
}

.t2b dd {
width:calc(80% - 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 10px 0px 10px;
float:left;
width:calc(70% - 22px);
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;
}

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


/*---------------------------------------------------------------------------*/
.back, .go {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

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

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

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

.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: -12px;
	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: -10px;
	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: -10px;
	padding-left: 38px;
	background: url(../images/icon_3g_192.png) no-repeat 0px -9px;
	background-size: 32px 32px;
	background-position: left;
}

/*----*/
#main .section_360 {
}

#main .section_360 .left {
	width: 49%;
	float: left;
	padding-bottom: 20px;
}

#main .section_360 .right {
	width: 49%;
	float: right;
	padding-bottom: 20px;
}


/*----*/
#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:1023px;
width:100%;
}

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


.date {
display:block;
float:left;
width:76px;
padding:4px 10px 4px 10px;
border-top:1px solid #e9db92;
}

.place {
display:block;
float:left;
width:146px;
padding:4px 10px 4px 0px;
margin-right:10px;
border-top:1px solid #e9db92;
border-right:1px solid #e9db92;
}

.act {
display:block;
width:100%-10px;
padding:4px 10px 4px 10px;
border-left:1px solid #e9db92;
border-top:1px solid #e9db92;
margin-left:252px;
word-wrap:break-all;
}

/*---------------------------------------------------------------------------*/
.form {
max-width:1023px;
margin-bottom:20px;
border-bottom:1px solid #e9db92;
border-left:1px solid #e9db92;
border-right:1px solid #e9db92;
background-color:#330000;
}

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

.form dd {
display:block;
padding:4px 10px 4px 10px;
border-top:1px solid #e9db92;
border-left:1px solid #e9db92;
margin-left:180px;
background-color:#000000;
}

.form_j {
max-width:1023px;
margin-bottom:20px;
border-bottom:1px solid #e9db92;
margin-top:-1px;
}

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

.form_j dd {
display:block;
padding:4px 10px 4px 10px;
border-top:1px solid #e9db92;
border-left:1px solid #e9db92;
margin-left:180px;
background-color:#000000;
}

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

.profile_pic {
float:right;
margin:0px 0px 20px 20px;
}

.tweet_icon {
float:left;
margin:1px 4px;
}

.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:45px;
margin:4px 6px 0px 0px;
}

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

.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:100%;
}

.twitter_btn {
display:block;
float:right;
margin-top:3px;
}

.tweet_icon {
margin-right:3px;
margin-top:-1px;
}

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

.wide_pic {
max-width:100%;
width:100%;
}

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

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

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

.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:48%;
float:left;
display:box;
margin-bottom:30px;
text-align:center;
}

.sns_bnr_r {
width:48%;
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;
}

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

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

.img150 {
width:150px;
float:left;
margin:0px 20px 10px 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: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;
}

.table310mp {
width:calc (100% - 4px);
border-bottom:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
display:block;
margin:0px 0px 10px 0px;
background-color:#efe;
}

.table310mp dt {
display:block;
width:78px;
float:left;
padding:4px 6px 4px 6px;
border-top:1px solid #666;
font-size:12px;
}

.table310mp dd {
display:block;
border-top:1px solid #666666;
border-left:1px solid #666666;
margin-left:90px;
font-size:12px;
}


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

.pr_submenu {
display:none;
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: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(27% - 1px);
text-align:center;
padding:6px 0px 4px 0px;
border-left:1px solid #666;
vertical-align:middle;
}

.dsc_submenu a:first-child {
width:calc(19% - 1px);
}
.dsc_submenu a:last-child {
width:calc(27% - 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 {
width:100%;
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 {
max-width:43%;
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::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;
}

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

.slide-block {
width: 100%;
padding:0;
margin-top:10px;
}
.slide-block a {
margin:0px 10px 0px 10px;
border:0;
display:inline-block;
}
.slide-block img {
width: 100%;
max-height: 100px;
max-width: 280px;
}

.top_inner_left {
width: calc(100% - 225px);
float:left;
display:block;
text-align:center;
}


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

.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;
text-align:center;
}



.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;
}
.top_category {
margin-top:0;

}
.narrow_txt {
transform:scale(0.8,1);
transform-origin: top left;
width: 126%;
}
.index_sub_bnr {
width:100%;
}

.index_sub_bnr img {
width:100%;
}

.index_sub_caption {
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;
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:96%;
max-width:950px;
position: relative;
margin: 0px auto;
padding:0px;
}

.top_links {
display:block;
width:calc(100% - 225px);
max-width:725px;
text-align:center;
}

.top_links li {
margin:10px 8px 0px 0px;
display:inline-block;
width:31.5%;
min-width:210px;
}

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

.index_mini_bnr {
width:100%;
}

.top_splinks {
display:none;
}

.top_inner_left < 717px {
.index_sub {
display:inline-block;
margin:10px 16px 0px 0px;
padding: 0px;
max-width:223px;
border:1px solid #999;
height:350px;
'float: left;
'width: calc(225px - 1%);
}
}

.index_sub_wrap {
display:table;
width:100%;
position: relative;
margin:0px auto;
'background-color:#fcc;
}

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

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

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



@media screen and (max-width: 940px) {
.index_sub {
display:inline-block;
width:47.5%;
border:1px solid #999;
margin-top:10px;
margin-right:2%;
float:left;
height:350px;
}
.index_sub_bnr img {
position: relative;
margin:0px auto;
max-width:223px;
width:100%;
}
.index_sub_bnr {
margin-bottom:10px;
width:100%;
background-color:#ccc;
display:block;
}
.index_sub_caption {
position: relative;
margin:0px auto;
padding:10px;
}
.top_links {
display:block;
width:100%;
max-width:940px;
text-align:center;
margin-bottom:10px;
}

.top_links li {
margin:10px 8px 0px 0px;
display:inline-block;
width:31.5%;
min-width:210px;
}
.sp_br::after {
display:none;
}

}

@media screen and (min-width: 941px){
.index_sub {
display:inline-block;
width:31.5%;
height:350px;
border:1px solid #999;
margin-top:10px;
margin-right:10px;
float:left;
}
.index_sub_bnr {
width:100%;
}
}


.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: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:100%;
padding:0;
text-align:center;
}

.table303030 > li {
display:inline-block;
width:32%;
height:calc(320px + 6em);
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;
}

.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(98% - 6px);
}

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

.table_5050_cellr,
.table_5050_noborder_cellr {
float:left;
}

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