@charset "Shift_JIS";

/*** ASAHIƒlƒbƒg CSS Document *************************************

    top.css

----------------------------------------------------------------***/


/* ===== eyecatch ===== */
div#eyecatch{
    padding:0 0 10px;
    background:#ffffff;
}
div#eyecatch div.inner{
    width:900px;
    margin:0 auto;
}

ul#mainEyecatch{
    width:673px;
}
ul#mainEyecatch li{
    margin:-1px -3px -3px -1px;
}
ul#mainEyecatch li.me01,
ul#mainEyecatch li.me02{
    margin:-1px 2px -3px -1px;
}



/* rsato edit Start 20150625 */
#mainContents section{display:block; width:435px;}
/*#mainContents section:last-Child{padding-bottom:0;}*/
#mainContents h2{font-family: "open_sansregular"; font-size:18px; background-color:#20a9f7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25); box-shadow: 1px 1px 1px rgba(0,0,0,0.25); line-height: 40px; padding:0 15px; color: #fff; margin:1px 0 20px;}
#fiberOptic {float:left;border-right:1px solid #ccc; padding-right:14px;}
#fiberOptic h2{background:url(/en/commons/img/top/icon_fiver-optic.png) no-repeat 373px center #20a9f7; }
#mobile {float:left;border-left:1px solid #fff; padding-left:14px;}
#mobile h2{background:url(/en/commons/img/top/icon_mobile-broadband.png) no-repeat 373px center #019a9f; }

#mainContents .eyecatch{
    margin:0;
}
#mainContents .eyecatch img{
    vertical-align:top;
}
#mainContents .eyecatch .ecBtn{
}
#mainContents .eyecatch .ecBtn a{
    display:block;
	margin:0 0 5px;
	padding:15px;
	font-family: "open_sansbold";
	color:#fff;
	font-size:18px;
	background-color:#20a9f7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 1.3;
	min-height: 40px;
    position:relative;
}
#mainContents .eyecatch .ecBtn a:before{
    content:"";
    width:22px;
    height:22px;
    position:absolute;
    right:10px; top:0; bottom:0; margin:auto;
    background:url("/en/commons/img/top/eyecatch_arrow.png") no-repeat center;
}
.fletsColor{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5cbdf2+0,0c8bd3+100 */
background: rgb(92,189,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(92,189,242,1) 0%, rgba(12,139,211,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(92,189,242,1) 0%,rgba(12,139,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(92,189,242,1) 0%,rgba(12,139,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbdf2', endColorstr='#0c8bd3',GradientType=0 ); /* IE6-9 */
}
.changeColor{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8abce+0,f22ca2+100 */
background: rgb(232,171,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,171,206,1) 0%, rgba(242,44,162,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,171,206,1) 0%,rgba(242,44,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,171,206,1) 0%,rgba(242,44,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8abce', endColorstr='#f22ca2',GradientType=0 ); /* IE6-9 */
}
.wimaxColor{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#496aed+0,0026c5+100 */
background: rgb(73,106,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(73,106,237,1) 0%, rgba(0,38,197,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(73,106,237,1) 0%,rgba(0,38,197,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(73,106,237,1) 0%,rgba(0,38,197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#496aed', endColorstr='#0026c5',GradientType=0 ); /* IE6-9 */
}
.lteColor{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00add5+0,007c99+100 */
background: rgb(0,173,213); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,173,213,1) 0%, rgba(0,124,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,173,213,1) 0%,rgba(0,124,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,173,213,1) 0%,rgba(0,124,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00add5', endColorstr='#007c99',GradientType=0 ); /* IE6-9 */
}
.ansimColor{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f99df+0,213992+100 */
background: rgb(127,153,223); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(127,153,223,1) 0%, rgba(33,57,146,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(127,153,223,1) 0%,rgba(33,57,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(127,153,223,1) 0%,rgba(33,57,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f99df', endColorstr='#213992',GradientType=0 ); /* IE6-9 */
}

#mainContents .eyecatch .ecBtn a:hover{text-decoration: none;}
#mainContents .eyecatch .campaign{display:block;margin:0 0 3px; padding:0.75em 0 1em;font-family: "open_sansextrabold"; color:#f00; font-size:21px; text-align: center; background-color:#fff; line-height: 1.1;}
#mainContents .eyecatch .campaign .campTit{float: left;}

#mainContents .eyecatch dd ul dd{padding:0 10px 8px 9px;}
#mainContents .eyecatch dd ul li{width:436px;}
#mainContents .eyecatch ul.ecColumn2 li.ecBtn{float:left; width:204px;margin-right:8px;}
#mainContents .eyecatch ul.ecColumn2 li.ecBtn:last-child{margin-right:0;}
#mainContents .eyecatch ul.ecColumn2 li.ecBtn .ecBtnTit{display:block;}
#mainContents .eyecatch ul.ecColumn2 li.ecBtn .ecBtnTxt{display:block;font-size:14px; font-weight:nomal;}
#fo01,
#mb01{margin-bottom:15px;}
#fo01 dd{background:url(/en/commons/img/top/eyecatch_bg_hikari_with_flets.png) left bottom no-repeat;}
#fo02 dd{background:url(/en/commons/img/top/eyecatch_bg_change_prov.png) left bottom no-repeat;}
#mb01 dd{background:url(/en/commons/img/top/eyecatch_bg_wimax2plus.png) left bottom no-repeat;}
#mb02 dd{background:url(/en/commons/img/top/eyecatch_bg_lte.png) left bottom no-repeat;}
#fo01 .campaign{background:url(/en/commons/img/top/icon_camp01.png) left top no-repeat;}
#fo02 .campaign{background:url(/en/commons/img/top/icon_camp02.png) left top no-repeat;}
#mb01 .campaign{background:url(/en/commons/img/top/icon_camp03.png) left top no-repeat;}
#mb02 .campaign{background:url(/en/commons/img/top/icon_camp04.png) left top no-repeat;}



/*topContact*/
dl.topContact{
    position:relative;
    margin:0 0 30px;
    background:url(/en/commons/img/top/contact00.png) no-repeat top left;
    padding:6px 0 0 102px;
    height:121px;
}
dl.topContact dt,
dl.topContact dd{
    margin:0;
    padding:0;
    line-height:0;
    float: left;
}
dl.topContact .tc01{}
dl.topContact .tc02,
dl.topContact .tc03{width:480px;}
dl.topContact .tc04{width:300px;}
dl.topContact .tc04 a{margin-left:12px;}