@charset "UTF-8";
/* CSS Document */

/*
Theme Name: TCS_ORIGINAL
Description:ティアックカスタマーソリューションズ株式会社用テンプレート
Author: Graffizz
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
padding: 0;
margin: 0;
line-height:1;
}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
img{vertical-align:bottom}
a img {border: none;}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

body{
width: 100%;
margin: 0 auto;

}

#main {
clear: both;
padding: 0 40px;
height: auto;
margin: 0 auto;
width: 1000px;
overflow: visible;
}

#sidebar{
float: left;
overflow: visible;
width: 178px;
margin-left: 30px;
padding-right: 72px;
}

#access .menu-header,
div.menu{
margin: 0;
}

#wrapper {
background: #fff;
margin-top: 0px;
padding: 0;
margin: 0 auto;
height: auto;
}

#container {
}

#content {
margin: 0px auto;
width: 1000px;
}



#primary,
#secondary {
float: right;
overflow: visible;
width: 180px;
margin-left: 0px;
margin-right: 0px;
}

#secondary {
clear: left;
}

#colophon{
}

#footer {
clear: both;
width: 100%;
}

.clear{clear:both;}

/* =Fonts
-------------------------------------------------------------- */
body,input,textarea,.page-title span,.pingback a.url,h3#comments-title,h3#reply-title,#access .menu,#access div.menu ul,#cancel-comment-reply-link,.form-allowed-tags,#site-info,#site-title,#wp-calendar,.comment-meta,.comment-body tr th,.comment-body thead th,.entry-content label,.entry-content tr th,.entry-content thead th,.entry-meta,.entry-title,.entry-utility,#respond label,.navigation,.page-title,.pingback p,.reply,.widget-title,.wp-caption-text,input[type=submit],pre,code {
font-family: 'Meiryo','游ゴシック',"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}


/* =Structure
-------------------------------------------------------------- */


/* Structure the footer area */
#footer-widget-area {overflow: hidden;}
#footer-widget-area .widget-area {float: left;margin-right: 0px;width: 220px;}
#footer-widget-area #fourth {margin-right: 0;}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */

body {
background: #FFF;
}

body,
input,
textarea {
color: #000;
font-size: 13px;
line-height: 2;
}
textarea {
resize: vertical;
vertical-align: middle;
margin: 10px 0;
}
hr {
background-color: #dadada;
border: 0;
clear: both;
height: 1px;
margin-bottom: 0px;
}

/* Text elements */
p {margin-bottom: 0px;}
ul {
list-style: square;
margin: 0em;
}
ol {
list-style: decimal;
margin: 0;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul,ol ol,ul ol,ol ul {margin-bottom: 0;}
dl {margin: 0;}
dt {font-weight: normal;}
dd {margin-bottom: 0;}
strong {font-weight: bold;}
cite,em,i {font-style: italic;}
big {font-size: 131.25%;}
ins {background: #ffc;text-decoration: none;}
blockquote {font-style: italic;padding: 0 3em;}
blockquote cite,blockquote em,blockquote i {font-style: normal;}
pre {background: #f7f7f7;color: #222;line-height: 18px;margin-bottom: 18px;padding: 1.5em;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
sup,sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
input[type="text"],input[type="email"],input[type="tel"],textarea,input[type="number"] {background: #fff;border: 1px solid #ccc;box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);padding: 2px; width: 90%;}
input[type="text"],input[type="email"],input[type="tel"]{height:2em;}
input[type=submit]:hover{cursor: pointer;}
a{color: #656565;text-decoration:none;}
a.under{text-decoration: underline;color: #265daf !important}
a:link {color: #656565;}
a:visited {color: #656565;}
a:active,a:hover {color: #00569d;text-decoration: underline;}

/* Text meant only for screen readers */
.screen-reader-text {
position: absolute;
left: -9000px;
}

a img {
border:none;
verticle-align:top;
/*-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
*/
}

a:hover img{
opacity:0.7;
filter: alpha(opacity=70);/* ie lt 8 */
-ms-filter: "alpha(opacity=70)";/* ie 8 */
-moz-opacity:0.7; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
}

/* =common
-------------------------------------------------------------- */
#content{
clear: both;
padding-bottom: 140px;
}

.naiyo a{
color:E00569d;
text-decoration: underline;
}

/* =space
-------------------------------------------------------------- */
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.ml1em{margin-left:1em;}

/* =Header
-------------------------------------------------------------- */

#header {
background:url(images/nav/topbg.gif) repeat-x ;

}

#site-title {
}

#contactbt{
min-width:1000px;
margin: 0 auto;
text-align: right;
}

#contactbt p{
float: right;
width: 160px;
max-width:160px;
}
#contactbt p#contact {background: url(images/nav/btcontacth.gif) no-repeat;}
#contactbt p#contact a {display: inline-block;}
#contactbt p#contact a:hover {background-color: transparent;}
#contactbt p#contact a:hover img {visibility: hidden;}

#contactbt p#company {background: url(images/nav/btcompanyh.gif) no-repeat;}
#contactbt p#company a {display:inline-block;}
#contactbt p#company a:hover {background-color: transparent;}
#contactbt p#company a:hover img {visibility: hidden;}

#contactbt p#navaccess {background: url(images/nav/btaccessh.gif) no-repeat;}
#contactbt p#navaccess a {display:inline-block;}
#contactbt p#navaccess a:hover {background-color: transparent;}
#contactbt p#navaccess a:hover img {visibility: hidden;}

/* This is the custom header image */
#branding{
clear:both;
margin: 0 auto 33px;
width: 358px;
height: 87px;
}


/*メインナビゲーション*/
/* =Menu
-------------------------------------------------------------- */
#access {
clear: both;
width: 100%;
height: 80px;
margin: 0 auto !important;
background: url(images/nav/navbg.gif) repeat-x;
border-top: solid #dadada 1px;
}

#access .menu-gnav-container ul,
.menu-gnav-container #menu-gnav {
list-style: none;
display: block;
width: 1001px;
margin: 0 auto;
}

#access #menu-gnav li,
div.menu li {
position: relative;
float:none;
text-indent: -9999px;
/*width: 200px;
height: 80px;*/
float: left;
}

#access a {
display: block;
line-height: 80px;
text-decoration: none;
}

