@charset 'utf-8';

/***************************************************************/
/* 色、定型メッセージ、ボタン、画面消去                        */
/***************************************************************/
.red    { color:#ff0000; }
.blue   { color:#0000ff; }
.orange { color:#ff6600; }
.pink   { color:#ff0066; }
.black  { color:#ffffff; }
.green { color: #32C102; }

/* SP版のみ改行 */
br.sp_br{
   display: none;
}
@media screen and (max-width:768px) {
   br.sp_br {
      display: inherit;
   }
}
/* SP版のみ改行 */
br.sp_br620{
   display: none;
}
@media screen and ( max-width: 620px ) {
   br.sp_br620 {
      display: inherit;
   }
}

/* PC版のみ改行 */
br.pc_br{
   display: inherit;
}
@media screen and (max-width:768px) {
   br.pc_br {
      display: none;
   }
}

/***************************************************************/
/* ヘッダー、フッター               共通                       */
/***************************************************************/
@media screen and (max-width:768px) { /* 480px */
/*
.footer {
	height: 70px;
    }
}
*/
}

.contact_info{
	margin-top:20px;
	margin-left:50px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	line-height:1.5;
}
.copyw{
	margin-right:50px;
	padding-bottom:20px;
	font-size:10px;
	text-align:right;
}

/***************************************************************/
/* 登録画面                        */
/***************************************************************/
.abstract_red    { 
	color:#ff0000;
	line-height:1.4;
}

.mini_font { 
	font-size: 0.8em;
}

.error {
	font-size:15px;
	color:#fff;
	width:89.5%;
	padding: 0px 5px 0px 5px;
	background: #ff2929;
	border-radius: 4px;
	font-weight:bold;
	margin :0;
	line-height:1.3;
}

form#mail_form input[type="button"] {
	cursor:pointer;
	font-size: 1.4em;
	margin-bottom: 20px;
	padding: 5px 18px;	/*ボタン内の余白*/
	border-radius: 6px;	/*角丸のサイズ*/
	background: #D8D6D5; 
	background: -webkit-linear-gradient(#FFF, #D8D6D5); 	/*グラデーション*/
	background: linear-gradient(#FFF, #D8D6D5);			/*同上*/
	font-weight: bold;
/*	font-family: inherit; */
	border: 1px solid #D8D6D5; 
}
form#mail_form input[type="button"]:hover,
form#mail_form input[type="submit"]:hover {
	background: #FFF; 	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#D8D6D5, #FFF);	/*グラデーション*/
	background: linear-gradient(#D8D6D5, #FFF);	 		/*同上 e5e5e5 */
	cursor:pointer ; 
}
.closed {
	font-weight: bold;
	color: #0000ff;
}
.all_closed {
	font-weight: bold;
	color: #ff0000;
	text-align:center;
	padding-top: 30px;
}
.symposium {
	margin-left: 12px;
	padding: 3px 2px 3px 4px;
	line-height:1.3;
	border: 1px dotted #3333ff;
	font-size:0.95em;
}
.seminar_title {
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	font-size:1.7em;
}

form#mail_form input[type="button"]#clearSecurity,
form#mail_form input[type="button"]#clearElectric {
	margin-left: 25px;
	padding: 0px 6px;
	border-radius: 6px;
	font-size: 100%;
	font-family: inherit;
	-webkit-appearance: none;
}

/*----------------------------------------------
	登録画面 Notice.tpl
---------------------------------------------*/
.page_title {
	text-align:center;
	font-size: 2.0em;
	margin:0.6em auto 0 auto;
	line-height:1.4;

}
.page_title_return {
	text-align:center;
	font-size: 1.7em;
}
#top_information {
/*	BACKGROUND-COLOR: #E0FFFF; */
	width: 84%;
	margin: 12px auto;
/*	border: 1px dotted #3333ff; */
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height:1.4;
}
#top_information .system_info{
	margin-left:15px;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
}

#top_information .info_str{
	padding-top: 2px;
	margin-left:25px;
	line-height:1.5;
	font-size:1.0em;
}
#top_information .info_str li {
	font-size:14px;
	list-style:disc;
}

.require {
	font-size:20px;
	color:#FF0000;
	font-weight:bold;
}
.top_area{
	margin:0 auto;
/*	width:950px; */
	-webkit-border-radius: 4px 4px 0px 0px;
  	-moz-border-radius:  4px 4px 0px 0px;
  	border-radius:  4px 4px 0px 0px;

}
.middle_area{
	margin:0 auto;
/*	width:950px; */
}
@media screen and (min-width:769px) {
    .top_area, .middle_area {
	width:96%;
    }
}
@media screen and (max-width:768px) {
    #content, #top_area, .middle_area {
	width:100%;
    }
    .page_title_return {
	font-size:23px;
    }
    .seminar_title {
	padding: 0px 0px 3px 0px;
	font-size:1.4em;
	line-height:1.4;
    }
}

/*----------------------------------------------
/* 進行バー */
---------------------------------------------*/
table.progressTable {
    margin : 0 auto;
    width:100%;
    text-align:right;
}
.space_time {
	width:68%;
}

.this_time {
    padding-top:3px;
    background-color:#fff; /* E34E87; */
    color:#1A256A;   /* #fff */
    font-weight:bold;
    text-align:center;
    font-size:15px;
}
.next_step {
    padding-top:3px;
    background-color: #fff; /* #FCEAEE */
    color:#CCCECE;
    font-weight:normal;
    text-align:center;
    font-size:12px;
}


@media screen and ( min-width: 769px ) {
}
@media screen and ( max-width: 768px ) {
.page_title{
	margin-top:15px;
/*	font-size: 1.1em; */
	line-height:1.4;
}
#top_information {
	width: 95%;
	margin: 30px auto;
}
#top_information .system_info{
	width: 98%;
	margin-left:5px;
	font-size:calc(12px + 0.75vw);
}
}
@media screen and ( max-width: 620px ) {
.page_title{
	margin-top:30px;
/*	font-size: 1.0em; */
}
}

