@charset "UTF-8";
*:not(footer){
	box-sizing: border-box;
}
.title > p > small{
	font-size: 14px;
    color: #656565;
    line-height: 21px;
}
#map-canvas {
  height: 240px;
  padding: 0px;
  margin: 0 30px;
  }
  
  
.bls:before{
	content: "BLSコース(新規･更新)";
}
.onlinebls:before{
	content: "ハートコードBLSコース";
}
.onlineacls:before{
	content: "ハートコードACLSコース";
}
.acls:before{
	content: "ACLSコース(新規･更新)";
}
.acls_re:before{
	content: "ACLS更新コース";
}
.acls_pre:before{
	content: "ACLSプレコース";
}
.acls_ep:before{
	content: "ACLS－EPコース(新規･更新)";
}
.acls_eppre:before{
	content: "ACLS－EPプレコース";
}
.pears:before{
	content: "PEARSコース(新規･更新)";
}
.pals:before{
	content: "PALSコース(新規･更新)";
}
.electrocardiogram1:before{
	content: "心電図コースⅠ(不整脈標準編)";
}
.electrocardiogram2:before{
	content: "心電図コースⅡ(ST-T変化標準編)";
}
.electrocardiogram3:before{
	content: "心電図コースⅢ(不整脈上級編)";
}
.electrocardiogram4:before{
	content: "心電図コースⅣ(ST-T変化上級編その１)";
}
.electrocardiogram5:before{
	content: "心電図コースⅤ(ST-T変化上級編その２)";
}
.electrocardiogram6:before{
	content: "心電図コースⅥ(ST-T変化上級編その３)";
}
.bloodgas1:before{
	content: "血液ガスコースⅠ(理論編)";
}
.bloodgas2:before{
	content: "血液ガスコースⅡ(症例編)";
}
.vitalsigns1:before{
	content: "バイタルサインコースⅠ(ショック編)";
}
.vitalsigns2:before{
	content: "バイタルサインコースⅡ(呼吸不全編)";
}
.vitalsigns3:before{
	content: "バイタルサインコースⅢ(意識障害編)";
}
.vitalsigns4:before{
	content: "バイタルサインコースⅣ(失神編)";
}
.bloodsugar:before{
	content: "血糖コース";
}
.electrolytes:before{
	content: "電解質コース";
}
.electrolyteglucose:before{
	content: "電解質・血糖コース";
}
.cardiovascular1:before{
	content: "心血管系疾患コースⅠ(急性冠症候群編)";
}
.cardiovascular2:before{
	content: "心血管系疾患コースⅡ(胸部大動脈解離・肺塞栓症編)";
}
.cardiovascular3:before{
	content: "心血管系疾患コースⅢ(不整脈編)";
}
.cardiovascular4:before{
	content: "心血管系疾患コースⅣ(心不全・心筋炎・たこつぼ症候群編)";
}
.apoplexy1:before{
	content: "脳卒中コースⅠ(片麻痺・言語障害・意識障害編)";
}
.apoplexy2:before{
	content: "脳卒中コースⅡ(脳梗塞編)";
}
.apoplexy3:before{
	content: "脳卒中コースⅢ(見当識障害・歩行障害編)";
}
.apoplexy4:before{
	content: "脳卒中コースⅣ(頭痛・めまい・くも膜下出血編)";
}
.abruptchange1:before{
	content: "急変病態コースⅠ(標準編)";
}
.abruptchange2:before{
	content: "急変病態コースⅡ(上級編)";
}
.important:before{
	content: "重要疾患コース(テーマ別)";
}
.hs_aed:before{
	content: "ハートセーバーAEDコース";
}
  
  
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
ここから下段
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
.text-area{
  margin: 30px 30px 0;
  }
  
h6{
  font-size: 16px;
  color: #3B3B3B;
  height: 32px;
  font-weight: normal;
  position: relative;
  margin-bottom: 30px;
  }
h6 > small{
  font-size: 12px;
  color: #787878;
  line-height: 18px;
  }
h6.haveSmall{
	margin-bottom: 48px;
}
h6:before, h6:after{
  background: none repeat scroll 0 0 #eeeeee;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  }
h6:after{
  height: 2px;
  width: 120px;
  background-color: #3A9CDE;
  }
h6.haveSmall:before, h6.haveSmall:after{
  bottom: -16px;
  }
#mainContentsWrap p, #mainContentsWrap ol li,#secondtimepanel{
  color: #656565;
  font-size: 12px;
  line-height: 20px;
}
#mainContentsWrap h5 > span
{
    display:inline-block;
}

