@charset "utf-8";

/* ******************************************************************************** */
/*  Ｋビジョン On The Web　air-ket/style.css                                        */
/*                                                                        17.10.27  */
/* ******************************************************************************** */

/* ================================================================================ */
/*      外部CSS読み込み設定                                                         */
/* ================================================================================ */

@import url("../common_new.css");



/* ================================================================================ */
/*      共通                                                                        */
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*      サイドメニュー                                                              */
/* -------------------------------------------------------------------------------- */

.menuinner .menu-box ul.box_list li{
	width: 198px;
	height: 41px;
	background: url(../../air-knet/img/sidemenu/bcg_list.gif) no-repeat;
}


/* -------------------------------------------------------------------------------- */
/*      ページタイトル                                                              */
/* -------------------------------------------------------------------------------- */

.pagetitle .middle{
	padding-top: 4px;
	height: 20px;
	background: url(../../air-knet/img/pagetitle/bcg_middle.gif) no-repeat 0 0;
}
.pagetitle .middle p{
	margin: 0 42px;
	padding-left: 16px;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	background: url(../../air-knet/img/pagetitle/ico.gif) no-repeat 0px 4px;
}


/* -------------------------------------------------------------------------------- */
/*      書式                                                                         */
/* -------------------------------------------------------------------------------- */

/* 段落
----------------------------------------------- */
.article{
	margin: 0 10px;
	padding-top: 16px;
}
.article .section{
	margin: 0 20px 56px 20px;
}


/* タイトル
----------------------------------------------- */
.article h2{
	margin-bottom: 20px;
}
.air-knet h3{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 5px #0066ff;
	border-bottom: solid 5px #dfdfdf;
}
.air-knet h4{
	margin-top: 32px;
}
.air-knet h3, .air-knet h4{
	text-align: center;
}