/*----------------------------------------------
	登録画面 個人情報
---------------------------------------------*/
textarea {
	width:80%;
	height:50px;
	padding-left:3px;
}
textarea#policy {
	width:75%;
	height:200px;
}
.scroll-area {
  overflow: scroll;
  height: 200px;
  border: 1px solid black;
  width: 100%;
}

.box {
  width: 75%px;
  height: 200px;
  margin: 10px;
  line-height:1.4;
}
/*----------------------------------------------
	確認画面
---------------------------------------------*/
.confirmMessage {
	color:red;
	text-align:center;
	font-weight:bold;
}
@media screen and (max-width:768px) {
    .confirmMessage {
	color:red;
	text-align:left;
	font-weight:bold;
	line-height:1.3;
	padding-left:4px;
	padding-right:4px;
    }
}

/*----------------------------------------------
	完了ページ
---------------------------------------------*/
form#mail_form .completeBox1 {
	text-align:left;
	width: 90%;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom:20px;
        line-height:130%;
    font-weight:bold;
	font-size:120%;
}
form#mail_form .completeBox2 {
	text-align:left;
	width: 90%;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom:20px;
/*	padding: 0px 0px 6px 52px; */
        line-height:130%;
	font-size:110%;
}
form#mail_form .completeBox2 a {
	color :#ff0000;
}

form#mail_form .completeBox3 {
	text-align:left;
	width: 90%;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom:10px;
/*	padding: 8px 0px 1px 52px; */
	font-size:85%;
}

.complete_item {
	text-align:left;
	width: 75%;
	margin: 0 auto;
}
.complete_item dl {
        line-height:185%;
}
.complete_item dl dt {
	font-weight:bold;
}
.complete_item dl dd {
	color:#3D6C4F;
	padding-left:12px;
}