.menu-gnav-container ul.menu li{
/*width:200px !important;
height:80px;*/
position:relative;
text-indent: -9999px;
float: left;
}

.menu-gnav-container ul.menu li a{
display:block;
text-decoration:none;
float: left;
}

ul.menu li#menu-item-25.current-menu-item a{
width:200px;
height:80px;
background:url("images/nav/newsh.jpg") no-repeat;
cursor: default;
}
ul.menu li#menu-item-25,ul.menu li#menu-item-25 a{
width:200px;
height:80px;
background:url("images/nav/news.jpg") no-repeat;
}
ul.menu li#menu-item-25 a:hover{
background:url("images/nav/newsh.jpg");
width:200px;
height:80px;
display: block;
}

ul.menu li#menu-item-27.current-menu-item a{
width:200px;
height:80px;
background:url("images/nav/dubbingh.jpg") no-repeat;
cursor: default;
}
ul.menu li#menu-item-27,ul.menu li#menu-item-27 a{
width:200px;
height:80px;
background:url("images/nav/dubbing.jpg") no-repeat;
}
ul.menu li#menu-item-27 a:hover{
background:url("images/nav/dubbingh.jpg");
width:200px;
height:80px;
display: block;
}


ul.menu li#menu-item-17.current-menu-item a{
width:199px;
height:80px;
background:url("images/nav/openreelh.jpg") no-repeat;
cursor: default;
}
ul.menu li#menu-item-17,ul.menu li#menu-item-17 a{
width:199px;
height:80px;
background:url("images/nav/openreel.jpg") no-repeat;
}
ul.menu li#menu-item-17 a:hover{
background:url("images/nav/openreelh.jpg");
width:199px;
height:80px;
display: block;
}


.menu-gnav-container ul.menu li ul.sub-menu {
display: none !important;/*サブメニューは最初は非表示にしておく*/
position: absolute;/*絶対配置にしておかないとうまくいかない*/
top: 80px;
left: 0;
width: 200px !important;
height: 120px !important;
}

.menu-gnav-container ul li:hover ul.sub-menu {
display: block !important;    /*マウスオーバー時にサブメニューを表示する*/
}

.menu-gnav-container ul.menu li ul.sub-menu li{
float: none !important;/*サブメニューはフロートさせないので解除*/
padding: 0;/*親メニューのパディングを解除*/
height: 60px !important;
}
.menu-gnav-container ul.menu li ul.sub-menu li a {
border-top: none;/*ボーダートップは重なって太くなるので解除。一番上は ul 要素に指定*/
background-color: #FFF;
height: 60px;
}
/*サブメニューで現在表示されているページのリンクの色を変更する*/
.menu-gnav-container ul.menu li ul.sub-menu li.current-menu-item a {
display: block;
}


ul.menu li#menu-item-19.current-menu-item a{
width:200px;
height:50px;
background:url("images/nav/audioh.jpg") no-repeat;
cursor: default;
}
ul.menu li#menu-item-19,ul.menu li#menu-item-19 a{
width:200px;
height:50px;
background:url("images/nav/audio.jpg") no-repeat;
}
ul.menu li#menu-item-19 a:hover{
background:url("images/nav/audioh.jpg") no-repeat;
width:200px;
height:50px;
}

ul.menu li#menu-item-91.current-menu-item a{
width:200px;
height:50px;
background:url("images/nav/movieh.jpg") no-repeat;
cursor: default;
}
ul.menu li#menu-item-91,ul.menu li#menu-item-91 a{
width:200px;
height:50px;
background:url("images/nav/movie.jpg") no-repeat;
}
ul.menu li#menu-item-91 a:hover{
background:url("images/nav/movieh.jpg") no-repeat;
width:200px;
height:50px;
}

ul.menu li#menu-item-401.current-menu-item a{
background:url("images/nav/movieh.jpg") no-repeat;
cursor: default;
}
ul.menu li#menu-item-401,ul.menu li#menu-item-401 a{
width:200px;
height:80px;
background:url("images/nav/movie.jpg") no-repeat;
}
ul.menu li#menu-item-401 a:hover{
background:url("images/nav/movieh.jpg") no-repeat;
width:200px;
height:50px;
}

