@charset "utf-8";

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

	DEX / MOU CSS 1.0
	ATHR : Assiette Ltd.
	DATE : 2014/05
	FILE : page.css
    ----------------------------
	BASE COLOR	: #2F90C7	(logo)


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


/*-------------------------------------
	page:サービス	#Service
-------------------------------------*/
#Service article section div { margin-bottom: 40px;}
#Service .point { font-size: 15px;}

#Service article section:nth-of-type(1) { border-bottom: 5px solid #2F90C7;}

#Service article section:nth-of-type(1) div:nth-of-type(1) .point { color: #77A635;}
#Service article section:nth-of-type(1) div:nth-of-type(2) .point,
#Service #ADSL .point,
#Service .adsl .point { color: #E5AA1E;}
#Service article section:nth-of-type(2) div .point { color: #4F86BD;}


/*-------------------------------------
	page:サービス　共通
-------------------------------------*/

#Service .hikari h2,
#Service .adsl h2,
#Service .option h2 {
	margin: 0 0 20px 0;
	padding: 10px;
	color: #2F90C7;
	font-weight: normal;
	background: #EFEFEF;
	border-radius: 5px;
	}

#Service .hikari h3,
#Service .adsl h3,
#Service .option h3,
#Service #Others h3 {
	clear: both;
	margin-bottom: 8px;
	color: #CC0;
	font-size:16px;
	font-weight: normal;
	}

#Service .hikari th,
#Service .hikari td,
#Service .adsl th,
#Service .adsl td,
#Service .option th,
#Service .option td{ padding: 5px 10px; font-size: 13px; line-height: 130%;}

#Service .hikari table:nth-of-type(1) td.fee { background: #FFFEF4; }
#Service .hikari table:nth-of-type(2) td.fee { color:#F33; font-weight: bold; background: #FFF4F4;}

#Service .adsl table:nth-of-type(2) { margin-top: 30px;}
#Service .adsl table caption,
#Service .adsl .forS h3 { margin: 5px 0; color:#36C; font-size: 14px; font-weight: bold; }
#Service .adsl table th { font-weight: normal;}
#Service .adsl td.fee { color:#F33; font-weight: bold; background: #FFF4F4;}
#Service .adsl td.total { width:14%; color:#F33;}

#Service .adsl td:nth-of-type(1) { width: 100px;}
#Service .adsl td:nth-of-type(2) { width: 100px;}

/*-------------------------------------
	page:フレッツ光　共通
-------------------------------------*/

#Service .hikari .swbg { margin-bottom: 20px;}
#Service .hikari h1 { padding: 5px 0 0 10px; color: #8C764D; font-size: 24px; position: relative; background: url(/images/common/bg-TSlash-w.png), #EEF1BA;}
#Service .hikari h1 small { color: #AA9A48; font-size: 15px; position: absolute; top: 22px;}
#Service .hikari h1 em { font-weight: normal; position: absolute; top: 43px;}
#Service .hikari h1 img { margin-right: 20px; }

#Service .hikari section:nth-of-type(1) { border-bottom: none;}


/* お得に */
#Service .hikari table + p { margin: 20px 0; padding-left: 10px; color:#F63; font-size: 24px; text-align: center;}

#Service .hikari table + p i { height: 20px; color:#FFF; position: relative;}
#Service .hikari table + p i:before {
    content: "";
    width: 0;
    height: 0;
    left: -12px;
    position: absolute;
    top: 9px;
    display: block;
    border-color: #F63 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 15px 13px 0;
}


/* 図 */
#Service .hikari div { margin: 15px 0 0 0; display: inline-block; vertical-align: top; }
#Service .hikari div:nth-of-type(2) { margin: 7px 5px 0 30px; padding: 15px; background: #F2F2F2; border-radius: 5px;}

#Service .hikari .image span {
	padding: 10px 15px;
	width: 100px;
	height: auto;
	color: #FFF;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	background: #999;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0.8;
	}
#Service .hikari .image .mou { font-weight: bold; background: url(/images/common/bg-TSlash-w.png), #2F90C7;}
#Service .hikari .image .NTT { font-weight: bold; background: url(/images/common/bg-TSlash-w.png), #83A74E;}

/* 矢印➡ */
#Service .hikari .image i {
	margin: 0 10px;
	width: 30px;
	height:40px;
	color: #FFF;
	position: relative;
	display: inline-block;
	vertical-align: top;
	}

#Service .hikari .image i:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F2F2F2;
    border-image: none;
    border-style: solid;
    border-width: 15px 0 15px 15px;
	}

