@charset "utf-8";

/* ******************************************************************************** */
/*  Ｋビジョン On The Web knet.css                                                  */
/*                                                                        17.04.04  */
/* ******************************************************************************** */

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

/* ---- 0.共通 ---- */
@import url("./common.css");



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

/* -------------------------------------------------------------------------------- */
/*      インフォメーション                                                          */
/* -------------------------------------------------------------------------------- */

.information .text01{
	border-bottom: solid 3px #cccccc;
}
.information p{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.information ul{
	margin-left: -20px;
	list-style-type: none;
}
.information ul li{
	margin-left: 20px;
	float: left;
}
.information .air-knet{
	margin-top: 10px;
	margin-bottom: 0;
}


/* ================================================================================ */
/*      4.インターネット                                                            */
/* ================================================================================ */

#knet{
	margin: 0px;
	padding: 0px;
}

/* ---- ヘッダー ---- */
#knet #knet_header{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#knet #knet_header .header-top{
	margin: 0px;
	padding: 0px;
}
#knet #knet_header .header-middle{
	margin: 0px;
	padding: 0px;
	height: 24px;
	background: url(../knet/img/common/bcg_header02.gif) no-repeat 0px 0px;
}
#knet #knet_header .header-middle .middle-inner{
	margin: 0px 0px 0px 40px;
	padding: 5px 0px 0px 15px;
	color: #777800;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/common/ico/ico_pink01.gif) no-repeat 0px 7px;
}
#knet #knet_header .header-bottom{
	margin: 0px;
	padding: 0px;
}



/* ---- コンテンツ／メイン／記事／小タイトル ---- */
#content #main .articles .title01 ul{
	margin: 0 auto;
	padding: 0;
	width: 500px;
	list-style-type: none;
}
#content #main .articles .title01 ul li{
	margin-left: 4px;
	float: left;
}
#content #main .articles .title01 ul li:first-child{
	margin-left: 0;
}
#content #main .articles .title02{
	margin: 0px 20px 10px 20px;
	padding: 0px;
	background: url(../knet/img/common/bcg_title02.gif) no-repeat left bottom;
}
#content #main .articles .title02 .inner{
	margin: 0px 5px 0px 16px;
	padding: 3px 0px;
	color: #796f00;
	line-height: 1.3;
	font-weight: bold;
}
/* ---- articles02 ---- */
#content #main .articles02 .title01{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-align: center;
}
#content #main .articles02 .text01{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	width: 500px;
}
#content #main .articles02{
	margin: 0px 0px 40px 0px;
}
#content #main .articles02 table{
	margin: 0px auto 0px auto;
	line-height: 1.4;
}
#content #main .articles02 table th{
	padding: 0px 0px 0px 0px;
}
#content #main .articles02 table td{
	padding: 4px 10px 4px 10px;
}