#confirmContentsWrap p{
  color: #656565;
  font-size: 12px;
  line-height: 20px;
}

div.aclspreMessage
{
    padding-bottom: 25px;
}
div.aclspreMessage p
{
    color:#e34749 !important;
}
div.aclspreMessage a
{
    font-size:12px;
    color:#e34749 !important;
    font-weight:bold;
}


@media only screen and (min-width: 540px){
  
}
@media only screen and (min-width: 760px){
  #map-canvas{
	  height: 300px;
  }
}
@media only screen and (min-width: 1024px){
  #map-canvas{
	  height: 480px;
	  margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1140px){
  
}
@media only screen and (min-width: 1440px){
  
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
コース詳細出力
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
#left_element{
	margin: 0 30px;
    top: 0;
}
ul.detail > li{
	color: #3B3B3B;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
ul.detail > li:before{
	display: inline-block;
    font-weight: normal;
    line-height: 28px;
    width: 32px;
}
div.detail
{
    display:table;
}
div.detailcol
{
    display:table-cell;
	color: #3B3B3B;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    
}
div.detailcol:nth-child(1)
{
    font-weight: normal;
    line-height: 28px;
    width: 32px;
}
div.detailrow
{
    display:table-row;    
}
div.course
{
    line-height: 20px;
    font-size: 12px;
	color:#ed3f62;
	font-weight:bold;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}    
table.detail tr > td
{
	color: #3B3B3B;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
table.detail tr > td:nth-child(1) 
{
    font-weight: normal;
    line-height: 28px;
    width: 32px;
}
table.detail tr > td.course
{
	color:#ed3f62;
	font-weight:bold;
}

ul.detail > li.place:before{
	content: "場所：";
}
ul.detail > li.date:before{
	content: "日付：";
}
ul.detail > li.time:before{
	content: "時間：";
}
ul.detail > li.datetime:before{
	content: "日時：";
}
ul.detail > li.course{
	/*content: "希望コース";*/
	color:#ed3f62;
}
.calCourseWrap 
{
    padding:10px;
}
.red
{
    color:#e34749;
}
.calCourseWrap > a
{
	border: 1px solid #6ad2e4;
	background-color: #6ad2e4;
	color:white;
    display: block;
	font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 8px 16px;
    text-align: center;
    max-width: 260px;
}
@media only screen and (min-width: 760px){
  .calCourseWrap > a{
	  border: 1px solid #3a9cde;
      color: #3a9cde;
      background-color: white;
  }
  .calCourseWrap > a:hover{
	background-color: #3a9cde;
	color: white;
  }
}
#courseInfo > a{
	color: #3A9CDE;
	font-size: 14px;
	font-weight: bold;
	margin-top: 34px;
	margin-bottom: 40px;
	display: block;
}
.aclspreCourseWrapper 
{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    margin:20px 0px;
    border:1px solid #eee;
    min-width:260px;
}
.aclspreCourseWrapper p
{
    text-align:center;
    line-height:40px !important;
}

/* その他のコース一覧 */
#otherList{
	display: none;
}
ul.others > li{
	margin-bottom: 16px;
}
ul.others > li a{
	color: #3A9CDE;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}
ul.others > li a:hover, #courseInfo > a:hover{
	text-decoration: underline;
}
/*ul.others > li a:after{
	content: " >>"
}*/
@media only screen and (min-width: 760px){
  #otherList{
	  display: block;
  }
}

.inputinfomation 
{
    border:1px solid #D8D8D8;
    padding:5px;
    margin-bottom:10px;
	/*height: 30px;*/
	width: 100%;
	/*max-width: 160px;*/
	background-color: #6AD2E4;
	border: solid 1px #6AD2E4;
	color: white;
	cursor: pointer;
}
#infomation01
{
	background-color: #fff;
	color: #656565;
	font-size:12px;
	line-height:17px;
    
}

.mailinfomation
{
    background-color:#6ad2e4;
    color:#fff;
    border-radius:6px;
    font-size:small; 
}
.backbluemsg
{
    background-color:#6ad2e4;
    color:#fff;
    border-radius:6px;
    font-size:small; 
}

