/*
Theme Name: CeVIO5
Description:2014/4～CeVIO　Official site
Theme URI: ***
Author: cevio project
Author URI: ***
Version: 1.0
License: cevio project
License URI: ****
*/

/* -------------- */
/* 全体のbody設定 */
/* -------------- */

html,body{ margin:0; padding:0;}

body {
        margin:0px auto;         
        padding: 17px 0px 0px 0px;
        line-height: 180%; 
        font-weight:normal;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
        font-size: 13px;
        color:#3b3b3b;
        overflow-x: hidden;
 overflow-y: scroll;
}
tr,td,th {
        margin:0px auto;         
        padding: 17px 0px 0px 0px;
        line-height: 180%; 
        font-weight:normal;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
        font-size: 13px;
        color:#3b3b3b;
        overflow-x: hidden;
}

ul { list-style:none;}


hr.mb-40,
hr.mb_40{
		border: none;
		margin-bottom: 40px;

}

/* -------------- */
/* 画像全体の設定 */
/* -------------- */

a img{
	border-style:none;
}

/* -------------- */
/* Header Section */
/* -------------- */
#header {
	margin: 0 auto;
	position:fixed;
	height:40px;
	width:100%;
        top:0;
	background:url(images/cevio_headmenu_bk.png) repeat-x;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	z-index:1;
	text-align:center;
}
#header02 {
	margin: 0 auto;
	position:absolute;
	height:30px;
	width:100%;
        top:0;
	background:#000000;
	filter:alpha(opacity=10);
	-moz-opacity: 0.9;
	opacity: 0.9;
	z-index:1;
	text-align:center;
}
.centerdiv {
	margin: 0 auto;
}

/* -------------- */
/* Footer Section */
/* -------------- */
#footer {
	position:fixed !important;
	position:fixed;
	height:40px;
	width:100%;
        left:0;
	bottom:0;
	background:url(images/bg/cevio_foot.png) repeat-x;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	z-index:1;
}
#copyright{
	height:40px;
	min-height:40px;
	line-height:40px;
	bottom:0px;
	color:#ffffff;
        font-size: 10px;
	text-align:center;
	vertical-align:middle;
}
#copyright a{
	color:#ffffff;
	text-decoration: none;
}
#copyright a:hover{
	color:#ffffff;
	text-decoration: underline;
}
#copyright_copy{
color:#ffffff;
font-size: 10px;
text-align : left
vertical-align:middle;
}

/* ---------------- */
/* Contents Section */
/* ---------------- */
#contents       {
        margin: 0 auto;
        width: 1000px;
        background-color: #FFFFFF;   /* 背景色 */
}

#title_line       {
        margin: 0 auto;
        hight: 200px;
        width: 100%;
        background-color: #e8e8e8;   /* 背景色 */
}

.title_text       {
        margin: 0 auto;
        padding: 10px;
        width: 980px;
        hight: auto;
        text-align:left;
}

#slider_outline {
        margin: 0 auto;
        padding:0;
	height: 250px;
	width: 100%;
        background-color: #FFFFFF;   /* 背景色 */
	background:url(images/bg/01.gif) repeat-x;
}
.slider_in {
        padding: 5px 0px 0px 0px;
	height: 240px;
        display:none
}


/* ---------------- */
/* Side Navi        */
/* ---------------- */

#main_contents { margin: 0 auto; width : 1000px ; padding-bottom: 40px ; overflow: hidden; }
#navigation { float : left ; width : 250px ; padding:0px 10px 0px 10px; }
#text_contents { float : left ; padding:0px 10px 0px 10px; width : 700px ; }

/* ---------------- */
/* CeVIO News Page  */
/* ---------------- */

#news_main_contents { margin: 0 auto; width : 1000px ; }
#news_navigation { float : left ; width : 260px ; padding:0px 0px 0px 0px; }
#news_text_contents { float : left ; padding:0em ; width : 740px ; }

.text03{
        z-index:-1;
        text-align:left;
        width:1000px;
        padding: 10px 10px;
}

.text04{
        z-index:-1;
        text-align:left;
        padding: 0px 0px 0px 15px;
}

#news_name{
        font-size: 12px;
        color:#252525;
        border-left:8px solid #B2EEFF;
        line-height:350%;
        padding-left:10px;
        width: 230px; 
}
#news_name02{
        font-size: 12px;
        color:#252525;
        border-left:8px solid #EFEFEF;
        line-height:350%;
        padding-left:10px;
        width: 230px; 
}

/* ---------------- */
/* Contents         */
/* ---------------- */
#post_text  {
padding: 0px 0px 0px 20px;
}

