/*
株式会社クラージュ フォーム用CSS（xs508684.xsrv.jp の WordPress テーマ courage の style.css を 2026-10-28 に移した）
*/

/**********************************************************************
[ css/common.css ]
**********************************************************************/
/* タグの初期化
------------------------------------------------- */
body, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, img, caption, fieldset, form, input, select, label {
	margin: 0;
	padding: 0;
}
*{
	margin:0px;
	padding:0px;
}
img{
	border:none;
}
table{
	border-collapse:collapse;
}
.clear_both { clear:both;}
.pr_10{
	padding-right:10px;
	padding-top:3px;
}
.mt_10{
	margin-top:10px;
}
.ml_20{
	margin-left:20px;
}
.mt_20{
	margin-top:20px;
}
.mb_10{
	margin-bottom:10px;
}
.mb_20{
	margin-bottom:20px;
}
.mr_20{
	margin-right:20px;
}
.mb_30{
	margin-bottom:30px;
}

/* サイズ */
.t09 {font-size: 9px; line-height: 100%;}
.t10 {font-size: 10px; line-height: 140%;}
.t11 {font-size: 11px; line-height: 140%;}
.t12 {font-size: 12px; line-height: 140%;}
.t13 {font-size: 13px; line-height: 140%;}
.t14 {font-size: 14px; line-height: 140%;}
.t15 {font-size: 15px; line-height: 100%;}
.t16 {font-size: 16px; line-height: 140%;}
.t18 {font-size: 18px; line-height: 140%;}
.t24 {font-size: 24px; line-height: 140%;}
.t30 {font-size: 30px; line-height: 140%;}

