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

/************************************
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
************************************/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/*画像を縦に並べたときに余白が出てしまわないように*/
img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}

.alt {
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}

.clear {
	clear:both;
}


.clearfix:after {  
    content: ".";  
     display: block;       
	 visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
     line-height: 0;  
   clear: both;  
 }
 
 .clearfix {
 display: inline-block;
 }

.round {
	-webkit-border-top-right-radius: 6px;
      -moz-border-radius-topright: 6px;
      border-top-right-radius: 6px;
	  -webkit-border-top-left-radius: 6px;
      -moz-border-radius-topleft: 6px;
      border-top-left-radius: 6px;
	  
	  -webkit-border-bottom-right-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      border-bottom-right-radius: 6px;
	  -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-bottomleft: 6px;
      border-bottom-left-radius: 6px;
}

.smallround {
	-webkit-border-top-right-radius: 4px;
      -moz-border-radius-topright: 4px;
      border-top-right-radius: 4px;
	  -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-left-radius: 4px;
	  
	  -webkit-border-bottom-right-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      border-bottom-right-radius: 4px;
	  -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-bottom-left-radius: 4px;
}


.shadow {
	-webkit-box-shadow:0px 0px 10px 0px #333; /* Safari, Chrome逕ｨ */
	-moz-box-shadow:0px 0px 10px 0px #333; /* Firefox逕ｨ */
	box-shadow:0px 0px 10px 0px #333; /* CSS3 */
}

 * {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:13px;
	line-height:1.8em;
	color: #333333;
	letter-spacing:1px;
}

a {
	text-decoration:none;
}

a:hover {
	color:#39F;
	text-decoration:underline;
}

body{
  background-color: #474342;
}

/*start*/

div#wrapper{
  width:100%;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

/*/////////////////// TOPPAGE //////////////////*/

div#mainImageArea{
  width:100%;
  margin-left: auto;
  margin-right: auto;
  max-width:970px;
}

div#mainImage{
  width:100%;
  overflow: hidden;
}

div#mainImage img{
  width:100%;
  height:auto;
}

ul.slick-dots{
  bottom:10px;
}
ul.slick-dots li{
}

div#topicsArea{
  width:100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

h3{
  color:#333399;
  border-left: #333399 solid 3px;
  padding-left:10px;
  font-size: 160%;
  letter-spacing: 2px;
  padding-top:4px;
  line-height: 1;
  font-weight: normal;
  margin-left:10px;
}

a#topicsListLink{
  display: inline-block;
  position: absolute;
  font-size: 90%;
  color:#999;
  right:10px;
  top:-5px;
  padding:5px 13px;
  background-color: #F1F1F1;
}
a#topicsListLink:hover{
  color:white;
  text-decoration: none;
  background-color: #000;
}

div.topicsWrapper{
  width:100%;
  margin:30px 0;
}

div.topicbox{
  width:25%;
  float: left;
  position: relative;
}

div.topics{
  width:96%;
  margin-right: auto;
  margin-left: auto;
  min-height: 30px;
}

div.topics img{
  width:100%;
}

div.topics p.date{
  font-size: 90%;
  color:#333399;
  padding-left:5px;
}

div.topics a.newsLink{
  margin-top:10px;
  font-size: 90%;
  line-height: 1.5;
  padding:5px;
}

div.topics a.newsLink:hover{
  text-decoration: none;
}

div#bannerArea{
  width:100%;
  background-color: #F9F9F9;
  position: relative;
  padding:20px 0;
  padding-bottom: 60px;
}

div.bannerAreaContainer{
  width:100%;
  max-width: 970px;
  margin-right: auto;
  margin-left: auto;
}

div#bannerWrapper{
  width:100%;
}
div.banner{
   width:25%;
   float: left;
}

a.bannerLink{
  width:96%;
  margin-left:auto;
  margin-right:auto;
  display: block;
}
a.bannerLink img{
  width:100%;
}


/*max-width: 479px*/
@media screen and (max-width: 479px) {
  div#mainImage{
    display: none;
  }
  div#spMainImage{
    width:100%;
 
  }
  div#spMainImage img{
  width:100%;
  height:auto;
  }
  div.topicbox{
    width:100%;
    position: relative;
    border-bottom: #EFEFEF solid 1px;
  }
  div.topics{
    width:96%;
    padding:3%;
    min-height: 30px;
  }
  div.topics img{
   display: none;
  }
  div.banner{
   width:50%;
   float: left;
  }
}