ul.menu li#menu-item-22.current-menu-item a{
width:200px;
height:80px;
background:url("images/nav/repairh.jpg") no-repeat;
cursor: default;

}
ul.menu li#menu-item-22,ul.menu li#menu-item-22 a{
width:200px;
height:80px;
background:url("images/nav/repair.jpg") no-repeat;

}
ul.menu li#menu-item-22 a:hover{
background:url("images/nav/repairh.jpg");
width:200px;
height:80px;
display: block;

}

/*お客様の声*/
ul.menu li#menu-item-427.current-menu-item a,ul.menu li#menu-item-589.current-menu-item a{
width:200px;
height:80px;
background:url("images/nav/voiceh.jpg") no-repeat;
cursor: default;
border-right: solid #dadada 1px !important;
}
ul.menu li#menu-item-427,ul.menu li#menu-item-427 a,ul.menu li#menu-item-589,ul.menu li#menu-item-589 a{
width:200px;
height:80px;
background:url("images/nav/voice.jpg") no-repeat;
border-right: solid #dadada 1px !important;

}
ul.menu li#menu-item-427 a:hover,ul.menu li#menu-item-589 a:hover{
background:url("images/nav/voiceh.jpg");
width:200px;
height:80px;
display: block;
border-right: solid #dadada 1px !important;

}



/* =Footer
-------------------------------------------------------------- */

#footer {
margin-bottom: 0px;
font-size: 13px;
line-height: 2.4em;
color: #656565;
}

#colophon {
clear: both !important;
overflow: hidden;
padding: 0;
}

#foot1000{
width: 100%;
margin: 0 auto;
text-align: center;
}

div#mininav{
width: 100%;
float: none;
margin: 0 auto;
background: #f3f3f3;
height: 70px;
line-height: 70px;
border-bottom: solid #fff 1px;
}

div#mininav ul,
#menu-fnav2{
list-style: none;
margin: 0px;
}

div#mininav li{
padding: 0 5px 0 10px;
list-style: none;
display: inline; /* 横並びにさせる */
border-left: 1px solid #656565; /* 区切り線 */
}

div#mininav li:first-child {
border: none;
}

#menu-fnav li a{
color: #484848;
text-decoration:none;
font-size: 14px;
line-height: 18px;
}
#menu-fnav li a:hover{
color: #00569d;
}

#foot2{
width: 100%;
float: none;
margin: 0 auto;
background: #ececec;
height: 119px;
border-bottom: solid #fff 1px;

}

#foot2naka{
width:1000px;
margin: 0 auto;
padding: 30px 0 17px;
text-align: left;
vertical-align: middle;
height: 72px;
}

#foot2 h5{
font-size:12px;
line-height: 18px;
color: #484848;
width: 611px;
float: left;
margin:0;
padding:0;
}

#companyinfo{
font-size:14px;
line-height: 24px;
color: #484848;
width: 308px;
float: right;
}


#foot3{
width: 100%;
float: none;
margin: 0 auto;
background: #00569d;
height: 79px;
}
#foot3naka{
width:1000px;
margin: 0 auto;
text-align: left;
vertical-align: middle;
padding: 30px 0;
height: 19px;
}

#colophon #site-info{
font-size: 14px;
float: left;
color: #fff;
}

#foot3 a:hover,#colophon #site-info a:hover{
text-decoration: underline !important;
}
#menu-fnav2{
float: right;
}
#menu-fnav2 li{
font-size: 12px;
line-height:12px;
height:12px;
padding: 0 5px 0 10px;
margin: 0;
list-style: none;
display: inline;
border-left: 1px solid #fff;
overflow: hidden;
}
#menu-fnav2 li img{
line-height:12px;
height:12px;
vertical-align: 0px !important;
} 
#menu-fnav2 li a{
color: #fff;
}
#menu-fnav2 li:first-child {
border: none;
}
#copy{
font-size: 24px;
vertical-align:-4px;
}

/*トップページ
---------------------------------------------------------------*/
#topcontainer{
clear: both;
}
 
#topmv{
width:100%;
height: 600px;
margin: 0 auto;
}

#topmv p{
margin: 0 auto;
width:1000px;
height: 600px;
}
div#mv1{
background: url(images/top/mvbg01.jpg) no-repeat #f3f3f3;
background-position: center center;
background-size: cover ;
}
div#mv2{
margin: 0 auto;
background: url(images/top/mvbg02.jpg) no-repeat #f3f3f3;
background-position: center center;
background-size: cover ;
}
div#mv3{
margin: 0 auto;
background: url(images/top/mvbg03.jpg) no-repeat #f3f3f3;
background-position: center center;
background-size: cover ;
}


#news{width: 1000px;margin-top:80px;}

#news h3,
#bussiness h3{
margin: 0 auto 17px;
height: 47px;
width: 204px;
text-align: center;
}

#newswrap{
width: 1000px;
}

.newsline{
height: 60px;
border-bottom: solid 1px #dadada;
vertical-align: middle;
}

.newsline h4{
width: 844px;
float: left;
font-size: 15px;
line-height:60px;
vertical-align: middle;
padding-left:25px;
}
.newsline h4 a{
color:#000;
}
.newsline h4 a:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}
p.readmore{
width: 106px;
float: left;
padding-right: 25px;
line-height:60px;
vertical-align: middle;
}

p.readmore img{
vertical-align:middle
}

.newsday{
text-align: right;
padding-right: 10px;
}

