@charset "utf-8";
/* CSS Document */

/*
ヘッダー、グローバルナビはcommon.cssに記載
コンテンツエリア、メインコンテンツエリア、サブコンテンツ等の構造枠はcntsCommon.cssに記載
*/


/*　メインコンテンツ
----------------------------------------------- */
/*　トップビュー　*/
#telsTopView {
	width: 720px;
	margin: 0 0 42px 0;
}

div#mCnts h3.telsTopTtl {
	width: 720px;
	font-size: 189%;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.2em;
	color: #003366;
	margin: 0 0 20px 0;
	padding: 0;
}

p.telsTopNote {
	width: 720px;
	font-size: 93%;
	line-height: 1.8;
	text-align: left;
	margin: 0 0 45px 0;
	padding: 0;
}

p.telsTopNote span {
	color: #ff0000;
}

/*　各見出し　*/
h4.chapMerit {
	width: 720px;
	font-size: 0;
	margin: 0 0 14px 0;
	padding: 0;
}
h4.chapAssist {
	width: 720px;
	font-size: 0;
	margin: 0 0 18px 0;
	padding: 0;
}
h4.telPriceNote {
	width: 576px;
	height: 96px;
	margin: 0;
	padding: 68px 0 0 144px;
	font-size: 93%;
	line-height: 1.8;
	font-weight: normal;
	background: url(../img/chapServList.jpg) no-repeat 0 0;
}


/*　電話サービスを利用するメリット
----------------------------------------------------------------------*/
ul#sPoint {
	width: 720px;
	overflow: hidden;
	margin: 0 0 19px 0;
	padding: 0;
}

ul#sPoint li {
	width: 226px;
	float: left;
	background: url(../../img/office/sPointBk.jpg) no-repeat left bottom;
/*	background: url(/img/office/sPointBk.jpg) no-repeat left bottom; */
	margin: 0 18px 0 0;
}
ul#sPoint li.noMg {
	margin: 0;
}

ul#sPoint li p {
	width: 198px;
	margin: 0 auto 14px auto;
	padding: 0;
	font-size: 123.1%;
	line-height: 1.4;
	font-weight: bold;
	color: #003366;
}


/*　インスクエア電話サービスの流れ　*/
p.catch {
	width: 720px;
	font-size: 116%;
	line-height: 1.2;
	margin: 0 0 6px 0;
	padding: 0;
	letter-spacing: 0.15em;
}

div#sFlow {
	width: 720px;
	margin: 0 0 97px 0;
	padding: 0;
	background: url(../img/under.jpg) no-repeat 0 bottom;
	overflow: hidden;
}

p#sFlowCorner {
	width: 720px;
	overflow: hidden;
}

p.flowTxt {
	width: 670px;
	margin: 0 auto 20px auto;
	line-height: 1.8;
	font-size: 93%;
}

p.sFlowflowImg img {
	float: right;
	margin: 0 20px 0;
}

div#telAcs {
	clear: both;
	width: 666px;
	background-color: #ffffdd;
	border: 2px solid #cccccc;
	margin: 0 auto 27px auto;
	overflow: hidden;
}

p#telAcstelAcsImg {
	width: 150px;
	height: 114px;
	margin: 23px 16px 23px 23px;
	padding: 0;
	float: left;
}

div#telAcs p#telAcsacsTtl {
	width: 460px;
	font-size: 130%;
	line-height:1.5;
	letter-spacing:0.1;
	font-weight: bold;
	color: #003366;
	float: left;
	margin: 23px 0 5px 0;
}

p#telAcsacsTxt {
	width: 460px;
	font-size: 93%;
	float: left;
	line-height: 1.8;
	margin: 0 0 23px 0;

}


/*　テレアシスタントのこんな使い方
--------------------------------------------------------------------*/
ul#telAssist {
	width: 720px;
	overflow: hidden;
	margin: 0 0 50px 0;
}
ul#telAssist li {
	width: 720px;
	margin: 0 0 18px 0;
	background: url(../img/under.jpg) no-repeat center bottom;
	overflow: hidden;
}
.telAssist01 {
	width: 720px;
}
.telAssistChap {
	width: 674px;
	float: left;
	margin: 0 auto 10px 23px;
	font-size: 135%;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #003366;
	line-height: 1.4;
}
.telAssistNote {
	width: 674px;
	float: left;
	margin: 0 auto 23px 23px;
	font-size: 93%;
	line-height: 1.8;
}

/*電話料金サービス一覧
--------------------------------------------------------------------*/
div#chapSvsList {
	width: 720px;
	height: 164px;
	background: url(../img/svsList.jpg) no-repeat 0 0;
	margin: 0;
}

