@charset "utf-8";
/*
Theme Name: BizVektor
Theme URI: http://bizvektor.com
Description: BizVektor（ビズベクトル）テーマは管理画面からの設定のみで高品質なビジネスサイトを構築する事が出来ます。
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp/
Version: 0.6.2.2
License: GNU General Public License
License URI: license.txt
Tags: white,red,blue,black,green,orange
*/

.sticky {}
.bypostauthor {}


/*------------------------------------------------------------------
ここから追加分のスタイル記述：　他の場所への記述が良い場合は移動します
最終更新日　2012/8/13
--------------------------------------------------------------------*/

body {
color: #555;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","Verdana",sans-serif;
etter-spacing: 0.07em;
}

#header{
background:#FFF;
}

#site-description{
padding:3px 0;
text-align:center;
}
#site-title {
width:100%;
}

#site-title a{
margin:0 auto;
text-indent:-9999px;
display:block;
width:160px;
height:103px;
overflow:hidden;
background:url(../../../img/logo.png)  no-repeat;
}

#content .entry-content.post-content h2.title01,#content h2.title01{
	border-top:none !important;
	border-left:2px solid #007000 !important;
	margin-bottom:1.3em !important;
}

/* 文字揃え */

.txtR{
text-align:right;
}

.txtC{
text-align:center;
}

/* 検索ボタンの色 */

#searchform input[type=submit]
{ background-color:#007000 !important;color:#f5f5f5; }



/* 外部サイトキャプチャ画像 */
.browsershot img{
border:1px solid #CCCCCC;
-webkit-box-shadow: 2px 2px 2px 0px #cccccc;
box-shadow: 2px 2px 2px 0px #cccccc; 
}

.browsershot img:hover{
border:1px solid #007000;
}

/*　リスト　*/

#main .list_d li{
list-style:disc;
}

#main .list_c li{
list-style:circle;
}

#main .list_a li{
list-style:lower-alpha;
}

/* リンク */

.r_link{
overflow:hidden;
}

.r_link a{
display:block;
float:right;
background:  url("images/icon_arrow2_red.gif") no-repeat scroll left 7px transparent;
color:#666666;
overflow: hidden;
padding-left:10px;
text-decoration: none;
font-size:12px;
}

.r_link a:hover{
text-decoration:underline;
color:#CC0000;
}

.l_link{
overflow:hidden;
}

.l_link a{
margin-top:5px;
display:block;
background:  url("images/icon_arrow2_red.gif") no-repeat scroll left 7px transparent;
overflow: hidden;
padding-left:10px;
text-decoration: underline;
font-size:13px;
}

.l_link a:hover{
text-decoration:underline;
color:#CC0000;
}

.out{
background:url("../../../img/icon_newwindow.gif") no-repeat right 12px;
}

.newwindow a{
display:inline-block;
padding-right:18px;
background:url("../../../img/icon_newwindow.gif") no-repeat right 3px;

}

.r_link.out a{
padding-right:15px;
} 

/* サイド運営サービス */

.side_appeal{
text-align:center;
font-size:12px;
background:#7DD07D;
margin:10px 0;
padding:5px 0;
color:#FFF;
position: relative;
background: #7DD07D;
}

.side_appeal:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(125, 208, 125, 0);
border-top-color: #7DD07D;
border-width: 5px;
margin-left: -5px;
}

#sideTower ul.side_service li{
list-style:none;
border-bottom:1px dotted #CCC;
background:none;
text-align:center;
}

#sideTower ul.side_service li a{
padding:13px 0;
background:none;
display:block;
}

#sideTower ul.side_service li img{
margin-top:7px;
}

#sideTower ul.side_service li:first-child img{
margin-top:11px;
}

/* サイドバナー */

#sideTower ul.bn li{
list-style:none;
margin-bottom:10px;
padding:0;
border:none;
}

#sideTower ul.bn li a{
display:inline;
padding:0;
}

.textwidget{
text-align:center;
}

#fb-like-box{
text-align:center;
}

/* サイドセキュリティー */

#sideTower ul#security{
margin-top:1.5em;
/*margin-bottom:10px;*/
padding:0;
text-align:center;
}

#sideTower ul#security li{
list-style:none;
margin:0 0 10px 0;
padding:0;
/*display:inline-block; */
border:none;
text-align:center;
}

#sideTower ul#security li a{
display:inline;
padding:0;
}

#sideTower ul#security img{
background:#F9F9F9;
}

#sideTower p#truste{
text-align:center;
}

/* FOOTER */
#footerOutline{
max-width:180px !important;
}

