/*---------------------------------------------------------
    共通
----------------------------------------------------------*/

/*  header
----------------------------------------------------------*/
header {
	background-color: #383838;
	background-image: linear-gradient(to right, #383838 0%, #cfcfcf 100%);
	background-image: -webkit-linear-gradient(to right, #383838 0%, #cfcfcf 100%);
	background-image: -moz-linear-gradient(to right, #383838 0%, #cfcfcf 100%);
	background-image: -o-linear-gradient(to right, #383838 0%, #cfcfcf 100%);
	border-bottom: 1px solid #ccc;
}

header #header-logo-container {
	width: 1024px;
	height: 75px;
	margin: 0 auto;
	overflow: hidden;
}
header #header-logo-container .header-logo-table {
	float: left;
	display: table;
	width: 60%;
	margin-top: 0;
}
header #header-logo-container .header-logo-tablecell1 {
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
header #header-logo-container .header-logo-tablecell2 {
	display: table-cell;
	width: 20%;
	padding-top: 25px;
}
header #header-logo-container .header-logo-tablecell3 {
	display: table-cell;
	width: 40%;
	padding-top: 25px;
}
header #header-logo-container .header-logo-tablecell2 a,
header #header-logo-container .header-logo-tablecell3 a {
	font-family: "AR Pゴシック体", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}
header #header-logo-container .header-logo-tablecell2 a:hover,
header #header-logo-container .header-logo-tablecell3 a:hover {
	text-decoration: underline;
}

header #header-logo-container .nttme-logo {
	float: left;
	display: inline-block;
	width: 160px;
	height: 48px;
	margin-top: 15px;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/images/pc/common/nttme-logo-w.svg) no-repeat;
}

.header-logo-table-sp {display: none;}

header #header-logo-container .header-rightArea {
	float: right;
	width: 400px;
}
header #header-logo-container ul.header-right {
	float: right;
	display: flex;
	flex-direction: row;
	margin-top: 25px;
}
header #header-logo-container ul.header-right li {
	list-style: none;
	margin-left: 15px;
}

header #header-logo-container a.header-login {
	padding: 10px 20px;
	background-color: #00b5bc;
	box-shadow: 0 0 3px 0 rgba(239, 239, 239, 1);
	color: #fff;
}
header #header-logo-container a.header-weblogin {
	padding: 10px 20px;
	background-color: #0080ec;
	box-shadow: 0 0 3px 0 rgba(239, 239, 239, 1);
	color: #fff;
}
header #header-logo-container a:hover.header-login,
header #header-logo-container a:hover.header-weblogin {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0);
}

@media screen and (max-width: 960px) {
	header #header-logo-container {
		width: 100%;
		height: 60px;
		margin: 0;
		padding: 5px 0;
		overflow: hidden;
	}
	header #header-logo-container .header-logo-table {
		float: left;
		width: 75%;
		font-size: 1.2em;
	}
	header #header-logo-container .header-logo-tablecell1 {
		width: 25%;
		padding-left: 5px;
	}
	header #header-logo-container .header-logo-tablecell2 {
		width: 20%;
		padding: 5px 0 0 15px;
		font-size: 0.85em;
		vertical-align: middle;
	}
	header #header-logo-container .header-logo-tablecell3 {
		width: 50%;
		padding: 5px 0 0 15px;
		font-size: 0.85em;
		vertical-align: middle;
	}
	
	header #header-logo-container .header-rightArea {
		display: none;
	}
	
	header #header-logo-container .nttme-logo {
		margin-top: 5px;
	}

	header #header-logo-container #sp-header-option {
		float: right;
		margin: 5px 5px 0 0;
	}
	header #header-logo-container #sp-login {
		margin-right: 5px;
	}
	header #header-logo-container #sp-login a {
		box-shadow: 0 0 5px 0 rgba(239, 239, 239, 1.4);
	}
	header #header-logo-container #sp-weblogin {
		float: left;
		margin-right: 5px;
	}
	header #header-logo-container #sp-weblogin a {
		display: inline-block;
		width: 50px;
		height: 50px;
		box-shadow: 0 0 5px 0 rgba(239, 239, 239, 1.4);
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(/images/sp/common/ico_sp_gnav_weblogin.png);
	}
	
}