div#bussiness{
margin: 80px auto;
width: 1000px;
text-align: center;
}

div#bussiness ul{
height:305px;
}

div#bussiness ul li{
display: inline-block;
list-style: none;
width: 235px;
height:305px;
padding: 0 20px 0 0;
}

div#bussiness ul li:last-child{
padding-right: 0px;
}
div#bussiness ul{
font-size: 0;
}


#buss1 {background: url(images/top/bt01h.jpg) no-repeat;}
#buss2 {background: url(images/top/bt02h.jpg) no-repeat;}
#buss3 {background: url(images/top/bt03h.jpg) no-repeat;}
#buss4 {background: url(images/top/bt04h.jpg) no-repeat;}
#buss1 a,#buss2 a,#buss3 a,#buss4 a,#buss5 a {display: inline-block;}
#buss1 a:hover,#buss2 a:hover,#buss3 a:hover,#buss4 a:hover,#buss5 a:hover {background-color: transparent; /* IE6対応 */}
#buss1 a:hover img,#buss2 a:hover img,#buss3 a:hover img,#buss4 a:hover img,#buss5 a:hover img {visibility: hidden;}


#contactwrap{
border-top: solid #dadada 1px;
border-bottom: solid #dadada 1px;
padding-top: 20px;
padding-bottom: 20px;
}
#contactwrap p.nor{
margin: 0 auto;
font-size: 15px;
line-height: 28px;
color: #000;
padding-left: 30px;
letter-spacing:-0.015em;
}
#contactwrap #teaclink{
padding-top: 15px;
text-align: center;
}

#voicewrap{
    margin-top: 80px;
    text-align: center;
}

#voicewrap a{
    width: 999px;
    height: 245px;
    display: block;
    background-image: url("images/top/top_voice_normal.jpg");
    background-repeat: no-repeat;
    transition: .6s
}
#voicewrap a:hover{
    width: 999px;
    height: 245px;
    background-image: url("images/top/top_voice_hover.jpg");
    background-repeat: no-repeat;
}


/*インボイスボタン*/
#invoice{
    margin: 20px auto;
}
#invoice a{
    font-size: 1rem;
    display: block;
    border: solid #ccc 1px;
    transition: .5s;
    text-align: center;
    padding: 1em 0;
    text-decoration: none;
    letter-spacing: .05em;
}
#invoice a:hover{
    color: #fff;
    background-color: #00569d
}



/*新着情報
----------------------------------------------------*/
#newscontainer,
#archivecontainer{
border-top: solid #dadada 1px;
}

#archivecontainer{
padding-bottom:140px;
}

#mvwrap{
width:100%;
background: url(images/news/mvbg.gif) repeat-x;
height:474px;
}

#mvwrap2{
width:100%;
height:159px;
}

p#mv{
width:1000px;
margin: 0 auto;
text-align: center;
}
div#leftwrap{
width: 740px;
float: left;
margin-right: 50px;

}
div#rightwrap{
width:210px;
float: left;
padding-top:50px;
}

div#pager{
clear: both;
padding-top: 50px;
margin: 0 auto;
text-align: center;
color: #484848;
}

div.pagination{
font-size: 13px;
}

div.pagination a:hover{
color:#fff;
text-decoration: none;
background:#00569d;
}

div.pagination span.current{
border-bottom:solid 1px #00569d;
}


div.news_article{
margin: 50px 0 0;
}

#news_thumbnailwrap .titwrap{
border-bottom:solid #dadada 1px;
height:29px;
line-height:29px;
vertical-align: middle;
}
#news_thumbnailwrap .newstith2{
width: 670px;
float: left;
height:14px;
line-height:14px;
padding-bottom: 15px;
}
#news_thumbnailwrap .newmark{
float:left;
width:60px;
height:29px;
line-height:29px;
}
#news_thumbnailwrap .newmark img{
vertical-align: bottom;
}
#news_thumbnailwrap .newsday{
font-size:14px;
line-height:26px;
color:#6997dc;
font-weight:normal;
}
#news_thumbnailwrap .newstit{
font-size:14px;
line-height:26px;
color:#000;
font-weight:bold;
}
#news_thumbnailwrap div.naiyo{
padding-top: 20px;
font-size: 13px;
line-height: 28px;
}
div.recent{
border-bottom: dotted 1px #dadada;
font-size:13px;
line-height:14px;
color: #484848;
padding: 10px 5px;
}
ul#archive{
width: 170px;
padding: 10px 20px;
list-style:none;
}
#archivetit{
margin-top: 50px;
}

#nav-below{
margin-top: 40px;
}

.nav-previous{
width: 48%;
float: left;

}
.nav-next{
width: 48%;
float: right;
text-align:right;
}

.wp-block-archives-dropdown label{
	display:none !important;
}

/*ダビングサービス
-----------------------------------------------------------*/
#dubcontainer,#mediacontainer{
border-top: solid #dadada 1px;
}
h2#catch{
margin-top: 50px;
margin-bottom: 30px;
}
#donyu{
font-size: 15px;
line-height: 30px;
}
h2.contit{
margin-top: 80px;
}

#film{
margin-top: 80px;
height: 300px;
}

#film div.filmbox{
width: 420px;
height: 300px;
float: left;
margin-bottom: 60px;
}

#film h2{
line-height: 18px;
font-size: 28px;
line-height: 1.5em;
}