h4
{
    color: #656565;
    padding-top:5px;   
    padding-bottom:10px;   
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
フォーム
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


.mode-upd
{
    margin:3px 0;
}

.mode-upd-div
{
    display:none;
	position: relative;
	/*display: inline-block;*/
	background-color:#dcdcdc;
    padding:0 3px;
}
.mode-upd-div:after_success,.mode-upd-div:after_success_aclsp, .mode-upd-div:after_applyError, .mode-upd-div:after_mailError, .mode-upd-div:after_flagError{
	content: "";
	position: absolute;
	top: -10px; left: 75%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #dcdcdc transparent;
}
.mode-acls-upd-div, .mode-aclsupd-upd-div, .mode-aclsep-upd-div, .mode-pals-upd-div, .mode-aclsonline-upd-div
{
    display:block;
}

/* タイトルに関して */
fieldset > p > span{
	/*color: #E58683;*/
	font-size: smaller;
	padding-left: 4px;
}
fieldset > p > span.red{
	color: #e34749;/*#E58683;*/
}
fieldset > p > span.redmsg{
	color: #E58683;
	font-size: small;
}
/*fieldset > p > span.bluemsg{*/
span.bluemsg{
	color: #41c6dd;
	font-size: small;
}
span.require{
	color: #E58683;
	font-size: 14px;
	/*vertical-align: text-bottom;*/
	padding-left: 4px;
}
/* 主にボックスに関して */
div#formWrap{
	margin: 0 30px;
	border-top: 1px solid #D8D8D8;
	padding-top: 40px;
	box-sizing: border-box;
}
div#confirmWrap{
	margin: 0 30px;
	border-top: 1px solid #D8D8D8;
	padding-top: 40px;
	box-sizing: border-box;
}
div#confirmWrap > fieldset > p > span{
	color: #656565;
	font-size:14px;
}

select 
{
    color:#656565;
	height: 44px;
    font-size: 16px;
	padding: 4px 8px;
	margin-bottom: 10px;
    margin-top: 4px;
}
input{
	height: 44px;
}
input, textarea{
	background-color: #FDFDFD;
	border: solid 1px #D8D8D8;
	/*padding: 8px 16px;*/
	padding: 4px 8px;
	/*margin-bottom: 16px;*/
	margin-bottom: 10px;
    margin-top: 4px;
    font-size: 16px;
}
input:focus, textarea:focus{
	background-color: #fff;
}
#name01,#name02,#nameKana01,#nameKana02,#nameAlph01,#nameAlph02
{
    width:45%;
}
.regularInput{
	width: 100%;
}/* テキストエリア以外 */
.birthdayInput{
	width: 20%;
	padding: 4px 4px;
	text-align:center;
}
textarea{
	width: 100%;
}
.formButton{
	height: 44px;
	width: 100%;
	max-width: 160px;
}
.formButton:hover{
	background-color: #6AD2E4;
	border: solid 1px #6AD2E4;
	color: white;
	cursor: pointer;
}
.formActiveButton{
	background-color: #6AD2E4;
	border: solid 1px #6AD2E4;
	color: white;
	height: 44px;
	width: 100%;
	max-width: 160px;
	cursor: pointer;
}
.formActiveButton:hover{
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -o-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
}

.other
{
    display:none;   
}
.other input[type="radio"] 
{
	height: auto;
	font-size: 16px;
}

.confirm p
{
    padding:5px 2px;
}
#cf_mode
{
    display:block;
}

@media only screen and (min-width: 760px){/*650*/
    #mainContentsWrap > div{
        padding: 0 13px;/*30px;*/
        margin: 0;
        float: left;
        width: 50%;
    }
    div#formWrap{
        border: none;
        max-width: 500px;
    }
    div#courseInfo{
        max-width: 500px;
    }
    #left_element
    {
        postion: -webkit-sticky;
        position : sticky;
    }  
}

@media only screen and (min-width: 540px){
    #confirmContentsWrap{
    }
    #confirmContentsWrap > div{
        padding: 0 30px;
        margin: 0;
        float: left;
        width: 50%;
    }
    div#confirmWrap
    {
        border: none;
        max-width: 500px;
    }
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
固定ナビゲーション
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/*
body{
	padding-bottom: 56px;
}
*/
#fixedNav{
	position: fixed;
	bottom: 0;
	width: 100%;
	box-shadow:rgba(0, 0, 0, 0.12) 0px -2px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.12) 0px -2px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.12) 0px -2px 4px 0px;
}

#fixedNav ul li a{
	width: 50%;
	float: left;
	box-sizing: border-box;
	height: 56px;
	text-align: center;
	font-size: 14px;
	padding-top: 24px;
}
#fixedNav ul li a{
	color: white;
	display: block;
	background-color: #3A9CDE;
}

