@charset "utf-8";

* {
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS Pゴシック', sans-serif;
}

body{
  background-color: #d7d7d7;
}
#ss_stage{
	width: 1260px;
	background-image: none;
	background-color: #ffffff;
  margin-top: -25px;
  position: relative;
}
#ss_container{
	width: 975px;
}
#header{
  margin-bottom: 200px;
}
/*ロゴ画像*/
#ss_stage #logo{
  margin-left: 10px;
  margin-top: 5px;
}
#ss_contents div.ss_heading01 {
  display: table;
  width: 1260px;
	min-height: 128px;
	height: 128px;
	margin :0 0 32px;
	background-image: none;
  margin-left: -142.5px;
}

#ss_contents div.ss_heading01 h1 {
	color: #0052a3;
	font-size: 30px;
	display: table-cell;
	vertical-align: middle;
  padding-left: 45px;
  background-color: #e6eef7;
  font-weight: 300;
}
#ss_contents div.ss_heading03 {
	border-bottom: 4px solid #0052a3;
	background-image :none;
}

#ss_contents div.ss_heading03 h3{
	background-image :none;
	font-size: 120%;
}

/*flow_navi*/
#navi_form{
	margin-bottom: 40px;
}
#navi_form ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#navi_form li {
	  float: none;
    position: relative;
    display: table-cell;
    height: 42px;
    padding-right: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e1e1e1;
		width: 30%;
}

#navi_form li{
  background-color: #f5f5f5;
}
#navi_form li:not(.blue_arrow):before {
    top: -1px;
    border-width: 32px 0 0 21px;
    border-top-color: #e1e1e1;
    z-index: 0;
}

#navi_form li:not(.blue_arrow) span:last-child:before {
    top: -2px;
    right: -1px;
    border-width: 32px 0 0 21px;
    border-top-color: #fff;
}

#navi_form li:not(.blue_arrow) span:last-child:after {
    bottom: -1px;
    right: 6px;
    border-width: 0 0 22px 15px;
    border-bottom-color: #e1e1e1;
}

#navi_form li.blue_arrow_comp span:last-child:before {
    top: 0;
    right: 0;
    border-width: 0;
    border-top-color: transparent;
}

#navi_form li.blue_arrow_comp span:last-child:after {
    bottom: 0;
    right:0;
    border-width: 0;
    border-bottom-color: transparent;
}

#navi_form li:not(.blue_arrow):after {
    bottom: -2px;
    right: -1px;
    border-width: 0 0 32px 21px;
    border-bottom-color: #fff;
}

#navi_form li.blue_arrow,#navi_form li.blue_arrow_comp{
	color: #ffffff;
	background-color: #2872bb;
	border-color: #2872bb;
}

#navi_form li.blue_arrow_comp::before{
	top: 0;
	right: 0;
	border-width: 0;
	border-top-color: transparent;
}
#navi_form li.blue_arrow_comp::after{
	bottom: 0;
	right: 0;
	border-width: 0;
	border-bottom-color: transparent;
}

#navi_form li.blue_arrow::before{
	top: -2px;
	right: -1px;
	border-width: 32px 0 0 21px;
	border-top-color: #fff;
}
#navi_form li.blue_arrow::after{
	bottom: -2px;
	right: -1px;
	border-width: 0 0 32px 21px;
	border-bottom-color: #fff;
}
#navi_form li span{
	display: inline-block;
	font-size: .86em;
	vertical-align: middle;
}
#navi_form li span:last-child {
    font-size: 1.28em;
    font-weight: bold;
}

#navi_form li:before, #navi_form li:after, #navi_form span:last-child:before, #navi_form span:last-child:after {
    content: '';
    position: absolute;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}
/*必須マーク*/
.ss_user_notnull{
  float: right;
	color: #ffffff;
	padding :1px 4px;
	font-size: 12px;
	vertical-align: top;
	background-color: #CE1A06;
	font-weight: bold;
	display: inline-block;
	margin-top: 1px;
  margin-left: 3px;
}
.SP_notnull{
	display: none;
}
.float_none{
  float: none;
}
/*form*/
#ss_contents .ss_form .ss_formprivacy input{
	background-color: #f1f5f6;
	border: thin solid #c3c3c3;
}

#ss_contents .ss_form .ss_formprivacy select{
	background-color: #ffffff;
}