/*min-width: 480px*/
@media screen and (min-width: 480px) {
  div#spMainImage{
  display: none;
  }
}
/*(min-width: 480px) and (max-width: 767px) */
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.topicbox{
    width:100%;
    position: relative;
    border-bottom: #EFEFEF solid 1px;
  }
  div.topics img{
  width:25%;
  height:auto;
  margin-top:1.5%;
  }
  div.topics p.date{
    position: absolute;
    left:28%;
    top:10px;
    font-size: 95%;
    color:#333399;
  }

  div.topics a.newsLink{
    position: absolute;
    left:28%;
    top:25px;
    font-size: 95%;
    line-height: 1.7;
  }

  div.banner{
   width:33.333%;
   float: left;
  }
}
/*/////////////////// SUB HEADER //////////////////*/
div#subHeader{
  display: block;
  width:100%;
  height:35px;
  background: url(../../img/common/subheader_bg.png) repeat;
}

div.subHeaderInner{
  width:100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

div.subHeaderInner>ul{
  list-style: none;
  padding:0;margin:0;
  padding-left:3%;
  height:35px;
}

div.subHeaderInner>ul li{
  padding:0;
  margin:0;
  display: inline-block;
}
div.subHeaderInner>ul li a{
  display:block;
  color:white;
  font-size:100%;
  letter-spacing: 2px;
  padding:8px 20px 0px 20px;
  height: 27px;
}
div.subHeaderInner>ul li a:hover{
  text-decoration: none;
  background: url(../../img/common/subheader_bg_ro.png) repeat;
}
div.subHeaderInner>ul li a.active{
  text-decoration: none;
  background: url(../../img/common/subheader_bg_ro.png) repeat;
}

div#sp_subheader{
  display: none;
}
/*min-width: 480px*/
@media screen and (max-width: 767px) {
  div#subHeader{
  display: none;
  }
  div#sp_subheader{
  display: block;
  width:100%;
  height:52px;
  background:url(../../img/common/sp_subheader_bg.png) top right no-repeat;
  background-size: cover;
  position: relative;
}
  p.menuTitle{
    color:white;
    font-size: 130%;
    letter-spacing: 4px;
    padding:13px 15px 0 4%;
  }

  a.backToTop{
    color:white;
    font-size: 120%;
    letter-spacing: 2px;
    position: absolute;
    top:13px;
    right:3%;
  }
  a.backToTop:hover{
    text-decoration: none;
    opacity: 0.7;
  }
  a.jireiList{
    color:white;
    font-size: 100%;
    letter-spacing: 2px;
    position: absolute;
    top:18px;
    right:3%;
    opacity: 0.7;
  }
  a.jireiList:hover{
    text-decoration: none;
    opacity: 1;
  }
}

/*/////////////////// HEADER IMAGE //////////////////*/
div#headerImageArea{
 width:100%;
 height:160px;
 background: url(../../img/common/headerimage01.jpg) top center no-repeat;
 background-size: cover;
}

div.headerImageAreaInner{
  width:100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

div#headerImageArea h2{
  display: block;
  position: relative;
  top:60px;
  left:5%;
}

div.nakaContentsArea{
  width:100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  min-height: 300px;
  padding-bottom: 80px;
}

/*/////////////////// NEWS RELEASE //////////////////*/
div.release{
  padding-top:10px;
}

div.newsBox{
  width:96%;
  margin-left:2%;
  padding-bottom:10px;
  padding-top:15px;
  border-bottom: #ccc dotted 1px;
}

div.newsBox div.left{
  float:left;
  width:25%;
}

div.newsBox div.left img{
  width:94%;
  margin-left:6%;
}
div.newsBox div.right{
  float:left;
  width:75%;
}

div.newsBox div.right p{
  margin-left:4%;
  width:95%;
}
div.newsBox p.title{
  font-size: 135%;
  color:#333399;
  line-height: 1.5;
}
div.newsBox p.des{
  line-height: 1.7;
  margin-top:10px;
  margin-bottom:10px;
}
div.newsBox p.des a{
  color:#09F;
}
img.pdficon{
  margin-right:10px;
}
div.newsBox p.date{margin-bottom:5px;opacity:0.4;font-size: 90%;}

div.bannerArea{
  width:95%;
  margin-left:4%;
}
a.banner{
  display:block;
  float: left;
  width:100%;
  max-width:209px;

}
a.banner img{
  width:95%;
}

div.newsBox div.right img.tbsvision_logo{
  width:100%;
  max-width: 400px;
  margin-top:25px;
}

div.videarea{
  width:100%;
  padding:20px 5%;
}
div.videarea video{
  width:90%;
}

