@charset "UTF-8";

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    z-index: 100;
    opacity: 1;
    transition: all ease-out 0.2s 0.1s;
}
#body{
    text-align:center;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

.wrapper-link{
    background:#ffffff;
    float:left;
    width:290px;
    margin-top:8px;
}

.wrapper-main{
    float:right;
    width:700px;
    margin-top:8px;
    margin-left:10px;
}

header#pageheader{
    background:none;
    padding:15px 0 0;
}
.alpha :hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.wrapper-research{
    float:left;
    width:300px;
    margin-top:8px;
    margin-left:10px;
}

header#pageheader h1{
    margin:0;
    float:left;
    font-size:40px;
    font-weight:normal;
    font-family: 'Cabin Sketch', cursive;
}
.border{
    margin:5px auto;
    border-bottom:10px solid #B8860B;
}

/*header#pageheader h2{
    color:#808080;
    font-size:0.75em;
    margin:0;
    padding-top:20px;
    text-align:right;
    font-weight:normal;
}
    */




/*div#container{
    width:700px;
    float:right;
}

div#container:after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
    */

.link{
   background:#ffffff;
   margin:5px;
   margin-right:2px;
   margin-left:5px;
   margin-bottom:0px;
   padding:5px 5px;
   font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}

.link h1{
    font-size:20px;
    margin-bottom:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:2px solid #A9A9A9 ;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
/*    background: -webkit-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);*/
/*    border-left:10px solid #fd8a17;*/
}

.link figure{
 /*   border:1px solid #000000;  */
    margin:0;
    margin-top:5px;
    margin-bottom:10px;
    padding-left:15px;
 /*   background:#4800ff; */

}
.introduction{
    background:#ffffff;
    margin:0px;
    margin-right:2px;
    margin-left:5px;
    margin-bottom:8px;
    padding:5px 10px;
    font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
    line-height:1.6;
}