#ss_contents .ss_form .ss_formprivacy th{
	background-color: #f5f5f5;
  width: 240px;
  color: #3d3d3d;
}

#ss_contents .ss_form .ss_formprivacy td{
	background-color: #ffffff;
	min-height: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#ss_contents .ss_form .ss_formprivacy td ul {
    display: inline-block;
}
#ss_contents .ss_form div.ss_privacy {
    border: none;
    height: 140px;
}
#ss_contents .ss_form	input[type="text"]{
  height: 28px;
  background-color: #ffffff;
}
#ss_contents .ss_form	select{
  height: 29px;
  margin-left: 2px;
  border: thin solid #c3c3c3;
}
#ss_contents div.ss_bottomComment{
  padding-top: 5px;
}
#timetable tr{
  height: 40px;
}
#ss_contents .ss_form table.ss_timetable th{
  background-color: #f5f5f5;
}
#ss_contents .ss_form table.ss_timetable td{
  background-color: #f5f5f5;
}
/*カテゴリ帯　字下げ*/
#ss_contents .ss_form table.ss_timetable .text_margin .ss_title{
  margin-left: 13px;
}
/*アンケートテーブル*/
#ss_contents .ss_form .ss_enquete th{
  width: 240px;
  background-color: #f5f5f5;
  color: #3d3d3d;
}
#ss_contents .ss_form .ss_enquete td{
  background-color: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
}
#ss_contents .ss_form .ss_enquete td input{
  margin-left: 2px;
  border: thin solid #c3c3c3;
}
#ss_contents .ss_form .ss_enquete select{
	background-color: #ffffff;
}
/*カートテーブル*/
#ss_contents .ss_form table.ss_cartTable{
  width: 975px;
}
body #ss_contents .ss_form table.ss_cartTable　th{
  background-color: #f5f5f5;
}
body #ss_contents .ss_form table.ss_cartTable　td{
  background-color: #f5f5f5;
}
/*次へボタン*/
.ss_btnArea .submit_btn{
	height: 49px;
	width: 250px;
	background-color:#0052a3;
	color: #ffffff;
	font-size: 20px;
  font-weight: bold;
	border: thin solid #0052a3;
	cursor: pointer;
  border-bottom: 3px solid #002d5a;
  margin-left: 13px;
}
.ss_btnArea .submit_btn:hover{
	background-color: #003870;
}
.submit_btn .submit_white_arrow{
	position: relative;
	display: inline-block;
}
.submit_btn .submit_white_arrow::before{
	content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
	margin-left: 20px;
}
/*戻るボタン*/
.ss_btnArea .back_btn {
	display: inline-block;
  font-size: 20px;
	width: 100px;
	height:49px;
	border: 1px solid #cccccc;
	color: #000000;
	line-height: 49px;
	text-decoration: none;
  position: relative;
  padding-left: 8px;
}
.ss_btnArea .back_btn:hover {
	border: 2px solid #c00;
	color: #c00;
	height: 47px;
	line-height: 47px;
	width: 98px;
}
.ss_btnArea .back_btn::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-left: solid 1px #4c4c4c;
  border-bottom: solid 1px #4c4c4c;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 58%;
  left: 0;
  margin-top: -9px;
  margin-left: 20px;
}

.ss_btnArea .back_btn:hover::before {
  border-left: solid 1px #c00c00;
  border-bottom: solid 1px #c00c00;
  left: -1%;
}
/*完了画面　閉じるボタン*/
.ss_close a span {
	display: inline-block;
	width: 100px;
  font-size: 20px;
	height:49px;
	border: 1px solid #cccccc;
	color: #000000;
	line-height: 49px;
	text-decoration: none;
}
.ss_close a span:hover {
	border: 2px solid #c00;
	color: #c00;
	height: 58px;
	line-height: 58px;
	width: 98px;
}
/*お問合せ*/
.contact{
	background-color: #e6eef7;
	background-image: none;
}
.contact .line04{
  font-weight: normal;
}
.contact dt{
  font-size: 15px;
  left: 15px;
}
.contact dd.line04{
  top :16px;
}
.contact dd{
  right: 110px;
}
/*footer*/
#footer{
  background-image: none;
}
#footer address{
  float: none;
  text-align: center;
  font-size: 14px!important;
}