#film div.filmbox p{
line-height: 1.8em;
letter-spacing: 0.05em;
}
#film div.filmbox p.mt20{
margin-top: 20px;
}
#film div.filmbox p#grayp{
color: #333;
margin-top: .5em;
}

#film figure{
float: left;
width: 540px;
margin: 0 0 0 40px ;
padding: 0;
}

.media{
margin-top: 40px;
width: 480px;
float: left;
height: auto;
min-height: 160px;
}

.media:nth-child(odd){
margin-right: 20px;
}

p.mediaph{
width: 150px;
height:150px;
float: left;
}
div.rights{
width: 310px;
float: right;
margin-left: 10px;
}
h3.medianame{
font-size:18px;
height: 22px;
background: url(images/dub/itembg.gif) no-repeat;
width: 300px;
padding-left: 10px;
}

.media table{
margin-top: 10px;
width: 100%;
}

.media th,.media td{
border:  solid #dadada 1px;
padding-left: 1em
}

div.rights h4{
font-size:16px;
line-height:19px;
margin-top:10px;
}

p.shubetsu{
font-size:14px;
line-height:18px;
color:#484848;
padding-left: 12px;
letter-spacing:-0.025em;
}

div.rights p.price{
font-size:18px;
line-height: 24px;
float: left;
width: 110px;
margin-top: 10px;
}

span.tax{
font-size:14px;
line-height: 24px;
}

p.att{
font-size:12px;
line-height:14px;
margin-top: 12px;
}

#dubcontainer div#wrap2,#mediacontainer div#wrap2,div#wrap3{
background:url(images/dub/bg1.gif) no-repeat;
height: 89px;
width: 1000px;
font-size:14px;
line-height:26px;
margin-top:40px;
padding-top: 11px;
}

#mediacontainer div#wrap2{
height: 75px;
padding-top: 25px;
}

#dubcontainer div#wrap2,#dubcontainer div#wrap3{
height: auto;
background-color: #f5f5f5;
padding-bottom: 11px;
}

#dubcontainer div#wrap2 p,#dubcontainer div#wrap3 p{
width: 85%;
margin-right: auto;
margin-left: auto;
}


#mediacontainer div#wrap2 p{
width: 760px;
margin: 0 auto;
}

#mediacontainer div#wrap2 p a,
#repaircontainer #shuri a{
color: #00569d;
text-decoration: underline;
}
#kodawari p{
font-size:14px;
line-height:26px;
margin-top: 20px;
}
#mediacontainer p.point{
text-indent:14px;
background: url(images/dub/point.gif) no-repeat top left;
line-height:18px;
padding-bottom: 20px;
}


div#option h3,
#haiso h3,
#videoprice2 h3{
background: url(images/dub/point.gif) no-repeat top left;
padding-left: 10px;
line-height:18px;
font-size: 18px;
height:18px;
margin-top: 40px;
margin-bottom:10px;
}

div#flow h3{
/*padding-left: 10px;*/
line-height:18px;
font-size: 18px;
height:18px;
margin-top: 20px;
margin-bottom:10px;
}
span.num{
/*color:#6997dc;*/
}
.att dl {
clear:both;
width:1000px;
line-height:30px;
font-size:14px;
}
.att dt {
float:left;
clear:left;
width:280px;
padding-left: 20px;
}
.att dd {
float:left;
width:700px;
}

div#option p{
font-size: 14px;
line-height:26px;
margin-left:46px;
}
p#onkyo{
text-align:center;
margin-top:20px;
margin-left:0px;
}

#haiso a{
color:#00569d;
text-decoration: underline;
}
#haiso p{
font-size:14px;
line-height: 26px;
margin-left: 10px;
}
p#seiyaku{
text-align:center;
margin: 20px auto 10px;
}
p#seiyakup{
font-size:12px;
line-height: 26px;
color: #484848;
text-align: center;
}

/*映像ダビング
-----------------------------------------------------------*/
.media2{
margin-top: 40px;
clear: both;
height: 165px;
}

.media2 .mediaph{
float: left;
padding-right: 40px;
width: 260px;
}

div.cont{
width: 700px;
float: right;
}

.media2 h3{
background: url(images/dub/point.gif) no-repeat top left;
padding-left: 10px;
line-height:18px;
font-size: 18px;
padding-bottom: 5px;
height:18px;
margin-bottom:10px;
border-bottom: solid #6997dc 1px;
}

.videopricetable,
.videoprice2{
margin:10px 0 0 50px;
}

.videopricetable th,.videopricetable td,
.videoprice2 th,.videoprice2 td{
border:  solid #dadada 1px;
padding: 0.3em 1.3em;
min-width: 80px;
font-weight: normal;
}
.videopricetable th.al{
text-align: left;
}

.videopricetable td{
    vertical-align: middle;
    text-align: center;
}

.videopricetable td br{
    line-height: 1em;
}

.videoprice2 td{
text-align: center;
}

#videoprice{
margin-top: 40px;
text-align: center;
}

#videoprice td:nth-of-type(2),
#videoprice td:nth-of-type(5),
#videoprice td:nth-of-type(8){
padding-left: 20px;
padding-right: 20px;
}

.name td{
padding-bottom: 10px;
}

