@charset "utf-8";

.spNone{
	display:none;
}


#ss_stage {
	width: 100%;
	background-image: none;
	background-color: #FFFFFF;
}
#ss_container {
	width: 100%;
}
#ss_contents div.ss_heading03 h3 {
	background-image: none;
}
#ss_contents th, #ss_contents td {
	display: block;
}
#ss_container #ss_contents .ss_form .ss_formprivacy th, #ss_container #ss_contents .ss_form .ss_enquete th {
	padding-left: 3%;
	padding-right: 3%;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: none;
	height: auto;
}
#ss_container #ss_contents .ss_form .ss_formprivacy td, #ss_container #ss_contents .ss_form .ss_enquete td {
	height: auto;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-bottom: 3%;
}
#ss_contents p {
	padding: 0 8px;
}
p#logo a img {
	height: 20px;
	padding-bottom: 8px;
}
p#logo a img.company_logo
{
	max-width: 100%;
	max-height: 20px;
}
#ss_container #ss_contents .ss_form .ss_formprivacy td.zipCode {
	height: 55px;
}
#ss_container #ss_contents .ss_form .ss_formprivacy td.zipCode ul li.ss_input {
	float: left;
}
#ss_container #ss_contents .ss_form .ss_formprivacy td.zipCode .ss_cell div span.ss_rightComment {
	display: inline;
}
/*---- footer----*/

#footer {
	background-image: none;
	background-color: #F5F5F5;
	margin-left: 0;
	margin-right: 0;
	min-height: 90px;
}
#footer address {
	padding-top: 10px;
	float: none;
}
#footer ul {
	float: none;
}
#footer li {
	margin-bottom: 13px;
}
/*---- FORM----*/

#ss_container #ss_contents .ss_form .ss_formprivacy ul li.ss_input {
	float: none;
	margin: 5px 0;
}
#ss_container #ss_contents .ss_form .ss_formprivacy .ss_cell div {
	display: block;
}
#ss_contents .ss_form table.ss_enquete td ul textarea {
	width: 100%;
}
#ss_container #ss_contents .ss_form .ss_formprivacy .ss_cell div span.ss_rightComment {
	display: block;
}
#ss_contents .ss_form td table {
	width: 100%;
}
/*---- NAVI ----*/
#navi_form li.arrow {
	display: none;
}
#navi_form {
	margin-left: 5px;
	margin-right: 5px;
	height: auto;
}
#navi_form li {
	float: none;
	display: inline;
}
/*---- confirm ----*/

#ss_container #ss_contents .ss_form table.ss_cartTable {
	width: 100%;
}
#ss_container #ss_contents li.ss_input {
	float: none;
}
/*---- preview ----*/

#ss_contents table.ss_tableStyle01 th {
	width: auto;
}
.contact {
	height: auto;
	background: none;
}
.contact dt {
	position: static;
	top: 0;
	left: 0;
}
.contact dd {
	position: static;
	width: auto;
	margin-top: 10px;
}
#ss_previewPic {
	text-align: center;
}
#ss_previewPic img {
	width: 95%;
}
#ss_contents table.ss_tableStyle01 td span.ss_hallnote {
	float: none;
}
/*---- timetable ----*/

#timetable th {
	width: auto;
}
#ss_contents .ss_form table.ss_timetable th.ss_title {
	background-color: #999999;
	color: #FFFFFF;
}
#ss_contents .ss_form table.ss_timetable th {
	border-bottom: none;
}
#ss_contents .ss_form table.ss_timetable td {
	padding-bottom: 15px;
}
#ss_contents .ss_form table.ss_timetable td input {
	margin-top: 8px;
}

/*---- public ----*/

#wrapper{
	width:100%;
	background:#FFF;
}

#globalNav{
	display:none;
}

#cateTitle{
	height:auto;
}

h1#cateTitle img{
	width:100%;
}

#training_list .indexBox,#seminars_list .indexBox{
	background-image:none;
	background-color:#EEEEEE;
}
#training_list .indexBox h3,#training_list .indexBox h3 span,#seminars_list .indexBox h3,#seminars_list .indexBox h3 span{
	background:none;
	border-bottom: 1px solid #FFFFFF;
}
#training_list .indexBox h3 span.seminar_status_icon,#seminars_list .indexBox h3 span.seminar_status_icon{
	border-bottom:none;
}

#training_list .indexBox dl,#seminars_list .indexBox dl{
	width:auto;
}

#training_list .indexBox dt,#seminars_list .indexBox dt{
	float:none;
}