/* 色 */
.Black {color: #111111;}
.White {color: #ffffff;}
.Red {color: #cc0000;}
.Gray {color: #666666;}
.Gray2 {color: #333333;}
.Gray3 {color: #d8d6d0;}
.Pink {color: #ec008c;}
.Pink2 {color: #ff6699;}
.Green {color: #336633;}
.Green2 {color: #005500;}
.Orange {color: #ff6600;}
.blue {color:#159fab;}
.yellow{color: #f8ce20;}

/* その他 */
.Bold {font-weight: bold;}

/* Line系*/
.ThinGrayLine	{ margin : 0px; border : 1px solid #cccccc; padding : 0px; }
.ThinWhiteLine	{ margin : 0px; border : 1px solid #FFFFFF; padding : 0px; }
.ThinGreenLine	{ margin : 0px; border : 1px solid #B7DDB6; padding : 0px; }
.ThinOrangeLine	{ margin : 0px; border :1px solid #ff9900; padding : 0px; }
.ThinRedLine{ margin : 0px; border :2px solid #996633; padding : 0px; }
.ThinBrownLine	{ margin : 0px; border :1px solid #CC9966; padding : 0px; }

/* link系*/
a {
color:#51a8f9; text-decoration:underline;}
a:hover {
color:#3992e6;text-decoration:underline;}

#punks a {
color:#787878;text-decoration:underline;}
#punks a:hover {
color:#b4b4b4;text-decoration:none;}

#footercontainer a {
color:#707070;text-decoration:none;}
#footercontainer a:hover {
color:#2f2f2f;text-decoration:none;}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/**********************************************************************
[ css/layout.css ]
**********************************************************************/
body {
	background-color:#FFF;
	color:#434343;
	font-size:14px;
	line-height:140%;
	font-weight:normal;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* 共通コンテンツ
------------------------------------------------- */
#contents_box{
	float:left;
	width:700px;
	margin:20px 10px 20px 0px;
	overflow:hidden;
}
#pagecontents_box{
	float:left;
	width:680px;
	margin:20px 10px 20px 0px;
	overflow:hidden;
}
#side_box{
	float:left;
	width:240px;
	margin:20px 0px 20px 0px;
}
#side_box p#mobile{
	display:block;
	overflow:hidden;
	background:url(/images/s_mobile.jpg);
	width:240px;
	height:128px;
	float:left;
	line-height:384px;
	margin-bottom:10px;
}
/* Footer
------------------------------------------------- */
#footerwrap{
	height:55px;
	background:url(/images/footer_bg.jpg) repeat-x;
}
#footercontainer{
	width:950px;
	height:33px;
	margin:0px auto;
	overflow:hidden;
	padding:22px 0px 0px 0px;
}
#footer{
	overflow:hidden;
	text-align:center;
}
#footer ul{
	list-style-type:none;
}
#footer ul li{
	padding-right:2px;
	padding-left:2px;
	margin-bottom:0px;
	display: -moz-inline-box;/*for FF2*/  
	display: inline-block;/*Modern Browser & FF3*/  
}
	/* Windows IE6 only */  
	* html #footer li  
	{  
		display: inline;    
		zoom: 1;  
	}  
	/* Windows IE7 only */  
	*+html #footer li  
	{  
		display: inline;  
		zoom: 1;  
}
address{
	width:950px;
	margin:0px auto;
	font-size:12px;
	font-style:normal;
	padding:18px 0px 0px 0px;
	text-align:center;
}

/**********************************************************************
[ css/page.css ]
**********************************************************************/
#page #page_wrap{
	background:url(/images/page_bg.jpg) repeat-x;
	background-color:#FFF;
}
#page .page_inner{
	width:950px;
	margin:0px auto;
	overflow:hidden;
}
#page #page_contents{
	width:950px;
	overflow:hidden;
	margin-top:15px;
}

/* Header
------------------------------------------------- */
#headerwrap{
	width:950px;
	overflow:hidden;
	height:121px;
}
#headerwrap h1{
	width:950px;
	height:22px;
	padding:3px 0px 0px 0px;
	overflow:hidden;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
}
#header{
	width:950px;
	height:96px;
	overflow:hidden;
	background:url(/images/header_bg.jpg) no-repeat;
}
#header_member{
	width:950px;
	height:96px;
	overflow:hidden;
	background:url(/images/header_bg_member.jpg) no-repeat;
}
#header_member h2 a,
#header h2 a{
	display:block;
	overflow:hidden;
	background:url(/images/logo.jpg);
	width:270px;
	height:96px;
	float:left;
	line-height:288px;
}
#header #h_members{
	width:202px;
	height:61px;
	margin-top:21px;
	float:right;
	overflow:hidden;
}
p#bt_members{
	width:202px;
	height:61px;
	padding:0;
	overflow:hidden;
	display:inline;
	list-style:none outside none;
}
p#bt_members a{
	height:61px;
	margin:0px auto;
	display:block;
	overflow:hidden;
	line-height:183px;
	background:url(/images/bt_members.jpg) left top;
}
p#bt_members a:hover{
	background-position:left 61px;
}

/* G_navi */
#G_navi{
	width:950px;
	height:50px;
	margin:0px auto;
}
#G_navi ul{width:950px;margin:0px auto;padding:0;text-align:left;}
#G_navi li.n01{width:158px;height:50px;overflow:hidden;text-align:center;padding:0;margin:0;float:left;display:inline;list-style:none outside none;}
#G_navi li.n02{width:158px;height:50px;overflow:hidden;text-align:center;padding:0;margin:0;float:left;display:inline;list-style:none outside none;}
#G_navi li.n03{width:158px;height:50px;overflow:hidden;text-align:center;padding:0;margin:0;float:left;display:inline;list-style:none outside none;}
#G_navi li.n04{width:158px;height:50px;overflow:hidden;text-align:center;padding:0;margin:0;float:left;display:inline;list-style:none outside none;}
#G_navi li.n05{width:158px;height:50px;overflow:hidden;text-align:center;padding:0;margin:0;float:left;display:inline;list-style:none outside none;}
#G_navi li.n06{width:160px;height:50px;overflow:hidden;text-align:center;padding:0;margin:0;float:left;display:inline;list-style:none outside none;}

