@charset "shift_jis";
/*　フレッツ・スポット設定方法用CSS */

.outside_access_point, .inside_access_point, .inside_access_point02{
  padding: 10px;
  margin-bottom: 20px;
}
.outside_access_point h5, .inside_access_point h5, .inside_access_point02 h5{
  margin-bottom: 20px;
}
.outside_access_point .inner, .inside_access_point .inner, .inside_access_point02 .inner{
  padding: 0 10px 10px;
}
.outside_access_point{
  background: #fcf0da;
}
.inside_access_point, .inside_access_point02{
  background: #e5e0ff;
}

#main ul.explanation{
  margin-bottom: 30px;
}
#main ul.explanation.last-child{
  margin-bottom: 0;
}

#main ul.explanation li{
  float: left;
}
#main ul.explanation li img{
    vertical-align: baseline;
}
#main ul.explanation.pc li{
  width: 307px;
}
#main ul.explanation.pc li .framelist12{
  width: 307px;
}
#main ul.explanation.smartphone li{
  width: 194px;
}
#main ul.explanation.smartphone li .framelist13{
  width: 194px;
}
#main ul.explanation.smartphone li .framelist13 dd{
  width: 174px;
}

#main ul.explanation li.right_arrow{
  width: 31px;
  margin-top: 150px;
}

#main ul.explanation li.right_arrow2{
  width: 31px;
  margin-top: 200px;
}

#main ul.explanation li dt{
  margin-bottom: 5px;
}

#main ul.explanation li dd{
  margin-bottom: 5px;
}

#main ul.explanation li dd.img{
  margin-bottom: 5px;
}

.inside_access_point .explanation_img_box, .inside_access_point .framelist12, .inside_access_point .framelist13{
  float: left;
}
.inside_access_point p{
  margin-bottom: 5px;
}
.inside_access_point .explanation_img_box{
  margin-right: 15px;
}
.inside_access_point.pc .explanation_img_box{
  width: 307px;
}
.inside_access_point.smartphone .explanation_img_box{
  width: 194px;
}
.inside_access_point.pc .framelist12{
  width: 325px;
}
.inside_access_point.pc .framelist12 dt{
  margin-bottom: 5px;
}
.inside_access_point.pc .framelist12 dd{
  width: 305px;
  margin-bottom: 5px;
}
#main .inside_access_point.smartphone dl.framelist13{
  width: 441px;
}
#main .inside_access_point.smartphone dl.framelist13 dt{
  margin-bottom: 5px;
}
#main .inside_access_point.smartphone dl.framelist13 dd{
  width: 421px;
  margin-bottom: 5px;
}

.box_menu {
  margin-top: 14px;
  padding: 0;
  background: url(/limited/cmn/img/bg_mottowari_bottom.gif) no-repeat;
  text-align: center;
}
.box_menu div {
  margin: 0px;
  padding: 0px;
  line-height: 3px;
  height: 3px;
}
.ie6 .box_menu div img,
.ie7 .box_menu div img{
  float: left;
}

.box_menu ul {
  padding: 20px 0 17px 0;
}
.box_menu.plural ul {
  padding: 15px 0 12px 0;
}

.box_menu li {
  display: inline;
  margin-right: 15px;
}
.box_menu li a {
  color: #818181;
  background: url(/cmn/img/arrow_c01.gif) no-repeat 0 4px;
  padding-left: 7px;
}

/*config CSS*/
.mb5{
  margin-bottom: 5px;
}
.mb10{
  margin-bottom: 10px;
}
.mb20{
  margin-bottom: 20px;
}

.pt0{
  padding-top: 0 !important;
}

.section{
    font-size: 12px;
}
.section p{
    font-size: 12px;
}

/* 20120808 Add CSS */
.txt_block_red{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #ff0103;
  padding: 0 5px;
  margin: 0 2px;
  color: #fff;
}

.table_01 table{
  width: 100%;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-spacing: 0;
  border-collapse: separate;
  *border-collapse: collapse;
}
.table_01.table_short table{
  width: 85%;
}
.table_01 table tr th{
  background: #fec75a;
}
.table_01 table tr td{
  background: #fff;
}
.table_01 table tr th,
.table_01 table tr td{
  text-align: center;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

.explanation_area{
  padding: 45px 8px 0 8px;
  margin-bottom: 10px;
  text-align: center;
}
.explanation_area .inner li{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.bg_purple_short_border_box,
.bg_purple_middle_border_box,
.bg_purple_mthree_border_box{
  position: relative;
  *zoom: 1;
}
.bg_purple_short_border_box{
  border: 3px solid #0022ff;
  background: #dce6ff;
  margin-bottom: 50px;
}
.bg_purple_middle_border_box{
  border: 3px solid #049403;
  background: #c7e5c6;
}
.bg_purple_mthree_border_box{
  border: 3px solid #FFA100;
  background: #FFEDCE;
  margin-top:50px;
}

.bg_purple_short_border_box .inner,
.bg_purple_middle_border_box .inner,
.bg_purple_mthree_border_box .inner{
  padding: 20px 10px 10px;
}
.bg_purple_short_border_box img.ttl,
.bg_purple_middle_border_box img.ttl,
.bg_purple_mthree_border_box img.ttl{
  position: absolute;
  top: -42px;
  text-align: left;
  display: block;
}
.bg_purple_short_border_box img.ttl{
  left: 13px;
  width: 183px;
}
.bg_purple_middle_border_box img.ttl{
  left: 13px;
  width: 230px;
}
.bg_purple_mthree_border_box img.ttl{
  left: 13px;
  width: 165px;
}
.bg_purple_middle_border_box .inner li{
  margin-right: 2px;
  vertical-align: top;
}
.bg_purple_middle_border_box .inner li.last-child{
  margin-right: 0;
}
.bg_purple_middle_border_box .inner li.right_arrow{
  padding-top: 64px;
}
.bg_purple_middle_border_box .inner li.right_arrow img{
  display: block;
  width: 28px;
  height: 73px;
}
.bg_purple_middle_border_box .inner ul.pattern_01,
.bg_purple_middle_border_box .inner ul.pattern_02{
  padding: 15px;
  background: #a0d69f;
  text-align: left;
  *height: auto !important;
  *height: 210px;
}
.bg_purple_middle_border_box .inner ul.pattern_01 li.txt_pattern,
.bg_purple_middle_border_box .inner ul.pattern_02 li.txt_pattern{
  margin-right: 10px;
}

.pagetop{
  text-align: right;
  margin: 10px 0 20px;
}
.pagetop a{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 1.7em;
  background: url(/cmn/img/arrow_pagetop.gif) 3px 0.5em no-repeat;
  font-size: 10px !important;
}
.pagetop a:link{
  color: #666;
  text-decoration: none;
}
.pagetop a:visited{
  color: #666;
  text-decoration: none;
}

.txt_red{
  color: #ff0000 !important;
}
.underline{
  text-decoration: underline !important;
}

.border_red{
  padding: 10px;
  border: 2px solid #ff0000;
}

/*reset CSS*/
.notes{
  text-indent: 0;
}

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

.clearfix{
  zoom:1;
}

* html .clearfix{
	display: inline-block;
}

/* no ie mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
.clear{ clear:both; font-size:0;}