p#svsListTxt {
	width: 575px;
	font-size: 93%;
	line-height: 1.8;
	padding: 70px 0 0 145px;
}
#telPriceList {
	width: 720px;
	border-collapse: separate;
    border-spacing: 0;
	border-top: 2px solid #777;
	border-right: 2px solid #777;
	margin: 0 0 15px 0;
}
#telPriceList th {
	font-size: 93%;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	text-align: center;
	background-color: #ffffee;
	margin: 0;
	padding: 10px 2px;
	border-left: 2px solid #777 !important;
	border-bottom: 2px solid #777;
}
#telPriceList th.2nd {
	font-size: 93%;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	text-align: center;
	background-color: #ffffee;
	margin: 0;
	padding: 10px 2px;
	border-left: 2px solid #777 !important;
	border-bottom: 2px solid #777;
}
#telPriceList th.rowTxt {
	width: 3%;
	font-size: 93%;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	background-color: #ffffee;
	margin: 0;
	padding: 11px 0;
}
#telPriceList th.colSpan {
	font-size: 93%;
	font-weight: normal;
	letter-spacing: 0.2em;
	text-align: center;
	background-color: #ffffee;
	margin: 0;
	padding: 11px 0;
	border-left: 2px solid #777 !important;
}
#telPriceList th.topTh {
	width: 26%;
	margin: 0;
	padding: 13px 0;
	font-size: 100%;
	font-weight: normal;
	border-left: 2px solid #777 !important;
	border-bottom: 2px solid #777;
	background-color: #ffffee;
	vertical-align: top;
}
#telPriceList th.topTh_left {
	text-align:center;
	margin: 0;
	padding: 13px 0;
	font-size: 100%;
	font-weight: normal;
	border-left: 2px solid #777 !important;
	border-bottom: 2px solid #777;
	background-color: #ffffee;
	vertical-align: top;
}
#telPriceList td.price_last {
	background-color: #ffe577;
}
#telPriceList .btmNomal {
	border-bottom: 1px dotted #777;
}
#telPriceList td {
	width: 26%;
	font-size: 131%;
	font-weight: bold;
	color: #cc0000;
	text-align: center;
	background-color: #fff;
	margin: 0;
	padding: 11px 0;
	border-left: 2px solid #777 !important;
	border-bottom: 2px solid #777;
}
#telPriceList td span.fontSmall {
	font-size: 75%;
	letter-spacing: 0em;
}
#telPriceList td span.fontxSmall {
	font-size: 70%;
	letter-spacing: -0.1em;
}
#telPriceList td span.fontSmallNomal {
	font-size: 75%;
	letter-spacing: 0em;
}
#telPriceList td span.fontxSmallNomal {
	font-size: 70%;
	letter-spacing: -0.1em;
}
#telPriceList p.fontNomal_small {
	font-size: 75%;
	color: #000;
	font-weight: normal;
	letter-spacing: 0em;
}
#telPriceList td.fontNomal {
	font-size: 93%;
	line-height:1.4em;
	color: #000;
	font-weight: normal;
}
#telPriceList p.fontNomal_bl {
	font-size: 93%;
	color: #000;
	font-weight: normal;
	text-decoration: blink;
}

.telPriceType {
	width: 100%;
	margin: 0 auto 9px auto;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #006699;
	letter-spacing: 0.05em;
}

.telPriceTypeIcon {
	width: 100%;
	background: url(../img/telsIcon.png) no-repeat 10px 0;
	margin: 0 auto 5px auto;
	padding: 0 0 0 62px;
	font-size: 100%;
	font-weight: bold;
	color: #006699;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	/* border-bottom: 1px dotted #ccc; */
}
.telPriceCatch {
	width: 160px;
	margin: 0 auto 9px auto;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #ccc;
	text-align: center;
	font-size: 93%;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.4em;
	color: #006699;
}
.telPriceCatch_left {
	width: 90%;
	margin: 0 auto 9px auto;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 93%;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.4em;
	color: #006699;
}
.telPriceDtl {
	width: 145px;
	margin: 0 auto;
	padding: 3px 0 2px 15px;
	text-align:left;
	text-indent: -17px;
	line-height: 1.4em;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0;
	color: #000;
}
.telPriceDtl_left {
	margin: 0 auto;
	padding: 3px 0 2px;
	text-align:center;
	line-height: 1.4em;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0;
	color: #000;
}
.caution {
	padding-left:13px;
	text-indent: -12px;
	margin:0 0 60px 0;
}
.caution p{
	padding:2px 0;
	font-size:90%;
	line-height:1.3em;
}
.telPriceDtl span {
	color: #c9e5a5;
}
.red_cam {
	font-size:70%;
	color:red;
	letter-spacing:0em;
}
.red {
	color:red;
}
.red_dark {
	color: #cc0000;
}

@media only screen and (max-width: 767px) {
	#telsTopView,
	div#mCnts h3.telsTopTtl,
	p.telsTopNote,
	h4.chapMerit,
	ul#sPoint,
	p.catch,
	p#sFlowCorner,
	p.flowTxt,
	p#telAcstelAcsImg,
	div#telAcs p#telAcsacsTtl {
		width: 100%;
	}
	#telsTopView {
		margin: 0 0 20px 0;
	}
	ul#sPoint {
		text-align: center;
	}
	ul#sPoint li,
	ul#sPoint li.noMg {
		float: none;
		margin: 0 auto 10px auto;
	}
	div#sFlow {
		width: 100%;
		background-size: 100% 100%;
	}
	p.flowTxt,
	p.sFlowflowImg {
		padding: 0 10px;
	}
	p.sFlowflowImg img {
		float: none;
		width: 100%;
		margin: 0;
	}
	div#telAcs {
		width: calc(100% - 20px);
		padding: 10px;
		margin: 0 10px 20px 10px;
	}
	p#telAcstelAcsImg {
		margin: 0;
	}
	div#telAcs p#telAcsacsTtl {
		margin: 10px 0;
	}
	p#telAcsacsTxt {
		width: 100%;
		margin: 0;
	}

	h4.chapAssist,
	ul#telAssist,
	.telAssist01 {
		width: 100%;
	}
	ul#telAssist li {
		background-size: 100% auto;
		width: 100%;
	}
	.telAssistChap {
		width: 100%;
		padding: 0 10px;
		margin: 0 0 10px 0;
	}
	.telAssistNote {
		width: 100%;
		padding: 0 10px;
		margin: 0 0 10px 0;
	}

	h4.telPriceNote {
		width: 100%;
		height: auto;
		padding: 40px 0 0 90px;
		background-size: 500px auto;
		margin: 0 0 10px 0;
	}
}