/*　TOPPAGE　*/
#mediaBox{
background: url("images/bg_slash.gif") repeat scroll left top transparent;
border: 1px solid #CCCCCC;
margin: 0 0 30px 0;
padding: 5px;
width: 98%;
}
#mediaBoxInner{
padding:15px;
overflow:hidden;
background-color: #FFFFFF;
border: 1px solid #E5E5E5;
}
#mediaBoxInner h2{
margin-bottom:15px;
padding: 2px 0 0 15px;
background:none;
border:none;
border-left: 3px solid #666666;
border-left-color: #007000;
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#ffffff)";
}
#mediaBoxInner strong{
margin-bottom:10px;
display:inline-block;
font-size:16px;
color:#007700;
line-height:1.4;
}
#mediaBoxInner img{
margin-bottom:10px;
}
#mediaBoxInner p{
margin:0 0 10px 0;
line-height:1.5;
}
#mediaBoxInner a{
display:inline-block;
float:right;
background:#007700;
}
#mediaBoxInner a:hover{
background:#00CC00;
}
#mediaBoxInner a img{
margin:0;
width:100%;
height:auto;
border:none;
}

/* COMBZISM */
#ismbox{
margin:0;
padding:0;
}

#ismbox a{
text-decoration:none;
}

dl.ism01,
#ism div{
border-radius:5px; box-shadow:inset 1px 1px 0px rgba(255,255,255,1.0);
 border:1px solid #ccc;
-moz-box-shadow:inset 0 1px 0 #fff;
-webkit-box-shadow:inset 0 1px 0 #fff;
box-shadow:inset 0 1px 0 #fff;
background: #e8f9e9; /* Old browsers */
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8F9E9), to(#fff));
background: -moz-linear-gradient(#E8F9E9, #fff);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#E8F9E9, EndColorStr=#ffffff)";
/*
-pie-background: linear-gradient(#e5e5e5, #fff);
behavior: url(/wp-content/themes/biz-vektor/PIE.htc);
*/
}

dl.ism01{
clear:both;
overflow:hidden;
padding:0.6em 0;
margin-bottom:1em;
}

#main .ism01 dt{
float:left;
color:#333333;
margin:0;
padding:1em 0 1em 1em;
text-decoration:none;
}

#main .ism01 dt strong{
color:#007000;
}

#main .ism01 dd{
float:left;
margin:0;
padding:1em 1em 1em 1.5em ;
border-left:1px dotted #CCCCCC;
display:block;
}

#main a .ism01 dd{
color:#666666;
text-decoration:none !important;
}

#ism div {
padding:0 2em 1.5em 2em;
margin-bottom:2em;
}

#ism div.action{
background: #e8f9e9; /* Old browsers */
background: -moz-linear-gradient(top,  #e8f9e9 0%, #ffffff 15%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f9e9), color-stop(15%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8f9e9 0%,#ffffff 15%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8f9e9 0%,#ffffff 15%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8f9e9 0%,#ffffff 15%); /* IE10+ */
background: linear-gradient(to bottom,  #e8f9e9 0%,#ffffff 15%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#ism div h3 {
font-size:1.3em;
color:#666666;
border-left:none;
padding-left:0;
}

#ism div h3 strong{
font-size:1.4em;
color:#007000;
font-family:Arial, Helvetica, sans-serif;
padding-right:0.3em;
border-right:1px dotted #999999;
margin-right:0.3em;
}

#ism div h4{
margin-bottom:1em;
color:#333333;
}

#ism div p{
font-weight:bold;
letter-spacing:0.05em;
color:#333333;
margin-bottom:0.5em;
font-size:1.2em;
}

#ism div p.en{
font-weight:normal;
color:#666666;
font-size:1em;
line-height:1;
letter-spacing:0.05em;
}

#ism div dl{
margin-left:1em;
margin-right:1em;
}

#ism div dt{
margin-bottom: 3px;
color:#007000;
font-size:1em;
}

#ism div dd {
margin-bottom: 20px;
}

/* SUPPORT */

.support div{
clear:both;
margin-bottom:3em;
}

#main.support div .info{
margin-bottom:0;
}

#main.support div .info h3{
margin-top:0.5em;
}

/* COMMUNICATION */

#main .communication{
margin:0 5px;
padding-top:1.5em;
border-top:dotted 1px #CCCCCC;
}

#main .communication li{
margin-bottom:1.5em;
padding-bottom:1.5em;
list-style:none;
overflow:hidden;
border-bottom:dotted 1px #CCCCCC;
clear:both;
}

.communication img{
display:block;
border:1px solid #CCCCCC;
-webkit-box-shadow: 2px 2px 2px 0px #cccccc;
box-shadow: 2px 2px 2px 0px #cccccc; 
}

.communication div{
margin-bottom:0;
}

#main .communication h3{
margin:2px 0 1em 0;
}

#main .communication p{
margin-bottom:0;
}



/* SERVICE */

.service dl.s_box{
padding-top:1em;
text-align:left;
}

.service .s_box dt{
font-size:1.2em;
}

.service div.browsershot{
margin-bottom:3em;
}