#Service .hikari .image i:after {
    content: "";
    width: 20px;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 22px;
    background: none repeat scroll 0 0 #EFEFEF;
	}

#Service .hikari h4 { margin-bottom: 12px;}
#Service .hikari .link { font-size: 12px;}


/*-------------------------------------
	page:フレッツ光 index	#Hikari
-------------------------------------*/
#Service #Hikari div { clear: left;}
#Service #Hikari section:nth-of-type(2) div h2 { margin-top: 30px;}
#Service #Hikari section:nth-of-type(2) div p img { clear: left; float: left; margin: 0 20px; width: 15%; height: auto;}


/*-------------------------------------
	page:フレッツ光 Family	#Family
-------------------------------------*/
#Family table th { width: 50%}


/*-------------------------------------
	page:フレッツADSL　共通
-------------------------------------*/
#Service #ADSL h2 { line-height: 150%;}
#Service #ADSL section:nth-of-type(1),
#Service .adsl section:nth-of-type(1) { border: none;}

#Service .adsl .swbg { margin-bottom: 20px;}
#Service .adsl h1 { padding: 15px 20px; color: #8C764D; font-size: 20px; line-height: 1; background: url(/images/common/bg-TSlash-w.png), #EBEFDC;}
#Service .adsl h2 { margin-top: 30px;}

#Service .adsl section:nth-of-type(2) tbody th { width: 130px;}

/* スマホ向け */
#Service .adsl .forS { display: none;}
#Service .adsl .forS dl { margin: 0; padding: 15px 0; display: none; background: #FFF; border: none;}
#Service .adsl .forS dt { float:none; padding: 6px 10px 3px; width: 100%; color: #666; font-weight: normal; vertical-align: top; display: block; background: #F2F2F2; border: none; border-top: 2px solid #AAA; border-bottom: 1px dotted #CCC;}
#Service .adsl .forS dd { float:none; padding: 2px 10px 6px; width: auto; vertical-align: top; display: block; border: none;}

#Service .adsl .forS dt.mou { font-weight: bold;}
#Service .adsl .forS dd.mou { color: #F33; font-size: 16px; font-weight: bold;}
#Service .adsl .forS em { color: #F63;}

/*-------------------------------------
	page:オプション　共通	.option
-------------------------------------*/
#Service #Option section:nth-of-type(1),
#Service .option section:nth-of-type(1),
#Service #Others section:nth-of-type(1) { border: none;}
#Service .option .point { color: #4F86BD;}
#Service .option td,
#Service #Others td { width: 50%;}
#Service .option td.fee,
#Service #Others td.fee { color: #F33; font-weight: bold; background: #FFFEF4;}
#Service .option h2 { margin-top: 30px;}
#Service #Option .point { color: #4F86BD;}

/*-------------------------------------
	page:マイドメイン	#MyDomain
-------------------------------------*/
#Service #MyDomain section:nth-of-type(1) ul { margin-bottom: 0; margin-left: 18px; list-style: disc;}
#Service #MyDomain section:nth-of-type(1) ul li { margin: 5px 0; line-height: 130%;}

#Service #MyDomain div { padding: 0 0 30px 100px; border-bottom: 1px dotted #CCC; }
#Service #MyDomain div:nth-of-type(1) { margin-top: 40px; background:url(/images/searvice/img-website.png) 10px top no-repeat; }
#Service #MyDomain div:nth-of-type(2) { background:url(/images/searvice/img-email.png) 10px -8px no-repeat; }
#Service #MyDomain div:nth-of-type(3) { background:url(/images/searvice/img-soho.png) 10px 40% no-repeat; }


/*-------------------------------------
	page:固定IP	#IP
-------------------------------------*/
#Service #IP div { padding: 0 0 30px 100px; border-bottom: 1px dotted #CCC; }
#Service #IP div:nth-of-type(1) { margin-top: 40px; background:url(/images/searvice/img-display.png) 10px 3px no-repeat; }
#Service #IP div:nth-of-type(2) { background:url(/images/searvice/img-webcamera.png) 10px top no-repeat; }
#Service #IP div:nth-of-type(3) { background:url(/images/searvice/img-game.png) 10px 40% no-repeat; }

/*-------------------------------------
	page:MOUシアター with U-NEXT	#IP
-------------------------------------*/
#Service #Theater div { padding: 0 0 30px 100px; border-bottom: 1px dotted #CCC; }
#Service #Theater div:nth-of-type(1) { margin-top: 40px; background:url(/images/searvice/un01.png) 10px 3px no-repeat; }
#Service #Theater div:nth-of-type(2) { background:url(/images/searvice/un02.png) 10px top no-repeat; }
#Service #Theater div:nth-of-type(3) { background:url(/images/searvice/un03.png) 10px 40% no-repeat; }

