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


/*----- flex-----*/

.flex {
	display: flex;
	margin: 0 auto;
}

/*-----テーブル-----*/

/* 基本のテーブル */

.tbl01 {
    width: 100%;
    border-collapse: collapse;
}
.tbl01 th, .tbl01 td {
    border: #eee 1px solid;
    padding: 1.5em;
}
.tbl01 th {
    text-align: center;
    background: #f8f8f8;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
	color: #333;
}
.tbl01 td {
    text-align: left;
}

/* 上部thのテーブル */

.tbl02 {
    width: 100%;
    border-collapse: collapse;
	margin-bottom: 30px;
}
.tbl02 th {
    padding: 1em 0;
    text-align: left;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
	color: #333;
}
.tbl02 th.border01 { width: 75%; border-bottom: solid 2px #cc0000;}
.tbl02 th.border02 { border-bottom: solid 2px #ccc;}

.tbl02 td {
    padding: 1em 0;
	border-bottom: dotted 1px #ccc;
}
.tbl02.padding td { padding: 0.2em 0; }


/*-----  dl  -----*/

/* お知らせ／保守情報バックナンバー */

dl.info {
    margin: 0 auto 30px auto;
}
dl.info dt {
	float: left;
	width: 6em;
	padding: 8px 0;
}
dl.info dd {
	padding: 8px 0 8px 7em;
	border-bottom: dotted 1px #ccc;
}


/*----- お問い合わせ -----*/

.inquiry {
	text-align: center;
}
.inquiry .number {
    font-size: 230%;
    text-align: center;
    margin: 0 auto 8px auto;
    font-family: "UD新ゴNT DB";
    letter-spacing: 0.05em;
	color: #c4040b;
}
.inquiry .fax01 {
	margin-left: 2em;
	font-size: 50%;
    font-family: "ヒラギノUD角ゴ W3 JIS2004";
}
.inquiry .fax02 {
	font-size: 80%;
    font-family: "ヒラギノUD角ゴ W3 JIS2004";
}
.inquiry .text {
	font-size: 90%;
}

/*-----契約約款-----*/

.article dt {
    font-family: "ヒラギノUD角ゴ W5 JIS2004";/*    margin-left: 2em;*/
}
.article dd {
    margin-left: 1em;
    margin-top: 10px;
    margin-bottom: 20px;
}
.article ol {
    margin-top: 10px;
    margin-left: 1em;
}

/*-----フレッツメンテナンスのお知らせ-----*/

.record_title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 60px;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
    text-decoration: underline;
    font-size: 110%;
}
.record_date {
    text-align: right;
}
.date_info dl {
    margin-top: 60px;
}
.date_info dt {
    float: left;
    padding: 15px 10px;
}
.date_info dd {
    margin-left: 6em;
    padding: 15px 10px;
}


/*-----ボックス-----*/

.box_01 {
    width: 100%;
    border: #FDE6C9 solid 2px;
	padding: 1em;border-radius: 10px;
}

.box_02 {
    width: 100%;
    border: #ef5350 solid 1px;
	padding: 1em;
	border-radius: 10px;
	text-align: center;
	color: #ef5350;
}

.box_03 {
    border: #FDE6C9 solid 2px;
	padding: 0.5em 2em;
	border-radius: 10px;
	margin-left: 2em;
}

.box_04 {
	margin: 0 auto;
	width: 30em;
    border: #ef5350 solid 1px;
	padding: 2em;
	border-radius: 10px;
}

.box_05 {
	margin: 0 auto;
    width: 90%;
    border: #FDE6C9 solid 2px;
	padding: 2em;border-radius: 10px;
}

.box_06 {
	margin: 0;
    width: 80%;
    border: #FDE6C9 solid 2px;
	padding: 1em 4em;border-radius: 10px;
}

/* CSS Document */

.right {
    text-align: right;
}


/*----------テーブル----------*/
/*--thはleft,tdがcenter---*/
.table01 {
    width: 100%;
    border-collapse: collapse;
    margin: 5px auto 20px auto;
}
.table01 th {
    background: #edf0f4;
    border: #ccc 1px solid;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
    padding: 1em;
	line-height: 120%;


}
.table01 td {
    text-align: center;
    border: #ccc 1px solid;
    padding: 0.5em 0.6em;
}
.table01 td a, .table01 th a {
    color: #1111cc;
    text-decoration: underline;
}
.table01 td a:hover, .table01 th a:hover {
    text-decoration: none;
}

/*--thがcenter、tdはleft---*/
.table03 {
    width: 100%;
    border-collapse: collapse;
}
.table03 th {
    text-align: center;
    background: #edf0f4;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
}
.table03 td {
    text-align: left;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
}
.table03 td a, .table03 th a {
    color: #1111cc;
    text-decoration: underline !important;
}
.table03 td a:hover, .table03 th a:hover {
    text-decoration: none !important;
}


/*-----*/
.table04 {
	margin: 0 auto;
	border-collapse: collapse;
}

.table04 th, .table04 td {
	border: solid 1px #ccc;
	padding: 0.5em 1em;
}

.table04 td {
	text-align: left;
	font-size: 90%;
}

.table04 th.bgcolor_blue, .table04 td.bgcolor_blue {
	background: #EDF0F7;
}

.table04 th.bgcolor_blue.w-f{
	width: 40%;
}

.table04 th.bgcolor_blue.w-d{
	width: 60%;
}

.table04 th.bgcolor01 {
	background: #F8BCBD;
}

.table04 th.bgcolor02 {
	background: #FBE6E7;
}

/*--お知らせ用---*/
.table_info {
    width: 100%;
    border-collapse: collapse;
	margin-top: 30px;
}
.table_info th {
	width: 20%;
    text-align: center;
    background: #edf0f4;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
}
.table_info td {
    text-align: left;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
}
.table_info td a, .table_info th a {
    color: #1111cc;
    text-decoration: underline !important;
}
.table_info td a:hover, .table_info th a:hover {
    text-decoration: none !important;
}

/*--th,tdがのwidthが50%---*/
.table_50 {
    width: 100%;
    border-collapse: collapse;
}
.table_50 th {
	width: 50%;
    text-align: center;
    background: #edf0f4;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
}
.table_50 td {
    text-align: center;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
}

/*--thのwidthが35%---*/
.table_35 {
    width: 100%;
    border-collapse: collapse;
}
.table_35 th {
    width: 35%;
    text-align: left;
    background: #edf0f4;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
}
.table_35 td {
    text-align: left;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
}
.table_35 td a, .table_35 th a {
    color: #1111cc;
    text-decoration: underline !important;
}
.table_35 td a:hover, .table_35 th a:hover {
    text-decoration: none !important;
}

/*--thのwidthが30%、thはcenter、tdはleft---*/
.table_30 {
    width: 100%;
    border-collapse: collapse;
}
.table_30 th {
    width: 30%;
    text-align: center;
    background: #edf0f4;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
    font-family: "ヒラギノUD角ゴ W5 JIS2004";
}
.table_30 td {
    text-align: left;
    border: #ccc 1px solid;
    padding: 0.5em 1em;
}


/*----------ボタンメニュー----------*/
/*--ボタンメニューが4つの場合---*/
.button_menu_4 li {
    background: none !important;
}
.button_menu_4 li a {
    float: left;
    width: 217px;
	margin-left: 0;
   padding: 10px 10px;
    background: #ef5350 url("../images/arrow02.png") no-repeat top 14px right 15px;
    background-size: 6px 14px;
    color: #fff;
    text-decoration: none;
    margin-right: 0.5em;
    margin-top: 10px;
	border-radius: 5px;
}
.button_menu_4 li a:hover {
    opacity: 0.7;
    filter: top_menu(opacity=70);
    -ms-filter: "top_menu(opacity=70)";
}

/*--ボタンメニューが3つの場合---*/
.button_menu_3 li {
    background: none !important;
}
.button_menu_3 li a {
    float: left;
    width: 220px;
	margin-left: 0;
    padding: 10px 20px;
    background: #ef5350 url("../images/arrow02.png") no-repeat top 14px right 15px;
    background-size: 6px 14px;
	border-radius: 5px;
    color: #fff;
    text-decoration: none;
    margin-right: 2em;
    margin-top: 10px;
}
.button_menu_3 li a:hover {
    opacity: 0.7;
    filter: top_menu(opacity=70);
    -ms-filter: "top_menu(opacity=70)";
}

/*-----お申し込みボタン-----*/
.button_apply {
	display: block;
	text-align: center;
    width: 100%;
    padding: 15px 10px;
    background: #ef5350 ;
    color: #fff;
    text-decoration: none;
    margin-top: 2em;
	font-size: 110%;
}
a:hover.button_apply {
    opacity: 0.7;
    filter: top_menu(opacity=70);
    -ms-filter: "top_menu(opacity=70)";
}

/*----------widthの指定----------*/
.w70{
	width:70%;
}

/*----------faq_acdn----------*/
.faq_acdn {
	margin: 15px 0;
}


/*----------背景----------*/

.bg_f0f0ff {
    background: #f0f0ff;
    word-wrap: break-word;/*適切な位置で改行*/
    white-space: normal;
}

/* ---------    Q&A　　----------- */
.faq_acdn {
	margin: 15px 0;
}
.faq_acdn dt {
    cursor: pointer;
    padding: 7px 0 5px 25px;
	color: #1111cc;
}
.faq_acdn dt:before{
	color:#0999fe;
	font-size:1.5em;
    content: "Q";
	margin-left:-0.9em;
	margin-right: 0.2em;
}
.faq_acdn dd{
    display: none;
    margin: 20px 0;
    padding: 10px 0 15px 3em;  
	font-size:0.9em;
 }
.faq_acdn dd:before{
	color:#c8161d;
	font-size:1.5em;
    content: "A";
	margin-left:-0.9em;
	margin-right: 0.2em;
}
.faq_acdn dt.over {
    background-color: #f1f1f1;
}


/* ---------設定方法・マニュアル----------*/
.service_menu {

    width: 100%;
	margin-right: 30px;
}
.service_menu h3 {
	margin-top: 30px;
}
.service_menu.r {
	margin-right: 0;
}

.service_menu ul {
	margin: 24px 0 50px 0;
}

.service_menu ul li {
	margin-bottom: 0.5em;
    background: url(../images/arrow01.png) no-repeat 5px 7px;
    background-size: 7px 10px;
}

.service_menu ul li a {
	text-decoration: none;
	margin-left: 1.5em;
}
.service_menu ul li a:hover {
	text-decoration: underline;
}

.service_menu.nofloat {
	float: none;
    width: 100%;
}

.box_01 ul{
	padding: 15px 1em;
}


/* --------設定方法・マニュアルタイトル---------*/
.title_settei{
    margin-top: 50px;
	margin-bottom: -30px;
	font-size: 180%;
}