@media screen and (max-width: 700px) {
  div.sp_hide{display:none;}
  div.newsBox{padding-top:0;}
  div.newsBox div.left{float:none;width:100%;padding:0!important;}
  div.newsBox div.left>img{width:100%;margin:0;position: relative;margin-bottom:-10px;}
  div.newsBox div.right{width:100%;float:none;position: relative;}
  div.newsBox p.date{margin-top:15px;margin-bottom:5px;}
  a.banner{width:50%;}
}

/*/////////////////// ARTICLE //////////////////*/
div.article{
  padding-top:50px;
}

/*/////////////////// AISATSU //////////////////*/
div.aisatsu{
  padding-top:50px;
}

div.aisatsu>div.row{
  width:100%;
  padding:0;
  margin:5px 0;
}
div.aisatsu div.left{
  float:left;
  width:40%;
}
div.aisatsu div.left p{
  margin:0;
  padding:0 10px 0 80px;
  font-size: 110%;
}
div.aisatsu div.right{
  float:left;
  width:60%;
}
div.aisatsu div.right p.aisatsu_text{
  margin:0;
  padding:15px 10px;
  font-size: 120%;
  line-height:1.8;
}
div.aisatsu div.right p.name_text{
  text-align: left;
  margin:30px 10px;
}

div.aisatsu_image{}
div.aisatsu_image>img{width:86%;margin:5% 7%;border:white solid 5px;
-webkit-box-shadow:0px 0px 10px 0px #ccc; /* Safari, Chrome逕ｨ */
  -moz-box-shadow:0px 0px 10px 0px #ccc; /* Firefox逕ｨ */
  box-shadow:0px 0px 10px 0px #ccc; /* CSS3 */
  }
div.aisatsu_image_sp{display:none;}

@media screen and (max-width: 749px) {
  div.aisatsu{  padding-top:0px;}
  div.aisatsu_image{display:none;}
  div.aisatsu_image_sp{display:block;}
  div.aisatsu_image_sp>img{
    width:100%;
  }
  div.aisatsu>div.row{
  width:100%;
  padding:0;
  margin:5px 0;
}
div.aisatsu div.left{
  width:100%;
}
div.aisatsu div.right{
  width:98%;
  padding:0px;
}
div.aisatsu div.right p.aisatsu_text{
  font-size:115%;
  
}
div.aisatsu div.right p.name_text{
  text-align: right;
  padding:10px 15px;
  font-size: 100%;
}
}

/*/////////////////// PROFILE //////////////////*/
div.profile{
  padding-top:50px;
}
div.profile>div.row{
  width:100%;
  padding:0;
  margin:5px 0;
}
div.profile div.left{
  float:left;
  width:30%;
}
div.profile div.left p{
  margin:0;
  padding:0 10px 0 80px;
  font-size: 110%;
}
div.profile div.right{
  float:left;
  width:70%;
}
div.profile div.right p{
  margin:0;
  padding:0 10px;
  font-size: 110%;
}

ul.relation{
  display: block;
  list-style: none;
  padding:0;
  margin:0;
}

ul.relation li{
  font-size: 110%;
  margin-bottom: 15px;
  padding-left: 10px;
}

ul.relation li a{
  color:#333399;
}

img#soshikizu{
  max-width:467px;
  width:100%;
  margin:10px 0;
}

@media screen and (max-width: 749px) {
  div#headerImageArea{
    height:140px;
  }
div#headerImageArea h2{
  display: block;
  position: relative;
  top:50px;
  left:5%;
}
  div.profile{
    width:92%;
    margin-left: 4%;
    padding-top:30px;
  }
  div.profile div.left{
    float:none;
    width:100%;
    margin-bottom:5px;
  }
  div.profile div.left p{
    color:#333399;
    font-weight: bold;
    padding:0;
  }
  div.profile div.right{
   float:none;
   width:100%;
  }
  div.profile div.right p{
    padding:0;
  }
  ul.relation li{
  padding-left:3%;
}
}

/*/////////////////// enkaku //////////////////*/
div.enkaku{
  padding-top:50px;
  padding-bottom:80px;
}
div.enkaku>div.row{
  width:85%;
  padding:0;
  margin:5px 0 5px 10%;
  border-bottom: #ccc dotted 1px;
  border-width: 80%;
  padding-bottom:8px;
  padding-top:5px;
}
div.enkaku div.left{
  float:left;
  width:15%;
}
div.enkaku div.left p{
  margin:0 10px 0 0px;
  font-size: 110%;
  color:#333399;
}
div.enkaku div.right{
  float:left;
  width:75%;
}
div.enkaku div.right p{
  margin:0;
  padding:0 10px;
  font-size: 110%;
}