/* ---------------- */
/* top Twitter      */
/* ---------------- */
#side_bg{
	width:220px;
	height:auto;
        padding:20px;
        text-align:center;
        -moz-border-radius: 10px;    /* Firefox */
        -webkit-border-radius: 10px; /* Safari,Chrome */
        border-radius: 10px;         /* CSS3 */
        border: 1px #dddddd solid;     /* 枠線の装飾 */
        background-color: #FFFFFF;   /* 背景色 */
}
.side_bg_w{
	width:220px;
	height:auto;
        padding:20px;
        text-align:center;
        -moz-border-radius: 10px;    /* Firefox */
        -webkit-border-radius: 10px; /* Safari,Chrome */
        border-radius: 10px;         /* CSS3 */
        border: 1px #dddddd solid;     /* 枠線の装飾 */
        background-color: #FFFFFF;   /* 背景色 */
}
/* ---------------- */
/* Official Twitter */
/* ---------------- */
.twitter{
        font-size: 13px;
        color:#252525;
        border-left:5px solid #5f5f5f;
        line-height:200%;
        padding-left:15px;
        text-align:left;
}
/* ---------------- */
/* top satosasara   */
/* ---------------- */
#sato_sasara{
	width:220px;
	height:auto;
        padding:20px;
        text-align:center;
        -moz-border-radius: 10px;    /* Firefox */
        -webkit-border-radius: 10px; /* Safari,Chrome */
        border-radius: 10px;         /* CSS3 */
        border: 1px #ffd2d8 solid;     /* 枠線の装飾 */
        background-color: #FFFFFF;   /* 背景色 */
}
#sasara_com{
        text-align:left;
        font-size: 13px;
        color:#252525;
        border-left:5px solid #ff9db9;
        line-height:200%;
        padding-left:15px;
}
/* ---------------- */
/* ONE banner       */
/* ---------------- */
#one_01{
	width:220px;
	height:auto;
        padding:20px;
        text-align:center;
        -moz-border-radius: 10px;    /* Firefox */
        -webkit-border-radius: 10px; /* Safari,Chrome */
        border-radius: 10px;         /* CSS3 */
        border: 1px #A9A9A9 solid;     /* 枠線の装飾 */
        background-color: #FFFFFF;   /* 背景色 */
}
#one_02{
        text-align:left;
        font-size: 13px;
        color:#808080;
        border-left:5px solid #808080;
        line-height:200%;
        padding-left:15px;
}
#ia_03{
        text-align:left;
        font-size: 11px;
        color:#000000;
        border-left:5px solid #808080;
        line-height:200%;
        padding-left:15px;
}
/* -------------------- */
/* Color Voice banner   */
/* -------------------- */
#cvs_01{
	width:220px;
	height:auto;
        padding:20px;
        text-align:center;
        -moz-border-radius: 10px;    /* Firefox */
        -webkit-border-radius: 10px; /* Safari,Chrome */
        border-radius: 10px;         /* CSS3 */
        border: 1px #ffca57 solid;     /* 枠線の装飾 */
        background-color: #FFFFFF;   /* 背景色 */
}
#cvs_02{
        text-align:left;
        font-size: 13px;
        color:#000000;
        border-left:5px solid #ffca57;
        line-height:200%;
        padding-left:15px;
}
/* ---------------- */
/* character Twitter*/
/* ---------------- */
.twi_01{
        text-align:left;
        font-size: 13px;
        color:#252525;
        border-left:5px solid #7e91d0;
        line-height:200%;
        padding-left:15px;
}
#c_twitter{
	width:220px;
	height:auto;
        padding:20px;
        text-align:center;
        -moz-border-radius: 10px;    /* Firefox */
        -webkit-border-radius: 10px; /* Safari,Chrome */
        border-radius: 10px;         /* CSS3 */
        border: 1px #d2d7ff solid;     /* 枠線の装飾 */
        background-color: #FFFFFF;   /* 背景色 */
}
/* ---------------- */
/* Download  Page   */
/* ---------------- */

#submit[disabled] { /* style here... */
	background: #EEE;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #FFFFFF;
	width: 400px;
	padding: 20px 0;
 }

.button {
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
        font-size: 15px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 400px;
        line-height: 180%; 
	padding: 10px 0;
        outline:none;
}
.button:hover {
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
        font-size: 15px;
	background: -moz-linear-gradient(top,#FFFFFF, #FFFFFF 50%,#FFFFFF 50%,#FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#60fbe3), color-stop(0.5,#60b8fb), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #FFFFFF;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 400px;
	padding: 10px 0;
        line-height: 180%; 
        outline:none;
}

/* リンク色がゆっくり変わるようにする */
a{
transition: color 1.0s ease 0s;
-webkit-transition: color 1.0s ease 0s;
}

/* リンク色（通常） */

a:link{
        text-decoration:none;
        color:#19a3f2;
}

/* リンク色（訪問済み） */
a:visited{
        text-decoration:none;
        cursor:pointer;
        color:#19a3f2;
}

/* リンク色（マウスオーバー時） */
a:hover{
        text-decoration:none;
        cursor:pointer;
        color:#ff6796;
}

/* div idの設定 */

#page_top_image{
        text-align:center;
        padding:0px;
        width:auto;
        height:75px;
        background-color:#e7e7e7;
}

#onsei_page_bg{
        text-align:left;
        padding:0px;
        width:773;
        height:auto;
        background-image: url(/images/free_bg.gif);
        background-repeat: no-repeat; 
}

