@charset "utf-8";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : event.css
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contentHeader {
    background: url("../images_global/n_bg_content_h.jpg") repeat-x scroll left top transparent;
    height: 80px;
    text-align: center;
}
#contentHeader h1 {
    margin: 0 auto;
    padding-top: 30px;
    text-align: left;
    font-size:18px;
    width: 950px;
}

div#content {
	padding: 0;
}

div#container{
	padding:20px 0 0;
}

/* ==================================================================
 *  div#nTitleBlock
 * ================================================================== */

#nTitleBlock {
	width:950px;
	margin:0 auto;
	padding:0 0 10px;
	border-bottom: 1px solid #CCC;
	text-align:left;
	overflow:hidden;
}

#nTitleBlock .nTitle{
	background: url(../images_global/n_bg_title01.gif) no-repeat left top;
	padding:8px 0 0 20px;
	zoom:1;
}

#nTitleBlock .nTitle h1 {
	font-size: 184.61538%;
	font-weight: normal;
	padding: 0 0 8px;
	background:none;
	height:auto;
	text-align:left;
	line-height:1.0;
}

#nTitleBlock .nTitle p.subTitle {
	margin: 0 0 5px;
}



/* ==================================================================
 *  div#main
 * ================================================================== */
#main{
	width: 950px;
	margin: 0;
	padding: 20px 8px 25px 2px;
	float: left;
}
#main h2{
	background: url(../images_global/n_bg_h2.gif) no-repeat left center;
	font-size: 14px;
	padding: 10px 10px 0.5em 20px;
	text-align: left;
	margin-bottom: 10px;
}
#main h2 img{
	vertical-align: middle;
	margin-right: 10px;
}
#main h3 {
	color:#275e72;
	font-size:108%;
	font-weight:bold;
	border-bottom:dotted 1px #ccc;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}



/* ==================================================================
 *  div#contactContent
 * ================================================================== */
#contactContent{
	background: url(../images_global/n_bg_contents.jpg) no-repeat center top;
	/*margin-bottom: 15px;*/
	padding: 10px 0 0;
}

#contactInner{
	background: url(../images_global/n_bg_contents_btm.jpg) no-repeat center bottom;
	/*padding: 0 10px 30px;*/
	padding: 15px 14px 30px;
	/*zoom:1;*/
}

#contactInner p{
	line-height: 1.6;
}


/* link
----------------------------------------------------------- */
#contactContent .contact_link01 {
    background: url(../images_global/icon_arrow.gif) no-repeat left 0.2em;
    padding: 0 0 3px 22px;
}

#contactContent .contact_link02{
	padding: 0 0 3px 22px;

	background: url(../images_global/n_ic_external.gif) left 0.2em no-repeat;
}


/* ==================================================================
 *  #contactContent .form_table
 * ================================================================== */
#contactContent .form_table {
	border-collapse:collapse;
	/*border:solid 1px #B9BEC2;*/
	width:100%;
}
#contactContent .form_table th {
	background:#EFECE5;
	border:solid 1px #B9BEC2;
	padding:6px;
	font-weight:bold;
	line-height:1.8;
}
#contactContent .form_table td {
	border:solid 1px #B9BEC2;
	padding:7px;
	vertical-align:middle;
	text-align:left;
	background: #FFF;
	line-height:1.8;
}
#contactContent .form_table{
	margin:0 0 20px;
}
#contactContent .form_table th{
	font-size: 108%;
}
#contactContent .form_table th,
#contactContent .form_table td{
	padding:0.75em;
}

/* table option
----------------------------------------------------------- */
/* th color */
#contactContent .form_table th.color1{
	background-color:#dce7ee;/*blue*/
}
#contactContent .form_table th.color2{
	background-color:#eaf1df;/*green*/
}
#contactContent .form_table th.color3{
	background-color:#ffefef;/*pink*/
}

