@charset "UTF-8";

@media print{
	.footlink_out{
	width:1260px;
	}
	
	.foot_inner{
	width:390px;
	float:left;
	}

	.linkblock_hq .l2 {
    height: auto;
    margin: 0 3em 0 0;
    padding: 0;
    float: left;
		}
}


/*-----common--------*/


.flL{
	float:left;
}
.flR{
	float:right;
}
.mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;}
.mtb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}

.mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}
.mbb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}

.mR10{margin-right:10px;} .mR20{margin-right:20px;} .mR30{margin-right:30px;}
.mL10{margin-left:10px;} .mL20{margin-left:20px;} .mL30{margin-left:30px;}

.fs09em{font-size:0.9em;} .fs1em{font-size:1em;} .fs12em{font-size:1.2em;} .fs13em{font-size:1.3em;} .fs14em{font-size:1.4em;} .fs15em{font-size:1.5em;} .fs16em{font-size:1.6em;} .fs17em{font-size:1.7em;} .fs18em{font-size:1.8em;} .fs19em{font-size:1.9em;} .fs2em{font-size:2em;} .fs21em{font-size:2.1em;} .fs22em{font-size:2.2em;} .fs23em{font-size:2.3em;} .fs24em{font-size:2.4em;} .fs25em{font-size:2.5em;}

.fwb{
	font-weight:bold;
}

.colorR{
	color:#ba0000;
}
.colorW{
	color:#FFF;
}

.vaM{
	vertical-align:middle;
}

.taC{
	text-align:center
}

.ssl_link_component{
	color:#FFF;
	margin:20px 0;
	font-weight: bold;
}


.link_component_function:after {
    content: url(/content/dam/nttcom/cmn/img/icon_right_arrow.png);
    margin-left: 10px;
}

.function_list_link{
	display:table; 
	width:100%; 
	height:70px; 
	border: solid 1px #004386; 
	text-align:center;
	}
	
.function_list_in{
	display:table-cell;  
	vertical-align:middle;
}

.function_list_link:hover{
	background-color:#eaf5fc;
}

.lsnone_hq li{
	line-height:1.8em;
}

.lsnone_hq li:hover{
	background-color:#eaf5fc;
	width:100%;
}


.clfix:after {
  display: block;
  clear: both;
  content: "";
}