#content #main .articles02 ul.asterisk{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#content #main .articles02 ul.asterisk li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 13px;
	background: url(../img/common/ico/ico_asterisk.gif) no-repeat 0px 4px;
}
.cource-title01{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.cource-title02{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.cource-price{
	font-size: 16px;
	text-align: right;
}
ul.cource-list{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.cource-list li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	position: relative;
	border-bottom: dotted 2px #999999;
}
ul.cource-list strong.st01 {
	margin: -4px 0px 0px 0px;
	padding: 0px 10px 0px 13px;
	font-weight: normal;
	background: url(../img/common/ico/ico_yellow04.gif) #ffffff no-repeat 0px 5px;
	position: absolute;
	left: 0;
}
ul.cource-list strong.st02 {
	margin: -4px 0px 0px 0px;
	padding: 0px 10px 0px 13px;
	color: #ffffff;
	font-weight: normal;
	background: #ffffff;
	position: absolute;
	left: 0;
}
ul.cource-list abbr{
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	background: #ffffff;
	position: absolute;
	right: 35px;
}
ul.cource-list em {
	margin: -4px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	font-style: normal;
	background: #ffffff;
	position: absolute;
	right: 0;
}
.price-line{
	margin: 0px 0px 0px 45px;
	padding: 0px 0px 5px 0px;
	width: 220px;
	border-top: dotted 2px #999999;
}


/* clearfix */
ul.cource-list li:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
ul.cource-list li {display: inline-block;}
/* Hides from IE-mac \*/
* html ul.cource-list li {height: 1%;}
ul.cource-list li {display: block;}
/* End hide from IE-mac */



/* -------------------------------------------------------------------------------- */
/*      工事説明                                                                    */
/* -------------------------------------------------------------------------------- */

.left-img{
	margin: 0px 0px 0px 30px;
	text-align:center;
	float:left;
}
.right-img{
	margin: 0px 30px 0px 0px;
	text-align:center;
	float:right;
}



/* -------------------------------------------------------------------------------- */
/*      料金案内                                                                    */
/* -------------------------------------------------------------------------------- */

/* 加入料
----------------------------------------------- */
/* --- テーブル --- */
#knet table.table01-01{
	margin: 0px auto 0px auto !important;
	padding: 0px;
	width: 300px;
}
#knet table.table01-01 th{
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	background: #e665a5;
}
#knet table.table01-01 td{
	text-align: center;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}


/* オプション
----------------------------------------------- */
/* --- テーブル --- */
#knet table.table01-04{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#knet table.table01-04 th.th00{
	margin: 0px;
	padding: 3px 0px 0px 0px !important;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	background: none;
}
#knet table.table01-04 th.th01-01{
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	background: #e665a5;
	border-right: solid 1px #ffffff;
}
#knet table.table01-04 th.th01-02{
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	background: #e665a5;
}
#knet table.table01-04 th.th02-01{
	color: #646363;
	font-weight: bold;
	text-align: center;
	background: #d4d4d4;
	border-bottom: solid 1px #ffffff;
}
#knet table.table01-04 th.th02-02{
	color: #646363;
	font-weight: bold;
	text-align: center;
	background: #d4d4d4;
}
#knet table.table01-04 td.td01-01{
	text-align: center;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	white-space: nowrap;
}
#knet table.table01-04 td.td01-02{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#knet table.table01-04 td.td01-03{
	text-align: center;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#knet table.table01-04 td.td01-04{
	text-align: center;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#knet table.table01-04 td.td01-05{
	text-align: center;
	border-top: solid 1px #cccccc;
	border-left:  solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#knet table.table01-04 td.td01-06{
	text-align: left;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}


/* 追加工事費
----------------------------------------------- */
/* --- テーブル --- */
#knet table.table01-05{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#knet table.table01-05 th.th00{
	margin: 0px;
	padding: 3px 0px 0px 0px !important;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}
#knet table.table01-05 th.th01{
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	background: #e665a5;
	border-bottom: solid 1px #ffffff;
}
#knet table.table01-05 th.th02{
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	background: #e665a5;
}
#knet table.table01-05 td.td01-01{
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#knet table.table01-05 td.td01-02{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#knet table.table01-05 td.td02-01{
	text-align: center;
	white-space: nowrap;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#knet table.table01-05 td.td02-02{
	text-align: center;
	white-space: nowrap;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#knet .asterisk{
	margin: 5px 0px 0px 0px !important;
}



/* -------------------------------------------------------------------------------- */
/*      ご利用のガイドライン                                                        */
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/*      各種手続き                                                                  */
/* -------------------------------------------------------------------------------- */

/* ---- テーブル ---- */
table.table06-01{
	margin: 0px 0px 20px 0px !important;
	padding: 0px;
}
table.table06-01 th{
	color: #796f00;
	text-align: center;
	white-space: nowrap;
	background: #feff9d;
	border: solid 1px #cccccc;
}
table.table06-01 td.td01{
	padding: 4px 10px 14px 10px !important;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: dashed 1px #cccccc;
}
table.table06-01 td.td02{
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}



