﻿@charset "UTF-8";
.notice{color:#ff3333;}
 /* PC */

@media print, screen and (min-width:640px) {
	

#wrapper {
width:100%;
	margin: 0 auto;
    padding: 0;
	background-color :#fff;
}
.wrapper-inn {
max-width:960px;
	margin: 0 auto;
    padding: 0;
	    padding-bottom: 0px;
	background-color :#cccccc;
}
.wrapper-innBG {
max-width:960px;
	margin:0 auto 50px;
    padding:2% 0;
	text-align:center;
	background-color :#cccccc;
	background:url(../img/mypage/mypage_bg.png) ;
}

/* ヘッダー */
header{
	width:100%;
	height:100px;
	margin: 0;
	background:#ccc;
}
header .h-wrap{
	max-width:796px;
	height: 100px;    
	margin:0 auto;
	padding:0;
	text-align:right;
	border:#000 solid 1px;
}


/* コンテンツ */
.contents1-wrap{
	width:100%;
	max-width:796px;
	margin:0px auto 0;
	padding-top:60px;
}
.pt20{
	padding-top:20px;
}
.contents2-wrap{
	max-width:796px;
	margin:0 auto;
	text-align:center;

	}
.contents3-wrap{
	width:10%;
	min-width:80px;
	margin:60px auto;
	text-align:center;
}
.contents4-wrap{
	max-width:796px;
	margin:0 auto;
	text-align:center;
font-size:0.75em;
	margin-bottom:10px;
	}
.contents-inn{
	margin:0 auto;
	text-align:center;
	//border:#000 solid 1px;
}

/* mypage */
/* ユーザー情報帯 */ 

.UserINFO{
margin:0 auto 20px;
height:100px;
}
.UserINFO-L{
width:36%;
height:62px;
color:#fff;
padding-top:48px;
padding-left:9%;
text-align:left;
background:url(../img/mypage/topL_bg.png) repeat-x;
float:left;
}
.UserINFO-R{
width:50%;
height:62px;
color:#fff;
padding-top:49px;
padding-right:5%;
font-size:0.9em;
text-align:right;
background:url(../img/mypage/topR_bg.png) repeat-x ;
background-position : right top;
float:right;
}

/* mypageメールについてのメッセージ */ 
.mTXT{
max-width:640px;
width:80%;
margin:0px auto 40px;
text-align:left;
padding:3px 10px;
font-size:0.9em;
background:#f2f2f2;
border:#2d3950 solid 1px;
}

/* ニュース帯 */ 

.NEWS-BOX{
width:90%;
margin:10px auto 50px;
background:#2d3950;
	//border:#000 solid 1px;
}
.NEWS-BOX-L{
width:19%;
color:#fff;
padding:0.5%;
text-align:center;
background:#2d3950;
float:left;
}
.NEWS-BOX-R{
width:79%;
padding:0.5%;
background:#fff;
float:left;
}
.NEWS-BOX-R1{
width:24%;
color:#2d3950;
padding:0 0.5%;
text-align:right;
background:#fff;
float:left;
}
.NEWS-BOX-R2{
width:74%;
color:#0071bc;
padding:0 0.5%;
text-align:left;
background:#fff;
float:left;
}

/* ページタイトルロゴ */ 

.TITLE-BOX{
width:100%;
margin:20px auto 0;
text-align:center;
}
.TITLE-BOX .logo{
width:25%;
margin:0 auto ;
padding-bottom:10px;
}
.TITLE-BOX .txt-login{
width:65%;
margin:0 auto 10px;
}
.TITLE-BOX .txt-repass{
width:45%;
margin:0 auto;
}
.TITLE-BOX .txt-menu{
width:25%;
margin:0 auto;
}
.TITLE-BOX .txt-webmail{
width:50%;
margin:0 auto;
}
.TITLE-BOX .txt-toi{
width:25%;
margin:0 auto;
}
.TITLE-BOX .txt-thanks{
width:75%;
margin:0 auto;
}
.TITLE-BOX .txt-kojin{
width:50%;
margin:0 auto;
}
.TITLE-BOX .txt-info{
width:45%;
margin:0 auto;
}
.TITLE-BOX .txt-licence{
width:45%;
margin:0 auto;
}
.TITLE-BOX .txt-mboard{
width:45%;
margin:0 auto;
}
.TITLE-BOX .txt-movie{
width:45%;
margin:0 auto;
}
.TITLE-BOX .txt-tmail{
width:50%;
margin:0 auto;
}
.TITLE-BOX .txt-hotline{
width:50%;
margin:0 auto;
}


/* メニューページボタン */ 

.BUT-BOX{
width:100%;
margin:10px auto;
//border:#000 solid 1px;
}
.BUT-BOX-L{
width:49%;
padding:0.5%;
text-align:center;
float:left;
}
.BUT-BOX-R{
width:49%;
padding:0.5%;
text-align:center;
float:left;
}

/* メニューページメール設定 */ 
.mail-info{margin: 20px 0 0px}
 .mail-info span{
	width:100%;
padding:10px 15px;
	margin: 0 auto;
	text-align: center;
		font-size: 1.2em;
	color: #2d3950;
	border: #2d3950 1px solid;
}


/* メッセージボード */ 

.mboard-BOX{
margin:0 auto 50px;
}

#board-textarea {
width: 100%;
height: 15em;
font-size:1em;
background-color:#2d3950;
color:#fff;
padding: 0.5em;
//border:#000 solid 1px;
}