#fixedNav ul li:first-child a{
	background-color: #47B0DD;
	display: inline-block;
    font-style: normal;
}
#fixedNav ul li a:before{
    font-family: FontAwesome;
}
#fixedNav ul li:first-child a:before {
    content: "\f112";
    padding-right: 8px;
}
#fixedNav ul li:last-child a:before{
	content: "\f138";
	padding-right: 8px;
}

@media only screen and (min-width: 760px){
  #fixedNav{
	  display: none;
  }
  body{
	  padding-bottom: 0;
  }
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
送信後出力エレメント
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
#after_success,#after_success_aclsp,#after_applyError,#after_mailError,#after_flagError{
	margin: 0 30px;
}
#after_success > p,#after_applyError > p,#after_mailError > p,#after_flagError > p
{
	line-height: 25px;
    text-align:center;
}
#after_success_aclsp > p
{
    line-height:25px;
    text-align:left;    
}
@media only screen and (min-width: 760px){
    #after_success_aclsp > p
    {
        text-align:center;    
    }
}
#after_success > h5,#after_success_aclsp > h5,#after_applyError > h5,#after_mailError > h5,#after_flagError > h5{
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	margin-top: 18px;
	margin-bottom: 18px;
}
#linkWrap > a ,#linkWrap2 > a ,#linkWrap3 > a ,#linkWrap4 > a ,#linkWrap5 > a{
	color: white;
	background-color: #3A9CDE;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 21px;
	padding: 18px 16px;
	margin: 16px auto;
	max-width: 280px;
}
#linkWrap > a:last-child,#linkWrap2 > a:last-child,#linkWrap3 > a:last-child,#linkWrap4 > a:last-child,#linkWrap5 > a:last-child{
	background-color: #47B0DD;
}

a.tooltip 
{
    text-decoration:underline;
}
a.tooltip:hover {
     background: #ffffff;     /* IE6以下で必要 */
     text-decoration: none;
}
a.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 8px;
     line-height: 1.6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;  
    border-radius: 8px;     
}
a.tooltip span:before
{
    display: inline-block;
    font-family: FontAwesome;
	font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    width: 20px;
    color: #2cbfd9;
    content: "\f10b";
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #333;
     border: 1px solid #cccccc;
     color: #fff;
     width: 160px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}
p.preInfoTitle
{
   width:100%;
   padding:3px 0px 3px 3px;
   color:#3a9cde !important;
   font-weight:bold;
   font-size:90% !important;
}
.showOnlineCourse{
	color: #656565;
	font-size: 12px;
	line-height: 20px;
}
.showOnlineCourse > div
{
	padding:15px 0px;
}
#rdoOnline1-01-On,
#rdoOnline1-02-On,
#rdoOnline2-04-On,
#rdoAclsOnline1-01-On,
#rdoAclsOnline1-02-On,
#rdoAclsOnline2-04-On
{
	display:none;
}
#rdoOnline1-02-On,
#rdoAclsOnline1-02-On
{
	border:3px solid #e34749;
	padding:10px 5px;
	font-weight:bold;
	color:#e34749;
}
#rdoOnline1-01-On > div,
#rdoAclsOnline1-01-On > div
{
	padding:10px 0 10px 30px;	
}
#rdoOnline1-02-On > a,
#rdoAclsOnline1-02-On > a
{
	text-decoration:underline;
}
.onlineInfo{
	color: #e34749;
	font-weight:bold;
	padding:10px 0;
	
}

@media only screen and (min-width: 540px){
	#after_success,#after_success_aclsp,#after_applyError,#after_mailError,#after_flagError{
		width: 100% !important;
	}
	#after_success > h5,#after_success_aclsp > h5,#after_applyError > h5,#after_mailError > h5,#after_flagError > h5{
		margin-top: 28px;
		margin-bottom: 38px;
	}
}
@media only screen and (min-width: 760px){
	#linkWrap,#linkWrap2,#linkWrap3,#linkWrap4,#linkWrap5{
		width: 600px;
		margin: 0 auto;
	}
	#linkWrap > a,#linkWrap2 > a,#linkWrap3 > a,#linkWrap4 > a,#linkWrap5 > a{
		width: 280px;
		float: left;
	}
	#linkWrap > a:last-child,#linkWrap2 > a:last-child,#linkWrap3 > a:last-child,#linkWrap4 > a:last-child,#linkWrap5 > a:last-child{
		margin-left: 40px;
	}
}

.cautionColor
{
	display:inline-lock;
	color:#000000;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:underline wavy #ea2b33;
}
.zipcodeInput
{
	width:30%;
}
.postal-search
{
	height:40px;	
}