@charset "utf-8";
/*
Theme Name: My Theme
Author: Cyber Intelligence
Author URI: http://cyber-intelligence.jp/
Description: カスタムテーマです。
Version: 1.0
*/

@import url("reset.css");
@import url("style-base.css?date=20160314");
@import url("contents.css");

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部　＞　Google reCAPTCHAバッチ非表示に（2022-02-24）mf
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.grecaptcha-badge {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー固定時のバグ修正(2018-06-01)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tg[style*="fixed"] {
    width: 265px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
記事領域
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#gNaviArea li {
    position:relative;
}
#gNaviArea li ul {
    display:none;
    position:absolute;
    top:54px;
    left:0;
    z-index:1;
}
#gNaviArea li ul li {
    float:none;
}
#gNaviArea li ul a {
    height:32px;
    line-height:3.0;
    padding:0 10px;
    background:#b40000;
    font-size:12px;
    font-family:"メイリオ";
    white-space: nowrap;
min-width: 144px;
}
#gNaviArea li ul li a,
#gNaviArea li ul li a:visited {
    color:#ffffff;
}
#gNaviArea ul .menu2 ul a {
    width:166px;
}
#gNaviArea ul .menu3 ul a {
    width:240px;
}
#gNaviArea ul .menu4 ul a {
    width:167px;
}
#gNaviArea ul .menu5 ul a {
    width:168px;
}
#gNaviArea ul .menu6 ul a {
    width:168px;
}


/* ■■■■■ メインエリア ■■■■■ */

.home .articleBody img {
    margin: 0;
}

/* TOP クライアント成功事例インタビュー */
.clientArea {
    margin-right:-24px;
    overflow:hidden;
}
.client_box {
    border:solid 1px #999;
    width:208px;
    margin-right:24px;
    float:left;
}
.client_box p {
    padding:5px;
}

.client_name {
    text-align: center;
    font-size: 14px;
}
.client_txt {
    line-height: 1.4;
    font-size: 12px;
}
.client_link {
    text-align: right;
    font-size: 12px;
}

.articleBody {
    overflow:hidden;
    margin: 0 0 30px;
}

/* お客様の声 */

.post-type-archive-voice .articleBody img {
    margin: 0;
}
.v_right {
    float:right;
    width:365px;
}
.v_item {
    border-bottom:solid 1px #b40000;
    font-size:16px;
    font-family:"メイリオ";
    padding:8px;
}
.v_msg {
    font-size:15px;
    font-family:"メイリオ";
    padding:8px;
}
.v_txt {
    font-size:13px;
    font-family:"メイリオ";
    padding:0 8px;
}
.sBody {
    margin-top:30px;
    clear:both;
}

.blog_all li {
    overflow:hidden;
    border-bottom:dotted 1px #ccc;
}

.a_left {
    padding:12px;
    float:left;
}
.a_right {
    width:560px;
    padding-top:12px;
    padding-right:10px;
    line-height:1.7;
    float:right;
}
.a_right a {
    color:#0148a7;
}

/* よくある質問 */

.faq {
margin: 0px;
padding: 6px 0px 5px;
height: auto;
background: url(../images/faq_un.gif) no-repeat left bottom;
border-bottom: 1px solid #999;
}

.faq_title {
/*background: url(http://cyber.sub.jp/leaders-support/wp-content/uploads/2013/09/faq-q.gif) no-repeat left bottom;*/
padding-left: 40px;
padding-top: 5px;
font-weight: bold;
}

.faq_text {
/*background: url(http://cyber.sub.jp/leaders-support/wp-content/uploads/2013/09/faq-a.gif) no-repeat -2px top;*/
padding-left: 40px;
margin-top: 15px;
min-height: 30px;
}
.qaArea {
    overflow:hidden;
}
.q_left {
    float:left;
    width:50%;
}
.q_right {
    float:right;
    width:50%;
}

.qaContent {
    margin-top: 15px;
    position: relative;
    min-height: 240px;
}
.qaArea span {
    background:#3B7ED8;
    padding:3px;
    margin-right:10px;
    color:#ffffff;
    font-weight:bold;
    font-family:"メイリオ";
}

.qaArea li {
    margin-top:5px;
    font-size: 14px;
}
.q_bg {
    background: url(images/qaa_bg.jpg) repeat;
}

.question {
    background:url("images/q.png") no-repeat;
    min-height: 70px;
    margin-top:20px;
    padding-left:80px;
    line-height:3!important;
    font-size:24px!important;
    font-family:"メイリオ";
}
.answer {
    background:url("images/a.jpg") no-repeat;
    min-height: 56px;
    margin-top: 25px;
    padding: 20px 0 30px 80px;
    font-family:"メイリオ";
}

.pager{
	margin-top: 20px;
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}




.sTxt {
    margin: 25px 0;
    line-height: 1.8;
    font-size: 16px;
}

.combox {
	overflow:hidden;
}
.wpcom {
	width:330px;
	margin-right:20px;
}

.wpcom p {
	margin-bottom:10px;
}
.w_comment,
.f_comment {
    width: 330px;
    background:#a80001;
    color:#ffffff;
    font-family: "メイリオ";
    text-align: center;
    padding: 10px 0;
    margin-bottom:10px;
}
#commentform p input {
    width:330px;
}
#commentform p textarea {
    width:330px;
}
.single-post #reply-title {
	display:none;
}


#subArea {
	position:relative;
}

.singlefont {
	font-size:14px;
}

/*************
/* お問い合わせフォーム
*************/

table.table-01 {
	width: 100%;
	border: 1px solid #D7D7D7;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 20px;
}

table.table-01 th {
	/*width: 180px;*/
	font-weight: normal;
	line-height: 120%;
	text-align: center;
	background-color: #EFEFEF;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	border-left-color: #D7D7D7;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
table.table-01 td {
	text-align: left;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	border-left-color: #D7D7D7;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height:1.8;
}


.blue {
font-weight: bold;
color: #D50000;
}

span.wpcf7-list-item {
display: block;
}

.newrelease a {text-decoration: underline;}
.newrelease a:hover {text-decoration: none;}

.newrelease div {
margin-left: 5px;
}

#newrelease p {
margin-left: 5px;
padding-left: 5px;
}


/*************
/* ボックス
*************/
.box1 {
	padding: 15px;
	border: 5px solid #B40000;
}

.box2 {
	padding: 15px;
	border: 5px solid #000000;
}
.box3 {
	padding: 15px;
	border: 3px solid #377ED8;
	background:#EFF8FF;/* ここに背景色を指定します。 */
}


/*************
/* ナビのプルダウン横幅調整
*************/
#gNaviArea li.menu2 ul a {
    width: 180px;
}

#gNaviArea li.menu3 ul a {
    width: 200px;
}

#gNaviArea li.menu4 ul a {
    width: 200px;
}

#gNaviArea li.menu5 ul a {
    width: 200px;
}

#gNaviArea li.menu6 ul a {
    width: 170px;
}