/*-------------------------------------
	page:オプションその他	#Others
-------------------------------------*/

#Service #Others div { margin-top: 30px; padding: 0 0 0 100px;}
#Service #Others section:nth-of-type(1) div { background:url(/images/searvice/img-email.png) 10px top no-repeat; }
#Service #Others section:nth-of-type(2) div { background:url(/images/searvice/img-display.png) 10px top no-repeat; }
#Service #Others section:nth-of-type(3) div { margin-bottom: 20px; }
#Service #Others div table { width: auto; min-width: 200px; margin:1em 0;}
#Service .support_table td{ text-align: left;}
#Service .support_table tbody th{ width:30%; line-height:2;}



/*-------------------------------------
	page:検索	#Search
-------------------------------------*/
#Search #Result section { text-align: left;}
#Search #Result section.pager { text-align: center;}

#Search #Result .data { margin-bottom: 20px; border-bottom: 1px dotted #CCC;}
#Search #Result .data h2 { margin-bottom: 3px; line-height: 140%; word-wrap: break-word; word-break: break-all; }
#Search #Result .data a { color: #36F;}
#Search #Result .data a:hover { color: #03C;}
#Search #Result p { margin-bottom: 15px;}
#Search #Result .data p:nth-of-type(1) { margin: 0 0 3px; color: #57B643; word-wrap: break-word; word-break: break-all; }
#Search #Result .data b { color: #F63;}

#Search #Result .img {
	padding: 15px;
	width: 180px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #EFEFEF;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
#Search #Result .img:not(:last-child) { margin-right: 10px;}

#Search #Result .img img { margin-top: 5px; width: auto; max-width:100%; height: auto;}
#Search #Result .img p:nth-of-type(2) { margin: 0;}
#Search #Result .img p:nth-of-type(3) { margin: 0;}

#Search #Result .boxnote { padding: 20px 25px; border-radius: 5px;}
#Search #Result .boxnote ul { margin-left: 17px; list-style: disc; }
#Search #Result .boxnote li { margin: 5px 0; }


/*-------------------------------------
	page:Q&A / ヘルプ	#FAQ
-------------------------------------*/

#FAQ article section form button { margin: 20px 0 0 5px; min-width: 80px;}
#FAQ article section h2 { margin-top: 20px; margin-bottom: 10px;}
#FAQ #Result .lbg.acd li div { display: inherit;}


/*-------------------------------------
	page:乗り換えガイド	#Norikae
-------------------------------------*/
#Norikae table td { padding: 10px; width: 20%; font-size: 12px;}
#Norikae section:nth-of-type(3) td:nth-of-type(2) { width: 28%; text-align: left;}
#Norikae section:nth-of-type(3) td:nth-of-type(3) { width: 52%; text-align: left;}
#Norikae td em { color: #09F; font-size: 13px; font-weight: normal;}

#Norikae .step p { margin-bottom: 15px;}
#Norikae article section:nth-of-type(1) h2 { margin: 30px 0 13px; font-size:22px;}

/*-------------------------------------
	page:キャンペーン	#Campaigns
-------------------------------------*/
#Campaigns article section div { margin-bottom: 40px;}
#Campaigns .sec h2 { margin-bottom: 15px; font-size: 18px; line-height: 135%;}
#Campaigns .sec h3 { margin: 20px 0 5px 0; font-size: 16px; font-weight: normal;}

#Campaigns table { margin: 15px 0;}
#Campaigns th { width: 25%; font-weight: normal;}
#Campaigns td { text-align:left;}

#Campaigns table em { color: #F63;}
#Campaigns p.link { text-align: right;}

#Campaigns article .step li { padding-bottom: 20px;}
#Campaigns article .swbg { line-height: 1;}

#Campaigns .sec table h3 { margin: 12px 0 0 0; font-size: 14px; font-weight: bold;}
#Campaigns .sec table ol ul,
#Campaigns .sec table ol ol { margin: 0 0 15px 17px; font-size: 12px; line-height: 110%;}
#Campaigns .sec table li li { margin: 3px 0; font-size: 12px;}
#Campaigns .sec table li p { margin: 5px 0; }
#Campaigns .sec table li small { line-height: 1;}

#Campaigns .sec .graybox { margin-top: 20px;}
#Campaigns .sec .graybox ul { margin: 0 0 0 10px;}