.service h3{
clear:both;
}

.service h3 a{
color:#333;
text-decoration:none;
}

.service h3 a:hover{
color:#cc0000;
text-decoration:underline;
}

/* WISH MESSAGE */

.wish div,
.message div{
margin-bottom:30px;
}


/* DISCUSSION */

#content div.discussion{
padding-bottom:40px;
}

#content .discussion h3{
margin:50px 0 20px 0;
}

#content .discussion h4{
margin:25px 0 20px 0;
}

.discussion span{
font-weight:bold;
font-size:15px;
color:#777;
}
.discussion small{
font-size:12px;
line-height:1;
}

.about_reco dt{
text-align:center;
}

.about_reco dt img{
width:300px;
}

.discussion .about_reco dt img{
padding-bottom:10px;
}

.discussion .about_reco dt span{
background:#333;
color:#FFF;
font-size:12px;
font-weight:normal;
padding:3px 10px;
box-sizing:border-box;
width:300px;
}

#content .about_reco dd{
font-size:13px;
margin-bottom:20px;
}

#content div.reco{
text-align:center;
width:340px;
margin:0 auto auto;
}

#content div.reco p{
text-align:center;
background:#FFCC00;
margin:10px 0;
padding:5px 0;
color:#FFF;
font-weight:bold;
position: relative;
background: #FFCC00;
}

#content div.reco p:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(125, 208, 125, 0);
border-top-color: #FFCC00;
border-width: 5px;
margin-left: -5px;
}

#content div.reco span{
font-size:13px;
}

#content div.reco .c_link{
display:inline-block;
margin-top:15px;
}

#content div.reco .c_link{
background:url("../../../img/icon_newwindow.gif") no-repeat right 8px;
padding-right:20px;
}

#content div.reco .c_link a{
background:url("images/icon_arrow2_red.gif") no-repeat scroll left 7px transparent;
padding-left:10px;
color:#555;
text-decolation:none;
}

/**/

.logo img{
background:#FFFFFF;
padding:10px 5px;
float:left;
border-right:15px solid #F5F5F5;
}

/* POLICY */

.policy .contactBox {
margin-bottom:20px;
padding:10px;
background:#F2F2F2;
border:1px solid #E1E1E1;}

#main.policy .contactBox p{
margin-bottom:10px;
}

.policy .contactBox div{
background:#FFFFFF;
padding:10px;
}

.policy .contactBox div img{
vertical-align:text-top;
}

.policy > * > li {
margin-bottom: 20px !important;
}

/* SITEMAP */

#main .map{
padding:0;
margin:0;
width:100%;
overflow:hidden;
}

#main .map li{
list-style:none;
}

#main .map li li{
width:100%;
padding-left:20px;
min-height:1em;
border:none;
background:url(../../../img/icon_03.png) left no-repeat;
}

/*MEDIA*/

.date{
font-size:small;
line-height:1.8;
}

#topMedia{
margin-bottom:10px;
}

#content #topMedia h2{
margin-bottom:5px;
}

#content #topMedia ul{
margin-top:0;
}

/* プラスアルファのグレーのボックス */

#main .subbox{
clear:both;
margin-top:3em;
padding:0 1.5em 0 1.5em;
border:7px solid #DDDDDD;
background:#FFFFFF;
}

#main .subbox h4{
padding-top:0;
margin:1.5em 0 0 0;
font-size:1em;
letter-spacing:0.1em;
}

#main .subbox ul{
margin:1.5em 0 0 0;
padding:0;
}

#main .subbox li{
clear:both;
margin:0 0 1.5em 0;
list-style:none;
overflow:hidden;
}

#main .subbox p{
margin:0;
padding:0;
}

#main .subbox p img{
border:1px solid #DDDDDD;
}

#main .subbox dt{
margin-bottom:0.3em;
margin-top:0.7em;
padding-top:0;
padding-left:15px;
color:#333333;
font-size:1em;
background:url(../../../img/icon_g.gif) left 3px no-repeat;
}

#main .subbox dd{
margin:0;
font-size:90%;
}

#content .infoList .rssBtn a{
padding-left:15px;
font-size:13px;
color:#555555;
background:url(../../../img/icon_rss.gif) left 1px no-repeat;
}


@media (min-width: 320px) {/*----------*/

.ism01 dt{
width:90%;
}

.service .s_box dd a{
margin-top:0.5em;
}

.service .browsershot{
width:100%;
text-align:center;
}

.communication div{
margin-bottom:10px;
}

.discussion_box div.img img.L
.discussion_box div.img img.R{
padding-bottom:5px;
margin:bottom:10px;
text-arign:center;
}

}/*----------*/

@media (min-width: 480px) {/*----------*/

#main .subbox p{
float:left;
}

#main .subbox dl{
padding-left:11em;
}

