@charset "utf-8";
/*
Theme Name: BizVektor-child
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: jeanavi
Tags: 
Version: 0.1.0
*/



/*font*/
#content p { font-family:"メイリオ"; }
h2,h3,h4,h5 { font-family:"メイリオ"; }
td,li,ul,dt,dd { font-family:"メイリオ"; }
div { font-family:"メイリオ"; }

/*サイド幅*/

@media (min-width: 970px) {
#main #container #sideTower { width:290px; }
}


.mbox {
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  border-radius: 8px 8px 8px 8px / 8px 8px 8px 8px;
  border: 1px solid #999999;
}

/*clear*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.bg-wte {background-color: #ffffff;}

#contact{
width: 90%;
  padding:10px 5px;
  border-top:solid 1px #111;
  border-left:solid 1px #111;
  border-right:solid 1px #111;
  border-bottom:solid 1px #111;
  background:#E8EEF9;
}

/***** 制作依頼コンタクトフォーム *****/
.m-alert{
padding:5px;
background:#ff8080;
color:#fff;
margin:5px;
font-weight:normal;
}
 
input[type=text],input[type=tel],input[type=email]{
font-size:15px;
}
 

 
.file{
margin:10px;
display:block;
}
 
span.wpcf7-list-item { display: block; }
input[type=text],input[type=email],input[type=tel]{
   width:100%;
}
 
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{
   border:solid 1px #20b2aa;
}
 
input[type=text], select,input[type=email],input[type=tel]{
   outline: none;
}
 
.contact_right textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:100%;
   padding:0 3px;
}
 
.contact_right textarea:focus{
   border:solid 1px #20b2aa;
}
 
.contact_right textarea {
   outline: none;
width:100%;
}
 
input[type=submit]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:33%;
   height:50px;
font-size:20px;
   padding:0 3px;
   margin:5px;
   cursor:pointer;
   color:#333;
   font-weight:bold;
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;
}
 
.contact_form input[type=submit]{
width:50%;
}
 
.contact_form input[type=text],.contact_form input[type=email]{
width:100%;
height:50px;
font-size:1.5em;
}
 
input[type="radio"]{
margin: 0 0 4px 0 !important;
}


/*調査診断サービス並べるボックスの設定*/
div.box2 {
width: 47%; /* ボックスの幅 */
height: auto;/*ボックスの高さは文字数によって調整すること*/
background-color: #FFFFFF; /* ボックスの背景色 */
border: 1px none solid; /* ボックスの枠 */
font-size: 90%; /* ボックス内の文字サイズ */
float: left;/*ボックスを右に回り込ませる*/
margin-left: 2%;
margin-bottom:15px;
}


div.box2 p {
margin: 10px;/*文字と枠の間にスペース*/
}

.box2 p img{
float:left;
margin-left:0px;/*写真の左にスペース*/
margin-right:10px; /*写真の右にスペースを空ける*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}
/*回りこみ解除*/
.clearLeft {
clear: left;
}

/*調査診断サービス並べるボックスの設定*/
div.box3 {
width: 30%; /* ボックスの幅 */
height: auto;/*ボックスの高さは文字数によって調整すること*/
background-color: #FFFFFF; /* ボックスの背景色 */
border: 1px none solid; /* ボックスの枠 */
font-size: 90%; /* ボックス内の文字サイズ */
float: left;/*ボックスを右に回り込ませる*/
margin-left: 2%;
margin-bottom:15px;
}


div.box3 p {
margin: 10px;/*文字と枠の間にスペース*/
}

.box3 p img{
float:left;
margin-left:0px;/*写真の左にスペース*/
margin-right:10px; /*写真の右にスペースを空ける*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}


/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
zoom: 1;
}


/* 
水質分析一覧表テーブル用
*/
table.water2 {
    width: 99%;
    border: 1px solid #B0C4DE;
    border-collapse: collapse;
    border-spacing: 0;
}
.water2 th{
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
    border-left: 1px solid #B0C4DE;
    background: #4682B4;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
.water2 td{
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
    border-left: 1px solid #B0C4DE;
    font-size: 0.9em;
}
.water2 tr:nth-child(2n+1){
    background: #F0FFFF;
}
/* 
水質分析テーブル用
*/
table.water {
    width: auto;
    border: 1px solid #B0C4DE;
    border-collapse: collapse;
    border-spacing: 0;
}
.water th{
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
    border-left: 1px solid #B0C4DE;
    background: #4682B4;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
.water td{
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
    border-left: 1px solid #B0C4DE;
    font-size: 0.9em;
}
.water tr:nth-child(2n+1){
    background: #F0FFFF;
}


.site-description {
  margin-top: 10px;
}
.site-navigation a {
  color:#ffffff;
  display:block;
  text-transform:uppercase;
}

.content-area {
  padding-top:10px;
}

.entry-title {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 1.5em;
    border: 2px solid #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
}
 
.entry-title:before{
    content: "";
    position: absolute;

    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#heading1{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 1.5em;
    border: 2px solid #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
}
 
#heading1:before{
    content: "";
    position: absolute;
    background: #B92A2C;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#heading2{
    margin: 8px 0 8px 0;
    background: #fff;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:3px solid #3cf;
    padding: 5px 0 5px 10px;
    background: -moz-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#eee), color-stop(51%,#ddd), color-stop(100%,#fff)); /* webkit */
    -pie-background:linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
}

#heading3{
    border:solid 1px #ddd;
    padding: 5px;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    }
    #heading3 span{border-left:5px #3cf solid;padding-left:10px;}

#heading4 span{  
    border-top:1px solid #ccc;  
    border-bottom:1px solid #ccc;  
    padding:.2em 1em  
} 

#heading6{
    font-size: 0.7em;
    border-top:1px solid #ccc;  
    border-bottom:1px solid #ccc;  
    padding:.2em 1em  
}  

