@charset "utf-8";

/* ------------------------------------------------------------------
  新デザイン用 ※h1とローカルナビ (div#newNavigation) 以外はすべて #newContents で始めること。
------------------------------------------------------------------ */

h1#newHeading {
	background-image: url(/common_v2/images/bg_h1_net.png);
}

div#newNavigation li ul,
#newContents h2.newHeading2 {
	border-color: #0086cd;
}

#newContents h2.newHeading2,
#newContents h3.newHeading3.color,
#newContents a.linkColor:link ,
#newContents a.linkColor:visited ,
#newContents a.linkColor:hover,
#newContents .linkImportant a,
#newContents .shadowBox a ,
#newContents .shadowBox a:link ,
#newContents .shadowBox a:visited ,
#newContents .shadowBox a:hover {
	color: #0086cd;
}

div#newNavigation li ul li,
#newContents .linkList a {
	background-image: url(/common_v2/images/icon_arrow_net.png);
}

#newContents .linkImportant a {
	background-image: url(/common_v2/images/icon_arrow_net_large.png);
}

img { vertical-align:bottom }

#newContents .netProviderType > li {
	margin-bottom: 15px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #e0e0e0;
}

#newContents .netProviderType dd {
	margin-top: 15px;
}

#newContents .netProviderType dd .fLeft {
	width: 680px;
}
#newContents .netProviderType dd .fLeftImg {
	float: left;
}
#newContents .netProviderType dd .fLeftText {
	overflow: hidden;
}

#newContents .netProviderType .btnBgNet {
	display: inline-block;
	background: #d9edf7;
	padding: 5px;
}

#newContents .noteDiscList li {
	background: url(/common_v2/images/icon_disc_b.png) no-repeat 0 50%;
	margin-top: 10px;
	padding-left: 12px;
}

/* tab contents */
#newContents .tabItemWrapper .header {
	border-bottom: 3px solid #0081cf;
}

#newContents .tabItemWrapper .header h2,
#newContents .tabItemWrapper .header p {
	float: left;
	margin: 0 3px 0 0;
}

#newContents .tabItemWrapper .header h2.last,
#newContents .tabItemWrapper .header p.last {
	margin-right: 0;
}

#newContents .tabItemWrapper .tInner {
	padding: 20px 10px;
	background-color: #fff;
}

/* ------------------------------------------------------------------
  旧デザイン用
------------------------------------------------------------------ */

#mainArea img {
	vertical-align: bottom;
}

/*----------------------------------------
 v3
-----------------------------------------*/
/*  btnTypeDefault  */
.btnTypeDefault.isNet.isTypeC{
	color:#0086cd;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	display: table;
	padding: 8px 20px 8px 20px;
	border:2px solid #0086cd;
}
.btnTypeDefault.isNet.isTypeC span{
	display: table-cell;
	vertical-align: middle;
}

.btnTypeDefault.isNet.isTypeC::after{
	border-top:2px solid #0086cd;
	border-right:2px solid #0086cd;
}


.btnTypeDefault.isNet.isTypeD{
	color:#fff;
	background-color: #0086cd;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	width: 100%;
	display: table;
	padding: 8px 20px 8px 20px;
}
.btnTypeDefault.isNet.isTypeD span{
	display: table-cell;
	vertical-align: middle;
}

.btnTypeDefault.isNet.isTypeD::after{
	border-top:2px solid #fff;
	border-right:2px solid #fff;
}


/*.btn.isTypeC{
	color:#fff;
	background-color: #adadad;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	width: 156px;
	padding: 8px 10px 8px 10px;
	text-align: left;
}

.btn.isTypeC::after{
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	right:8px;
	top:50%;
	margin-top:-4px;
}*/