#training_list .indexBox dd,#seminars_list .indexBox dd{
	padding:2px 8px 10px 16px;
}

#tabArea .tab{
	background:none;
}

#tabArea .tab li{
	width:45%;
}
#tabArea .tab li img{
	width:100%;
}

#tabArea .pcNone {
    display: block;
}

#wrapper #container.onecolumn{
	margin: 10px 10px 0;
}

#sp_navi{
	display:block;
	width:auto;
	margin-top:15px;
}

#sp_navi li{
	float:none;
}

#sp_navi li img{
	width:100%;
}

.tabPanelGroup .tabPanel .title span{
	background:none;
}


/*---- responsive ----*/

#timetable th{
/*	width:80%;*/
	text-align:center;
}

.pcNone{
	display:none;
}

/***** 2016-10-3 Shanon_add *****/

/*.rate_title td,
.rate_title th{
	padding: 3px 10px !important;
	margin:0 !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*/
.col3check td{
	width: 100% !important;
	padding: 3px 10px !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.genre {
    overflow: hidden;
}
.hyoka th{
	width: 100% !important;
	padding: 3px 10px !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color:#666 !important;
	color: #FFF !important;
/*	border-bottom:1px solid #CCC !important;*/
}
.hyoka td{
	width: 100% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hyoka .ss_cell ul{
	overflow: hidden;
	display: table;
	width: 100%;
	}

.col3check .ss_cell ul{
	overflow: hidden;
	}
.hyoka label{
	display: table-cell;
	float:none;
	width:20%;
	text-align:center;
	border-right: 1px solid #ccc;
	padding: 10px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.genre .subtitle{
	padding: 5px !important;
	margin-left: 0px;
}

.col3check label{
    font-size: 0.85em;
    padding-left: 1em;
}

.rate_title{
	display: none !important;
}

.rate_cap{
	display: block;
	font-size:11px;
}

.rate_title{
	display: none;
}

.rate_cap{
	display: block;
	margin-top: 5px;
	padding: 0 5px;
}

.contact {
    height: auto !important;;
}

#pagetop {
    margin:0;
}

/*エラー文言*/

.hyoka .ss_txtRedB{
	display: table-caption;
}

.col3check .ss_txtRedB{
	padding: 5px 10px 0 0px;
}
/*エラー文言ここまで*/


/*エラーページ*/

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_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;
}
/*無効な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: 0;
}
body#invalidUrlPage #ss_wrapper #invalidUrlPageContents{
	width: 100%;
}
body#invalidUrlPage #ss_wrapper #logo img{
   height: 25px;
}

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

   width: 95%;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   margin: auto;
   margin-bottom:5px;
}
body#invalidUrlPage #invalidUrlPageContents .ss_txtBoxCen_terminate{
  margin-bottom: 25px;
}

body#invalidUrlPage #ss_contentsNoMenu #ss_close{
padding:20px 0;
width:95%;
margin:auto;
}
body#invalidUrlPage #ss_contentsNoMenu #ss_close p{
width:auto;
}


/*メール配信停止*/
body#mailStop #ss_wrapper{
width:100%;
   margin-right: auto;
   margin-left: auto;
   padding-right: 0px;
   padding-left: 0px;
}

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

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

body#mailStop  div.ss_heading01{
   width: 100%;
   margin-left: 0;
}
body#mailStop #ss_contentsNoMenu div.ss_heading01 h1  {
   padding-left: 10px;
   font-size: 18px;
}
body#mailStop #ss_contentsNoMenu .ss_txtBoxCen{
   width: 95%;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   margin: auto;
   margin-bottom:25px;
}
body#mailStop #ss_contentsNoMenu .ss_preBox{
	width: 95%;
}
body#mailStop #ss_contentsNoMenu .ss_preBox table#ss_userTable tr{
	display: block;
}
body#mailStop #ss_contentsNoMenu .ss_preBox table#ss_userTable th,
body#mailStop #ss_contentsNoMenu .ss_preBox table#ss_userTable td {
	display: block;
    width: auto;
}
body#mailStop #ss_contentsNoMenu .ss_preBox table.ss_inputwidth td input{
	width: 95%;
}
body#mailStop #ss_contentsNoMenu .ss_inputBoxCen{
	width: 100%;
}

body#mailStop #ss_contentsNoMenu #ss_close{
padding:20px 0;
width:95%;
margin:auto;
}
body#mailStop #ss_contentsNoMenu #ss_close p{
width:auto;
}