/* table cell option（選択ページ） */
#main #contactContent .form_table td.time {
	width:150px;
	text-align:center;
	background-color:#f4f4f4;/*gray*/
	font-weight:bold;
}
#main #contactContent .form_table td.teach {
	/*width:150px;*/
	text-align:left;
}
#main #contactContent .form_table td.join {
	/*width:110px;*/
	text-align:center;
}

#main #contactContent .form_table td ico {
	margin:0 0 5px 0;
}
#main #contactContent .form_table td p.status {
	float:left;
	display:inline;
}
#main #contactContent .form_table td p.status img {
	margin:0 5px 5px 0;
}
#main #contactContent .form_table td p.num {
	float:left;
	margin:0 0 5px 0;
	padding:5px;
	text-align:center;
	display:inline;
	color:#fff;
	background:#587bb7;
	line-height:1;
	font-size:10px;
}

/* table cell option（入力） */
#main #contactContent .form_table th.row {
	width:180px;
}
#main #contactContent .form_table td.must {
	width:24px;
	text-align:center;
}
#main #contactContent .form_table td.sample {
	width:240px;
}

/* 詳細アコーディオン */
#main #contactContent .form_table td details {
	margin-top: 1em;
}
#main #contactContent .form_table td summary {
	font-size: 1.2em;
	cursor: pointer;
}
#main #contactContent .form_table td summary:hover {
	opacity: 0.75;
}


/* ==================================================================
 * 個人情報の取り扱い
 * ================================================================== */
#contactContent .contact_understanding {
	border: 5px solid #dbe0e4;
	padding: 15px;
	margin: 0 0 20px;
}
#contactContent .contact_understanding .ss_privacy {
	/*width:880px;*/
	height:250px;
	overflow:auto;
	margin:0;
}


/* ==================================================================
 * form parts（調整用）
 * ================================================================== */
.messages {
	width: 100%;
	/*float: left;*/
	color: #03C;
	text-align: left;
	font-size: 11px;
}

.errorsBox {
	margin: 10px auto;
	padding: 20px 0;
	width: 100%;
	text-align: center;
	font-weight: bold;
	line-height: 1.8;
	color: #e00000;
	background: #ffe5e5;
	border: 1px solid #e00000;
}

.errors {
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	color: #C10202;
	margin-top:5px;
}

p.inputMemo {
	font-size:93%;
	margin-top:5px;
	padding-left:1em;
	text-indent:-1em;
}
ul.inputMemo {
	margin-top:5px;
}
ul.inputMemo li {
	font-size:93%;
	padding-left:1em;
	text-indent:-1em;
}


/* ==================================================================
 * お問い合わせエリア
 * ================================================================== */
.sectionInquiry {
	background:#f4f4f4;
	margin:0;
	padding:20px;
}
#contactContent .sectionInquiry h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:123.1%;
	color:#2d586b;
	background:none;
}


/* ==================================================================
 *  module
 * ================================================================== */
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}

.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}

.mt-15 { margin-top: -15px; }
.mt-20 { margin-top: -20px; }
.mt-25 { margin-top: -25px; }
.mt-30 { margin-top: -30px; }
.mt-35 { margin-top: -35px; }

.mb-15 { margin-bottom: -15px; }

.taC {text-align: center !important;}

.cmn_blank {
	background:url(../images/ico_extlink.gif) no-repeat right center;
 	padding-right: 20px;
	margin:0 5px 0 0;
}


/*追記*/

li.ss_input{
	float: left;
}


.ss_cell div{
	display: block;
}


.btnArea input{
	vertical-align: bottom;
}

.ss_txtRedB {
    color: #C10202;
}
.errorsBox{
	display: none;
}

.ss_leftComment,.ss_rightComment{
	font-size: 13px;
}
.ss_bottomComment{
	font-size: 93%;
}
.zip .ss_input{
	line-height: 1.2;
}

.btnArea a
{
	text-decoration: none !important;
}