/* 動画 */ 
.movie-BOX{
width: 100%;
margin:0 auto 50px;
background-color:#2d3950;
color:#fff;
border:#2d3950 solid 5px;
}

.movie-BOX p{
margin: 50px auto;
}


/* 問い合わせページ */ 

.TOI-BOX{
width:80%;
margin:20px auto;
//border:#000 solid 1px;
}
.discription{
width:96%;
margin:10px auto 20px;
padding:2%;
text-align:left;
color:#2d3950;
background:#f5f5f5;
}

table.toi-table {
width:100%;
border-collapse:separate;
border-spacing:0 5px;
}
table.toi-table tbody th {
width:100px;
	background:#2d3950;
	color:#FFF;
	padding:5px 10px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
table.toi-table tbody td {
	background:#FFF;
	padding:5px 10px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
}
 
.TOI-BUT{
 margin: 0px auto ;
text-align:right;
}
	
.TOI-BUT img{
width:100px;
 margin: 0 0 0 10px;
text-align:right;
border:#2d3950 solid 1px;
}
 #toi-input1 { 
width: 100%;
font-size:1em;
 }

#toi-textarea1 {
width: 100%;;
height: 10em;
font-size:1em;
}
input#submit_b01 {
width:15%;
padding:2px;
color:#fff;
background:#2d3950;
 margin: 5px 0 5px;
border:#2d3950 solid 1px;
}
input#submit_b02 {
width:15%;
padding:2px;
color:#2d3950;
background:#fff;
 margin: 5px 0 5px;
border:#2d3950 solid 1px;
}
button {
padding:0px;
margin:5px 0;
background:#ccc;
border:#2d3950 solid 0px;
}

/* thanksページ */ 
.tL{font-size:1.250em;}
.tM{font-size:1em;}
.tS{font-size:0.75em;}
.THANKS-BOX img{
	width:40%;
}

	
/* ホットラインページ */ 
.HL-LINK-BOX{
	width:10%;
	margin:0px auto 50px;	
	padding:0px auto ;
	}
	
	
.HL-BOX{
width:80%;
margin:20px auto;
//border:#000 solid 1px;
}
.HL-BOX2{
width:80%;
	font-size: 1.25em;
	font-weight: 600;
  min-height: calc(100vh - 535px);
margin:40px auto;
//border:#000 solid 1px;
}