/* -------------------------------------------------------------------------------- */
/*      サービス概要の紹介                                                          */
/* -------------------------------------------------------------------------------- */

#service{
}
#service .article{
	margin: 0px 15px;
	padding: 0;
}
#service .article .left{
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;
}
#service .article .right{
	margin: 0;
	padding: 0;
	width: 240px;
	text-align: left;
	float: right;
}

/* タイトル
----------------------------------------------- */
#service h3{
	margin: 0px 0px 20px 0px;
	padding: 5px;
	color: #ffffff;
	background: #e665a5;
}
#service h4{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: url(../knet/img/common/bcg_title02.gif) no-repeat left bottom;
}
#service h4 span{
	margin: 0px 5px 0px 16px;
	padding: 1px 0px 2px 0px;
	color: #796f00;
	line-height: 1.3;
	font-weight: bold;
}
#service p{
	margin: 0em 1em 0.2em 1em;
}

/* リスト
----------------------------------------------- */
#service ul.level01{
	margin: 0em 0.5em 2em 0.5em;
	padding: 0;
	list-style-type: none;
}
#service ul.level01 li{
	padding: 0.2em 0em 0.2em 1.2em;
	background: url(../img/common/ico/ico_yellow04.gif) no-repeat 0em 0.5em;
	border-bottom: dashed 1px #cccccc;
}

#service ul.level02{
	margin: 0em 1em 2em 1em;
	padding: 0;
	list-style-type: none;
}
#service ul.level02 li{
	padding: 0.2em 0em 0.2em 1.2em;
	background: url(../img/common/ico/ico_yellow04.gif) no-repeat 0em 0.5em;
	border-bottom: dashed 1px #cccccc;
}


/* 迷惑メール対策機能のご案内
----------------------------------------------- */
.antispam .text01 p{
	margin-bottom: 0em;
}
.antispam .text02 ul.list{
	margin-bottom: 1.5em !important;
}

/* ウイルスメールって？
----------------------------------------------- */
.virusscan dl{
	line-height: 1.4;
}
.virusscan dl dt{
	padding: 0.2em 0em 0.2em 1.2em;
	background: url(../img/common/ico/ico_yellow04.gif) no-repeat 0em 0.5em;
}
.virusscan dl dd{
	margin: 0.2em 0em 1.5em 1.2em;
}
.virusscan dl dd img{
	padding: 0px 0px 8px 5px;
	float: right;
}

/* メールウイルススキャンの概要
----------------------------------------------- */
.function ol{
	margin: 0px 0px 3px 45px !important;
	padding: 0px;
	list-style-type: decimal;
}
.function ol li.last{
	margin: 0px 0px 13px 0px !important;
	padding: 0px;
}
.function .sample_msg{
	margin: 5px 0px;
	line-height: 1.4;
	border: 3px double #999999;
}

/* ホームページサービス
----------------------------------------------- */
.homepage .textlow_3em{
	text-indent: -3.8em;
	padding: 0em 0em 0em 3.8em;
}
.homepage .bluebox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #0066cc;
}
.homepage .graybox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #cccccc;
}
.homepage ul.description{
	list-style-type: none;
	margin: 0px 10px 18px;
	padding: 0px;
}
.homepage ul.description li{
	margin: 0px 0px 10px;
	padding: 0px;
}

/* CGI：カウンタ
----------------------------------------------- */
.cgicount .bluebox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #0066cc;
}
.cgicount .graybox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #cccccc;
}

/* --- テーブル --- */
.cgicount table{
	margin: 0px 0px;
	padding: 0px;
	border-collapse: collapse;
}
.cgicount table th, td{
	margin: 0;
	padding: 0;
}

