@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');
body {
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;*/
    font-family: 'Noto Sans JP', sans-serif;
}
/*--------メインビジュアル---------*/
.topMainvisual {
	background-color: #abdbdf;
}
.topMainvisual_img {
	background: url("../images/top_mainvisual.jpg") no-repeat scroll 0 0 transparent;
    margin-left: auto;
    margin-right: auto;
    width: 929px;
	height:310px;
	text-align:left;
	padding-left:25px;
}
.topMainvisual_img h2{

	}
/*------------サブナビ--------------*/
.subNavi li a:link {
	color: #044caf;
	text-decoration: none;
}
.subNavi li a:visited {
	color: #044caf;
	text-decoration: none;
}
.subNavi li a:hover {
	color: #044caf;
	text-decoration: none;
	border-bottom: 3px solid #0f2f84;
}
.subNavi li.active a {
	border-bottom: 3px solid #0f2f84;
}
/*------------コンテンツボックス--------------*/
.contBlock02Wrap {
	background-color: #eef5fc;
}
/*-------------横3列ボックス-------------*/
.box3pcs dt {
	background-color: #078d48;
}
.box3pcs dl {
	border: 1px solid #078d48;
}
/*-----------------下部お問い合わせ------------------*/
.contactArea {
	background-color: #002896;
}

.footermenu{
	margin-bottom:60px;
	text-align:center;
	font-size:14px;
	}


/*----固定コンタクト
#btmLink {
	width: 100%;
}
#btmLink .inner {
	background: #002896;
	width: 100%;
	color: white;
	font-size: 12px;
	line-height: 1.5;
}
#btmLink .inner ul {
	width: 1120px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#btmLink .inner ul li {
	float: left;
	padding-right: 11px;
	padding-top: 3px;
	padding-bottom: 2px;
}
#btmLink .inner ul .links a {
	display: block;
}
#btmLink .inner ul .links{
	margin-right:52px;
}
#btmLink .inner ul .pagetop {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#btmLink .inner ul .pagetop a {
	display: block;
	background: #FFF;
}
#btmLink .inner li.freetel {
	font-family: arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	padding-right: 8px;
	margin-left: -5px;
}

#btmLink .inner li.freetel::before {
    content: url("../images/contact_icon_free.png");
}

#btmLink .inner li span {
	font-size: 10px;
	background: white;
	color: #002896;
	font-weight: bold;
	padding: 2px;
	margin-right: 3px;
}
#btmLink .button, #btmLink .button:visited {
	color: #fff!important;
    text-align: center;
	font: bold 20px/100% "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-seri;
	padding:5px 0;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	width: 180px;
	letter-spacing: 3px;
	margin-top: 3px;
}
#btmLink .button:hover {
	text-decoration: none;
}
#btmLink .orange {
	border: solid 1px #ff8700;
	background-color:#ff8700;
}

-----*/



/*-----------------トップページ------------------*/

/*ボタン*/
.topMainvisual_img ul{
	}
.topMainvisual_img li{
	margin-bottom:5px;
	}	

/*楽コム光*/
.topBox{
	border: 1px solid #ccc;
	text-align:left;
	margin-bottom:30px;
	}

.topBox li{
	display:table-cell;
	}	
	
.topBox dl{
	float:left;
	width:616px;
	}
.topBox dd{
	padding:18px 18px 0 18px;
    }
.topBox dd strong{
	display:block;
	margin-bottom:7px;
    }	
.topTxt{
	font-size:16px;
	line-height:1.5;
	}	
	
/*プロバイダー・ウェブホスティング*/	
.topBox2{
	text-align:left;
	width:468px;
	}
.topBox2 dd{
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-right:15px;
	}
.topBox2 dd span{
	margin-top:15px;
	display:block;
	}

/*サポート*/	
.support{
	background-color:#c1dfab;
	padding:11px 0 11px 11px;
}
.support img{
	margin-right:11px;
}
/*パートナー募集*/
#partner a{
	display:block;
	color:#333;
}
#partner a:hover{
	display:block;
	color:#333;
	text-decoration:none;
	opacity:0.8;
}
/*-----------------楽コム光ページ------------------*/

.rccomBox{
	}
	
.rccomBox dd a{
	margin:0 15px;
	}
.rccomPrice .table_default{
	margin:25px 0 0 0;
	}
.rccomPrice .table_default th{
	width:40%;
	}
.rccomPrice .comments{
	font-size:11px;
	text-align:left;
	margin-top:7px;
	}				
.number .table_default th{
	background-color:#fff;
	padding: 5px;
	}	
.number .table_default th span{
	display:block;
	background-color:#efefef;
	}
.number .table_default td{
	line-height:1.7;
	}		
span.telNum{
	font-size:28px; 
	color:#bf0000;
	}	
.rccomAttention{
	background-color:#ededed;
	padding:28px 28px 28px 40px;

	}	
.rccomAttention ul{
	text-align:left;
	margin-top:20px;
	list-style:disc;
	font-size:14px;
	line-height:1.7;
	}
	
/*-----------------プロバイダーページ------------------*/	
.read_txt {
	font-size: 21px;
}	

.option dl{
	border: 1px solid #ccc;
	width:453px;
	padding-bottom:40px;
	margin-bottom:30px;
	}