table.HL-table {
width:100%;
border-collapse:separate;
border-spacing:0 5px;
}
table.HL-table tbody th {
width:100px;
	background:#6882b3;
	color:#FFF;
	padding:5px 10px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
table.HL-table tbody td {
	background:#FFF;
	padding:5px 10px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
}
 
.HL-BUT{
 margin: 0px auto ;
	text-align:right;
}
.HL-BUT img{
width:100px;
 margin: 0 0 0 10px;
text-align:right;
border:#2d3950 solid 1px;
}
.HL-BUT2{
 margin: 20px auto ;
	text-align:center;
}
.HL-BUT2 img{
width:100px;
 margin: 0 0 0 10px;
text-align:right;
border:#2d3950 solid 1px;
}
#HL-input1 { 
width: 100%;
font-size:1em;
 }

#HL-textarea1 {
width: 100%;;
height: 10em;
font-size:1em;
}
	

	
/* ライセンスページ */ 
.LICENCE-BOX{
width:90%;
margin:20px auto;
text-align:left;
//border:#000 solid 1px;
}
.bought{
width:100%;
padding:5px;
background:#ccc;
}

.licence-table td{
width:33% !important;
max-width:33% !important;
//border:#000 solid 1px;
}
.licence-table img{
max-width:240px;
//border:#000 solid 1px;
}

.L-table {
width:100%;
margin-bottom:20px;
text-align:left;
//border:#2d3950 solid 1px;
}
.L-BOX{
width:30%;
margin:10px 1% 0 0;
padding:0px;
float:left;
}

.L-OP{
margin:10px  0 ;
}
.lic img{
width:30%;
}
.lic-txt{
margin:10px 0;
padding:5px;
color:#fff;
background:#2d3950;
border:#2d3950 solid 1px;
}
.lic-total{
margin:10px 0 20px;
padding:5px;
color:#2d3950;
border:#2d3950 solid 1px;
text-align:right;
}
.LICENCE-BUT{
 margin: 20px auto;
	text-align:right;
}
input#submit_b03 {
width:15%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}
input#submit_b04 {
width:15%;
color:#2d3950;
background:#fff;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}
input#submit_b05 {
width:25%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}

/* 個人情報ページ */ 
.KOJIN-BOX{
width:80%;
margin:20px auto;
//border:#000 solid 1px;
}
table.kojin-table {
margin-bottom:30px;
width:100%;
border-collapse:separate;
border-spacing:0 5px;
}
table.kojin-table tbody th {
width:100px;
	background:#2d3950;
	color:#FFF;
	padding:5px 10px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
table.kojin-table tbody td {
	background:#FFF;
	padding:5px 10px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
}
input#submit_button {
    background-color: #666;
    color: #fff;
    border-style: none;
	padding:0px 5px;
	border-radius:3px;
	font-size:1em;
}
/* インフォページ */ 
.INFO-BOX{
overflow-y:scroll;
width:85%;
height:250px; 
margin:20px auto;
	background:#a3a3a4;
//border:#000 solid 1px;
}