#Campaigns article ul { margin: 20px 20px 30px 22px; list-style: disc;}
#Campaigns article ul li { margin: 8px; font-size: 13px; line-height: 135%;}
#Campaigns article form p { text-align: center;}
#Campaigns article form button {
	width: 40%;
	height: 40px;
	max-width: 250px;
	}

#Campaigns #Norikae .point,
#Campaigns #Friend .point,
#Campaigns #Hikari .point { margin-bottom: 30px;}

#Campaigns #Norikae .point2 { background: #309;}
#Campaigns #Friend .point2 { background: #C06;}
#Campaigns #Hikari .point2 { background: #090;}


/* 友達紹介キャンペーン */


#Campaigns #Friend th { width: 20%;}
#Campaigns #Friend th:nth-of-type(1) { width: 60%;}
#Campaigns #Friend td { text-align: center;}

#Campaigns #Friend td:nth-of-type(3),
#Campaigns #Friend td:nth-of-type(4) { color: #F30;}



/* フレッツ光 */
#Campaigns #Hikari th { width: 25%;}
#Campaigns #Hikari td { width: 75%;}


/*-------------------------------------
	page:サポート	#Support
-------------------------------------*/
#Support .lbg a { color: #2C90C5;}

#Support #Index section:nth-of-type(1) { padding-bottom: 40px; border-bottom: 5px solid #2F90C7;}
#Support #Index section:nth-of-type(4) { padding-bottom: 40px; border-bottom: 5px solid #2F90C7;}
#Support #Index .lbg img { margin-right: 5px; width: 33px; vertical-align: middle;}

#Support #Index section:nth-of-type(1) .lbg li a { padding: 8px 35px 8px 28px; background: url(/images/common/dot-blue.png) 15px 19px no-repeat;}


#Support article .contact {
	margin: 0 auto 40px;
	padding: 30px;
	color: #4E85BD;
	text-align: center;
	background: #E3F2FB;
	border-radius: 5px;
	}

#Support article .contact p {
	margin: 0 auto;
	text-align: center;
	}

#Support article .contact a {
	margin: 15px auto 0;
	padding: 13px 20px;
	max-width: 250px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #439BCC;
	border-radius: 4px;
	}

#Support article .contact a:hover {
	background: #1E5A8C;
	}

/* マニュアル #Manual */


#Manual section { clear: both;}

#Manual div .left {
	float: left;
	margin-right: 20px;
	width: 50%;
	max-width: 275px;
	display: block;
	border: none;
	}

#Manual div .right {
	float: right;
	width: 50%;
	max-width: 275px;
	}

#Manual div h3 {
	margin: 0 0 10px 0;
	}

#Manual section:nth-of-type(1) div h3 {
	margin: 20px 0 10px 0;
	}


#Manual h2.yellow {
	margin-top: 40px;
	}

#Manual.index section:nth-of-type(1),
#Manual.index section:nth-of-type(3) {
	padding-bottom: 40px;
	border-bottom: 5px solid #2F90C7;
	}


/*-------------------------------------
	page:マニュアル詳細　#Support .setting
-------------------------------------*/
#Support .setting {
	padding-bottom: 0;	
	border: 0;
	}

#Manual.setting h2.yellow,
#Manual.setting h2.blue { margin-top: 0;}

#Support .setting p { margin-top: 20px;}

#Support .setting ol {
	counter-reset:li;
	margin: 20px 0 0 0;
	list-style: none;
	border-bottom: 1px dotted #CCC;
	}

#Support .setting li {
	margin: 15px 0;
	padding: 30px 10px 20px 30px;
	font-size: 13px;
	line-height: 150%;
	position: relative;
	border: none;
	border-top: 1px dotted #CCC;
	}

#Support .setting li:before {
	content :counter(li);
	counter-increment:li;
	color: #06C;
	font-size: 16px;
	font-weight: bold;
	font-family: "Century Gothic", "Avenir Roman", Calibri, "Helvetica Light", Meiryo, Osaka, sans-serif;
	position: absolute;
	left: 0px;
	}

#Support .setting li em {
	color: #f63;
	display: inline-block;
	}

#Support .setting li figure { margin: 10px 0;}

#Support .setting li figure img {
	width: auto;
	max-width: 98%;
	}

#Support .setting li table {
	margin: 10px 0 20px;
	font-size: 13px;
	}

#Support .setting li thead th { font-weight: bold;}

#Support .setting li th {
	padding: 8px 10px;
	min-width: 90px;
	text-align: left;
	font-weight: normal;
	}

#Support .setting li td {
	padding: 8px 10px;
	width: auto;
	min-width: 60%;
	text-align: left;
	}