/*詳細画面*/
#ss_contents .seminar_ap .application_submit_btn button{
  height: 49px;
  width: 250px;
  background-color: #0052a3;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  border: thin solid #0052a3;
  cursor: pointer;
  border-bottom: 3px solid #002d5a;
  margin-left: 13px;
}
#ss_contents .seminar_ap .application_submit_btn button:hover{
  background-color: #003870;
}
#ss_contents .ss_section .preview_table th{
  width: 240px;
  color: #3d3d3d;
}

#session_preview #ss_contents table tr{
  height: 40px;
}

/*無効なURLページ、メール配信停止ページ*/
body#invalidUrlPage #ss_wrapper,#mailStop #ss_wrapper{
  width: 1260px;
  background-image: none;
  background-color: #ffffff;
  margin-top: -25px;
  padding-right:0;
  padding-left:0;
}
body#invalidUrlPage #ss_wrapper #header,#mailStop #ss_wrapper #header{
  padding-top: 37px;
}

body#invalidUrlPage #ss_wrapper #logo,#mailStop #ss_wrapper #logo{
  margin-left: 10px;
  margin-top: 5px;
}
#invalidUrlPageContents {
  width: 975px;
  margin: 0 auto;
}

#invalidUrlPageContents div.ss_heading01 {
  display: table;
	min-height: 128px;
	height: 128px;
	width: 1260px;
	margin :0 0 32px;
  margin-top:20px;
  margin-left: -142.5px;
	background-image: none;
}

#invalidUrlPageContents div.ss_heading01 h1 {
	color: #0052a3;
	font-size: 30px;
	display: table-cell;
	vertical-align: middle;
  padding-left: 45px;
  font-weight: 300;
  background-color: #e6eef7;
  border-left: none;
  border-right: none;
}
/*無効なページ　閉じるボタン*/
#invalidUrlPage #ss_close p{
  background-color: #ffffff;
}
#invalidUrlPage #ss_close a{
	display: inline-block;
	width: 100px;
  font-size: 20px;
	height:60px;
	border: 1px solid #cccccc;
	color: #000000;
	line-height: 60px;
	text-decoration: none;
  margin-bottom: 15px;
}
#invalidUrlPage #ss_close a:hover {
	border: 2px solid #c00;
	color: #c00;
	height: 58px;
	line-height: 58px;
	width: 98px;
}

/*メール配信停止ページ*/
#ss_contentsNoMenu div.ss_heading01 {
  display: table;
	min-height: 128px;
	height: 128px;
	width: 1260px;
	margin :0 0 32px;
	background-image: none;
  margin-top: 20px;
  margin-left: -142.5px;
}
#ss_contentsNoMenu div.ss_heading01 h1 {
	color: #0052a3;
	font-size: 30px;
	display: table-cell;
	vertical-align: middle;
  padding-left: 45px;
  font-weight: 300;
  background-color: #e6eef7;
  border-left: none;
  border-right: none;
}
#mailStop #ss_contentsNoMenu {
    font-size: 92%;
}
#mailStop .ss_txtBoxCen{
  margin-bottom: 25px;
}
#mailStop .ss_preBox{
  margin :0 auto;
}
#mailStop #ss_userTable th{
  border-right: 1px solid #CCCCCC;
  font-weight: bold;
  text-align: left;
  border-top-style: none;
  border-left-style: none;
  padding-left: 10px;
  border-collapse: collapse;
  background-color: #f5f5f5;
  color: #3d3d3d;
  line-height: 3em;
}
#mailStop #ss_userTable td{
  border-right-style: none;
  border-bottom-style: none;
  height: 30px;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top-style: none;
  border-left-style: none;
  padding-left: 10px;
  border-collapse: collapse;
  background-color: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
}
#mailStop #ss_userTable td input[type="text"] {
    height: 28px;
    background-color: #ffffff;
    border: thin solid #c3c3c3;
    margin-right: 5px;
    width: 95%;
}


#mailStop .ss_inputBoxCen .submit_btn{
  height: 49px;
	width: 250px;
	background-color:#0052a3;
	color: #ffffff;
	font-size: 20px;
  font-weight: bold;
	border: thin solid #0052a3;
	cursor: pointer;
  border-bottom: 3px solid #002d5a;
}
#mailStop .ss_inputBoxCen .submit_btn:hover{
	background-color: #003870;
}
/*エラーページ*/
body#errorPage #ss_stage #header{
  padding-top: 37px;
}