/*オープンリール
-----------------------------------------------------------*/
#opencontainer{
border-top: solid #dadada 1px;
}
#opencontainer #donyu{
font-size: 14px;
line-height: 30px;
margin: 20px 0 40px;
}
#opentable{
width: 900px;
margin: 40px auto;
}
#opentable tr{
border: solid 1px #dadada;
}
#opentable th{
background: #f1f1f1;
font-size:18px;
height: 30px;
width:/*225px*/auto;
border: solid 1px #dadada;
text-align:center;
}

#opentable td{
font-size:14px;
height: 30px;
border: solid 1px #dadada;
}
td.kata{
padding-left:66px;
}
td.uketsuke{
padding-left:0px;
text-align:center;
}

td.year{
padding-left:55px;
}
td.price{
padding-left:55px;
}

div#flow{
text-indent:14px;
}

div#flow p{
font-size:14px;
}

#opencontainer div.att p{
font-size:14px;
line-height:30px;
margin-left:18px;
}

#opencontainer div.att p.point{
margin-top: 40px;
line-height:18px;
text-indent:14px;
background: url(images/dub/point.gif) no-repeat top left;
}

#pdfwrap{
margin: 40px auto 0;
width: 960px;
height:70px;
}
#pdfwrap p{
float: left;
}
#pdfwrap p:nth-of-type(2){
margin-right: 30px;
margin-left: 30px;
}


p#contactbt{
margin: 40px auto;
text-align:center;
}

/*修理業務受託
-----------------------------------------------------------*/
#repaircontainer{
border-top: solid #dadada 1px;
}
#repaircontainer #donyu{
font-size: 14px;
line-height: 30px;
margin: 20px 0 40px;
}

#shuri p{
font-size:14px;
line-height:30px;
}

/*商品販売
----------------------------------------------------*/
#sellingcontainer{
border-top: solid #dadada 1px;
}
#sellingcontainer #leftwrap{
margin-top:50px;
}
p.thumbimg{
border: solid 1px #dadada;
width:348px;
height:238px;
margin-bottom:10px;
}
h2.itemtit{
font-size:14px;
}
.selling_article{
width:350px;
height:286px;
float: left;
margin-bottom: 20px;
}
.selling_article:nth-child(odd){
margin-right:40px;
}

h2.itemtit a{
color:#000;
}
h2.itemtit a:hover{
color:#00569d;
}

#sellingcontainer div.list ul,
#detailcontainer div.list ul{
padding: 10px 0 0 20px;
font-size:13px;
line-height:30px;
}

p#mv2{
width:1000px;
height:159px;
margin: 0 auto;
text-align: center;
border-bottom:solid #dadada 1px;
}
/*商品詳細ページ*/
/* 投稿日と作者名の表示を消す*/
.entry-meta{
display:none;
}
#detailcontainer{
padding-bottom: 140px !important;
}
#detailcontainer h2{
background: url(images/selling/titbg.gif) no-repeat;
height:30px;
line-height: 24px;
width:740px;
padding-left: 14px;
margin-top:50px;
}

#viewer {
margin: 0 auto;
width: 740px;
height: 600px;
text-align: left;
}
#viewer div {
width: 740px;
height: 462px;
margin: 10px auto 10px;
overflow: hidden;
position: relative;
}
#viewer div img {
top: 0;
left: 0;
position: absolute;
width: 738px;
border: solid #dadada 1px;
height:460px;
}
 
#viewer ul {
width: 740px;
margin-left: 0px;
}
 
#viewer ul li {
width: 170px;
height: 105px;
float: left;
display: inline;
}
#viewer ul li img{
width: 168px;
height: 103px;
border: solid #dadada 1px;
}
#viewer ul > *:first-child,
#viewer ul > *:first-child + *,
#viewer ul > *:first-child + * + *,
#viewer ul li:nth-of-type(1),
#viewer ul li:nth-of-type(2),
#viewer ul li:nth-of-type(3){
margin-right: 20px;
}


#viewer .active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}

#viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#viewer ul {
    display: inline-block;
    overflow: hidden;
}

#detailcontainer .naiyo{
margin: 20px 10px;
font-size:14px;
line-height:30px;
}
p.itemcontact{
margin-top:30px;
}


/*会社案内
-----------------------------------------------------------*/
#companycontainer{
border-top: solid #dadada 1px;
}
#gree{
font-size:14px;
line-height:30px;
}
#gree p.name{
width:320px;
margin-left:680px;
}

table.comtable{
margin: 40px auto 0;
width: 1000px;
font-size:14px;
line-height:36px;
}

table.comtable th{
font-weight:normal;
text-align: left;
width: 10em;
line-height: 1.5;
vertical-align: middle;
padding: 5px 20px;
border: solid #dadada 1px;
background:#f7f7f7;
}
table.comtable td{
width: 840px;
padding-left: 40px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
border: solid #dadada 1px;
line-height: 1.5;
vertical-align: middle;
}
#iso1{
background:url(images/company/iso27001.jpg) no-repeat bottom right;
line-height:28px;
}

#bushoname{
width: 200px;
text-align: center;
margin-left:700px;
line-height: 1.4em;
margin-top: 4px;
}

#iso1 h3{
margin-top:40px;
font-size:18px;
}

#iso1 h4{
font-size:16px;
margin:10px 0;
}

#iso1 p{
font-size:14px;
width: 550px;
}