@media screen and (max-width: 767px) {
	.header-logo-table-sp {display: block;}
	
	header #header-logo-container {
		width: 100%;
		height: 120px;
		margin: 0;
		overflow: hidden;
	}
	header #header-logo-container .header-logo-table {
		display: table-cell;
		width: 100%;
		font-size: 1em;
	}
	header #header-logo-container .header-logo-table .header-logo-tablecell1 {
		width: 25%;
		padding-left: 5px;
	}
	header #header-logo-container .header-logo-table .header-logo-tablecell2 {
		display: none;
	}
	header #header-logo-container .header-logo-table .header-logo-tablecell3 {
		display: none;
	}
	header #header-logo-container .header-logo-table-sp {
		float: left;
		display: block;
		width: 69%;
	}
	header #header-logo-container .header-logo-table-sp .header-logo-tablecell1 {
		display: none;
	}
	header #header-logo-container .header-logo-table-sp .header-logo-tablecell2 {
		display: table-cell;
		padding: 15px 0 0 10px;
		font-size: 80%;
		vertical-align: top;
	}
	header #header-logo-container .header-logo-table-sp .header-logo-tablecell3 {
		display: table-cell;
		padding: 15px 0 0 0;
		font-size: 79%;
		vertical-align: top;
	}
	
	header #header-logo-container .header-rightArea {
		display: none;
	}
	
	header #header-logo-container .nttme-logo {
		margin-top: 5px;
	}

	header #header-logo-container #sp-header-option {
		float: right;
		margin: 5px 0 0 0;
	}
	header #header-logo-container #sp-login a {
		box-shadow: 0 0 5px 0 rgba(239, 239, 239, 1.4);
	}
	header #header-logo-container #sp-weblogin {
		float: left;
		margin-right: 5px;
	}
	header #header-logo-container #sp-weblogin a {
		display: inline-block;
		width: 50px;
		height: 50px;
		box-shadow: 0 0 5px 0 rgba(239, 239, 239, 1.4);
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(/images/sp/common/ico_sp_gnav_weblogin.png);
	}
	
}