@media screen and (max-width: 749px) {

div.enkaku{
    width:96%;
    margin-left: 0;
    padding-top:30px;
  }
  div.enkaku div.left{
    float:none;
    width:100%;
    margin-bottom:5px;
  }
  div.enkaku div.left p{
    color:#333399;
    font-weight: bold;
    padding:0;
  }
  div.enkaku div.right{
   float:none;
   width:100%;
  }
  div.enkaku div.right p{
    padding:0;
  }
  }

/*/////////////////// PEOPLE //////////////////*/

div.people_wrapper{
  width:100%;
  background-color: #f9f9f9;
}
div.people{
  margin-left: auto;
  margin-right: auto;

}
div.people_float_area{
  width:100%;
  padding-top:8px;
}
div.people_box{
  float:left;
}
div.people_box img{
  width:98%;
  height:auto;
}
div.people_box img:hover{
  opacity: 0.8;
}

/*people single page*/
div.people_header{
  width:100%;
  max-height:400px;
  overflow: hidden;
  padding:0;
}
div.people_header img{
  width:100%;
  height:auto;
}
div.k_kamoshita{
  background: url(../../img/company/people/kiyoshi_kamoshita_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}
div.t_kasuga{
  background: url(../../img/company/people/takao_kasuga_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}
div.a_fukazawa{
  background: url(../../img/company/people/aya_fukazawa_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}
div.y_inagaki{
  background: url(../../img/company/people/yoshiaki_inagaki_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}
div.t_sugaya{
  background: url(../../img/company/people/takashi_sugaya_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}
div.n_ogawa{
  background: url(../../img/company/people/naohiko_ogawa_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}
div.m_ichitsubo{
  background: url(../../img/company/people/makoto_ichitsubo_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.t_aoyagi{
  background: url(../../img/company/people/tomoko_aoyagi_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.m_hino{
  background: url(../../img/company/people/masafumi_hino_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.a_ueda{
  background: url(../../img/company/people/atsushi_ueda_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.t_tani{
  background: url(../../img/company/people/tomoaki_tani_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.t_suzuki{
  background: url(../../img/company/people/takaharu_suzuki_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.r_kawase{
  background: url(../../img/company/people/ryota_kawase_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.t_inoue{
  background: url(../../img/company/people/tsuyoshi_inoue_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.t_sawada{
  background: url(../../img/company/people/tomoyuki_sawada_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.c_amano{
  background: url(../../img/company/people/chie_amano_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.t_ohura{
  background: url(../../img/company/people/tsuyoshi_ohura_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.m_koizumi{
  background: url(../../img/company/people/mika_koizumi.png_l.jpg) no-repeat;
  background-color: #e3e3e3;
  background-size: cover;
  background-position: center;
}

div.people_left{
  width:40%;
  float: left;
  padding-top:20px;
}
div.people_left img{
  width:110%;
  margin-left:5%;
}
div.people_right{
  width:56%;
  float: left;
  padding:40px 0;
}
p.people_career{
  border-bottom:#ccc solid 1px;
  padding-bottom:40px;
}
div.people_right p{
  font-size: 105%;
  color:#868687;
  letter-spacing: 1;
  line-height: 1.8;
}
img.people_title01{
  margin:30px 0 10px 0;
  position: relative;
  left:-8px;
  top:0;
}
div.people_right h4{
  font-size: 120%;
  font-weight: normal;
  margin:20px 0;
  color:#267CB8;
}
ul.people_works{
  list-style: none;
  margin-bottom:30px;
}
ul.people_works li{
  color:#868687;
  font-size:90%;
  border-bottom: #ccc dotted 1px;padding:7px 0 5px 0;
}
ul.people_works li span{
  color:#000;
  font-size: 115%;
  margin-right:10px;
}
ul.people_works li span.award{
  font-size: 95%;
  color:#b19119;
  line-height: 1.5;
}

p.right{text-align: right;}
div.poplelinkarea{
  width:100%;
  text-align: center;
}
a.index_link{
  display: inline-block;
  background-color: black;
  color:#fff;
  padding:12px 18px 12px 18px;
  font-size:90%;
  margin-top:40px;
  margin-bottom:30px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
a.index_link:hover{
  text-decoration: none;
  /*background-color: #39F;*/
  background-color: #b19119;
}

@media screen and (max-width: 479px) {
  div.people_box{width:100%;}
  div.people_box img{width:100%;}
  div.people_header{min-height:220px;background-position:30% 0%;}
  div.people_left{width:100%;float:none;padding:0;}
  div.people_left img{margin:0;width:90%;}
  div.people_right{width:90%;float:none;margin:0 5%;padding-top:0px;}
  div.people_right p{padding:0;}
  p.people_career{padding:0 0 20px 0!important;border-bottom:#ccc solid 1px;}
  ul.people_works li{border-bottom: #ccc dotted 1px;padding:7px 0 5px 0;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.people_box{width:50%;}
  div.people_box img{margin-left:1%;}
  div.people_left{width:100%;float:none;padding:0;}
  div.people_left img{margin:0;width:65%;padding-left:3%;}
  div.people_right{width:90%;float:none;margin:0 5%;padding-top:0px;}
  p.people_career{padding:0 0 20px 0!important;border-bottom:#ccc solid 1px;}
  div.people_right p{padding:0;}
  a.index_link{margin-right: auto;margin-left: auto;}
}/*query*/
@media screen and (min-width: 768px) {
  div.people_box{width:33.3333%;}
  div.people_box img{margin-left:1%;}
}/*query*/
/*/////////////////// ACCESS //////////////////*/
div.access{
  padding-top:10px;
  padding-bottom:80px;
}
div.aaccessMap{
  width:100%;
  padding-bottom:10px;
  border-bottom:#ccc solid 1px;
  padding-top:20px;
}
div.accessLeft{
  float:left;
  width:35%;
}
div.accessRight iframe{
  width:96%;
  margin-left:2%;
  height:280px;
}
div.accessRight{
  float:right;
  width:65%;
  
}
p.accessCompany{
  font-size:145%;
}
p.accessTitle{
  color:#333399;
  font-weight: bold;
}
div.no_border{
  border:none!important;
}
div.accessLeft p,div.accessLeft a{margin-left:5%; }

@media screen and (max-width: 479px) {
div.access{padding-top:0;padding-bottom:50px;}
div.aaccessMap{padding-bottom:0;border:none;}
div.accessRight{
  float:none;
  width:100%;
}
div.accessLeft{
  float:none;
  width:100%;
  margin-bottom:15px;
}
div.accessRight iframe{
  width:100%;
  margin-left:0;
  height:280px;
}
p.accessCompany{margin-top:0px;}
 }

@media screen and (min-width: 480px) and (max-width: 767px) {
  div.accessRight{
  float:right;
  width:55%;
}
div.accessLeft{
  float:left;
  width:45%;
}
}

/*/////////////////// WORKS //////////////////*/

div#worksAreaWrapper{
  width:100%;
  background-color: #F9F9F9;
  height:100%;
  padding:15px 0;
  padding-bottom:80px;
}
div#worksArea{
  width:100%;
  /*max-width: 970px;*/
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /*background-color: #F9F9F9;*/
}

div.item{
  width:33.33333%;
  /* margin:5px; */
  text-align:center;
}

div.itemInner{
  margin-left:auto;
  margin-right:auto;
  margin-top:3%;
  background:#fff;
  width:98%;
  height:94%;
  -webkit-box-shadow:0px 0px 10px 0px #EEEEEE; /* Safari, Chrome逕ｨ */
  -moz-box-shadow:0px 0px 10px 0px #EEEEEE; /* Firefox逕ｨ */
  box-shadow:0px 0px 10px 0px #EEEEEE; /* CSS3 */
  padding-bottom:6px;
  }
div.itemInner:hover{
  -webkit-box-shadow:0px 0px 6px 0px #13BBEF; /* Safari, Chrome逕ｨ */
  -moz-box-shadow:0px 0px 6px 0px #13BBEF; /* Firefox逕ｨ */
  box-shadow:0px 0px 6px 0px #13BBEF; /* CSS3 */
}

div.itemInner>a.imageLink{
  display: block;
  width:100%;
}

div.itemInner>a.imageLink img{
  width:100%;
  height:auto;
}

div.itemInner>a.title{
  display: block;
  font-size: 110%;
  padding:0 5%;
  width:90%;
  color:#333399;
  text-align: left;
  line-height: 1.5;
  margin-bottom:5px;
}
div.itemInner>a.title:hover{
  text-decoration: none;
  color:#13BBEF;
}

div.itemInner>p.info{
  display: block;
  padding:0 5%;
  width:90%;
  color:#999;
  font-size: 85%;
  text-align: left;
  line-height: 1.5;
  font-style: italic;
}

div.lastArea{ margin-bottom:80px; }

@media screen and (max-width: 479px) {
  div.item{
    width:50%;}
    div.itemInner>a.title{font-size: 100%;}
    div.itemInner>p.info{display: none;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {

  div.item{
    width:50%;}
}
@media screen and (min-width: 768px) and (max-width: 969px) {
  div#worksArea{width:96%;}
  div.item{
    width:33.33333%;}
}
@media screen and (min-width: 970px) and (max-width: 1499px) {
  div#worksArea{width:96%;}
  div.item{
    width:25%;}
}

@media screen and (min-width: 1500px) {
  div#worksArea{width:96%;}
  div.item{
    width:16.6666%;}
}


/*//////////WORKS MENU /////////////////////////*/

div#filterarea{
  width:100%;
  min-height:40px;
  position: relative;
}

ul#filters{
  list-style: none;
  width:98%;
}
ul#filters li{
  display: inline-block;
  float: right;
  margin:0px 5px;
}

ul#filters li a{
  display: block;
  padding:5px 12px;
  background-color:#ccc;
  color:white;
  font-size: 85%;
}

ul#filters li a:hover{
  text-decoration: none;
  background-color:#13BBEF;
}

.hide {
  display:none; 
}


div#sectionMenu_float{
  position:absolute;
  top:40px;
  right:145px;
  background:#13BBEF;
  z-index: 500;
}

div#sectionMenu_float ul li a{
  display:block;
  width:130px;
  height:30px;
  background:#13BBEF;
  vertical-align:middle;
  padding-top:5px;
  padding-left:25px;
  
}

div#sectionMenu_float ul li a:hover{
  display:block;
  width:130px;
  height:30px;
  background:#0092DF;
} 

div#categoryMenu_float{
  position:absolute;
  top:40px;
  right:10px;
  background:#13BBEF;
  z-index: 500;
}

div#categoryMenu_float ul li a{
  display:block;
  width:240px;
  height:30px;
  background:#13BBEF;
  vertical-align:middle;
  padding-top:5px;
  padding-left:25px;
  padding-right:10px;
  
}

div#categoryMenu_float ul li a:hover{
  display:block;
  width:240px;
  height:30px;
  background:#0092DF;
}

div#bangumiMenu_float{
  position:absolute;
  top:40px;
  right:10px;
  background:#13BBEF;
  z-index: 500;
}

div#bangumiMenu_float ul li a{
  display:block;
  width:120px;
  height:30px;
  background:#13BBEF;
  vertical-align:middle;
  padding-top:5px;
  text-align:center;
  
}

div#bangumiMenu_float ul li a:hover{
  display:block;
  width:120px;
  height:30px;
  background:#0092DF;
}

ul.innerMenu {
  list-style:none;
  margin:10px 0px;
}

ul.innerMenu li {
  font-size:80%;
  color:white;
  height:30px;
  text-align:left;
}

ul.innerMenu li a {
  color:white;
  text-decoration:none;
  
}

ul.innerMenu li a:hover {
  color:white;
  text-decoration:none;
}


div#categoryMenu_float{
  position:absolute;
}

div#bangumiMenu_float{
  position:absolute;
}

/*//////////////WORKS ARCHIVES CONTENTS ////////*/

div#worksContentsArea{
  width:100%;
  min-height: 480px;
  background-color: #fff;
}

div.worksContent{
  width:100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding:30px 15px 0px 15px;
}

div.worksContentInner{
width:100%;
}

div.worksContent div.left{
  float:left;
  width:50%;
  max-width:500px;
  padding-bottom:40px;
}

div.worksContent div.left img{
  width:100%;
  height:auto;
  line-height: 1;
}

div.worksContent div.right{
  float:left;
  width:50%;
  padding-bottom: 30px;
  margin-bottom:30px;
}

div.worksContent h2{
  margin-left:20px;
  font-size: 180%;
  color:#333399;
  font-weight: normal;
  width:90%;
  line-height: 1.6;
}
div.worksContent p.worksOA{
  color:#333;
  font-size: 100%;
  font-style: italic;
  margin-left:20px;
  width:90%;
  margin-top:5px;
}

div.worksContent p.worksOA span{
  color:#333399;
  font-weight: bold;
  margin-right:20px;
}

div.worksContent p.info{
  width:90%;
  margin-top:15px;
  margin-left:20px;
  font-size: 110%;

}
div.worksContent p.sectionName{
  font-size: 95%;
  margin-left:20px;
  padding-bottom:3px;
  width:90%;
  color:#999;
}
div.worksContent p.sectionName.topSection{
  margin-top:20px;
}
div.worksContent p.sectionName span{
  color:#333399;
  font-weight: bold;
  margin-right:20px;
  font-size: inherit;
}

div.worksContent dl.sectionName{
  margin-left:20px;
  width:90%;
  color:#999;
}

div.worksContent dl.sectionName dt { 
  float: left;
  color:#333399;
  font-weight: bold;
  padding-bottom:3px;
  clear: both;
  min-width: 5em;
  font-size: 95%;
  }

div.worksContent dl.sectionName dd { 
  float: left;
  color:#999; 
  padding-bottom:3px; 
  width: 77%;
  font-size: 95%;
}

.imageBorder{
 /* border:#ccc solid 1px;*/
  border:#F0F0F0 solid 1px;
}

 .show_sm{
  display: none;
 }

 p.caption{
  font-size: 95%;
  padding:0px 0 10px 0;
  color:#999;
 }

 div.theater{
  font-size: 115%;
  line-height: 1.5;
  margin-bottom:5px;
 }

 span.caption{
  color:#999;
  font-size: 85%;
 }

  div.theater a{
    font-size: 90%;
  }

@media screen and (max-width: 479px){
  div.worksContent div.left{padding-bottom: 10px;}
  div.show_sm img{
    margin:0;padding:0;
    width:100%;float:left;
  }
  div.show_sm p.caption{
    clear: both;
    font-size: 95%;
    padding:10px 0 10px 10px;
    color:#999;
  }
  div.worksContent h2{font-size:150%;}
}
@media screen and (min-width: 479px) and (max-width: 767px) {
  div.worksContent div.left{padding-bottom: 10px;}
  div.show_sm img{
    margin:0;padding:0;
    width:50%;float:left;
  }
  div.show_sm p.caption{
    clear: both;
    font-size: 95%;
    padding:10px 0 10px 10px;
    color:#999;
  }
}
/*min-width: 480px*/
@media screen and (max-width: 767px) {
  .imageBorder{
    border:none;
    border-bottom: #F0F0F0 solid 1px;
  }
  .hide_sm{
  display: none;
  }
  div.show_sm{
    display: block;
    width:100%;
    background-color: #F9F9F9;
  }
  div.show_sm p.caption{
    clear: both;
    font-size: 95%;
    padding:10px 0 10px 10px;
    color:#999;
  }
  
  div.worksContent{
    padding:0;
  }
  div.worksContent div.left{
    float:none;
    width:100%;
    max-width: none;
    text-align: center;
    margin-bottom:15px;
    /*max-width:500px; */
  }
  div.worksContent div.left img{
    width:100%;
    line-height: 1;
  }
  div.worksContent div.right{
     float:none;
    width:100%;
    margin-bottom:25px;
  }

}

/*/////////////////// RECRUIT //////////////////*/
div.recruit{
  padding-top:50px;
}


/*/////////////////// staff //////////////////*/
div.staff{
  padding-top:50px;
}

/*/////////////////// PRIVACY POLICY //////////////////*/
div.privacy{
  padding-top:50px;
  max-width:970px;
  width:95%;
  margin-left: auto;
  margin-right: auto;
  padding:30px 15px;
  padding-bottom: 70px;
}

div.privacy h2{
  color:#333399;
  font-size: 150%;
  font-weight: normal;
  margin-bottom:20px;
}

div.privacy ol{
  padding-top:15px;
  padding-left:5%;
}
div.privacy ol li{
  font-size: 115%;
  margin-bottom:10px;

}
div.privacy ul{
  padding:10px 5%;  
}

div.privacy ul li{
  font-size: 100%;
}

/*/////////////////// ACTION PLAN //////////////////*/
div.actionplan{
  padding-top:50px;
  max-width:970px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  padding:30px 15px;
}

div.actionplan h2{
  color:#333399;
  font-size: 150%;
  font-weight: normal;
  margin-bottom:20px;
}
div.actionplan p{
  font-size: 110%;
  padding-left:3%;
  width:90%;
  margin-bottom:10px;
}
div.actionplan h3{
  font-size:100%;
  border:none;
  margin:20px 0;
  font-weight: bold;
}
div.actionplan dl{
  padding-left:30px;
  max-width:950px;
  width:80%;
}

div.actionplan dt{
  width:20%;
  float:left;
}

div.actionplan dt.single{
  width:77%;
  float:right;
}
div.actionplan dd{
  float:right;
  width:77%;
}

@media screen and (max-width: 767px) {
  div.actionplan dt{width:35%;letter-spacing: 0;}
  div.actionplan dt.single{width:60%;}
  div.actionplan dd{width:60%;}
  }

/***********************************/
/****        ENGLISH              **/
/***********************************/

div#englishPageArea{
  width:100%;
}

div#englishPage{
  width:100%;
  max-width: 970px;
  min-height:500px;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  margin-left: auto;
  margin-right:auto;
}

div#englishPageArea div.headerimage{
  width:100%;
}

div#englishPageArea div.headerimage img{
  width:100%;
}
img.englishMainImage{
  display: block;
}
img.spEnglishMainImage{
  display:none;
}

div.dbl{
  width:100%;
  border-bottom:#ccc solid 1px;
  padding-bottom:30px;
}

div.left{
  float:left;
  width:49.7%;
  position:relative;
}

div.right{
  float:right;
  width:49.7%;
  position:relative;
}

div#englishPage h2{
  color:#333399;
  font-weight:normal;
  font-size:200%;
  margin:30px 0;
  font-family:Arial, Helvetica, sans-serif;
  line-height: 1.2;
}

div#englishPage p{
  font-family:Arial, Helvetica, sans-serif;
  color:#595757;
  font-size:110%;
  line-height:1.5;
  margin-bottom:15px;
  padding:0 15px 0 0;
  width:95%;
}

div#englishPage h2,div#englishPage p{
  margin-left:2%!important;
}

div#englishPage p.title{
  color:#333399;
  font-weight:bold;
  font-size:140%;
  line-height:1.3;
  margin-bottom:10px;
  letter-spacing:1px;
  display:inline-block;
}

div#englishPage p.title span,div#englishPage p.title_sm span{
  font-size:90%;
  letter-spacing:0px;
  color:#6666a7;
  font-style:italic;
  line-height: 1.3;
}


div#englishPage p.title_sm{
  color:#333399;
  font-weight:bold;
  font-size:130%;
  line-height:1.2;
  margin-bottom:10px;
  letter-spacing:1px; 
  display:inline-block;
}

div#englishPage p.subtitle{
  color:#6666a7;
  font-weight:bold;
  font-size:95%;
  line-height:1.5;  
}

img.halfImage{
  width:100%;
  max-width: 475px;
}

div.right div.profileArea{
  background-color:#f9f9f5;
  width:90%;
  padding:10px 20px 20px 20px;
  margin-top:100px;
}

div.right>div.profileArea>p{
  font-size:110%!important;
  line-height:1.5;
  margin:0!important; 
}

div.right>div.profileArea>p.blue{
  margin-top:15px!important;
  font-size:110%;
  color:#333399 !important;
  font-weight:600;
  height:25px;
}

div.right>div.profileArea a{
  color:#0091da;
  border:none;  
}

div.right>div.profileArea a:hover{
  text-decoration:underline;  
}

div.right>p.award_heritage{
  /*width:270px!important; */ 
}

div.right>img.award_heritage{
 /* position:absolute;
  right:30px;
  top:330px;*/
}

div.right p.right,p.right,p.right{
  margin-left:20px; 
}

div#englishPage img.largeImage{
  margin-bottom:0px;
  width:100%;
}
div#englishPage div.imageArea{
  width:100%;
  max-width:970px;
  margin-top:10px;
}
div#englishPage div.float{
  width:50%;
  float:left; 
}
div#englishPage div.trio{
  width:33.333%;
  float:left;
}
div#englishPage div.trio img{
  width:98%;
  margin-left:1%;
}
div#englishPage div.imageArea div.float img{
  width:98%;
  margin-left:1%;
}

div#englishPage h2.sub{
  line-height:1;
  margin-top:50px;
}

div#englishPage h2.sub span{
  color:inherit;
  font-size:60%;  
}

/*//max-width: 767px//*/
@media screen and (max-width: 479px) {
img.englishMainImage{
  display:none;
}
img.spEnglishMainImage{
  display: block;
}
}

/*//max-width: 767px//*/
@media screen and (max-width: 767px) {
  img.halfImage{
  width:100%;
  max-width: none;
}
div.left{
  float:none;
  width:100%;
  position:relative;
}
div#englishPage h2,div#englishPage p{
  margin-left:2%!important;
}

div.right{
  float:none;
  width:100%;
  position:relative;
}

div.right div.profileArea{
  background-color:#f9f9f5;
  width:100%;
  padding:10px 20px 20px 20px;
  margin-top:20px;
}

div.right div.profileArea p{
  width:90%!important;
}
div#englishPage div.float{
  width:100%;
  float:left; 
}
div#englishPage div.trio{
  width:100%;
  float:left;
}
div#englishPage div.trio img{
  width:100%;
  margin:0;
}
div#englishPage div.imageArea div.float img{
  width:100%;
  margin:0;
}
}