#onsei_page_bg2{
        text-align:left;
        padding:0px;
        width:773;
        height:auto;
        background-image: url(/images/syo_bg.gif);
        background-repeat: no-repeat; 
}
.text01{
        z-index:-1;
        text-align:left;
        width:980px;
        padding: 20px 20px;
}
.text02{
        text-align:left;
        width:800px;
        padding: 40px;
}

.download-spec{
	width: 800px;

}


.download-spec th{
	width: 100px;
}

.download-click{
	text-align: center;
}


/* テーブルのスタイル設定 */ 
table{
        border-collapse: collapse;
        text-align: left;
        border: 0px #808080 solid;
}

td,th{
        text-align: left;
        border: 0px;
        line-height: 180%; 
}

/* 見出しライン設定（通常見出し） */ 
h1{
        font-size: 13px;
        color:#252525;
        border-left:8px solid #7C7375;
        line-height:350%;
        padding-left:15px;
	border-bottom:solid 1px #7C7375; 
        width: auto; 
}

h2{
        font-size: 13px;
        color:#252525;
        border-left:8px solid #7C7375;
        line-height:350%;
        padding-left:15px;
        width: 600px; 
}
h6{
        font-size: 13px;
        color:#FF7F50;
        border-left:8px solid #FF7F50;
        line-height:350%;
        padding-left:15px;
        width: 600px; 
}

/* ニュースページ見出し */ 
.news01{
        font-size: 13px;
        color:#252525;
        border-left:8px solid #5bb9f4;
        line-height:350%;
        padding-left:15px;
        border-bottom:1px solid #ccc; 
}

/* 見出し（小見出し） */ 
h3{
        font-size: 13px;
        color:#252525;
        border-left:5px solid #E5E5E5;
        line-height:200%;
        padding-left:15px;
}
/* 製品ページ色つき用見出し */ 
h3.new{
        font-size: 13px;
        color:#252525;
        border-left:5px solid #F781BE;
        line-height:200%;
        padding-left:15px;
}
h4{
        font-size: 13px;
        color:#3cc6ff;
        border-left:5px solid #3cc6ff;
        line-height:200%;
        padding-left:15px;
}

h5{
        font-size: 13px;
        color:#3c74ff;
        border-left:5px solid #3c74ff;
        line-height:200%;
        padding-left:15px;
}

/* CeVIO Newsページのメニュー */ 
.com_title_01{
        width: 350px;
        font-size: 14px;
	border-left:10px solid #ff798c;
	padding:.9em .9em;
        font-weight: bold;
}


/* CeVIO Newsページのメニュー */ 

#left_menu{
        font-size: 13px;
        color:#8f8f8f;
        border-left:5px solid #8f8f8f;
        line-height:400%;
        padding-left:15px;
        width:150px;
        border-bottom:1px solid #8f8f8f; 
}

/* CeVIO Newsページのメニュー（現在のページ） */ 

#left_menu_01{
        font-size: 13px;
        color:#353535;
        border-left:5px solid #252525;
        line-height:400%;
        padding-left:15px;
        width:150px;
        border-bottom:1px solid #252525; 
}

/* 音声利用ページの表示部分の全体*/ 
#onsei_page_bg{
        text-align:left;
        padding:0px;
        width:773;
        height:auto;
        background-image: url(/images/free_bg.gif);
        background-repeat: no-repeat; 
}

#onsei_page_bg2{
        text-align:left;
        padding:0px;
        width:773;
        height:auto;
        background-image: url(/images/syo_bg.gif);
        background-repeat: no-repeat; 
}

/* Newsページの表示部分の全体*/ 

#news_page {
       margin: 0 auto;
       width: 1000px;
       background-color:#FFFFFF;
}

.img2{
display:none; 
}

/* 導入実績ページの表示部分の全体*/ 

table#intr-01 {
    width: 1000px;
    border: 0px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
}

table#intr-01 th {
    padding: 5px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#intr-01 td {
    vertical-align: top;
    width: 350px;
    padding: 10px;
    border: 0px #E3E3E3 solid;
    text-align: left;
    line-height: 150%; 
}
.selector12{
        width: 350px;
        font-size: 14px;
	border-left:10px solid #aae3ff;
	padding:.9em .9em;
	border-bottom:1px solid #aae3ff;
        font-weight: bold;
}
.selector12b{
        width: 350px;
	display: block;
	padding-top:.2em;
	font-size:.8em;
	color:#7a8489;
}
.intr-02 {
    padding: 10px;
        font-size: 13px;
        width: 350px;
        line-height: 200%; 
}

.selector13{
        width: 350px;
        font-size: 14px;
	border-left:10px solid #ffaade;
	padding:.9em .9em;
	border-bottom:1px solid #ffaade;
        font-weight: bold;
}
.selector13b{
        width: 350px;
	display: block;
	padding-top:.2em;
	font-size:.8em;
	color:#7a8489;
}


.selector14{
        width: 350px;
        font-size: 14px;
	border-left:10px solid #a5a5a5;
	padding:.9em .9em;
	border-bottom:1px solid #a5a5a5;
        font-weight: bold;
}
.selector14b{
        width: 350px;
	display: block;
	padding-top:.2em;
	font-size:.8em;
	color:#7a8489;
}