table.info-table {
width:100%;
border-collapse:separate;
border-spacing:0;
}
table.info-table tbody th {
width:100px;
	background:#2d3950;
	color:#FFF;
	padding:5px 10px;
	//border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
table.info-table tbody td {
	padding:5px 10px;
	//border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
}
.titleBOX{
	background:#fff;
color:#0071bc;	
}

.mainBOX{
	background:#f5f5f5;
	border-bottom:#ccc solid 1px;
	white-space:pre-wrap;
}

/* メンテナンス中 */
	.mainte{
	min-height: calc(100vh - 680px);
	padding:120px 0;
	font-size: 2em;
	}
	
/* 各種確認ページ共通 */
.CONT-BOX{
width:90%;
margin:20px auto;
text-align:left;
border:#000 solid 1px;
}
.contTTL{
width:100%;
font-weight:bold;
font-size:1.250em;
margin:0px auto;
text-align:left;
//border:#000 solid 1px;
}
.contIMG{
width:30%;
	padding:5px 10px 0px; 
	text-align:left;
}
 .contTXT{
width:100%;
 padding:1%; 
	text-align:left;
}
.CONT-BOX-C{
width:90%;
margin:20px auto;
text-align:center;
//border:#000 solid 1px;
}
.contTTL-C{
width:100%;
font-weight:bold;
font-size:1.250em;
margin:0px auto;
text-align:center;
//border:#000 solid 1px;
}
.cont-inn{
font-weight:bold;
font-size:1em;
margin:0px auto;
text-align:left;
border:#000 solid 1px;
}

.contIMG-C{
width:30%;
	padding:5px 10px 0px; 
	text-align:center;
}
 .contTXT-C{
width:100%;
 padding:1%; 
	text-align:center;
}
 .contTXT2-C{
width:100%;
font-size:1.250em;
 padding:1%; 
	text-align:center;
}
 .contTXT3-C{
 margin: 0px auto;
width:90%;
 padding:5%; 
text-align:center;
background:#fff;
}



.cont-BUT-C{
 margin: 0px auto;
text-align:center;
}

.contNOTICE{
width:98%;
 margin:5px 0 20px;
 padding:1%; 
background:#fff;
text-align:left;
font-size:0.75em;
}
.contNOTICE-R{
width:75%;
 margin:0px 0 20px;
 padding:0; 
text-align:right;
font-size:1em;
}
.cont-BUT{
 margin: 0px auto;
text-align:right;
}
.cont-BUT2{
width:15%;
 margin: 30px auto 0;
text-align:center;
}
input#submit_cont01 {
width:15%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}
input#submit_cont02 {
width:15%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}
input#submit_cont03{
width:25%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}
 #cont-input1 { 
font-size:1em;
 }
 #cont-input2 { 
 width:40%;
font-size:1em;
 }

.movNOTICE-C{
width:95%;
 margin:10px auto 20px;
 padding:0; 
text-align:center;
font-size:0.75em;
}


/* フッター */
.footer{
	width:100%;
	height: 30px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#4d4d4d;
	color:#FFF;
}

}


/* SP */
@media screen and (max-width:640px)   {

#wrapper {
width:100%;
	margin: 0 auto;
    padding: 0;
	background-color :#fff;
}
.wrapper-inn {
	margin: 0 auto;
    padding: 0;
    padding-bottom: 0px;
	background-color :#cccccc;
}
.wrapper-innBG {
	margin:0 auto ;
    padding: 30px 0;
	text-align:center;
	background-color :#cccccc;
	background:url(../img/mypage/mypage_bg_sp.png) ;
//border:#2d3950 solid 1px;
}

header{
	width:100%;
	height:40px;
	margin: 0;
	background:#ccc;
}

/* コンテンツ */
.contents1-wrap{
	width:100%;
	margin:0px auto 0;
	padding-top:30px;
}
.contents2-wrap{
	margin:0 auto;
	text-align:center;
}
.contents3-wrap{
	width:30%;
	margin:60px auto;
	text-align:center;
}
.contents4-wrap{
	margin:0 auto;
	text-align:center;
font-size:1em;
	margin-bottom:10px;
	}

.pt20{
	padding-top:1px;
}

.contents-inn{/* mypage */
/* ユーザー情報帯 */ 

	margin:0 auto;
	text-align:center;
	//border:#000 solid 1px;
}

.UserINFO{
margin:0 auto;
}

.UserINFO-L {
width:100%;
position: relative;
}

.UserINFO-L p {
width:100%;
top: 50%;
text-align:center;
color:#fff;
font-size:1.2em;
position: absolute;
}

.UserINFO-R{
width:80%;
color:#fff;
margin:10px 0 30px;
padding:5px 10%;
line-height:2em;
font-weight:bold;
text-align:left;
background:#6882b4;
}