.option dd{
	padding:25px 20px 0;
	}	
.more_link2 a {
	width:280px;
	}	
.adslPlan{
	background-color:#feeaea;
	padding:26px;
	text-align:left;
	}
.adslPlan strong{
	color: #bf0000;
	}	
.adslPlan p{
	margin-bottom:20px;
	}		
/*-----------------ウェブホスティングパッケージサービスページ------------------*/	

#basicPlan .obi{
	background-color:#7db025;
	}
#basicPlan th, #businessPlan th, #executivePlan th{
	text-align:center;
	}
#businessPlan th{
	padding: 8px 15px;
	}	
#basicPlan th img, #businessPlan th img, #executivePlan th img{
	vertical-align:middle;
	}			
#basicPlan td, #businessPlan td, #executivePlan td{
	font-weight:bold;
	padding: 5px 15px;
	}
#basicPlan td span{
	font-size:26px;
	color:#7db025;
	}
#basicPlan ul, #businessPlan ul, #executivePlan ul{
	width:250px;
	font-size:14px;
	font-weight:normal;
	}
#basicPlan td ul span{
	font-size:14px;
	color:#7db025;
	}							
#businessPlan .obi{
	background-color:#045eb9;
	}
#businessPlan td span{
	font-size:26px;
	color:#045eb9;
	}
#businessPlan td ul span{
	font-size:14px;
	color:#045eb9;
	}			
#executivePlan .obi{
	background-color:#b37d06;
	}
#executivePlan td span{
	font-size:26px;
	color:#b37d06;
	}
#executivePlan td ul span{
	font-size:14px;
	color:#b37d06;
	}	
	
.resource{
	text-align:left;
	width:954px;
	}	
.resource dt{
	float:left;
	margin-top:5px;
	margin-bottom:5px;


	}	
.resource dd{
	padding-left:20px;
	vertical-align:middle;
	height:100px;
    display:table-cell;
	}
.contBlock .resource{
	vertical-align: middleline!important;
}
/* ブロードバンドプレミアムトップ */

.conductArea{
	padding-bottom:0px!important;
}
.conductArea ul.box li{
	position:relative;
	float:left;
	width:304px;
	height:577px;
	border:1px solid #ccc;
	margin-right:18px;
	background:#fff;
}
ul.box li dl{
	width:274px;
	height:129px;
	position:absolute;
	top:0px;
	padding:15px 15px 0 15px;
}
ul.box li h2{
	color:#000!important;
}
li.pcBox dl{
	background:#abb1df;
}
li.providerBox dl{
	background:#abcedf;
}
li.hostingBox dl{
	background:#dfc8ab;
}
li.hostingBox{
	margin-right:0!important;
}
li.providerBox h2,
li.hostingBox h2{
	margin-top:30px;
}
ul.box li dt{
	margin:0!important;
}
ul.box li dd{
	margin-top:5px;
	font-weight:bold;
	color:#fff;
}
ul.box .txtArea{
	position:absolute;
	top:160px;
	height:350px;
}

ul.box .bk01{
	background:url(common/images/bk_top_pc.png) no-repeat center bottom;
}
.conductArea .btn{
	position:absolute;
	top:520px;
	left:40px;
	margin-left:auto;
	margin-right:auto;
}
.bk01{
	background:url(../images/bk_top_pc.png) no-repeat center bottom;
}
/*
.conductArea .contBlock{
	position: relative;
	z-index: -1;
}
*/
/* NURO Bizプラン */
.rbbTopNuro .nuroMain{
	position:relative;
	width:954px;
	height:281px;
	margin:0;
	padding:0;
	margin-bottom:30px;
}
.nuroMain img.txt{
	position:absolute;
	top:0px;
	left:125px;
}
.nuroMain img.title{
	position:absolute;
	top:78px;
	left:110px;
}
.nuroMain .navi{
	display:flex;
	position:absolute;
	top:134px;
	left:17px;
}
.nuroMain .navi a{
	text-decoration:none;
}
.nuroMain .navi a.nuro_over:hover{
	opacity: 0.8!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha(opacity=70)"!important;
}
.nuroMain .navi a .txt{
	color:#000;
}
.nuroMain .navi .nurobiz{
	display:block;
	width:266px;
	margin:0 16px 0 0;
	padding:15px;
	background:#fff;
	border-radius:5px;
	background-image:url(../images/icon_arrows_navy.png);
	background-repeat:no-repeat;
	background-position:98%;
}
.nuroMain .navi .ip{
	display:block;
	width:266px;
	margin:0;
	padding:15px;
	background:#fff;
	border-radius:5px;
	background-image:url(../images/icon_arrows_brightblue.png);
	background-repeat:no-repeat;
	background-position:98%;
}
.nuroMain .navi .nurobiz .title{
	display:block;
	margin-bottom:15px;
	text-align:left;
	color:#002896;
	font-size:23px;
	font-weight:bold;
}
.nuroMain .navi .ip .title{
	display:block;
	margin-bottom:15px;
	text-align:left;
	color:#448edf;
	font-size:23px;
	font-weight:bold;
}
.nuroMain .navi .txt{
	display:block;
	width:95%;
	text-align:left;
	font-size:16px;
}