#cv{
    margin-top:-50px;
    padding-top:50px;
}
#announce{
    margin-top:-50px;
    padding-top:50px;
}
#tv_radio{
    margin-top:-50px;
    padding-top:50px;
}
#line-01{
        font-size: 14px;
        color:#252525;
        border-left:8px solid #7C7375;
        line-height:350%;
        padding-left:15px;
        width: 900px; 
	border-bottom:1px solid #7C7375;
	border-top:1px solid #7C7375;
}

/* メニューバー */
#dropmenu{
	list-style-type:none;
	width:960px;
	height:40px;
	margin:0 auto;
	padding:0;
        position:relative;
}
#dropmenu li{
	position:relative;
	width:160px;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}
#dropmenu #menu_cevio a{
	display:block;
	width:100%;
	height:40px;
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-1000em;
	text-decoration:none;
}
#dropmenu #menu_cevio a:hover{
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu_about a{
	display:block;
	width:100%;
	height:40px;
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-160px 0px;
	text-indent:-1000em;
	text-decoration:none;
}
#dropmenu #menu_about a:hover{
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-160px -40px;
}
#dropmenu #menu_download a{
	display:block;
	width:100%;
	height:40px;
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-320px 0px;
	text-indent:-1000em;
	text-decoration:none;
}
#dropmenu #menu_download a:hover{
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-320px -40px;
}
#dropmenu #menu_products a{
	display:block;
	width:100%;
	height:40px;
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-480px 0px;
	text-indent:-1000em;
	text-decoration:none;
}
#dropmenu #menu_products a:hover{
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-480px -40px;
}
#dropmenu #menu_license a{
	display:block;
	width:100%;
	height:40px;
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-640px 0px;
	text-indent:-1000em;
	text-decoration:none;
}
#dropmenu #menu_license a:hover{
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-640px -40px;
}
#dropmenu #menu_contact a{
	display:block;
	width:100%;
	height:40px;
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-800px 0px;
	text-indent:-1000em;
	text-decoration:none;
}
#dropmenu #menu_contact a:hover{
	background-image:url(/images/menu/cevio_headmenu_text.png);
	background-repeat:no-repeat;
	background-position:-800px -40px;
}

/* サブメニューUL */
#dropmenu li ul{
	list-style:none;
	position:absolute;
	top:100%;
	left:-20px;
	margin:0;
	padding:0;
	border-radius:0 0 3px 3px;
	text-align:left;
}
/*
#dropmenu li:last-child ul{
	left:-100%;
	width:100%
}
*/
/* サブメニューの各項目 */
#dropmenu li ul li{
	overflow:hidden;
	width:200px;
	height:0;
	color:#fff;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
}
/* サブメニューの各項目リンク */
#dropmenu li ul li a{
	padding:0;