/* mypageメールについてのメッセージ */ 
.mTXT{
width:80%;
margin:0px auto 40px;
text-align:left;
padding:3px 10px;
font-size:0.9em;
background:#f2f2f2;
border:#2d3950 solid 1px;
}


/* ニュース帯 */ 

.NEWS-BOX{
width:90%;
margin:10px auto 5px;
	//border:#000 solid 1px;
}
.NEWS-BOX-L{
width:90%;
color:#fff;
padding:1% 5%;
text-align:left;
background:#2d3950;

}
.NEWS-BOX-R{
width:90%;
background:#fff;
padding:0 5% 1%;
text-align:left;
}

.NEWS-BOX-R1{
width:100%;
background:#fff;
text-align:left;
padding:1% 0;
}
.NEWS-BOX-R2{
width:100%;
background:#fff;
text-align:left;
color:#0071bc;
}
/* ページタイトルロゴ */ 


.TITLE-BOX{
width:90%;
margin:50px auto 0px;
padding-bottom:5px;
}
.TITLE-BOX .logo{
width:50%;
margin:0 auto 10px;
}
.TITLE-BOX .txt-login{
width:80%;
margin:0 auto;
}
.TITLE-BOX .txt-repass{
width:90%;
margin:0 auto;
}
.TITLE-BOX .txt-menu{
width:50%;
margin:0 auto;
}
.TITLE-BOX .txt-webmail{
width:90%;
margin:0 auto;
}
.TITLE-BOX .txt-toi{
width:50%;
margin:0 auto;
}
.TITLE-BOX .txt-kojin{
width:90%;
margin:0 auto;
}
.TITLE-BOX .txt-info{
width:90%;
margin:0 auto;
}

.TITLE-BOX .txt-licence{
width:90%;
margin:0 auto;
}

.TITLE-BOX .txt-mboard{
width:90%;
margin:0 auto;
}
.TITLE-BOX .txt-movie{
width:90%;
margin:0 auto;
}
.TITLE-BOX .txt-tmail{
width:90%;
margin:0 auto;
}


/* メニューページボタン */ 
.BUT-BOX{
width:90%;
margin:10px auto;
//border:#000 solid 1px;
}
.BUT-BOX-L{
width:100%;
text-align:center;
}
.BUT-BOX-R{
width:100%;
text-align:center;
}

/* メニューページメール設定 */ 
.mail-info{margin: 20px 0 0px}
 .mail-info span{
	width:100%;
padding:10px 15px;
	margin: 0 auto;
	text-align: center;
		font-size: 1.2em;
	color: #2d3950;
	border: #2d3950 1px solid;
}
	
	
/* メッセージボード */ 

.mboard-BOX{
margin:0 auto 50px;
}

#board-textarea {
width: 100%;
height: 15em;
font-size:1em;
background-color:#2d3950;
color:#fff;
padding: 0.5em;
//border:#000 solid 1px;
}

/* 動画 */ 
.movie-BOX{
width: 100%;
margin:0 auto 50px;
background-color:#2d3950;
color:#fff;
border:#2d3950 solid 5px;
}
.movie-BOX p{
margin: 50px auto;
}



/* 問い合わせページ */ 

.TOI-BOX{
width:90%;
margin:20px auto;
//border:#000 solid 1px;
}

.discription{
width:96%;
margin:10px auto 30px;
padding:2%;
text-align:left;
color:#2d3950;
background:#f5f5f5;
}

table.toi-table {
width:100%;
border-collapse:separate;
border-spacing:0 2px;
}
table.toi-table tbody th {
display:block;
width:98%;
	background:#2d3950;
	color:#FFF;
	padding:5px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
table.toi-table tbody td {
width:98%;
	display:block;
	background:#FFF;
	padding:5px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
}


 #toi-input1 { 
width: 99%;
font-size:1em;
 }

#toi-textarea1 {
width: 99%;
height: 10em;
font-size:1em;
}