/* --- テーブル／タイトル／ピンク --- */
.cgicount table th.th01{
	color: #ffffff;
	text-align: center;
	background: #e665a5;
	border-right: 1px solid #ffffff;
}
.cgicount table th.th01_last{
	color: #ffffff;
	text-align: center;
	background: #e665a5;
	border-right: 1px solid #e665a5;
}

/* --- テーブル／タイトル／グレー --- */
.cgicount table th.th02{
	color: #646363;
	font-weight: bold;
	text-align: center;
	background: #d4d4d4;
	border-right: solid 1px #d4d4d4;
}

/* --- テーブル／セル／下線なし --- */
.cgicount table td.td01{
	border-left: solid 1px #cccccc;
}
.cgicount table td.td01_last{
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

/* --- テーブル／セル／下線あり --- */
.cgicount table td.td02{
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
.cgicount table td.td02_last{
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

/* CGI：メール送信フォーム
----------------------------------------------- */
.cgimail .bluebox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #0066cc;
}
.cgimail .graybox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #cccccc;
}

/* --- リスト --- */
.cgimail ol{
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.cgimail ol li{
	margin-bottom: 0.5em;
}

/* CGI：ゲストブック
----------------------------------------------- */
.cgiguest .bluebox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #0066cc;
}
.cgiguest .graybox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #cccccc;
}
.cgiguest .yellowbox{
	margin: 5px;
	padding: 5px 8px;
	line-height: 1.4;
	border: 2px solid #ffcc00;
}

/* --- リスト --- */
.cgiguest ol{
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.cgiguest ol li{
	margin-bottom: 0.5em;
}



/* -------------------------------------------------------------------------------- */
/*      4-12.こんな勧誘（電話・訪問）にご注意を!!                                   */
/* -------------------------------------------------------------------------------- */

.alert{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 1.4;
	text-align:left;
}
.alert img{
	margin: 5px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 154px;
}
.alert .text{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	text-align:left;
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
	color: #fc4107;
	background-color: #fff8dc;
	width: 315px;
}


/* -------------------------------------------------------------------------------- */
/*      100メガサービス                                                             */
/* -------------------------------------------------------------------------------- */

#hundred-mb{
}


/* テーブル
----------------------------------------------- */
#hundred-mb h4{
	margin-bottom: 10px;
}
#hundred-mb table.table01{
	border-collapse: collapse;
}
#hundred-mb table.table01 th{
	white-space: nowrap;
}
#hundred-mb table.table01 td{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

/* --- TH／ピンク --- */
#hundred-mb table.table01 th.pink{
	color: #ffffff;
	background: #e665a5;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}
#hundred-mb table.table01 th.pink_last{
	color: #ffffff;
	border-right: solid 1px #ffffff;
	background: #e665a5;
}

/* --- TH／イエロー --- */
#hundred-mb table.table01 th.yellow{
	color: #ff0000;
	background: #ffff99;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #ffffff;
}

/* --- TH／グレー --- */
#hundred-mb table.table01 th.gray{
	color: #646363;
	background: #d4d4d4;
	border-right: solid 1px #ffffff;
}
#hundred-mb table.table01 th.gray_last{
	color: #646363;
	background: #d4d4d4;
}

/* --- TD／イエロー --- */
#hundred-mb table.table01 td.yellow{
	color: #ff0000;
	text-align: center;
	background: #ffff99;
}

/* --- 付記 --- */
#hundred-mb table.table01 th.note{
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}


/* 注意書き
----------------------------------------------- */
#hundred-mb .attention{
	margin: 10px;
	color: #ff0000;
	font-size: 16px;
	text-align: center;
	border: solid 1px #ff0000;
}
#hundred-mb .attention h3{
	margin: 10px 10px 0px 10px !important;
}
#hundred-mb .attention p{
	margin: 5px 10px 10px 10px !important;
}


/* -------------------------------------------------------------------------------- */
/*      選べる3コース                                                               */
/* -------------------------------------------------------------------------------- */

#wifi .nowrap{
	white-space: nowrap;
}