/*------------------------------------------------
	adsl/index.html 用CSS
--------------------------------------------------*/

/* --anchor-- */
a:link		{color: #0073CC; text-decoration: underline;}
a:visited	{color: #3E00CC; text-decoration: underline;}
a:hover		{text-decoration: none;}
a:active	{text-decoration: none;}

a.footer:link		{color: #333333; text-decoration: underline;}
a.footer:visited	{color: #333333; text-decoration: underline;}
a.footer:hover		{color: #333333; text-decoration: none;}
a.footer:active		{color: #333333; text-decoration: none;}

/* float 制御 */
/* ------------------------------------------------------ */
*.f-l{
  float: left;
}
*.f-r{
  float: right;
}

.clr:after{
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
.clr { display: inline-block; }
/* no ie mac \*/
* html .clr{ height: 1%; }
.clr{ display: block; }
/* */

*.clear {
  clear: both;
}
br.clear{
  clear: both;
  display: inline;
}
div.clear {
  font: 1px/1px sans-serif;
  line-height: 1px;
  height: 1px;
}

a.link01{
  padding: 0px 0px 0px 12px;
  background: url(/img/arrow01.gif) left 0.2em no-repeat;
  min-height: 12px;
}

div.box-hikari table.box-hikari{
  width: 575px;
}
div.box-hikari table.box-hikari th.h1{
  width: 280px;
}
div.box-hikari table.box-hikari td.blank{
  width: 15px;
}
div.box-hikari table.box-hikari td.d1 div.inner{
  padding: 9px 13px 6px 18px;
}
div.box-hikari table.box-hikari td.d2 div.inner{
  padding: 10px 13px 15px 18px;
}
div.box-hikari table.box-hikari td.d1 div.pic{
  width: 62px;
  float: left;
}
div.box-hikari table.box-hikari td.d1 div.txt{
  width: 170px;
  float: right;
}
div.box-hikari table.box-hikari td.d1 div.txt p.tit{
  font-size: 90%;
  font-weight: bold;
}

div.hikari-p-section{
  margin: 10px 0 20px;
  padding-left: 18px;
}
div.hikari-p-section div.qalink-l{
  width: 260px;
  float: left;
}
div.hikari-p-section div.qalink-r{
  width: 260px;
  float: right;
}

.idx_box {
  width: 550px;
}
.idx_box .idx_box_inner {
  padding: 10px 10px 0 10px;
}

.idx_tab_check {
  width: 520px;
}
.idx_tab_check .idx_tab_check_inner {
  _width: 520px;
  border: 5px solid #4CCBFF;
  padding: 10px;
  margin-bottom: 10px;
}


.icon{
  margin: 3px 5px 0 0;
}

/* 追記
------------------------------------------------*/

a:focus {
   outline: none;
}


body#adsl div.idx_box {
  position: relative;
  width: 690px;
}

body#adsl div.idx_box a.btn {
	position: absolute;
	top: 336px;
	left: 19px;
	width: 218px;
	height: 47px;
	display: block;
}

#sidenavi ul li p.service {
  margin: 0;
  padding: 0;
}

#sidenavi ul li p.service a {
  margin: 0;
  padding: 0 0 0 5px;
  font-size: 120%;
  width: auto;
  height: auto;
  display: inline;
}

#sidenavi ul li ul {
  position: relative;
}

#sidenavi ul li ul li.line {
  position: absolute;
  top: -17px;
  left: -19px;
  background: none;
  height: 1px;
}


img.campaign {
  margin-top: 20px;
}

div.idx_box_button_area {
  background: #bceaff;
  height: 86px;
  text-align: center;
  vertical-align: middle;
}

div.idx_box_button_area img {
  vertical-align: top;
  margin: 14px 0 0 0;
  padding: 0;
}

table.service tr td p.banner {
  font-size: 12px;
  line-height: 1.3;
}

table.service tr td a {
  margin-bottom: 0.5em;
  display: block;
}

div.idx_service_box {
  background: url(../img/service_bg.jpg) repeat-y left top;
  margin: 15px 0 30px 0;
  zoom: 1;
}

div.idx_service_box_header {
  background: url(../img/service_bg_header.jpg) no-repeat left top;
}

div.idx_service_box_footer {
  background: url(../img/service_bg_footer.jpg) no-repeat left bottom;
  padding: 17px;
}

div.idx_box p {
  margin: 0.5em 0 0 23px;
}

div.idx_box p.arrow {
  font-size: 12px;
  margin-top: 13px;
}

div.idx_box p span {
  font-size: 12px;
  margin: 0 0 0 12px;
}

div.idx_box p.arrow a {
  background: url(/img/arrow01.gif) no-repeat scroll left 0.2em transparent;
  margin: 0 0 0.5em 0;
  padding: 0 0 0 12px;
}

table.service {
  background: #FFFFFF;
  width: 650px;
}

table.service tr td table {
  width: 209px;
  margin-right: 5px;
}

table.service tr td img {
  margin-right: 5px;
}

table.service tr td a {
  font-size: 95%;
}

div.idx_box {
  margin-bottom: 25px;
}

div.idx_box_bottom {
  float: left;
  width: 335px;
}

div.idx_box dl,
div.idx_box_bottom dl {
  padding: 18px 0 0 23px;
}

div.idx_box dl dt,
div.idx_box_bottom dl dt {
  clear: both;
  float: left;
  width: 6em;
  font-family: "MS Pゴシック",sans-serif important;
  font-size: 12px;
}

div.idx_box dl dd,
div.idx_box_bottom dl dd {
  background: url(/img/arrow01.gif) no-repeat scroll left 0.2em transparent;
  font-size: 12px;
  margin: 0 0 0.5em 6.5em;
  padding: 0 0 0 12px;
  line-height: 1.4;
}

div.idx_box dl.support dt,
div.idx_box_bottom dl.support dt {
  float: none;
  font-size: 12px;
  background: url(/img/arrow01.gif) no-repeat scroll left 0.2em transparent;
  margin: 0;
  padding: 0 0 5px 12px;
  width: 100%;
}

div.idx_box dl.support dd,
div.idx_box_bottom dl.support dd {
  background: none;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 12px;
  width: 100%;
  line-height: 1.4;
}

div.idx_box_notes {
  background: #EEEEEE none repeat scroll 0 0;
  margin: 0 0 25px 0;
  padding: 7px 8px 9px 10px;
}

div.idx_box_notes dl {
  font-size: 70%;
  line-height: 1.3;
  margin: 3px 0 0;
  padding: 0;
}

div.idx_box_notes dl dt {
  clear: both;
  float: left;
  margin: 0;
  padding: 0;
  width: 1.7em;
}

div.idx_box_notes dl dt.title {
  margin-bottom: 0.3em;
  clear: both;
  float: none;
  font-weight: bold;
  width: 100%;
}

div.idx_box_notes dl dd {
  margin: 0 0 0.3em 2em;
  padding: 0;
}

div.idx_box_notes span,
div.idx_box_notes dl dd span {
  font-weight: bold;
}

div.idx_box_notes ul {
  margin:0;
}

div.idx_box_notes ul li {
  font-size:70%;
  line-height:1.3em;
  margin:3px 0 0;
}

div.idx_box_notes ul li span {
  font-weight:bold;
}

/* 140701 フレッツ光訴求 */
#adslHikari {
	position:relative;
	width:690px;
	margin:0 0 40px;
	background:url(../img/hikari_bg01.png) no-repeat 0 100%;
}
#adslHikari .speedAtt {
	position:absolute;
	left:20px;
	top:198px;
	padding:0;
	color:#666666;
	font-size:10px;
}
#adslHikari .speedAtt span {
	color:#ff0084;
}
#adslHikari .img01 {
	padding:0 20px;
}
#adslHikari .notes {
	padding:10px 20px 20px;
	font-size:10px;
	color:#666;
}
#adslHikari .notes dl {
	margin:15px 0 0;
}
#adslHikari .notes dt {
	clear:both;
	float:left;
	width:2em;
}
#adslHikari .notes dd {
	padding:0 0 0 2em;
}
#adslHikari .banner {
	text-align: center;
	padding-bottom: 0;
}
#adslHikari .banner2 {
	text-align: center;
	padding-bottom: 36px;
}
#adslHikari h4 {
	padding:29px 0 9px 174px;
}
#adslHikari .btnDetail {
	text-align:center;
	margin:0 0 35px;

}
#adslHikari .offerArea {
	width:439px;
	padding: 0 0 44px 0;
	margin: 0 auto;
}
#adslHikari .btnOffer {
	margin:0 0 10px;
}

#hikariSmooth {
	width:690px;
	height:378px;
	margin:0 0 60px;
	background:url(../img/hikari_bg02.png) left bottom no-repeat;
	text-align:center;
    overflow: hidden;
}
#hikariSmooth .img01 {
	padding:13px 20px 14px;
}
.uLine {
	text-decoration:underline;
	color:#f00;
}

.noticeBox {
	padding:10px;
	margin-top:10px;
	border:2px solid #FF0000;
}
.noticeBox ul li{
	color:#FF0000;
}

.noteArea {
    border: solid 3px #ff0000;
    padding: 20px;
    margin-bottom: 30px;
}
.noteArea p {
    margin-bottom: 12px !important;
    color: #ff0000 !important;
}
.noteArea p.notes_ind {
    text-indent: -1.5em;
    padding-left: 1.5em;
}