#iso2{
margin-top:40px;
font-size:14px;
line-height:28px;
}
#iso2 h3
{
font-size:14px;
line-height:28px;
}
#map{
width:1000px;
height:450px;
margin-top:40px;
}

#map iframe{
    width: 100%;
    height: 100%;
}


#map2{
margin:40px auto 0;
text-align:center;
}

/*特商法
-----------------------------------------------------------*/
#tokushocontainer h3{
background: url(images/dub/point.gif) no-repeat top left;
padding-left: 10px;
line-height:18px;
font-size: 18px;
height:18px;
margin-top: 40px;
margin-bottom:10px;
}

#tokushocontainer dd:before{
content: "：";
}

#tokushocontainer dl {
clear:both;
width:1000px;
line-height:30px;
}
#tokushocontainer dt {
float:left;
clear:left;
width:150px;
padding-left: 14px;
}
#tokushocontainer dd {
float:left;
width:650px;
/*padding-left:170px; */
/*text-indent:170px;*/
}
#tokushocontainer dd.dd2{
padding-left:182px;
}
#tokushocontainer dd.dd2:before{
content:none;
}

#tokushocontainer dd.dd2 table{
text-align:left;
}
#tokushocontainer dd.dd2 table td{
padding-right:2em;
}

#tokushocontainer p{
line-height:30px;
font-size: 14px;
text-indent:48px; 
}
#tokushocontainer p a{
color:#00569d;
text-decoration: underline;
}
#tokushocontainer p.shikaku{
text-indent:20px;
}
#tokushocontainer p.maru{
text-indent:34px;
}

/*当サイトについて
-----------------------------------------------------------*/
#aboutcontainer h3{
background: url(images/dub/point.gif) no-repeat top left;
padding-left: 10px;
line-height:18px;
font-size: 18px;
height:18px;
margin-top: 40px;
margin-bottom:10px;
}

#aboutcontainer p,
#sitemap li,#sitemap a{
font-size: 14px;
line-height: 26px;
color: #000;
list-style-type: none;

}
#aboutcontainer p,
#sitemap ul{
padding-left:1em;
}
#aboutcontainer h4{
font-size:16px;
line-height:24px;
margin-top:40px;
}

/*お問い合せ
-----------------------------------------------------------*/
#contactcontainer{
border-top: solid #dadada 1px;
}
#contactcontainer #top{
margin: 40px 0;
font-size:14px;
line-height:26px;
}
#formwrap{
margin-top: 60px;
}
#formwrap p#chuui{
text-align: right;
text-decoration: underline;
color:#fe6161;
}

table#contact,
table#videocontact{
margin-top:0px;
width: 100%;
}

table#contact th,
table#videocontact th{
text-align: left;
padding: 0 0 0 70px;
font-weight:normal;
width: 180px;
font-size:14px;
line-height:14px;
vertical-align:middle;
line-height:50px;
}

table#contact tr:nth-child(odd),
.bggray{
background:#f3f3f3;
}

table#contact th.must,
table#videocontact th.must,
table#videocontact td.must{
background:url(images/contact/10_contact01_18.gif) no-repeat;
background-position: 5% 50%;
vertical-align:middle;
}

table#videocontact td.must{
padding: 0 0 0 70px;
}

table#contact td,
table#videocontact td{
vertical-align:middle;
padding-left: 10px;
}

p#check{
text-align: center;
margin: 20px auto;
}
p#send{
text-align:center;
margin-top:20px;
}

.wpcf7-form input#sendbt{
font-size: 18px !important;
width: 180px !important;
background-color: #fff;
border: 1px #dadada solid;
border-radius: 10px;		/* CSS3草案 */
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */
padding: 5px 0;
}
.wpcf7-form input#sendbt:hover{
background-color: #00569d;
color: #fff;
border: 1px #fff solid;
}
/*contact form7*/
.wpcf7 span.wpcf7-not-valid-tip {
/*display: none;*/
}
.wpcf7 .wpcf7-not-valid {
background: pink;
}
.wpcf7 .wpcf7-response-output {
margin: 10px auto 0;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
width: 80%;
}
.wpcf7 .wpcf7-validation-errors {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
text-align: center;
}
.wpcf7 .wpcf7-mail-sent-ok {
color: #3A87AD;
background-color: #D9EDF7;
border: 1px solid #BCE8F1;
text-align: center;
}


p.sendbt .wpcf7-form-control {
width: 60%;
/* 文字サイズを1.4emに指定 */
font-size: 1.4em;
padding: 10px 30px;
color: #fff !important;
border-style: none;
letter-spacing: 2em;
text-indent: 2em;
background: #ffa800;
outline: none;
}

p.sendbt .wpcf7-form-control:hover {
opacity: 0.8;
}
span.wpcf7-list-item { display: block; }

.form-corp span.wpcf7-list-item,.form-corp2 span.wpcf7-list-item { display: inline; }

.form-corp,.form-corp2{background-color: #f3f3f3}
td.c999{background-color:#dddddd;border-bottom: solid #999999 1px; border-top: solid #999999 1px; }

input[type="radio"]{
display: inline !important;
}

input[type=number],#tape [type=text]{
padding: 0 !important;height: 1.5em;margin-top: 10px; margin-bottom: 10px;width:8em;margin-right: 0.2em;
}
input[type=checkbox]{
}

input:focus {
outline: none;
}


/*ダビングに関するお問合わせフォーム*/
-----------------------------------------------------------*/
table#dubbingcontact{
margin-top:0px;
width: 100%;
}