/* banner */
a.bannerNet {
	display: block;
	position: relative;
	padding: 12px 20px 12px 20px;
	/*background: #E7F1F9;*/
	background: #FFFFFF;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #0086cd;
	box-shadow: 0 5px 6px -3px rgba(0,0,0,.3);
	-moz-box-shadow:  0 3px 6px -3px rgba(0,0,0,.3);
	-webkit-box-shadow:  0 3px 6px -3px rgba(0,0,0,.3);
	-o-box-shadow:  0 3px 6px -3px rgba(0,0,0,.3);
	-ms-box-shadow:  0 3px 6px -3px rgba(0,0,0,.3);
	font-size: 14px;
	font-family:'Noto Sans Japanese Medium';
	text-align: center;
}

a.bannerNet::after{
	content:"";
	display: block;
	width:9px;
	height:9px;
	border-top:2px solid #0086cd;
	border-right:2px solid #0086cd;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	right:8px;
	top:50%;
	margin-top:-6px;
}

a.bannerNet .bannerNetInner {
	display: inline-block;
	margin-left: 30px;
	padding-right: 100px;
	background: url(/service/net/images/bnr_zaq.png) no-repeat 100% 5px;
}
a:link.bannerNet, a:visited.bannerNet, a:hover.bannerNet {
	text-decoration: none;
	color: #333333 !important;
}

a.bannerNet .bannerNetLabel {
	color: #FFFFFF;
	background: #e83416;
	margin-right: 10px;
	padding: 3px 10px 4px;
	font-family:'Noto Sans Japanese Light';
}
.bannerNet:hover {
	opacity: 0.7;
	text-decoration: none;
}

.txtbannerNet1{
	position: absolute;
	top:50%;
	right: 2%;
	font-size: 12px;
	width: 100px;
	margin-top: -9px;
}


/* .blockApplyBnrGroup1
--------------------------*/
.blockApplyBnrGroup1{
	background: #f5f5f5;
}

.blockApplyBnrGroup1 .columnType3{
	padding: 15px 0;
	width:962px;
	margin: 0 auto;
}

.blockApplyBnrGroup1 .columnType3Child{
	width: 310px;
	margin: 0;
}
.blockApplyBnrGroup1 .columnType3Child:last-child{
	width:236px;
	margin-right: 0;
	margin-left: 50px;
}

a.btnTypeSimu-cstm-02 {
	width: 310px;
	background: #fff url(/common_v3/images/icon/icon_simulator.png) no-repeat 23px 53%;
	display: block;
	position: relative;
	padding: 17px 20px;
	box-sizing: border-box;
	font-size: 16px;
	text-align: center;
}
a.btnTypeSimu-cstm-02:hover{
	text-decoration: none;
}

.txtTypeSimuCstm021{
	font-size: 12px;
	color: #333;
	line-height: 12px;
}

a.btnTypeSimu-cstm-02:hover{
	text-decoration: none;
}


.naviMain > div.newPageInner{
	background: #ffffff;
}
.naviMain.fixed {
    position: fixed;
    top: 0;
    z-index: 102;
    width: 100%;
    background: #ffffff;

}
.naviMain.fixed .localNavTypeA{
	margin-bottom: 0;
  border-bottom: 10px solid #ffffff;
}

.arealocalNavChildTypeA .localNavChildTypeA {
    padding: 15px 0;
}
.arealocalNavChildTypeA .localNavListTypeA li {
    margin: 0 0 0 15px !important;
}
.arealocalNavChildTypeA .localNavChildTypeA .localNavTitTypeA a {
    display: inline;
    border-right: none;
}
.localNavChildTypeA .localNavTitTypeA a:hover,
.localNavChildTypeA .localNavListTypeA  a:hover  {
	text-decoration: underline;
	color: #0086cd !important;
}
.arealocalNavChildTypeA .localNavChildTypeA .localNavTitTypeA.isNet:after{
	right: 20px;
    margin-top: -4px;
}
#categoryTop .localNavListParentTypeA > li.visible > .arealocalNavChildTypeA { 
  opacity: 1; 
  visibility: visible; 
}