.introduction h1{
    font-size:20px;
    margin-bottom:30px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    background: -webkit-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -moz-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -o-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -ms-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: linear-gradient(top, ##ffffff 2%, #f5f5dc 100%);

    border-left:10px solid #052d50;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.introduction h2{
    font-size:20px;
    margin-bottom:10px;
    margin-left:10px;    
}
.introduction p{
    margin-bottom:20px;
    padding-left:25px;
    padding-right:25px;
    font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}


.news{
    float:left;
    width:320px;
    background:#ffffff;
    margin-top:0px;
    margin-right:2px;
    margin-left:5px;
    margin-bottom:8px;
    padding:5px 10px;
    font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}

.news h1{
    font-size:20px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    background: -webkit-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -moz-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -o-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -ms-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: linear-gradient(top, ##ffffff 2%, #f5f5dc 100%);
    border-left:10px solid #052d50;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.date{
    padding-left:12px;
    margin-top:8px;
}
.article{
    margin:8px 0px;
    padding-left:12px;
    padding-bottom:6px;
    border-bottom:1px solid #808080;
}
.date-blog{
    padding-left:12px;
    margin-top:8px;
}
.article-blog{
    margin:8px 0px;
    padding-left:12px;
    padding-bottom:6px;
    border-bottom:1px dotted #C0C0C0;
}
.article-blog-last{
    margin:8px 0px 20px 0px;
    padding-left:12px;
    padding-bottom:6px;
    border-bottom:1px dotted #C0C0C0;
}
.note{
    float:right;
    width:320px;
    background:#ffffff;
    margin-top:0px;
    margin-right:1px;
    margin-left:2px;
    margin-bottom:8px;
    padding:5px 10px 10px 10px;
    font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}

.note h1{
    font-size:20px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    background: -webkit-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -moz-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -o-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -ms-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: linear-gradient(top, ##ffffff 2%, #f5f5dc 100%);
    border-left:12px solid #052d50;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.note h2{
    font-size:20px;
    margin:15px 10px 12px 10px;
    padding-left:10px;
    color:#B8860B;
    border-bottom:1px solid #B8860B;
}
.note p{
    padding:0px 8px 8px 3px;
    line-height:1.5;
    margin-left:15px;
}
.research{
    clear:both;
    background:#ffffff;
    margin-top:20px;
    margin-right:2px;
    margin-left:5px;
    margin-bottom:5px;
    padding:5px 10px;
    font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}
.research h1{
    font-size:20px;
    margin-bottom:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    background: -webkit-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -moz-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -o-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: -ms-linear-gradient(top, #ffffff 2%, #f5f5dc 100%);
    background: linear-gradient(top, ##ffffff 2%, #f5f5dc 100%);
    border-left:10px solid #052d50;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.achievements{
    background:#ffffff;
    margin:0px;
    margin-right:2px;
    margin-left:5px;
    margin-bottom:8px;
    padding:5px 10px;
    font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
    line-height:1.4;
}
.achievements h1{
    margin-top:20px;
    padding:10px 10px 10px 10px;
    border-left:10px solid #052d50;
    border-bottom:1px solid #052d50;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.achievements h2{
    clear:both;
    font-size:28px;
    border-bottom:2px dotted #808080;
    padding:5px 15px;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:5px;
}
.achievements ul{
    margin-left:25px;
}
.achievements ul li{
    padding-bottom:5px;
}
.achievements figure{
    margin-left:130px;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
}
figure.yamamoto{
    float:left;
    margin-left:5px;
    margin-bottom:8px;
    margin-top:10px;
}
.description-yamamoto{ 
    float:right;
    width:405px; 
    padding:5px;   
}
.description-yamamoto h3{
    margin:0px;
    text-align:left;
    font-size:30px;
    padding:5px;
    margin-left:60px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.description-yamamoto h4{
    margin:15px 0px 0px 0px;
    padding-left:8px;
    border-left:5px solid #052d50;
    border-bottom:1px solid #052d50;
    font-size:20px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.description-yamamoto p{
    font-size:14px;
    line-height:1.6;
    font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;

}
.description-student-content{
    clear:both;
/*    background:#808080; */
    float:left;
    width:500px; 
    padding:5px;   
}
.description-student-content h3{
    margin:0px;
    text-align:left;
    font-size:30px;
    padding:5px;
    margin-left:60px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.description-student-content h4{
    margin:5px 0px 0px 20px;
    padding-left:8px;
    border-left:5px solid #A8002F;
    border-bottom:1px solid #A8002F;
    font-size:20px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.description-student-content-m2 h4{
    margin:10px 0px 0px 20px;
    padding-left:8px;
    border-left:5px solid #B8860B;
    border-bottom:1px solid #B8860B;
    font-size:20px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.description-student-content-m1 h4{
    clear:both;
    margin:20px 0px 0px 20px;
    padding-left:8px;
    border-left:5px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
    font-size:20px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.description-student-content-b4 h4{
    margin:10px 0px 0px 20px;
    padding-left:8px;
    border-left:5px solid #A8002F;
    border-bottom:1px solid #A8002F;
    font-size:20px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.description-student-1{
    background:#EAD2AD;
    float:left;
    width:300px;
    margin-left:30px; 
    margin-top:10px;
    margin-bottom:5px;
 /*   padding:5px;   */
}
.description-student-1 h5{
    margin:10px 0px 5px 0px;
    background:#3A322B;
    color:#ffffff;
    float:right;
    width:150px;
    font-size:20px;
    padding-left:12px;
    padding-top:2px;
    padding-bottom:2px;

}

.description-student-1 figure{
    background:#ffffff;
    float:left;
    margin-left:0px; 
    padding:5px;   
}
.description-student-2 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-3 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-4 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-5 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-6 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-7 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-8 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-9 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-10 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
.description-student-11 figure{
    background:#ffffff;
    float:left;
    margin-left:20px; 
    padding:5px;   
}
tabs {
    position: relative;
    margin: 40px auto;
    width: 750px;
}
 
.tabs input {
    position: relative;
    z-index: 1000;
    width: 120px;
    height: 40px;
    left: 0px;
    top: 0px;
    opacity: 0;
    cursor: pointer;
}
.tabs input#tab-2{
    left: 120px;
}
.tabs input#tab-3{
    left: 240px;
}
.tabs input#tab-4{
    left: 360px;
}
.tabs label {
/*    background: linear-gradient(top,#4B0082  0%,#800000 100%);   /*紫，赤*/   
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    position: relative;
    padding: 0 10px;
    float: left;
    display: block;
    width: 150px;
    color: #B8860B;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
    background:#f5f5dc;
}
 
.tabs input:hover + label {
    color:#B8860B;     /*選択されていないtabにポインタが乗った時の反応*/
    background:#FCEF92;
}
 
.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}
 
.tab-label-2 {
    z-index: 3;
}
 d
.tab-label-3 {
    z-index: 2;
}
 
.tab-label-4 {
    z-index: 1;
}
.tabs label:after {
    content: '';
    background:#ffffff;  /*tabの下のラインの色*/
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
}
.tabs input:checked + label {
    background:#ffffff;/*選択されいるcontentの色*/
    z-index: 6;
}
.content {
    background: #ffffff;/*青い*/
    position: relative;
    width: 100%;
    height:370px;
    z-index: 5;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
}
 
.content div {
    position: absolute;
    top: 0;
    left: 0;
    padding-top:5px;
    padding-left:8px;
    padding-bottom:0px;
    z-index: 1;
    opacity: 0;
    transition: all linear 0.1s;
}
 
.content div h2{
    float:left;
    margin-top:8px;
    margin-left:25px;
    font-size:13px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.content div h3{
    color: #C71585;/*ピンク*/
}
.content div p {
    float:right;
    width:150px;
    font-size: 12px;
    line-height: 22px;
    font-style:normal;
    margin: 0;
    margin-top:5px;
    color: #777;
    padding-left: 5px;
    font-family: Cambria, Georgia, serif;
}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.content-1{
    float:left;
    width:300px;
    margin-top:8px;
    margin-left:0px;
    font-size: 80px;
    border-style:double;
}

.content-1 h2{
    font-size:20px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

}
.content-1 figure{
    float:left;
    margin-top:8px;
    margin-bottom:0px;
    margin-left:0px;
}
.content-1 :hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.main{
    float:right;
    width:700px;
    background:#ffffff;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:25px;
    margin-top:10px;
    padding:5px 10px;
}

.main h1{
    clear:both;
    margin-top:20px;
    padding:10px 10px 10px 20px;
    border-left:10px solid #052d50;
    border-bottom:1px solid #052d50;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.main h2{
    clear:both;
    border-bottom:2px dotted #808080;
    padding:5px 15px;
    margin-left:10px;
    margin-top:15px;
}
.main p{
    width:330px;
    float:left;
    padding-left:15px;
    line-height:1.6;
    margin-top:15px;
    margin-bottom:20px;

}
/*
.main p.row{
    padding-left:15px;
    line-height:1.6;
    margin-top:15px;
}
*/

.main figure{
    margin:0;
    float:right;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:15px;
}

.main figure.photo-yoko{
    margin:10px 5px 10px 10px;
    float:left;
}


.main figure photo-tate{
    margin:0;
    text-align:right;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:15px;
}

.main video{
    margin:0;
    float:right;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:15px;
}
.quotation{
    float:right;
    margin-right:110px;
}
.quotation_jintai{
    float:right;
    margin-right:110px;
}

.quotation_phantom{
    float:right;
    margin-right:60px;
}
.quotation_measurement{
    float:right;
    margin-right:130px;
}
.quotation_SEM{
    float:right;
    margin-right:80px;
}
.quotation_thin_film{
    float:right;
    margin-right:130px;
}
.quotation_belt{
    float:right;
    margin-right:130px;
}
.quotation_ICD{
    float:right;
    margin-right:110px;
}

.rink-address{
width: 90%;
margin-left:35px;
margin-top:15px;
margin-bottom:20px;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.rink-address th{
width:25%;
padding:15px 4px 4px 4px;
text-align: center;
vertical-align: top;
color: #ffffff;
background-color: #B8860B;
border-left: 8px solid #FFD700;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.rink-address td{
width:75%;
padding:4px;
text-align:center;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
figure.map{
    clear:both;
    float:right;
    margin:0px;
    margin-top:8px;
}
iframe{
    float:left;
    margin:0px;
    margin-top:8px;
}
.achievements small{
    clear:both;
    float:left;
    margin:0px;
    margin-left:5px;
    font-size:12px;
}

footer{
    width:auto;
    margin-top:25px;
    padding:10px 0px;
    background:#606060;
    text-align:center;
    color:#ffffff;
    font-size:20px;
    clear:both;
}


.aaa {
  position: relative;   
  min-height: 400px; /* This part sucks */
  clear: both;
  margin: 25px 0;

}
.bbb {
  float: left;
}
.bbb label {
  font-size:14px;
  color: #B8860B;
  background:#f5f5dc; 
  padding: 10px; 
  border: 1px solid #B8860B; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
  border-radius: 3px 3px 0 0;
}
.bbb [type=radio] {
  display: none;   
}
.ccc {
  position: absolute;
  top: 26px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 0px;
  border: 1px solid #B8860B; 
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid #ffffff;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .ccc {
  z-index: 1;
}

.block{
    position: relative;
    float:left;
    width:315px;
    margin-top:8px;
    margin-left:10px;
    font-size: 12px;
    border-style:double;
}
.block h2{
    margin-top:8px;
    margin-left:170px;
    font-size:15px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.block figure{
    float:left;
    margin-top:8px;
    margin-bottom:5px;
    margin-left:5px;
}
.block :hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.block p{
    float:right;
    width:150px;
    font-size: 12px;
    line-height: 22px;
    font-style:normal;
    margin: 0;
    margin-top:5px;
    margin-right:5px;
    color: #4f4e4e;
    padding-left: 0px;
    font-family: Cambria, Georgia, serif;
}
.block-cancer{
    position: relative;
    float:left;
    width:315px;
    margin-top:8px;
    margin-left:10px;
    font-size: 12px;
    border-style:double;
}
.block-cancer h2{
    margin-top:8px;
    margin-left:190px;
    font-size:15px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.block-cancer figure{
    float:left;
    margin-top:8px;
    margin-bottom:5px;
    margin-left:5px;
}
.block-cancer :hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.block-cancer p{
    float:right;
    width:150px;
    font-size: 12px;
    line-height: 22px;
    font-style:normal;
    margin: 0;
    margin-top:5px;
    margin-right:5px;
    color: #4f4e4e;
    padding-left: 0px;
    font-family: Cambria, Georgia, serif;
}
.block-jintai{
    position: relative;
    float:left;
    width:315px;
    margin-top:8px;
    margin-left:10px;
    font-size: 12px;
    border-style:double;
}
.block-jintai h2{
    margin-top:8px;
    margin-left:195px;
    font-size:15px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.block-jintai figure{
    float:left;
    margin-top:8px;
    margin-bottom:5px;
    margin-left:5px;
}
.block-jintai :hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.block-jintai p{
    float:right;
    width:150px;
    font-size: 12px;
    line-height: 22px;
    font-style:normal;
    margin: 0;
    margin-top:5px;
    margin-right:5px;
    color: #4f4e4e;
    padding-left: 0px;
    font-family: Cambria, Georgia, serif;
    .block-jintai{
    position: relative;
    float:left;
    width:315px;
    margin-top:8px;
    margin-left:10px;
    font-size: 12px;
    border-style:double;
}
.block-energy h2{
    margin-top:8px;
    margin-left:195px;
    font-size:15px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.block-energy figure{
    float:left;
    margin-top:8px;
    margin-bottom:5px;
    margin-left:5px;
}
.block-energy :hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.block-energy p{
    float:right;
    width:150px;
    font-size: 12px;
    line-height: 22px;
    font-style:normal;
    margin: 0;
    margin-top:5px;
    margin-right:5px;
    color: #4f4e4e;
    padding-left: 0px;
    font-family: Cambria, Georgia, serif;