table#dubbingcontact th{
text-align: left;
padding: 0 0 0 70px;
font-weight:normal;
width: 250px;
font-size:14px;
line-height:14px;
vertical-align:middle;
line-height:50px;
}

table#dubbingcontact tr:nth-child(odd){
background:#f3f3f3;
}
table#dubbingcontact tr.sozai td:nth-child(odd){
width: 130px;
}
table#dubbingcontact tr.sozai td:nth-child(even){
width:520px;
padding:0 65px 0 0;
}

table#dubbingcontact tr.sozai td{
vertical-align:top}

table#dubbingcontact tr.sozai{
background:#f3f3f3 !important;
}

table#dubbingcontact td.kind{
border-top:solid #999 1px !important;
border-bottom:solid #999 1px !important;
font-weight:bold;
background:#ddd;
padding-left:1em;
}

table#dubbingcontact th.must{
background:url(images/contact/10_contact01_18.gif) no-repeat;
background-position: 5% 50%;
vertical-align:middle;
}

table#dubbingcontact td{
vertical-align:middle;
padding-left: 40px;
}
table#dubbingcontact span.wpcf7-list-item {display: inline;margin-right:20px;}

.irainaiyo span.wpcf7-list-item{
display:inline !important
}

table#dubbingcontact #toptr td{
padding:10px 0  !important;
}

table#dubbingcontact #lasttr td{
padding-bottom: 10px   !important;
}

#tape .wpcf7-list-item{
display:inline-block;
width:120px;
}

#tape .wpcf7-list-item.last{
width:6em;
}

td#tape input[type=text]{
width:200px;
}

/*サイトマップ、プライバシー*/
#policycontainer{
clear: both;
padding-top: 30px;
}

div#privacypolicy p{
width: 950px;
line-height: 2em;
margin-left: 50px;
}
div#privacypolicy p.head{
width: 1000px;
line-height: 1em;
margin-top: 20px;
margin-left: 20px;
}

ul#sitemap{
font-size: 16px;
line-height: 2em;
margin-top: 20px;
margin-left: 32px;
margin-bottom: 30px;
}

ul#sitemap .prtitlelist{
margin-left: 18px;
font-size: 14px;
list-style:circle;
line-height: 26px;
}

li#current{
font-weight:bold;
text-decoration: underline;
}
h3.pptit{
margin: 20px 0 10px 20px
}
p.pt{
margin-left: 50px;
}

/* お客様の声 2022.11追加 */
----------------------------------------------------*/

#voicelistpage > div{
}

div.voice_miniwrap{
    padding: 70px 0;

}

h2.voice_title{
    width: 100%;
    height: 14px;
    line-height: 14px;
    border-bottom: solid #dadada 1px;
    height: 29px;
    line-height: 29px;
    vertical-align: middle;
}

div.voice_miniwrap dl{
    clear: both;
    margin-bottom: 1em;
}


div.voice_miniwrap dt{
    float: left;
    width: 8em;
    clear: both;
    margin-top: 1em;
}
div.voice_miniwrap dd{
    float: left;
    width: calc(100% - 8em);
    float: left;
    margin-top: 1em;
}

p.voicecat{
    text-align: right;
}

p.voicecat a{
    color: #000;
}



#news_thumbnailwrap .titwrap{
border-bottom:solid #dadada 1px;
height:29px;
line-height:29px;
vertical-align: middle;
}

#news_thumbnailwrap .newstith2{
width: 670px;
float: left;
height:14px;
line-height:14px;
padding-bottom: 15px;
}

#news_thumbnailwrap .newmark{
float:left;
width:60px;
height:29px;
line-height:29px;
}
#news_thumbnailwrap .newmark img{
vertical-align: bottom;
}
#news_thumbnailwrap .newsday{
font-size:14px;
line-height:26px;
color:#6997dc;
font-weight:normal;
}
#news_thumbnailwrap .newstit{
font-size:14px;
line-height:26px;
color:#000;
font-weight:bold;
}
#news_thumbnailwrap div.naiyo{
padding-top: 20px;
font-size: 13px;
line-height: 28px;
}
div.recent{
border-bottom: dotted 1px #dadada;
font-size:13px;
line-height:14px;
color: #484848;
padding: 10px 5px;
}
ul#archive{
width: 170px;
padding: 10px 20px;
list-style:none;
}
#archivetit{
margin-top: 50px;
}

#voicelistpage .pagenation{
    text-align: center;
}

#voicelistpage div#rightwrap{
    margin-top: 20px;
}

#voicelistpage p#sidenav{
    font-size: 16px;
    line-height: 1.75;
    border-bottom: solid 1px #ccc;
}

#voicelistpage p#sidenav span{
    font-size: 12px;
    color: #6997dc
}

#voicecatul{
    margin: 1em 0 0 1em;
}




@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
p.shubetsu{
font-size:12px;
line-height:18px;
color:#484848;
padding-left: 12px;
letter-spacing:-0.025em;
}
#dubcontainer div#wrap2,#mediacontainer div#wrap2{
font-size:13px;
}
}

/*reCaptchaマーク*/
.grecaptcha-badge { bottom: 100px !important; }