/*  right navi
----------------------------------------------------------*/
.right-menu-container p.root-submenu {background-color: #505050;}

.right-menu .menu-lv1 {background-color: #dfdfdf; color: #000;}
.right-menu .menu-lv2 {background-color: #fff; color: #000;}
.right-menu .menu-lv3 {background-color: #fff; color: #000;}

ul.right-menu li.menu-lv1.right-menu-current,
ul.right-menu li.menu-lv1.active,
ul.right-menu li.menu-lv1:hover {background-color: #505050; color: #fff; opacity: 0.8; transition: all 0.2s;}

ul.right-menu li.menu-lv1.right-menu-current > a {color: #fff;}
.right-menu li.right-menu-current a {background-color: #dff0f6;}

.right-menu-container nav li i.fa-plus-circle,
.right-menu-container nav li i.fa-minus-circle {
	float: right;
}

ul.right-menu li.menu-lv2:hover,
ul.right-menu li.menu-lv2.right-menu-current,
ul.right-menu li.menu-lv2.active {background-color: #d4e9f1; color: #000;}
ul.right-menu li.menu-lv3:hover,
ul.right-menu li.menu-lv3.right-menu-current {background-color: #dff0f6; color: #000;}



/*  content
----------------------------------------------------------*/

/* no right-menu-container */
.main-content {
	font-size: 0.875em;
	letter-spacing: 0.1em;
	line-height: 180%;
}

.heading_1_title {background-color: #dfdfdf; color: #000;}
.heading_2_title {border-left: 10px solid #dfdfdf; color: #000;}
.heading_3_title::before {color: #dfdfdf; color: #000;}

ul.simple-list {
	list-style-type: disc;
	margin: 0.5em 0;
	padding-left: 1.5em;
	line-height: 2em;
}
ul.simple-list-none {
	list-style-type: none;
	margin: 0.5em 0;
	padding-left: 0.5em;
	line-height: 2em;
}

ul.info-link {
	list-style: none;
}
ul.info-link li {
	display: inline-block;
	margin-right: 10px;
}

.support_login2,
.webmail-login,
.webmail-login2 {
	width: 180px;
	margin: 15px auto;
}
.support_login2 a {
	padding: 30px 20px 5px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	background-color: #00b5bc;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}
.webmail-login a,
.webmail-login2 a {
	padding: 10px 25px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	background-color: #0080ec;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}
.support_login2 a:hover,
.webmail-login a:hover,
.webmail-login2 a:hover {
	color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.0);
}

@media screen and (max-width: 960px) {
	.support_login2,
	.webmail-login,
	.webmail-login2 {
		width: 150px;
	}
	.webmail-login2 a {
		padding: 30px 20px 5px;
	}
}



/*  top-button
----------------------------------------------------------*/
.section-topBtn {
	width: 1024px;
	height: 60px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
}
.section-topBtn div #top-button-2 {
	background-color: #505050;
}
.section-topBtn div a#top-button-2:hover {
	background-color: #505050;
}
.section-topBtn div #top-button-2 i {
	font-size: 30px;
	color: #fff;
	line-height: 30px;
}
div.topBtn-container {
	position: relative;
}
div.topBtn-container a {
	position: absolute;
	right: 10%;
	bottom: 5px;
}
@media screen and (max-width: 960px) {
	.section-topBtn {
		width: 100%;
		height: 50px;
		margin-top: 0;
		background-color: #fff;
		overflow: hidden;
	}
	.section-topBtn div #top-button-2 i {
		font-size: 20px;
		color: #fff;
		line-height: 25px;
	}
}



/*  footer
----------------------------------------------------------*/
#footer-bottom {
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
footer #footer-bottom h2.nttme-logo {
	float: right;
	display: inline-block;
	width: 160px;
	height: 48px;
	margin: 0;
	font-size: 1px;
	text-indent: -9999px;
	background: url(/images/pc/common/nttme-logo-w.svg) no-repeat;
	background-size: 85% auto;
}
@media screen and (max-width: 960px) {
	#footer-bottom {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	div#footer-logos {
		margin: 10px auto 0 auto;
	}
}



/*  
----------------------------------------------------------*/
.pc {display: block;}
.sp {display: none;}
@media screen and (max-width: 767px) {
	.pc { display: none; }
	.sp { display: block; }
}

em {font-style: normal; font-weight: bold;}

.fs85p{font-size:85%;}

.txt-c {text-align: center !important;}

.txt-u {text-decoration: underline !important;}

.ws-n {white-space: nowrap;}

.dis-ib {display: inline-block;}

table th {text-align: center !important;}

.vt {vertical-align: top !important;}

.simple_red {
	color: #F00 !important;
}

.border-box-container999 {
	border: solid 1px #999;
	margin: 0;
	padding: 20px;
	background-color: #fff;
}
@media screen and (max-width: 960px) {
	.border-box-container999 {
		border: solid 1px #999;
		box-sizing: border-box;
		padding: 20px;
		margin: 0px;
		background-color: #fff;
		overflow: hidden;
	}
}



/* width */
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w50p {width: 50% !important;}
.w55p {width: 55% !important;}
.w60p {width: 60% !important;}
.w65p {width: 65% !important;}
.w70p {width: 70% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w85p {width: 85% !important;}
.w90p {width: 90% !important;}
.w95p {width: 95% !important;}
.w100p {width: 100% !important;}

.w300 {width: 300px !important;}
.w400 {width: 400px !important;}

/* margin */
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}

/* padding */
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}

.pl0 {padding-left: 0 !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}

.pr0 {padding-right: 0 !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}


/*  adobe
----------------------------------------------------------*/
#adobe {
	margin: 30px 0;
	padding: 30px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}