@charset "UTF-8";

/* 特定のページでのみ使用する特殊なCSS */

/* ================= 目次 =====================

【1】TOPページ
【2】契約数
【3】テレコムデータブック
【4】携帯電話・PHSの利用に関して
【5】インフォメーション
【6】協会概要
【7】サイトマップ
【8】プレスリリース
【9】相談窓口のご案内

============================================ */

/* =============================================================
　■□■ 0. saidなしのページ  ■□■
============================================================= */


/* =============================================================
　■□■ 1. TOPページ  ■□■
============================================================= */

/* ------------- banner_contents ------------- */

.banner{
	clear: both;
	margin-top: 25px;
	margin-bottom: 10px;
}

.banner li{
	float: left;
	display: inline; /* For IE Only */
	min-width: 190px;
	min-height: 60px;
	vertical-align: bottom;
	text-align: center;
	margin-bottom: 10px;
}

* html .banner li{
	width: 190px;
	height: 60px;
}
/* ------------- banner_side ------------- */

.top #side ul{
	border: none;
}

.top #side li{
	margin-bottom: 5px;
	border: none;
}

.top #side ul li a:link,
.top #side ul li a:visited,
.top #side ul li a:hover,
.top #side ul li a:active{
	display: inline;
	width: auto;
	padding: 0;
	border: none;
}

/* =============================================================
　■□■ 2. 契約数  ■□■
============================================================= */

/* =============================================================
　■□■ 3. テレコムデータブック  ■□■
============================================================= */

.annual .box-gray{
	margin-top: 15px;
	padding: 15px;
}

.annual .box-gray ul.list02 li{
	margin-bottom: 3px;
	padding: 8px 5px 8px 25px;
	background: #FFF url(/img/icon-list02.gif) 0.25em 0.68em no-repeat;
}
.annual .box-pdf ul.list03{
	width: 550px;
}

.annual .box-pdf ul.list03 li{
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	background: #FFF url(/img/icon-list03.gif) 0.5em 0.58em no-repeat;
}

.annual .box-gray ul.list02 li ul li,
.annual .box-pdf ul.list03 li ul li{
	margin-top: 5px;
	margin-left: 15px;
	padding: 0 5px 0px 20px;
	background: url(/img/icon-list01.gif) 0.5em 0.5em no-repeat;
}

.annual .box-pdf ul.list02 li{
	width: 500px;
}

/* =============================================================
　■□■ 4. 携帯電話・PHSの利用に関して  ■□■
============================================================= */

.point{
	clear: both;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 15px;
	background: #EFEFEF;
	border-top: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
}

.point dt{
	width: 120px;
	float: left;
}

.sim dl{
	width: 144px;
	float:left;
	display: inline;
}

.sim dl dt,
.sim dl dd{
	text-align: center;
}


/* ------------- 事業者の取り組みについて ------------- */

#approach ul{
	position: absolute;
	top: 151px;
}

/* ------------- 家族のケータイルール ------------- */

#main #inner #tab-check h3{
	background: none;
	padding: 0;
	margin: 0;
}

#main #inner ul.tabclick li{
	margin-top: 10px;
	margin-right: 9px;
	float: left;
	display: inline;
	line-height: normal;
}

#main #inner ul.tabclick li.end{
	margin-right: 0px;
}


#main #inner .tab-inner{
	margin: 25px 0px;
}

#main #inner #tab-check .tab-inner p{
	text-indent: 0;
	margin-top: 5px;
}

/* ------------- 有害サイトアクセス制限サービス ------------- */

#main #inner ul.tabfiltering li{
	margin-top: 10px;
	margin-right: 9.5px;
	float: left;
	display: inline;
	line-height: normal;
}

#main #inner ul.tabfiltering li.end{
	margin-right: 0px;
}

div.tabfiltering {
	display: none;
}

/* ------------- やめましょう、歩きスマホ。 ------------- */

#main #inner ul.tabclick2 li{
	margin-top: 10px;
	margin-right: 9.5px;
	float: left;
	display: inline;
	line-height: normal;
}

#main #inner ul.tabclick2 li.end{
	margin-right: 0px;
}

div.tabclick2 {
	display: none;
}

#main #inner #tab-check h3.smf-title{
	margin-top: 25px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(/img/bg-h3.gif) no-repeat left bottom;
}
.box-gray-list{
	background: #EFEFEF !important;
}
.box-gray-list li{
	background: #EFEFEF url(/img/icon-list03.gif) 0.5em 0.58em no-repeat !important;
}
.tabclick2-center{
	text-align: center;
	margin-bottom: 60px !important;
	margin-top: 15px !important;
}
.tabclick2-center li{
	margin: 0;
}
.tabclick2-text{
	margin: 40px 0px !important;
}
.tabclick2-box-gray{
	clear: both;
	margin-top: 15px;
	padding: 5px 15px;
	background: #EFEFEF;
	border: #CCC solid 1px;
}
.tabclick2 .dl-linedot dl dt{
	font-weight: normal !important;
}