.TOI-BUT{
width:96%;
 margin: 10px auto 0px;
text-align:center;
}
input#submit_b01 {
width:45%;
background:#2d3950;
    color: #fff;
    border-style: none;
	padding:0 5px;
	border:#2d3950 solid 1px;
}
input#submit_b02 {
width:35%;
margin-top:5px;
background:#fff;
    color: #fff;
    border-style: none;
	padding:0 5px;
	border:#2d3950 solid 1px;
}

button {
padding:0px;
background:#ccc;
border:#2d3950 solid 1px;
}
button#b1{
padding:0px;
background:#2d3950;
border:#2d3950 solid 1px;
}
button#b2{
margin:10px auto 30px;
padding:0px;
background:#fff;
border:#2d3950 solid 1px;
}



/* ホットラインページ */ 
.HL-LINK-BOX{
	width:20%;
	margin:0px auto 50px;	
	padding:0px auto ;
	}
	

.HL-BOX{
width:90%;
margin:20px auto;
//border:#000 solid 1px;
}
.HL-BOX2{
width:80%;
	font-size: 1.25em;
	font-weight: 600;
margin:30px auto 60px;
//border:#000 solid 1px;
}



table.HL-table {
width:100%;
border-collapse:separate;
border-spacing:0 2px;
}
table.HL-table tbody th {
display:block;
width:98%;
	background:#6882b3;
	color:#FFF;
	padding:5px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
table.HL-table tbody td {
width:98%;
	display:block;
	background:#FFF;
	padding:5px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
}


 #HL-input1 { 
width: 99%;
font-size:1em;
 }

#HL-textarea1 {
width: 99%;
height: 10em;
font-size:1em;
}


.HL-BUT{
width:96%;
 margin: 10px auto 0px;
text-align:center;
}	
	
	
	
/* thanksページ */ 
.tL{font-size:1.250em;}
.tM{font-size:1em;}
.THANKS-BOX img{
	width:90%;
}
/* ライセンスページ */ 
.LICENCE-BOX{
width:90%;
margin:20px auto;
text-align:left;
//border:#000 solid 1px;
}
.bought{
width:100%;
padding:5px;
background:#ccc;
}
.licence-table td{
width:33% !important;
max-width:33% !important;
//border:#000 solid 1px;
}
.licence-table img{
max-width:150px;
//border:#000 solid 1px;
}

.L-table {
width:100%;
margin-bottom:20px;
text-align:left;
//border:#2d3950 solid 1px;
}
.L-BOX{
width:100%;
margin:10px 1% 30px 0;
padding:0px;
}
.L-OP{
margin:10px  0 20px;
}

 
.LICENCE-BUT{
 margin: 20px auto;
	text-align:center;
}
input#submit_b03 {
width:45%;
color:#fff;
background:#2d3950;
 margin: 0 auto;
border:#2d3950 solid 1px;
}
input#submit_b04 {
width:25%;
color:#2d3950;
background:#fff;
 margin: 0 auto;
border:#2d3950 solid 1px;
}

input#submit_b05 {
width:60%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}

.lic img{
width:90%;
}
.lic-txt{
margin:10px 0;
padding:5px;
color:#fff;
background:#2d3950;
border:#2d3950 solid 1px;
}
.lic-total{
margin:10px 0 20px;
padding:5px;
color:#2d3950;
border:#2d3950 solid 1px;
text-align:right;
}


/* 個人情報　ページ */ 
.KOJIN-BOX{
width:90%;
margin:20px auto 50px;
//border:#000 solid 1px;
}

table.kojin-table {
width:100%;
margin: 0 auto 30px;
border-collapse:separate;
border-spacing:0 2px;
}
table.kojin-table tbody th {
display:block;
width:98%;
	background:#2d3950;
	color:#FFF;
	padding:5px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
table.kojin-table tbody td {
width:98%;
	display:block;
	background:#FFF;
	padding:8px 5px;
	border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
}

input#submit_button {
    background-color: #666;
    color: #fff;
    border-style: none;
	padding:0 5px;
	border-radius:3px;
	font-size:1em;
}