/*	background:#c0c0c0;*/
	text-align:left;
	font-size:12px;
	font-weight:normal;
}
#dropmenu li:hover > a{
	color:#ffff00;
}
#dropmenu > li:hover > a{
	border-radius:3px 3px 0 0;
}
#dropmenu li:hover ul li{
	overflow:visible;
	height:40px;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #a0a0a0;
}
#dropmenu li:hover ul li:first-child{
	border-top:0;
}
#dropmenu li:hover ul li:last-child{
	border-bottom:0;
}
#dropmenu li:hover ul li:last-child a{
	border-radius:0 0 3px 3px;
}
/* サブメニューボタン */
#dropmenu #menu1-1 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu1_1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#dropmenu #menu1-1 a:hover{
	background-image:url(/images/menu/cevio_menu1_1.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu1-2 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu1_2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#dropmenu #menu1-2 a:hover{
	background-image:url(/images/menu/cevio_menu1_2.png);
	background-repeat:no-repeat;
	background-position:0px -40px;


}
#dropmenu #menu1-3 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu1_3.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#dropmenu #menu1-3 a:hover{
	background-image:url(/images/menu/cevio_menu1_3.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu1-4 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu1_4.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#dropmenu #menu1-4 a:hover{
	background-image:url(/images/menu/cevio_menu1_4.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}


#dropmenu #menu2-1 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu2_1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu2-1 a:hover{
	background-image:url(/images/menu/cevio_menu2_1.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu2-2 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu2_2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu2-2 a:hover{
	background-image:url(/images/menu/cevio_menu2_2.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu2-3 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu2_3.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu2-3 a:hover{
	background-image:url(/images/menu/cevio_menu2_3.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu3-1 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu3_1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu3-1 a:hover{
	background-image:url(/images/menu/cevio_menu3_1.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu3-2 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu3_2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu3-2 a:hover{
	background-image:url(/images/menu/cevio_menu3_2.png);
	background-repeat:no-repeat;
	background-position:0px -40px;

}
#dropmenu #menu3-3 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu3_3.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none; }

#dropmenu #menu3-3 a:hover{
	background-image:url(/images/menu/cevio_menu3_3.png);
	background-repeat:no-repeat;
	background-position:0px -40px; }

#dropmenu #menu3-4 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu3_4.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none; }

#dropmenu #menu3-4 a:hover{
	background-image:url(/images/menu/cevio_menu3_4.png);
	background-repeat:no-repeat;
	background-position:0px -40px; }

#dropmenu #menu3-5 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu3_5.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none; }

#dropmenu #menu3-5 a:hover{
	background-image:url(/images/menu/cevio_menu3_5.png);
	background-repeat:no-repeat;
	background-position:0px -40px; }

#dropmenu #menu3-6 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu3_6.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none; }

#dropmenu #menu3-6 a:hover{
	background-image:url(/images/menu/cevio_menu3_6.png);
	background-repeat:no-repeat;
	background-position:0px -40px; }

#dropmenu #menu4-1 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu4_1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu4-1 a:hover{
	background-image:url(/images/menu/cevio_menu4_1.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu4-2 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu4_2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu4-2 a:hover{
	background-image:url(/images/menu/cevio_menu4_2.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu4-3 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu4_3.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu4-3 a:hover{
	background-image:url(/images/menu/cevio_menu4_3.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu5-1 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu5_1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu5-1 a:hover{
	background-image:url(/images/menu/cevio_menu5_1.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}
#dropmenu #menu5-2 a{
	display:block;
	width:100%;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
	background-image:url(/images/menu/cevio_menu5_2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}
#dropmenu #menu5-2 a:hover{
	background-image:url(/images/menu/cevio_menu5_2.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
}


/* -------------- */
/* CCS_indexpage  */
/* -------------- */

#ccs_index{
        margin:0px auto;         
        padding: 0px 0px 0px 0px;
        line-height: 180%; 
        font-weight:normal;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
        font-size: 13px;
        color:#3b3b3b;
        overflow-x: hidden;
	background:url(images/bg/02.gif) no-repeat;
        background-attachment:fixed;   
        -moz-background-size:100% auto;
        background-size:cover;
}
#ccs_index_main{
        margin:0px auto; 
	width:900px;
	text-align:left;
}

#ccs_index_text01{
        margin:0px auto; 
	width:900px;
	text-align:left;
}
.table01{
   padding: 20px 20px 20px 20px;
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */
   border: 0px green solid;     /* 枠線の装飾 */
   background-color: #FFFFFF;   /* 背景色 */
}

.button02 {
	background: -moz-linear-gradient(top,#FFFFFF, #FFFFFF 50%,#FFFFFF 50%,#FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#60fbe3), color-stop(0.5,#60b8fb), color-stop(0.5,#1d7de9), to(#0060cc));
	color: #FFF;
        font-size: 18px;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #FFFFFF;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 280px;
	padding: 20px 0;
        outline:none;
}
.button02:hover {
	background: -moz-linear-gradient(top,#FFFFFF, #FFFFFF 50%,#FFFFFF 50%,#FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#60fbe3), color-stop(0.5,#98f6fc), color-stop(0.5,#98d8fc), to(#0086cc));
	color: #FFF;
        font-size: 18px;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #FFFFFF;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 280px;
	padding: 20px 0;
        outline:none;
}
.button03 {
	background: -moz-linear-gradient(top,#FFFFFF, #FFFFFF 50%,#FFFFFF 50%,#FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#b0e457), color-stop(0.5,#c4eb80), color-stop(0.5,#7dd318), to(#6ea70a));
	color: #FFF;
        font-size: 18px;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #FFFFFF;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 280px;
	padding: 20px 0;
        outline:none;
}
.button03:hover {
	background: -moz-linear-gradient(top,#FFFFFF, #FFFFFF 50%,#FFFFFF 50%,#FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddffa1), color-stop(0.5,#d0ff7f), color-stop(0.5,#c8f05b), to(#b7e735));
	color: #FFF;
        font-size: 18px;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #FFFFFF;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 280px;
	padding: 20px 0;
        outline:none;
}
.button04 {
	background: -moz-linear-gradient(top,#FFFFFF, #FFFFFF 50%,#FFFFFF 50%,#FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc9bd), color-stop(0.5,#fc97a8), color-stop(0.5,#ea5989), to(#e14784));
	color: #FFF;
        font-size: 18px;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #FFFFFF;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 280px;
	padding: 20px 0;
        outline:none;
}
.button04:hover {
	background: -moz-linear-gradient(top,#FFFFFF, #FFFFFF 50%,#FFFFFF 50%,#FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd8eb), color-stop(0.5,#fec2e0), color-stop(0.5,#ffa7d2), to(#ff90c7));
	color: #FFF;
        font-size: 18px;
        font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #FFFFFF;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 280px;
	padding: 20px 0;
        outline:none;
}

/* -------------- */
/* タブアニメーション用  */
/* -------------- */

div.tab {
  position: relative;
  z-index: 0;
    margin : 0 auto;
    padding : 5px;
    width : 972px;
}
div.tab ul.tab-menu {
    list-style-type : none;
    margin : 0px;
    padding : 0px;
}
div.tab ul.tab-menu li a {
    padding : 15px;
    text-decoration : none;
    float : left;
    border-top : 2px solid #FFFFFF;
    border-left : 2px solid #FFFFFF;
    border-right : 2px solid #FFFFFF;
    width : 290px;

   /* ▼CSS3 */
   border-top-left-radius: 8px;  /* 左上 */
   border-top-right-radius: 8px; /* 右上 */

   /* ▼Safari,Chrome */
   -webkit-border-top-left-radius: 8px;  /* 左上 */
   -webkit-border-top-right-radius: 8px; /* 右上 */

   /* ▼Firefox */
   -moz-border-radius-topleft: 8px;  /* 左上 */
   -moz-border-radius-topright: 8px; /* 右上 */

}
div.tab-contents {
    height : auto;
    overflow : auto;
    border : 1px solid #F5F5F5;
    background-color : #FFFFFF;
    padding : 20px;
    clear : left;
    position : relative;
    z-index : -1;
    top : -1px;
}

ul.tab-menu > li > a:link,
ul.tab-menu > li > a:visited {
    font-size: 15px;
    background-image: url("/images/bg/tab_bg2.jpg");
    color : #778899;
}

ul.tab-menu > li > a:hover{
    font-size: 15px;
    background-image: url("/images/bg/tab_bg3.jpg");
    color: #00BFFF;
}

ul.tab-menu > li.selected > a:link,
ul.tab-menu > li.selected > a:visited {
    font-size: 15px;
    color : #FFFFFF;
　　font-weight: bold;
    background-image: url("/images/bg/tab_bg.jpg");
    cursor : pointer;
text-shadow:0px -1px 3px gray,1px 0px 3px gray,0px 1px 3px gray,-1px 0px 3px gray;
}

#tab_line {
    height : 5px;
    width : 1000px;
    background-image: url("/images/bg/tab_bg.jpg");
}

/* -------------- */
/* マウスオーバーで半透明  */
/* -------------- */

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.w3eden {
	border : 0px solid #ccc;
	width: 600px;
	height: 30px;
	margin: 5px;
	background: whitesmoke;
}

.package-title {
    display: none;
}
/* -------------- */
/* CeVIO AI製品一覧ページ用デザイン */
/* -------------- */

.cevio_ai_product_body {
     background-color: #FFFFFF;
}

/* トークボイス欄用デザイン */

.cevio_ai_product_box_talk {
     margin: 0 auto;
     background-color: #FFFFFF;
     border-left: 8px solid #87cefa;
     font-size: 13px;
     color:#252525;
     padding-left:15px;
     display: flex;              /* フレックスボックスにする */
     align-items: center;
     width:950px;
     border-radius:  0px 0px 10px 10px;        /* 角丸指定 */
     }

.cevio_ai_product_box_talk_title {
     margin: 0 auto;
     background-color: #eaf8ff;
     border-left: 8px solid #87cefa;
     font-size: 13px;
     color:#252525;
     line-height:350%;
     padding-left:15px;
     font-weight:bold;
     width:950px;
     border-bottom:solid 1px #87cefa; 
     border-radius:  10px 10px 0px 0px;        /* 角丸指定 */
}
.cevio_ai_product_box_talk_01 {
     margin:0 auto;
     background-color: #FFFFFF;
     border-radius:  5px;        /* 角丸指定 */
}

.cevio_ai_product_box_talk_02 {
     margin: 0 auto;
     background-color: #FFFFFF;
     border-radius:  5px;        /* 角丸指定 */
     width: 600px;
     padding:15px;
}

/* ソングボイス欄用デザイン */

.cevio_ai_product_box_song {
     margin: 0 auto;
     background-color: #FFFFFF;
     border-left: 8px solid #ffce9e;
     font-size: 13px;
     color:#252525;
     padding-left:15px;
     display: flex;              /* フレックスボックスにする */
     align-items: center;
     width:950px;
     border-radius:  0px 0px 10px 10px;        /* 角丸指定 */
}

.cevio_ai_product_box_song_title {
     margin: 0 auto;
     background-color: #ffeddb;
     border-left: 8px solid #ffce9e;
     font-size: 13px;
     color:#252525;
     line-height:350%;
     padding-left:15px;
     font-weight:bold;
     width:950px;
     border-bottom:solid 1px #ffce9e;
     border-radius:  10px 10px 0px 0px;        /* 角丸指定 */
}
.cevio_ai_product_box_song_01 {
     margin:0 auto;
     background-color: #FFFFFF;
     border-radius:  5px;        /* 角丸指定 */
}

.cevio_ai_product_box_song_02 {
     margin: 0 auto;
     background-color: #FFFFFF;
     border-radius:  5px;        /* 角丸指定 */
     width: 600px;
     padding:15px;
}

/* エディタ欄用デザイン */

.cevio_ai_product_box_editor {
	margin: 0 auto;
	background-color: #FFFFFF;
	border-left: 8px solid #fa8072;
	font-size: 13px;
	color:#252525;
	padding-left:15px;
	display: flex;              /* フレックスボックスにする */
	align-items: center;
	width:950px;
	border-radius:  0px 0px 10px 10px;        /* 角丸指定 */
}

.cevio_ai_product_box_editor_title {
	margin: 0 auto;
	background-color: #fdeae8;
	border-left: 8px solid #fa8072;
	font-size: 13px;
	color:#252525;
	line-height:350%;
	padding-left:15px;
	font-weight:bold;
	width:950px;
	border-bottom:solid 1px #fa8072;
	border-radius:  10px 10px 0px 0px;        /* 角丸指定 */
}
.cevio_ai_product_box_editor_01 {
	margin:0 auto;
	background-color: #FFFFFF;
	border-radius:  5px;        /* 角丸指定 */
}

.cevio_ai_product_box_editor_02 {
	margin: 0 auto;
	background-color: #FFFFFF;
	border-radius:  5px;        /* 角丸指定 */
	width: 600px;
	padding:15px;
}


/* 商品種別：トークマーク */
.cevio_ai_product_point_talk {
     margin:3px;
     color:#FFFFFF;
     background-color: #87cefa;
     border-radius:  10px;        /* 角丸指定 */
     padding:5px;
}
/* 商品種別：ソングマーク */
.cevio_ai_product_point_song {
     margin:3px;
     color:#FFFFFF;
     background-color: #ffb366;
     border-radius:  10px;        /* 角丸指定 */
     padding:5px;
}
/* 商品種別：ダウンロードマーク */
.cevio_ai_product_point_dl {
     margin:3px;
     color:#FFFFFF;
     background-color: #66cc99;
     border-radius:  10px;        /* 角丸指定 */
     padding:5px;
}
/* 商品種別：パッケージマーク */
.cevio_ai_product_point_pk {
     margin:3px;
     color:#FFFFFF;
     background-color: #33cccc;
     border-radius:  10px;        /* 角丸指定 */
     padding:5px;
     }

/* 商品種別：エディタのみマーク */
.cevio_ai_product_point_editor {
	margin:3px;
	color:#FFFFFF;
	background-color: #fa8072;
	border-radius:  10px;        /* 角丸指定 */
	padding:5px;
	}


/* ※注意書き */
.cevio_ai_product_check{
        font-size: 10px;
}


/* ニュースカテゴリー */

.item-area{
	padding: 2em;
}

.list_set_category_news{
	padding: 0;

}

.list_item_category_news{
	padding: 1em;
    border-bottom: solid 1px #ccc ;

}

.list_item_category_news:first-child{
    border-top: solid 1px #ccc ;

}

.list_item_category_news a{
    display: block;
    cursor: pointer;

}

.nav_category_news nav.navigation.pagination {
    text-align: center;
    padding: 0 1em;
}

.nav_category_news nav.navigation.pagination a{
	display: inline-block;
	padding: 0.2em;
}

.sidebar_news li{
	list-style: none;

}

.sidebar_news .widget ul {
    padding-left: 1.5em;
}

.sidebar_news .widget ul li{
    margin-bottom: 1em;
}

/* 問い合わせフォーム */

.btn_contact{
  color: #19a3f2;	
  border: solid 1px #19a3f2;
  padding: 1em 3em;
  display: inline-block;
  border-radius: 5px;
  transition: 0.2s;
}

.btn_contact:hover{
	color: #ff6796;
	border: solid 1px #ff6796;
}

.contact_form input{

}

.contact_form button,
.contact_form select,
.contact_form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

.contact_form textarea {
  resize: vertical;
}

.contact_form input[type='submit'],
.contact_form input[type='button'],
.contact_form label,
.contact_form button,
.contact_form select {
  cursor: pointer;
}

.contact_form select::-ms-expand {
  display: none;
}

.contact_form input:not([type="radio"],[type="checkbox"]),
.contact_form select,
.contact_form textarea{
	width: 600px;
	padding: 1em 0.5em;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	display: block;	

}

.contact_form .select_area{
	display:inline-block;
	position: relative;
}

.contact_form .select_area::after{
   content: "\025bc";
   position: absolute;
   right: 1em;
   top: 1em;
   pointer-events: none;

}

.mw_wp_form_confirm .contact_form .select_area::after{
	content: "";
 
 }
 

.contact_form button{
	display: inline-block;
	padding: 1em 3em;
	background: #19a3f2;
	color: #ffffff;
	border-radius: 5px;
	transition: 0.2s;
}

.contact_form input[name='submitBack']{
	display: inline-block;
	width: 130px;
	padding: 1em 3em;
	background: #cccccc;
	border-radius: 5px;
	transition: 0.2s;
}



.contact_form button:hover{
	opacity: .6;

}

.contact_form .buttom_area{

	margin: 3em 0;

}

.contact_form h3 span{
	display: inline-block;
	margin-left: 1em;
	color: #ff0000;
	font-weight: normal;

}

.contact_form h3:not(:first-child) {
	margin-top: 3em;

}

.contact_form .note{
	line-height: 1.5;
}

/*
.contact_form .select_studio,
.contact_form .select_ai{
	display: none;
}
*/
.contact_form span label input[value="CeVIO Creative Studio"]:checked ~ div.select_studio{
	/*
	display:inherit;
	*/
	background: red;
	
  }

  .contact_form .privacypolicy{
	  margin-top: 3em;

  }

  .contact_form .privacypolicy span.title{
	  font-weight: bold;
	  display: block;

}

.mw_wp_form_input .privacypolicy{
	display: none;
}

.mw_wp_form_confirm .inputnote{
	display: none;
}

.contact_form .notice{
	margin-top:3em;
	
}	
	
.mw_wp_form_input .contact_form .notice{
	display: none;
	
}


.contact_form .notice span{
	display: flex;
	list-style: none;
}

.contact_form .notice span::before{
	content: "\203B";

}

.contact_form .notice p{
	margin:0;
}


/* 製品ページ：タブ機能 */

  .products_lineup input[name="select"]{
	
	display: none;
	
  }
  
  .products_lineup label.select_item{
	
	display: inline-block;
	width: calc( 980px / 2 );
	border-bottom: solid #CCCCCC 10px;
	text-align: center;
	padding: 0.5em;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: bold;
	margin: 2em 0;
	position: relative;

  }
  
  .products_lineup input[name="select"]:checked + label{
	
	border-bottom: solid #000000 10px ;
	
  }

  .products_lineup input[name="select"]:checked + label::after{
	
	content: '▼';
	display: block;
    position: absolute;
    bottom: -1em;
    width: 100%;
    color: #000000;
    font-size: x-large;

  }

  .products_lineup div.select_project,
  .products_lineup div.select_thirdparty{
	
	display: none ;
  
  }
  
  .products_lineup input[value="select_project"]:checked ~ div.select_project,
  .products_lineup input[value="select_thirdparty"]:checked ~ div.select_thirdparty{
	
	display: inherit ;
	
  }

  /* 製品ページ：ソート機能 */

  .products_lineup input[name="sort_project"],
  .products_lineup input[name="sort_thirdparty"]{
	display: none;  
  }
  
  .products_lineup input[name="sort_project"] + label,
  .products_lineup input[name="sort_thirdparty"] + label{
	display: inline-block;
	width: calc(100% / 5);
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 2em;
	
	
  }
  
  .products_lineup input[name="sort_project"] + label::before,
  .products_lineup input[name="sort_thirdparty"] + label::before{
	content: "\02713";
	font-weight: bold;
	font-size: x-large;
	margin-left: -0.8em;
	color: #eeeeee;
	vertical-align: bottom;
	display: inline-block;
	
  }


  .products_lineup input[value="sort_project"]:checked + label::before,
  .products_lineup input[value="sort_thirdparty"]:checked + label::before{

	color: #000000;
	
  }
  
  .products_lineup input[value="sort_pr_all"]:checked + label::before,
  .products_lineup input[value="sort_th_all"]:checked + label::before{

	color: #000000;
	
  }


  .products_lineup input[value="sort_pr_song"]:checked + label::before,
  .products_lineup input[value="sort_th_song"]:checked + label::before{

	color: #ffb366;
	
  }
    
  .products_lineup input[value="sort_pr_download"]:checked + label::before,
  .products_lineup input[value="sort_th_download"]:checked + label::before{

	color: #66cc99;
	
  }

  
  .products_lineup input[value="sort_pr_package"]:checked + label::before,
  .products_lineup input[value="sort_th_package"]:checked + label::before{

	color: #33cccc;
	
  }



  .products_lineup input[value="sort_pr_talk"]:checked + label::before,
  .products_lineup input[value="sort_th_talk"]:checked + label::before{

	color: #87cefa;
	
  }

  .products_lineup input[value="sort_pr_editor"]:checked + label::before,
  .products_lineup input[value="sort_th_editor"]:checked + label::before{

	color: #fa8072;
	
  }

  
  .products_lineup .product_item{

	  margin-bottom: 1em;

}


div.sort_area div[class*="sort_"] {
	display: none;
}


/*ソート機能　プロジェクト製品*/
.products_lineup input[value="sort_pr_all"]:checked ~ div.sort_area div[class*="sort_"],
.products_lineup input[value="sort_pr_song"]:checked ~ div.sort_area div.sort_pr_song,
.products_lineup input[value="sort_pr_talk"]:checked ~ div.sort_area div.sort_pr_talk,
.products_lineup input[value="sort_pr_download"]:checked ~ div.sort_area div.sort_pr_download,
.products_lineup input[value="sort_pr_package"]:checked ~ div.sort_area div.sort_pr_package,
.products_lineup input[value="sort_pr_editor"]:checked ~ div.sort_area div.sort_pr_editor,
	/*ソート機能　サードパーティ製品*/
.products_lineup input[value="sort_th_all"]:checked ~ div.sort_area div[class*="sort_"],		  
.products_lineup input[value="sort_th_song"]:checked ~ div.sort_area div.sort_th_song,
.products_lineup input[value="sort_th_talk"]:checked ~ div.sort_area div.sort_th_talk,
.products_lineup input[value="sort_th_download"]:checked ~ div.sort_area div.sort_th_download,
.products_lineup input[value="sort_th_package"]:checked ~ div.sort_area div.sort_th_package,
.products_lineup input[value="sort_th_editor"]:checked ~ div.sort_area div.sort_th_editor{

	display: inherit;

}