/* =============================================================
　■□■ 5. インフォメーション  ■□■
============================================================= */

#main #inner .disaster h3{
	background: none;
	border-bottom: #CCC solid 2px;
	font-size: 100%;
	font-weight: normal;
}

#main #inner .disaster rl15{
	margin: 0;
	padding: 0 15px;
	border-left: #DDD solid 1px;
}

#main #inner .disaster dt{
	font-weight: normal;
	margin-top: 10px;
	background: url(/img/icon-list02.gif) 0em 0.15em no-repeat;
	padding: 0 5px 0px 20px;
}

.top0 .box-gray{
	margin-top: 0px;
	padding: 3px 5px;
}

#inner .top0 h2{
	margin-bottom: 0px;
}

/* =============================================================
　■□■ 6. 協会概要  ■□■
============================================================= */

/* ----- 役員 ----- */

.dl-executive dl{
	clear: both;
	margin-top: 10px;
	padding-bottom: 3px;
	border-bottom: #CCC solid 1px;
	display: inline-block;
}

.dl-executive dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .dl-executive dl {height: 1%;}
.dl-executive dl {display: block;}
/* End hide from IE-mac */

.dl-executive dt{
	width: 85px;
	float: left;
	vertical-align: bottom;
}

.dl-executive dd{
	float: left;
	vertical-align: bottom;
	margin-left: 15px;
}

#inner .dl-executive p{
	clear: both;
	margin-top: 10px;
	text-indent: 0;
}

/* =============================================================
　■□■ 7. サイトマップ  ■□■
============================================================= */

.sitemap-l{
	width: 362px;
	float: left;
}

.sitemap-r{
	width: 362px;
	float: right;
}

#main-only .sitemap-l h2,
#main-only .sitemap-r h2{
	clear: both;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-left: 0;
	padding-bottom: 5px;
	background: url(/img/bg-h3.gif) no-repeat left bottom;
	border: none;
	font-size:108%;
	font-weight: bold;
}

#main-only .sitemap-l h2 a,
#main-only .sitemap-r h2 a{
	text-decoration: none;
}

.sitemap-l ul li,
.sitemap-r ul li{
	background: url(/img/icon-list02.gif) 0em 0.6em no-repeat;
	padding: 5px 5px 0px 20px;
}

.sitemap-l li dl,
.sitemap-r li dl{
	margin-top: 5px;
	clear: both;
}

.sitemap-l li dt,
.sitemap-r li dt{
	margin-top: 5px;
	padding-bottom: 10px;
	background: url(/img/bg-tit01.gif) no-repeat left bottom;
}

.sitemap-l li dd:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .sitemap-l li dd {height: 1%;}
.sitemap-l li dd {display: block;}
/* End hide from IE-mac */

.sitemap-l li ul li{
	background: url(/img/icon-list01.gif) 0.5em 0.5em no-repeat;
	padding: 0 5px 0px 20px;
}

.sitemap-l .monthly ul li{
	font-size: 85%;
	float: left;
	display: inline;
}

/* =============================================================
　■□■ 8. プレスリリース  ■□■
============================================================= */

.release #inner.dl-linedot dl dt{
	font-weight: normal;
}

#inner .release-box ul{
	margin: 0;
	clear: both;
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
}

#inner .release-box li{
	margin: 0;
	float: left;
	width: 215px;
	background: #EFEFEF url(/img/icon-list01.gif) 1em 0.9em no-repeat;
	padding: 6px 5px 8px 25px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
}

/* =============================================================
　■□■ 9. 相談窓口のご案内  ■□■
============================================================= */

#inner .wrap-consult01 {
	margin: 20px 0 30px;
	padding: 0 20px;
}
#inner .wrap-consult01 .box-blue.type02{
	padding: 18px 20px;
	height: 184px;
}
#inner .wrap-consult01 .leaflet{
	float: right;
	width: 150px;
	text-align: center;
}
#inner .wrap-consult01 .leaflet a{
	display: block;
}
#inner .wrap-consult01 .leaflet a span{
	margin-top: 5px;
	display: block;
}

/* =============================================================
　■□■ o. 震災に関するお知らせ  ■□■
============================================================= */
.shinsai{
	margin-bottom: 20px;
	padding: 15px 25px;
	border: #da0000 solid 4px;
	background-color: #FFF;
}

.shinsai ul li{
	margin-top: 10px;
	background: url(/img/icon-list02_red.gif) 0em 0.25em no-repeat;
	padding: 0 5px 0px 20px;
	line-height: 1;
}