/***************************************************************/
/* エラー画面                                                  */
/***************************************************************/
.error_title {
    font-size: 1.2em;
    color: #ff0000;
    text-align:center;
    padding:10px 0px;
}
.error_detail {
    padding:30px 0px 30px 30px;
}
.errorBox {
    padding-left:10px;
}
/***************************************************************/
/* 決済画面                                                    */
/***************************************************************/
.settlement_top_message {
	font-weight:bold;
	text-align:center;
	font-size: 1.1em;
	padding-top:14px;
}
.settlement_button {
	text-align:center;
}
.cardMessage {
	font-weight:bold;
	color:#0000ff;
}
.messageSecurity {
	line-height:120%;
	font-size: 0.9em;
}
table.settlement {
    margin : 0 auto;
    width:100%;
	border-collapse:separate;
	border-spacing:1px;
	line-height:190%;
}

.settlement_retry {
	font-weight:bold;
	text-align:center;
	font-size: 1.4em;
}

.settlementMessageOrange {
	color:#ff6600;
}
@media screen and ( min-width: 769px ) {
.settlementMessageOrange {
	text-align:center;
	font-size: 1.1em;
	line-height:125%;
  }
}
@media screen and ( max-width: 768px ) {
.settlementMessageOrange {
	text-align:left;
	font-size: 1.0em;
	line-height:115%;
  }
}

form#mail_form dl dd .MessageBox {  /* Card page */
	font-size: 0.9em;
	line-height: 130%;
	padding-top:3px;
}
form#mail_form dl dd .credit_notice {  /* Card page */
	line-height: 1.2;
	font-size: 0.95em;
}

form#mail_form input[type="text"]#cardno1,
form#mail_form input[type="text"]#cardno2,
form#mail_form input[type="text"]#cardno3,
form#mail_form input[type="text"]#cardno4,
form#mail_form input[type="password"] {
	max-width: 90%;
	padding: 3px 3px; /* 1%; */
	border: 1px solid #000000;
	border-radius: 3px;
/*	background: #E8E8E8; */
	-webkit-appearance: none;
	font-size: 100%;
	outline:none;
	height:1.4em;
}
form#mail_form ul li input[type="radio"],
form#mail_form ul li input[type="checkbox"] {
	margin-right: 10px;
	margin-top: 10px;
}

form#mail_form ul li:first-child input[type="radio"],
form#mail_form ul li:first-child input[type="checkbox"] {
	margin-top: 0px;
}

form#mail_form select {
/*	font-size: 100%;
	font-family: inherit;
	margin-top: 4px; */
	height:1.7em;
	outline:none;
	border: 1px solid #000000;
	border-radius: 4px;
/*	background: #E8E8E8; */
}

/***************************************************************/
/* 決済エラー画面                                              */
/***************************************************************/
.settlement_error {
	text-align:left;
	width:600px; 
	margin-left:auto;margin-right:auto;
	margin-top:5px;
	margin-bottom:60px;
	background-color: #F5F5F5;
	padding: 12px 0px 10px 0px;

        filter: alpha(opacity=85);
        -moz-opacity:0.85;
        opacity:0.85;
	border-radius: 5px;
}
.error_back {
	margin-left:15%;
}
.errorTitle {
	text-align:center;
	font-size:18px;
	font-weight: bold;
        color: #ff0000;
	padding-top:14px;
	padding-bottom:10px;
}

/***************************************************************/
/* mac Safari                                              */
form#mail_form dl dd select.province,
/***************************************************************/
form#mail_form dl dd select.month,
form#mail_form dl dd select.year {
	width: 61px;
	height: 30px;
}


.select-css {
    display: inline-block; width: auto;
    font-size: 0.9em;
	font-family: sans-serif;
	font-weight: 400;
	color: #444;
	line-height: 1.3;
	padding: .5em 1.6em .3em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
    border: 1px solid #b6b6b6;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}