/* インフォ　ページ */ 

.INFO-BOX{
width:90%;
margin:20px auto;
//border:#000 solid 1px;
margin-bottom:50px;
}

table.info-table {
width:100%;
margin: 0 auto;
border-collapse:separate;
border-spacing:0;
}
table.info-table tbody th {
display:block;
width:98%;
	background:#2d3950;
	color:#FFF;
	padding:5px;
	//border:#2d3950 solid 1px;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
table.info-table tbody td {
width:98%;
	display:block;
	padding:8px 5px;
	vertical-align:top;
	text-align:left;
}
.titleBOX{
	background:#fff;
	color:#0071bc;

}
.mainBOX{
	background:#f5f5f5;
	white-space:pre-wrap;
	word-wrap: break-all;
}
/* メンテナンス中 */
	.mainte{
	min-height: calc(100vh - 640px);
		padding:60px 0;
	font-size: 1.25em;
	font-weight: 600;
	}
	

/* 各種確認ページ共通 */
.CONT-BOX{
width:90%;
margin:20px auto;
text-align:center;
//border:#000 solid 1px;
}
 .CONT-BOX-C{
width:90%;
margin:20px auto;
text-align:center;
//border:#000 solid 1px;
}

.contTTL {
width:100%;
font-weight:bold;
font-size:1.250em;
margin:0px auto 10px;
text-align:center;
//border:#000 solid 1px;
}
 .contTTL-C{
width:100%;
font-weight:bold;
font-size:1.250em;
margin:0px auto 10px;
text-align:center;
//border:#000 solid 1px;
}


.contIMG{
width:90%;
 margin:0 auto;
	padding:5px 10px 0px; 
	text-align:left;
}
.contIMG-C{
width:30%;
	padding:5px 10px 0px; 
	text-align:center;
}

 .contTXT{
width:90%;
 margin:0 auto;
 padding:1%; 
	text-align:left;
}

 .contTXT-C{
width:100%;
 padding:1%; 
	text-align:center;
}
 .contTXT2-C{
width:100%;
font-size:1.250em;
 padding:1%; 
	text-align:center;
}
 .contTXT3-C{
 margin: 0 ;
width:100%;
padding-top:5%; 
padding-bottom:5%; 
text-align:center;
background:#fff;
}

.cont-BUT-C{
 margin: 0px auto;
text-align:center;
}
.contNOTICE{
width:98%;
 margin:5px 0 20px;
 padding:1%; 
background:#fff;
text-align:left;

}

.contNOTICE-R{
width:90%;
 margin:0px 0 20px;
 padding:0; 
text-align:right;
font-size:1em;
}
.cont-BUT{
 margin: 30px auto 0;
text-align:center;
}
.cont-BUT2{
width:45%;
 margin: 30px auto 0;
text-align:center;
}

input#submit_cont01 {
width:45%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}
input#submit_cont02 {
width:25%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}
input#submit_cont03 {
width:75%;
color:#fff;
background:#2d3950;
 margin: 0px 0 5px;
border:#2d3950 solid 1px;
}

 #cont-input1 { 
font-size:1em;
 }
 #cont-input2 { 
 width:80%;
font-size:1em;
 }

.movNOTICE-C{
width:95%;
 margin:0px auto 20px;
 padding:0; 
text-align:center;
font-size:0.75em;
}


/* フッター */
.footer{
	width:100%;
	margin:0 auto;
	margin-top:0px;
	padding:3px 0 3px;
	text-align:center;
	background:#4d4d4d;
	color:#FFF;
font-size:0.750em;
}

}
.newMarkContents{
	position:absolute;
	display:block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
	z-index:5;
}
.newMarkMessage{
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
	z-index:5;
}