/*-------------------------------------
	page:よくあるご質問（入会後の質問集）	#Terms #privacy
-------------------------------------*/
#Support .enrollment { margin-bottom: 15px;}

#Support .enrollment li {
	margin-bottom: 5px;
	background: none;
	border: none;
	}

#Support .enrollment li:after {
	content: '';
	border: none;
	}


/*-------------------------------------
	page:お問合せ（入力） #Contact
-------------------------------------*/
#Contact h2 { margin: 0 0 10px;}
#Contact table { margin: 0 0 10px;}
#Contact th {
	text-align: left;
	width: 100px;
	min-width: 100px;
	font-weight: normal;
	}

#Contact td { width: auto; text-align: left;}

#Contact article input[type="text"],
#Contact article input[type="tel"],
#Contact article input[type="email"],
#Contact textarea {
	padding: 3px;
	width: 100%;
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#Contact article  input[type="email"],
#Contact article  textarea {	width: 100%;}

#Contact article  input:focus,
#Contact textarea:focus { background: #fff;}

#Contact .consent { text-align: center;}
#Contact .submit { margin: 0; text-align: center;}

#Contact .submit button {
	width: 50%;
	max-width: 250px;
	height: 50px;
	line-height: 50px;
	}

#Contact .submit button:last-of-type { margin-top: 10px;}
#Contact .rewrite { text-align: right;}
#Contact .rewrite button {
	width: 100px;
	height: 30px;
	color: #666;
	font-weight: normal;
	line-height: 30px;
	background: #EFEFEF;
	border: 1px solid #DDD;
	}

/* お問合せ（入力）　エラー */

#Contact .message .err:last-of-type { margin: 0 0 15px;}
#Contact article section:nth-of-type(1) { margin-bottom: 25px;}
#Contact article section:nth-of-type(1) h2 { padding-top: 10px;}
#Contact article section:nth-of-type(2) h2 { padding-top: 30px; border-top: 1px dotted #CCC;}


/*-------------------------------------
	page:会社概要　#About
-------------------------------------*/

#About th {	min-width: 80px; font-weight: normal;}
#About td {	width: auto; text-align: left;}


/*-------------------------------------
	page:会員規約　#Terms　#agreement
	page:個人情報の取扱について	#Terms #privacy
-------------------------------------*/
#Terms #Agreement { color: #444;}
#Terms #Agreement .entry {
	margin: 0 0 25px;
	padding-bottom: 15px;
	height: auto;
	font-size: 0;
	border-bottom: 3px solid #E3F2FB;
	}

#Terms #Agreement .entry li {
	display: inline-block;
	margin: 0 0 8px;
	width: 50%;
	font-size: 14px;
	}

#Terms #Agreement h2 { margin: 0 0 10px;}

#Terms #Agreement h2:not(:nth-of-type(1)),
#Terms #Privacy h2:not(:nth-of-type(1)) {
	padding-top: 30px;
	border-top: 1px dotted #CCC;
}

#Terms #Agreement h3,
#Terms #Privacy h3 {
	margin: 0 0 6px ;
	color: #333;
	font-size: 14px;
	}

#Terms #Agreement p,
#Terms #Privacy p { font-size: 13px;}

#Terms #Agreement .singly,
#Terms #Privacy .singly { margin: 0 0 30px;}

#Terms ol { margin: 0 0 40px; font-size: 13px;}

#Terms ol li { margin: 0 0 5px 30px; line-height: 140%;}
#Terms ol li ol { margin: 10px 0 5px;}
#Terms ol li ol li { margin: 0 0 8px 20px;}

#Terms #Privacy .shared {
	margin: -20px 15px 30px;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	}


/* 個人情報の取扱について */
#Terms #Privacy h2:nth-of-type(1) {
	margin-top: 30px;
	}


/*-------------------------------------
	page:サイトマップ　#Sitemap
-------------------------------------*/
#Sitemap article section { padding-left: 30px;}
#Sitemap article h2 { margin-top: 30px;}
#Sitemap article ul { margin-left: 18px; list-style: disc;}
#Sitemap article li { margin: 8px 0;}


/*-------------------------------------
	page:404 NotFound　#Error
-------------------------------------*/
#Error article .link { text-align: right;}
#Error article section div { margin-bottom: 40px;}

/*-------------------------------------
			CSS 都度
-------------------------------------*/
.yymm {
	color: #666;
	display: block;
	text-align: right;
	font-size: 14px;
}
.f10 {
	font-size:10px}
.left {
	text-align: left;
	}



/*-------------------------------------
			CSS end
-------------------------------------*/