#G_navi li a{display:block;overflow:hidden;height:50px;line-height:150px;margin:0 auto; background-position:left -50px;}
#G_navi li.n01 a{background-image:url(/images/gnavi_01.jpg);}
#G_navi li.n02 a{background-image:url(/images/gnavi_02.jpg);}
#G_navi li.n03 a{background-image:url(/images/gnavi_03.jpg);}
#G_navi li.n04 a{background-image:url(/images/gnavi_04.jpg);}
#G_navi li.n05 a{background-image:url(/images/gnavi_05.jpg);}
#G_navi li.n06 a{background-image:url(/images/gnavi_06.jpg);}
#G_navi li a:hover{ background-position:left top;}

#page_contents ul#punks{
	list-style-type:none;
	width:950px;
	overflow:hidden;
	font-family: sans-serif;
	font-size:12px;
	color:#787878;
	margin-top:5px;
}
#page_contents ul#punks li{
	float:left;
	margin-right:10px;
}
#page_contents h3#tt_contact{
	display:block;
	overflow:hidden;
	background:url(/images/contact/tt_contact.jpg);
	width:950px;
	height:124px;
	float:left;
	line-height:372px;
	margin-top:10px;
}
#page_contents h3#tt_registration{
	display:block;
	overflow:hidden;
	background:url(/images/form/tt_registration.jpg);
	width:950px;
	height:124px;
	float:left;
	line-height:372px;
	margin-top:10px;
}
#page_contents h3#tt_members{
	display:block;
	overflow:hidden;
	background:url(/images/members/tt_members.jpg);
	width:950px;
	height:124px;
	float:left;
	line-height:372px;
	margin-top:10px;
}
#page_contents h3#tt_schedule{
	display:block;
	overflow:hidden;
	background:url(/images/members/tt_schedule.jpg);
	width:950px;
	height:124px;
	float:left;
	line-height:372px;
	margin-top:10px;
}
#page_contents h3#tt_company{
	display:block;
	overflow:hidden;
	background:url(/images/company/tt_company.jpg);
	width:950px;
	height:124px;
	float:left;
	line-height:372px;
	margin-top:10px;
}
#page_contents h3#tt_newslist{
	display:block;
	overflow:hidden;
	background:url(/images/news/tt_newslist.jpg);
	width:950px;
	height:124px;
	float:left;
	line-height:372px;
	margin-top:10px;
}
#page_contents h3#tt_about{
	display:block;
	overflow:hidden;
	background:url(/images/about/tt_about.jpg);
	width:950px;
	height:124px;
	float:left;
	line-height:372px;
	margin-top:10px;
}
#page_contents h4#txt_contact{
	display:block;
	overflow:hidden;
	background:url(/images/contact/txt.jpg);
	width:680px;
	height:66px;
	float:left;
	line-height:198px;
	margin-top:10px;
}
#page_contents h4#txt_company{
	display:block;
	overflow:hidden;
	background:url(/images/company/txt.jpg);
	width:680px;
	height:154px;
	float:left;
	line-height:462px;
	margin-top:10px;
}
#page_contents h4#txt_about{
	display:block;
	overflow:hidden;
	background:url(/images/about/txt.jpg);
	width:680px;
	height:170px;
	float:left;
	line-height:510px;
	margin-top:10px;
}
#page_contents h4#txt_registration{
	display:block;
	overflow:hidden;
	background:url(/images/registration/txt.jpg);
	width:680px;
	height:149px;
	float:left;
	line-height:447px;
	margin-bottom:10px;
}
#page_contents h4#txt_members{
	display:block;
	overflow:hidden;
	background:url(/images/members/txt.jpg);
	width:680px;
	height:100px;
	float:left;
	line-height:300px;
	margin-bottom:10px;
}
#page_contents h4#m_tt_ing{
	display:block;
	overflow:hidden;
	background:url(/images/members/tt_ing.jpg);
	width:680px;
	height:49px;
	line-height:147px;
	margin-bottom:10px;
}
#page_contents h4#m_tt_sch{
	display:block;
	overflow:hidden;
	background:url(/images/members/tt_sch.jpg);
	width:680px;
	height:49px;
	line-height:147px;
	margin-bottom:10px;
}
#page_contents h4#m_tt_future{
	display:block;
	overflow:hidden;
	background:url(/images/members/tt_future.jpg);
	width:680px;
	height:49px;
	line-height:147px;
	margin-bottom:10px;
}
#page_contents h4#m_tt_end{
	display:block;
	overflow:hidden;
	background:url(/images/members/tt_end.jpg);
	width:680px;
	height:49px;
	line-height:147px;
	margin-bottom:10px;
}
#page_contents p#info{
	display:block;
	overflow:hidden;
	background:url(/images/members/info.jpg);
	width:680px;
	height:109px;
	line-height:327px;
	margin-top:20px;
}
#page_contents #contents_inner{
	width:930px;
	background:url(/images/p_contents_bg.jpg) no-repeat;
	background-color:#FFF;
	overflow:hidden;
	padding:10px;
}
p#page_tt{
	overflow:hidden;
	background:url(/images/tt_bg.jpg);
	width:655px;
	height:26px;
	color:#004593;
	font-size:16px;
	padding:10px 0px 0px 25px;
}
.formTable{
	border:solid #ccc 1px;
	width:678px;
	margin-bottom:20px;
}
.formTable th{
	border:solid #ccc 1px;
	background:#f3fafd;
	padding:10px;
	vertical-align:top;
	width:180px;
	text-align:right;
	font-weight:normal;
	font-size:12px;
}
.formTable td{
	border:solid #ccc 1px;
	padding:10px;
	background:url(/images/p_contents_bg.jpg) no-repeat;
}
#company_box{
	width:680px;
	margin-top:20px;
}
dl.companylist{
	list-style-type:none;
	width:680px;
	overflow:hidden;
}
dl.companylist dt{
	width:110px;
	padding:5px;
	float:left;
	text-align:right;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#dfeefb;
}
dl.companylist dd{
	width:540px;
	float:left;
	margin-right:0px;
	margin-bottom:10px;
	padding:5px;
	border-bottom:#52abfe 1px dotted;
}
p#main_about{
	overflow:hidden;
	display:block;
	background:url(/images/about/about_img.jpg);
	width:680px;
	height:587px;
	line-height:1761px;
}
.membersTable{
	width:680px;
	margin-bottom:20px;
}
hr.liner{
	width:680px;
	height:18px;
	margin-bottom:10px;
	border:none;
	background:url(/images/members/liner.jpg) no-repeat;
}
.membersTable tr{
	width:680px;
	border-bottom:#06F 1px dotted;
}
.membersTable th{
	vertical-align:top;
	width:165px;
}
.membersTable td{
	width:505px;
	color:#3b3b3b;
	vertical-align:top;
	padding:5px 0px 0px 10px;
}
.error_message{
	padding-bottom:5px;
	color:#F00;
}