/* テーブル
----------------------------------------------- */
.article table{
	width: 100%;
	border-collapse: collapse;
}
.article table th{
	width: 30%;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border-top: solid 1px #ffffff;
	background: #0066ff;
}
.article table th.first{
	border-top: solid 1px #0066ff;
}
.article table th.last{
	border-bottom: solid 1px #0066ff;
}
.article table td{
	line-height: 1.4;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
.article table th, .article table td{
	padding: 10px;
}



/* リスト
----------------------------------------------- */
.indent li span,
.disc li span{
	color: #ff0000;
}
.disc li{
	list-style-type: disc;
}

/* --- テーブル内 --- */
table ul li{
	margin-top: 8px;
}
table ul li .indent li{
	margin-top: 0;
}



/* ================================================================================ */
/*      サービス概要                                                                */
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*      概要                                                                        */
/* -------------------------------------------------------------------------------- */

.overview{
	margin-right: 0;
	margin-left: 0;
}


/* ジャンボトロン
----------------------------------------------- */
.jumbotron{
}


/* メリット
----------------------------------------------- */
.merit{
	margin-top: 24px !important;
	margin-left: 5px !important;
	margin-right: 0px !important;
}
.merit ul li{
	float: left;
}
.merit ul li.first{
	margin-right: 3px;
}
.merit ul li.last{
	margin-top: 16px;
}

/* --- リスト --- */
.merit .indent{
	margin-left: 30px;
}
.merit .indent li{
	margin-top: 2px;
	font-size: 12px;
	float: none;
}


/* -------------------------------------------------------------------------------- */
/*      ご相談ください                                                              */
/* -------------------------------------------------------------------------------- */

.consultation{
	margin-right: 0;
	margin-left: 0;
}


/* 例
----------------------------------------------- */
.example{
	margin-top: 24px !important;
}
.example li{
	float: left;
}
.example p{
	margin-top: 24px;
	font-size: 16px;
	text-align: center;
	line-height: 1.8;
}


/* フリーコール
----------------------------------------------- */
.free-call div{
	text-align: center;
}
.free-call .indent{
	margin: 8px auto 0 auto;
	width: 620px;
}



/* ================================================================================ */
/*      サービス詳細・料金                                                          */
/* ================================================================================ */

/* サービスエリア
----------------------------------------------- */
.service-area{
	margin-right: 0;
	margin-left: 0;
}


/* 加入費用
----------------------------------------------- */
/* --- 書式 --- */
.cost table td span{
	margin-right: 10px;
	color: #f02f75;
	font-size: 14px;
	font-weight: bold;
}

/* --- リスト --- */
.cost .indent{
	margin-top: 10px;
}
.cost table .indent{
	margin-top: 0;
}
.cost table .indent span{
	margin-right: 0;
}

/* データ通信
----------------------------------------------- */
.data-communication .indent{
	margin-top: 10px;
}



/* ================================================================================ */
/*      資料請求・新規申込みフォーム                                                */
/* ================================================================================ */

/* パンくずリスト
----------------------------------------------- */
.breadcrumbs{
}
.breadcrumbs ul li{
	padding: 8px 12px;
	color: #cccccc;
	font-weight: bold;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	float: left;
}
.breadcrumbs ul li.current{
	color: #ffffff;
	background: #0066ff;
	border: solid 1px #0066ff;
}

/* -- 送信完了 -- */
.thanks .breadcrumbs ul li{
	border-right: none;
	border-left: solid 1px #cccccc;
}
.thanks .breadcrumbs ul li.current{
	border-left: solid 1px #0066ff;
}

/* テキスト
----------------------------------------------- */
.text{
	margin: 24px 10px 0 10px;

}


/* エラー
----------------------------------------------- */
.error{
	margin-top: 24px;
	padding: 13px 16px 16px 16px;
	border: solid 1px #ff0000;
}
.error ul{
	margin-left: 16px;
}
.error ul li{
	margin-top: 3px;
}


/* フォーム
----------------------------------------------- */
/* -- テーブル -- */
form table{
	margin-top: 24px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
form table th{
	text-align: left !important;
	line-height: 1.6;
	white-space: normal !important;
	border-top: none !important;
	border-bottom: solid 1px #cccccc !important;
	border-right: solid 1px #cccccc !important;
}
form table th.thead{
	color: #666666;
	background: #eeeeee;
}
form table th.normal{
	color: #666600 !important;
	background: #ffff99 !important;
}
form table th,
form table td{
	padding: 16px !important;
}
form table th span{
	margin-left: 8px;
	color: #ff0000;
	font-size: 10px;
}

/* -- リスト -- */
form table td ul li{
	margin-top: 4px !important;
}
form table td dl dt,
form table td dl dd{
	margin-top: 4px;
}
form table td.time ul li{
	margin-right: 24px;
	float: left;
}
form table td.day ul li{
	margin-right: 24px;
	float: left;
}

/* -- 入力フォーム -- */
form table td input,
form table td textarea{
	padding: 4px;
}
form table td input.input-text,
form table td textarea{
	width: 300px;
}
form table td textarea{
	height: 100px;
}

/* -- 入力フォーム：メールアドレス -- */
form #add-form{
	margin: 8px 0;
	padding: 12px 16px 16px 16px;
	background: #f1feff;
}

/* -- 注意書き -- */
form .aside{
	margin-top: 16px;
	padding: 16px 24px;
	background: #f1feff;
}
form .aside ul li{
	margin-top: 3px;
}
form table td ul li{
	margin-top: 0;
}

/* -- ボタン -- */
form .button{
	margin-top: 36px;
	text-align: center;
}


/* -------------------------------------------------------------------------------- */
/*      内容確認                                                                    */
/* -------------------------------------------------------------------------------- */

/* パンくずリスト
----------------------------------------------- */
.confirmation .breadcrumbs ul{
	border-left: solid 1px #cccccc;
}
.confirmation .breadcrumbs ul li.first{
	border-right: none;
}


/* テーブル
----------------------------------------------- */
.confirmation table{
	margin-top: 24px;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
.confirmation table th{
	color: #666600;
	line-height: 1.6;
	white-space: normal !important;
	background: #ffff99;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.confirmation table td{
	border-bottom: none;
}


/* ボタン
----------------------------------------------- */
.confirmation form .button ul{
	margin-right: auto;
	margin-left: auto;
	width: 352px;
}
.confirmation form .button ul li{
	float: left;
}
.confirmation form .button ul li.first{
	margin-right: 20px;
}