/*以下スマホ対応*/
@media only screen and (max-width: 767px) {
  #ss_contents div.ss_heading01{
    width: 100%;
    margin-left: 0;
  }
  #ss_contents div.ss_heading01 h1 {
    padding-left: 10px;
    font-size: 18px;
  }
  /*header画像*/
  #ss_stage p#logo a img{
    height: 25px;
  }
  #ss_stage #logo{
    margin-left: -5px;
  }
#ss_contents #navi_form li{
	display: table-cell;
}
.SP_notnull{
	display: block;
}
#timetable tr{
  height: auto;
}
/*アンケートテーブル*/
#ss_contents .ss_form .ss_enquete td ,#ss_contents .ss_form .ss_enquete th,
#ss_contents .ss_form .ss_enquete tr {
  width: 90%;
}
#ss_contents .ss_form .ss_enquete select{
  width: 98%;
}
/*青下線*/
#ss_contents div.ss_heading03{
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}
#ss_contents .ss_form table{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
body #ss_contents .submit_btn{
	width: 80%;
  margin-left: 0;
}
body #ss_contents .back_btn{
	width: 77%;
	margin-bottom: 10px;
}
body #ss_contents .ss_btnArea p{
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
#confirm_form #ss_contents div.ss_btnArea p {
	margin :0;
	padding: 0;
}
dl.contact{
	background-color: #e6eef7;
	padding: 10px 5px;
}
/*カテゴリ枠*/
#ss_contents .ss_form table.ss_timetable td{
  padding-top: 15px;
}
#ss_contents .ss_form table.ss_timetable .inclass td{
  display: table-cell;
  vertical-align: middle;
}
/*詳細画面*/
#ss_contents table.ss_tableStyle01{
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
#ss_contents .ss_section .preview_table th{
  width:auto;
}
#ss_contents .seminar_ap .application_submit_btn button{
  margin-left: 0;
}

/*カートテーブル*/
#ss_stage #ss_container #ss_contents .ss_form table.ss_cartTable{
  width: 90%;
}

/*k_add*/

/*== エラーページ =======================*/
/*無効なURL*/
body#invalidUrlPage #ss_wrapper{
   width:100%;
   margin-right: auto;
   margin-left: auto;
   padding-right: 0px;
   padding-left: 0px;
}

body#invalidUrlPage #ss_wrapper #logo{
   margin-left: -5px;
   padding-top: 15px;
   margin-top: 12px;
   margin-bottom: 28px;
}
body#invalidUrlPage #ss_wrapper #header,body#mailStop #ss_wrapper #header{
  padding-top: 15px;
}

body#invalidUrlPage #ss_wrapper #logo img{
   height: 25px;
}

body#invalidUrlPage  div.ss_heading01{
   width: 100%;
   margin-left: 0;
 }
body#invalidUrlPage #ss_contentsNoMenu div.ss_heading01 h1  {
   padding-left: 10px;
   font-size: 18px;
 }
body#invalidUrlPage #ss_contentsNoMenu .ss_txtBoxCen,
body#invalidUrlPage #ss_contentsNoMenu .txtmleft,
body#invalidUrlPage #ss_contentsNoMenu .txtmtop{

   width: 95%;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   margin: auto;
   margin-bottom:5px;
}

body#invalidUrlPage #ss_contentsNoMenu #ss_close{
padding:20px 0;
width:95%;
margin:auto;
}
body#invalidUrlPage #ss_contentsNoMenu #ss_close p{
width:auto;
}
/*エラーページ*/

body#errorPage #ss_stage{
margin-top: -3px;
}
body#errorPage #ss_wrapper{
width:100%;
   margin-right: auto;
   margin-left: auto;
   padding-right: 0px;
   padding-left: 0px;
}
body#errorPage #ss_stage #header{
  padding-top: 15px;
}
body#errorPage #ss_wrapper #logo{
   margin-left: -5px;
   padding-top: 15px;
   margin-top: 12px;
   margin-bottom: 28px;
}

body#errorPage #ss_wrapper #logo img{
   height: 25px;
}

body#errorPage  div.ss_heading01{
   width: 100%;
   margin-left: 0;
 }
body#errorPage #ss_contents div.ss_heading01 h1  {
   padding-left: 10px;
   font-size: 18px;
 }
body#errorPage #ss_contents .ss_txtBoxCen_terminate{
   width: 95%;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   margin: auto;
   margin-bottom:5px;
}

}