.support div .info{
width:65%;
float:right;
clear:none;
}

#main.support div .info h3{
margin-top:0.5em;
}

.support .browsershot{
width:32%;
float:left;
clear:none;
}

.service dl.s_box{
width:58%;
float:right;
}

.service div.browsershot{
width:38%;
text-align:left;
}

#main .map li{
width:50%;
float:left;
min-height:220px;
}

.discussion_box div.img img.L
.discussion_box div.img img.R{
padding-bottom:5px;
margin:bottom:10px;
text-arign:center;
}

}/*----------*/


@media (min-width: 768px) {/*----------*/

.ism01 dt{
width:11.5em;
}

#main .subbox dl{
padding-left:12em
}

.support div .info{
width:75%;
float:right;
clear:none;
}

#main.support div .info h3{
margin-top:0.5em;
}

.support .browsershot{
width:20%;
float:left;
clear:none;
}

.service dl.s_box{
width:64%;
}

.service div.browsershot{
width:32%;
}

#main .map li{
width:33%;
}

.communication img{
float:left;
width:160px;
}

.communication div{
float:right;
width:75%;
padding-left:5px;
}

.discussion_box{
display:table;
width:100%;
}

.discussion_box div.comment{
display:table-cell;
width:70%;
vertical-align:top;
}

.discussion_box div.img{
display:table-cell;
vertical-align:top;
font-size:12px;
}
.discussion_box div.img img{
padding-bottom:5px;
}

.discussion_box div.img_R{
text-align:right;
padding-right:5px;
}

.discussion_box div.img_L{
text-align:left;
padding-left:5px;
}

}/*----------*/

@media (min-width: 970px) {/*----------*/

.textwidget{
text-align:left;
}

#fb-like-box{
text-align:left;
}

.support div .info{
width:65%;
float:right;
clear:none;
}

#main.support div .info h3{
margin-top:0.5em;
}

.support .browsershot{
width:32%;
float:left;
clear:none;
}

.service dl.s_box{
width:58%;
}

.service div.browsershot{
width:38%;
}

#footerSiteMap{
width:80%;
}

.communication img{
float:left;
width:160px;
}
.communication div{
float:right;
width:440px;
}

.discussion_box{
display:table;
width:100%;
}

.discussion_box div.comment{
display:table-cell;
width:400px;
vertical-align:top;
}

.discussion_box div.img{
display:table-cell;
vertical-align:top;
font-size:12px;
}

.discussion_box div.img img{
padding-bottom:5px;
}

.discussion_box div.img_R{
text-align:right;
padding-right:5px;
}

.discussion_box div.img_L{
text-align:left;
padding-left:5px;
}

}/*----------*/

/*-- 英語サイトへのリンク --*/

#sideTower .selectLanguage,
#footerOutline .selectLanguage{
text-align:center;
}

#sideTower .selectLanguage a,
#footerOutline .selectLanguage a{
padding:2px 0;
border-radius:3px;
display:block;
font-size:12px;
text-align:center;
text-decoration:none;    
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

#sideTower .selectLanguage a span,
#footerOutline .selectLanguage a span{
padding:0 10px 0 20px;
display:inline-block;
}


#sideTower .selectLanguage{
margin-top:20px;
}

#sideTower .selectLanguage a{
margin:0 auto;
width:136px;
color:#FFF;
background:#007000;
}

#sideTower .selectLanguage a:hover{
background-color:#cc0000;
}

#sideTower .selectLanguage a span{
background:url(images/icon_arrow2_white.gif) no-repeat 10px center;
}

#footerOutline .selectLanguage{
width:10.5em;
}

#footerOutline .selectLanguage a{
border:1px solid #808080;
color:#808080;
}

#footerOutline .selectLanguage a:hover{
border:1px solid #CC0000;
color:#CC0000;
}

#footerOutline .selectLanguage a span{
background:url(images/icon_arrow2_gray.gif) no-repeat 10px center;
}

#footerOutline .selectLanguage a:hover span{
background-image:url(images/icon_arrow2_red.gif);
}


#header #headerInner{
    position:relative;
}

#headerInner .selectLanguage a{
    padding:2px 10px 2px 38px;
    border:1px solid #ECECEC;
    border-radius:3px;
    position:absolute;
    top:5px;
    right:0;
    font-size:12px;
    background:#ECECEC url(../../../img/icon_english.png) no-repeat 5px center;
    text-decoration:none;
    display:inline-block;
	letter-spacing: 0.08em;
}

#footerOutline .selectLanguage a span{
	padding:0 5px 0 28px;
	display:inline-block;
	letter-spacing: 0.08em;
}

#footerOutline .selectLanguage a span{
	background:url(../../../img/icon_english.png) no-repeat 0px center;
}

#footerOutline .selectLanguage a:hover span{
	background-image:url(../../../img/icon_english.png);
}