/*PC*/
@media only screen and (min-width: 769px) { 

.sm{
	display:none;
}

.br_cr {
    display: none;
}

.ov_view_txt{
	float:left; 
	width:750px; 
	padding-bottom:15px; 
  padding-left: 10px;
	line-height:25px;"
}

.ov_view_img{
	float:right; 
}

.footlink_out{
	width:1260px;
}

.foot_inner{
	width:400px;
	float:left;
}

.linkblock_hq .l2 {
    height: auto;
    margin: 0 4em 0 0;
    padding: 0;
    float: left;
}

.linkblock_hq .r2 {
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}

.mousikomi_bt_out {
    width: 1260px;
    height: 150px;
    margin: 0 auto;
    margin-top: 40px;
}

.mousikomi_bt_out2 {
    width: 960px;
		overflow:hidden;
    margin: 0 auto;
    margin-top: 20px;
}

.mousikomi_bt_inner {
    width: 400px;
    margin: 0 auto;
}


.mousikomi_bt_inner2 {
    width: 460px;
    margin: 0 auto;
		float:left;
		margin-left:200px;
}

.mousikomi_bt_inner3 {
    width: 280px;
    margin: 0 auto;
		float:left;
		margin-left:10px;
}

.mousikomi_bt_inner4 {
    width: 280px;
    margin: 0 auto;
		float:left;
		margin-left: 8px;
}

.mousikomi_bt_inner5 {
    width: 300px;
    margin: 0 auto;
}

.mousikomi_bt_cap{
	width:100%; 
	text-align:center; 
	margin-bottom:20px;
	font-size: 20px;
	font-weight: bold;
	}

.vps_bt {
    width: 402px;
    height: 100px;
    background-color: #004386;
    float: left;
    border-radius: 5px;
    border: solid 2px #548ec7;
    display: table;
    cursor: pointer;
    margin-bottom: 50px;
}

.vps_bt:hover{
	background-color: #135699;
}


.vps_bt2 {
    width: 400px;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 20px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt2:hover{
	background-color: #fb8a46;
}

.vps_bt3 {
    width: 280px;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 0px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt3:hover{
	background-color: #fb8a46;
}

.vps_bt4 {
    width: 425px;
    height: 100px;
    background-color: #604b7a;
    float: left;
    border-radius: 5px;
    border: solid 2px #ab92da;
    display: table;
    cursor: pointer;
    margin-bottom: 50px;
}

.vps_bt4:hover{
	background-color: #8569a7;
}


.vps_bt5 {
    width: 300px;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 0px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt5:hover{
	background-color: #fb8a46;
}

.btn_txt {
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 360px;
		padding-left: 45px;
}


.btn_txt2 {
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 375px;
		padding-left: 45px;
}

.btn_txt3 {
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 375px;
		padding-left: 30px;
}


.arrowb {
    width: 37px;
    vertical-align: middle;
    display: table-cell;
    margin-top: 37px;
    float: left;
}

.arrowb2 {
    width: 28px;
    vertical-align: middle;
    display: table-cell;
    margin-top: 37px;
    float: left;
}

.regist_title1{
		text-align: center;
    padding: 10px;
    background-color: #eaf5fc;
    font-size: 1.7em;
    font-weight: bold;
    width: 586px;
    margin: 0 auto;
}

.regist_title2{
		text-align: center;
    padding: 10px;
    background-color: #eaf5fc;
    font-size: 1.7em;
    font-weight: bold;
    width: 338px;
    margin: 0 auto;
}

.blue_navi{
	margin: 0 auto;
    width: 100% !important;
    position: relative;
    height: 43px;
}

.blue_navi_link{
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 8px;
}

.pctable{
	width:840px;
	margin:0 auto;
	line-height:1.3em;
}

.smttable{
	display:none;
}

}

/*タブレット*/
@media only screen and (min-width: 481px) and (max-width: 768px) { 

.pc{
			display:none;
	}

.ov_view_txt{
	float:left; 
	width:100%; 
	padding:15px; 
	line-height:25px;"
}

.ov_view_img{
	text-align: center;
}


.mousikomi_bt_out {
    width: 100%;
    height: 150px;
    margin: 0 auto;
    margin-top: 40px;
}

.mousikomi_bt_inner {
    width: 100%;
    margin: 0 auto;
}


.mousikomi_bt_inner2,.mousikomi_bt_inner3,.mousikomi_bt_inner4,.mousikomi_bt_inner5 {
    width: 100%;
    margin: 0 auto;
		margin-bottom: 10px;
		float:left;
}

.mousikomi_bt_cap{
	width:100%; 
	text-align:left; 
	margin-bottom:20px; 
	line-height: 1.3em;
	font-size: 20px;
	font-weight: bold;
	}


.vps_bt {
    width: 100%;
    height: 100px;
    background-color: #004386;
    float: left;
    border-radius: 5px;
    border: solid 2px #548ec7;
    display: table;
    cursor: pointer;
    margin-bottom: 50px;
}

.vps_bt:hover{
	background-color: #135699;
}


.vps_bt2 {
    width: 100%;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 20px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt2:hover{
	background-color: #fb8a46;
}

.vps_bt3 {
    width: 100%;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 0px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt3:hover{
	background-color: #fb8a46;
}

.vps_bt4 {
    width: 100%;
    height: 100px;
    background-color: #604b7a;
    float: left;
    border-radius: 5px;
    border: solid 2px #ab92da;
    display: table;
    cursor: pointer;
    margin-bottom: 50px;
}

.vps_bt4:hover{
	background-color: #8569a7;
}


.vps_bt5 {
    width: 100%;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 0px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt5:hover{
	background-color: #fb8a46;
}

.btn_txt {
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
		padding-left: 30px;
}

.btn_txt2 {
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
		padding-left: 45px;
}

.btn_txt3 {
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
		padding-left: 30px;
}

.arrowb {
    width: 20%;
    vertical-align: middle;
    display: table-cell;
    margin-top: 38px;
    padding-right: 10px;
}

.arrowb2 {
    width: 20%;
    vertical-align: middle;
    display: table-cell;
    margin-top: 38px;
    padding-right: 10px;
}


.regist_title1{
		text-align: center;
    padding: 10px;
    background-color: #eaf5fc;
    font-size: 1.7em;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
}


.regist_title2{
		text-align: center;
    padding: 10px;
    background-color: #eaf5fc;
    font-size: 1.7em;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
}

.blue_navi{
	margin: 0 auto;
    width: 100% !important;
    position: relative;
    height: 43px;
}

.blue_navi_link{
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 8px;
}

.pctable{
	display:none;
	}
	
.smttable{
	width:100%;
	margin:0 auto;
	line-height:1.3em;
}

}


/*スマホ*/
@media screen and (max-width:480px) {

.pc{
			display:none;
	}

.ov_view_txt{
	float:left; 
	width:100%; 
	padding:15px; 
	line-height:25px;"
}

.ov_view_img{
	text-align: center;
}

.mousikomi_bt_out {
    width: 100%;
    height: 150px;
    margin: 0 auto;
    margin-top: 40px;
}

.mousikomi_bt_inner {
    width: 100%;
    margin: 0 auto;
}


.mousikomi_bt_inner2,.mousikomi_bt_inner3,.mousikomi_bt_inner4,.mousikomi_bt_inner5 {
    width: 100%;
    margin: 0 auto;
		margin-bottom: 10px;
		float:left;
}


.vps_bt {
    width: 100%;
    height: 100px;
    background-color: #004386;
    float: left;
    border-radius: 5px;
    border: solid 2px #548ec7;
    display: table;
    cursor: pointer;
    margin-bottom: 50px;
}

.vps_bt:hover{
	background-color: #135699;
}


.vps_bt2 {
    width: 100%;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 20px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt2:hover{
	background-color: #fb8a46;
}

.vps_bt3 {
    width: 100%;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 0px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt3:hover{
	background-color: #fb8a46;
}

.vps_bt4 {
    width: 100%;
    height: 100px;
    background-color: #604b7a;
    float: left;
    border-radius: 5px;
    border: solid 2px #ab92da;
    display: table;
    cursor: pointer;
    margin-bottom: 50px;
}

.vps_bt4:hover{
	background-color: #8569a7;
}


.vps_bt5 {
    width: 100%;
    height: 100px;
    background-color: #ed6b3a;
    float: left;
    border-radius: 5px;
    border: solid 2px #f89b6b;
    display: table;
    cursor: pointer;
    margin-bottom: 0px;
		text-shadow: 0 2px 0 #d2441c, 2px 0 0 #d2441c, 0 -2px 0 #d2441c, -2px 0 0 #d2441c, -2px -2px 0 #d2441c, 2px -2px 0 #d2441c, -2px 2px 0 #d2441c, 2px 2px 0 #d2441c;
}

.vps_bt5:hover{
	background-color: #fb8a46;
}


.btn_txt {
    color: #FFF;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
		padding-left: 30px;
	}

.btn_txt2 {
    color: #FFF;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 375px;
		padding-left: 45px;
}


.btn_txt3 {
    color: #FFF;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 375px;
		padding-left: 30px;
}

.arrowb {
    width: 15%;
    vertical-align: middle;
    display: table-cell;
    margin-top: 38px;
    padding-right: 10px;
}

.arrowb2 {
    width: 15%;
    vertical-align: middle;
    display: table-cell;
    margin-top: 38px;
    padding-right: 10px;
}

.regist_title1{
		text-align: center;
    padding: 10px;
    background-color: #eaf5fc;
    font-size: 1.7em;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
}


.regist_title2{
		text-align: center;
    padding: 10px;
    background-color: #eaf5fc;
    font-size: 1.7em;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
}


.mousikomi_bt_cap{
	width:100%; 
	text-align:left; 
	margin-bottom:20px; 
	line-height: 1.3em;
	font-size: 20px;
	font-weight: bold;
	}

.blue_navi{
	margin: 0 auto;
    width: 100% !important;
    position: relative;
    height: 43px;
}

.blue_navi_link{
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 8px;
}

.pctable{
	display:none;
	}
.smttable{
	width:100%;
	margin:0 auto;
	line-height:1.3em;
}

}