/*news list*/
#newslist_box{
	width:930px;
	overflow:hidden;
	padding:10px;
	margin-top:10px;
}
dl.page_news{
	list-style-type:none;
	width:930px;
	overflow:hidden;
	border-bottom:#dfdfdf 1px solid;
	padding-bottom:5px;
	margin-bottom:15px;
	font-size:13px;
}
dl.page_news dt{
	background:url(/images/top/arrow.jpg) left center no-repeat;
	float:left;
	width:80px;
	padding-left:10px;
	margin-right:10px;
}
dl.page_news dd{
	float:left;
	width:830px;
}
.e_comment{
	width:658px;
	border:1px solid #ffcc00;
	padding:10px;
	margin-bottom:20px;
}
.e_comment .e_tt{
	width:648px;
	height:15px;
	margin-bottom:10px;
	background-color:#fff4c7;
	padding:5px;
}


/**********************************************************************
[ style.css ]
**********************************************************************/
.text-center {
	text-align: center;
}
.regsit {
	width: 600px;
	margin: 0 auto 64px auto;
}
.regsit .title {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
	background-color: #f3fafd;
	padding: 8px;
}
.regsit .area-input {
	text-align: left;
	margin: 0 0 16px 0;
}
.regsit .area-input input[type="text"],
.regsit .area-input select,
.regsit .area-input textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
	box-shadow: none;
	border: 1px solid #dadada;
	padding: 8px;
}
.regsit .area-input select {
	width: 6em;
}
.regsit .area-input.age input[type="text"] {
	width: 3em;
}
.regsit .area-input.tel input[type="text"] {
	width: 4em;
}
.regsit .area-btn {
	text-align: center;
	margin: 32px 0 0 0;
}
.regist-note {
	display: block;
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
}
.btn-confirm,
.btn-back,
.btn-submit {
	width: 6em;
	box-sizing: content-box;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 16px;
	background-color: #53abff;
	box-shadow: none;
	border: 1px solid #53abff;
	color: #fff;
	padding: 16px;
	margin: 0 auto;
}
.btn-back {
	background-color: #eee;
	border: 1px solid #eee;
	color: #000;
	margin: 0 2em 0 0;
}
.btn-submit {
	background-color: #53abff;
	border: 1px solid #53abff;
}