h1 {
  font-size: 26px;
  line-height: 1.3846153846;
}
h2 {
  font-size: 20px;
  line-height: 1;
}
h3 {
  font-size: 18px;
  line-height: 1.0909090909;
}
h4 {
  font-size: 16px;
  line-height: 1.2;
}
h5 {
  font-size: 14px;
  line-height: 1.3333333333;
}

#content h6{
  margin:0 0 8px;
  padding: 10px 0 10px 10px;
} 
h6 {
  font-size: 10px;
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(#E5E5E5, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #FF7F50 #CCCCCC #CCCCCC;
    border-image: none;
    border-right: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    }
    #heading3 span{border-left:5px #3cf solid;padding-left:10px;}
}



/* コンテンツ幅 */
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
  margin:0 auto;
  max-width:90%;
}

#secondary {
  /* サイドナビゲーション */
  background-color: #3C639A;
  border-top: 1px solid #FFFFFF;
}

.site {
  /* 赤 */
  background-color: #ffffff;
}

.site-header {
  /* メインナビゲーション */
  background-color: #3C639A;
}



/* 
デフォルトテンプレート
*/
article.content table tr:nth-child(even), .comment-content table tr:nth-child(even) {
  background: #fff;
}


td.ta2 {
background: #f4f4f4; 
  color: #333; 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: center;  
}

/* 
主な取引先テーブル見出し（center） 
*/
td.ta1 {
background: #f4f4f4; 
  color: #333; 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: center;  
}

/* テーブル色分け */

th { 
  background: #ff0000; 
  color:#666; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}


/* テーブル*/
.tableborder{
    border-collapse: collapse;
    border: 1px solid #cccccc;
}
.tableborder td{
  border: 1px solid #cccccc;
  padding: 4px;
}
/* ウィジットタイトル*/
.widget-title, .widgettitle {
  color: #444;
  margin:0 0 0.5em;
  background:#eee;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:5px solid #3399FF;
  border-bottom:1px solid #ccc;
  padding:.1em .4em;
  font-size: 1em;
}

/* PCB BOXテンプレート（サイドバー）*/
aside.sidebar2 {
  float:left;
  margin-top:15px;
  padding:0 2% 0 0;
  width:100%;
}
/* PCB BOXテンプレート（content右寄せ）*/
article.content2{
  width: 65%;
  float: right;
  margin-right: 1%;
  margin-bottom: 40px;
}

/* サイドメニューバー装飾用*/
.widget ul li, .footer-widget ul li {
  padding:0;
}
ul.pulldown_menu_5 {
list-style: none; /* 先頭記号を消す */
}
ul.pulldown_menu_5 li {
width: auto; /* リスト項目の幅 */
}
ul.pulldown_menu_5 ul {
display: none; /* 通常は表示しない */
list-style: none; /* 2段目の先頭記号を消す */
padding-left: 0px; /* 2段目の左位置を1段目に揃える */
}
ul.pulldown_menu_5 li:hover > ul {
display: block; /* マウスが乗ったら表示する */
}
ul.pulldown_menu_5 a {
font-size: 1em;
color: #000; /* 文字色 */
display: block; /* ブロックレベルに */
text-align: center; /* 文字を中央合わせに */
padding: 5px; /* 内部の余白 */
border: 1px #9999FF solid; /* 枠線 */
text-decoration: none; /* 下線を消す */
outline: none; /* 選択時の点線枠線を消す */
background: #fff;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:3px solid #3cf;
    padding: 5px 0 5px 10px;
    background: -moz-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#eee), color-stop(51%,#ddd), color-stop(100%,#fff)); /* webkit */
    -pie-background:linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
}
ul.pulldown_menu_5 ul a {
background: url(image/gradation_green2.jpg); /* ２段目以降の背景画像 */
}

ul.pulldown_menu_5 a:hover {/* マウスカーソルが乗っている状態 */
background: url(image/gradation_green_R.bmp); /* 通常の背景画像 */
color: blue; /* 文字色 */
}
ul.pulldown_menu_5 a:active {/* マウスがクリックされている状態 */
background: url(image/gradation_green_R.bmp); /* 通常の背景画像 */
color: red; /* 文字色 */
}