.mw_wp_form_input .confirm_msg   { display: none; }
.mw_wp_form_confirm .confirm_msg { display: block; }
.confirm_msg {
	text-align: center;
	font-weight: bold;
	margin-bottom: 16px;
}

#page_contents h3#tt_registration {
	font-family: sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 131px;
	text-indent: 43px;
	color: #77bdf1;
}

@media only screen and (max-width: 750px) {
	#page #page_wrap {
		background-image: none;
	}
	#page .page_inner {
		width: 100%;
	}
	#headerwrap {
		width: 100%;
		height: auto;
	}
	#headerwrap h1 {
		display: block;
		width: 100%;
		height: 22px;
		box-sizing: border-box;
		background-color: #a0d9f6;
		font-family: sans-serif;
		font-weight: normal;
		font-size: 12px;
		color: #fff;
		padding: 3px 0 0 3px;
		margin: 0;
	}
	#header {
		width: 100%;
		height: auto;
		background-image: none;
	}
	#header h2 a {
		width: 200px;
		height: 71px;
		background-size: 100%;
	}
	#header #h_members { display: none; }
	#G_navi { display: none; }
	#page .page_inner{
		width: 100%;
	}
	#page #page_contents{
		width: 100%;
		margin: 0;
	}
	#page_contents ul#punks {
		display: none;
	}
	#page_contents h3#tt_registration {
		display: flex;
		align-items: center;
		float: none;
		box-sizing: border-box;
		width: 100%;
		height: calc(96vw * 0.2);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		line-height: 1;
		text-indent: 0;
		font-size: 5vw;
		padding: 0 5%;
		margin: 0;
	}
	#page_contents #contents_inner{
		width: 100%;
		box-sizing: border-box;
		background-image: none;
		background-color: #FFF;
		padding: 10px;
	}
	.regsit {
		width: 100%;
		margin: 0 auto 6% auto;
	}
	address{
		width: 100%;
		box-sizing: border-box;
	}
}
/* 2026-10-28 本番へ移したときに足したもの */
.regsit .area-input input[type="email"],
.regsit .area-input input[type="tel"] {
	width: 100%;
	box-sizing: border-box;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
	box-shadow: none;
	border: 1px solid #dadada;
	padding: 8px;
}
.regsit .area-input.tel input[type="tel"] {
	width: 12em;
	max-width: 100%;
}
.regsit .required {
	font-size: 11px;
	color: #fff;
	background-color: #e05a5a;
	padding: 1px 5px;
	margin-left: 8px;
}
.regsit .form-error {
	color: #d00;
	font-size: 13px;
	margin: 4px 0 0 0;
}
.regsit .form-message {
	text-align: center;
	margin: 0 0 16px 0;
}
.regsit .form-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.confirm_msg { display: block; }