@charset "utf-8";
/* CSS Document */

/*
============================================================
 Webフォーム用追加スタイルシート
============================================================
*/

/*
================= 目次 =================

// 汎用クラス指定
//------------------------------
// 基本レイアウト
//------------------------------
// フォーム共通表示設定
//------------------------------
// 入力画面
// 確認画面
// 完了画面
//------------------------------
// CSSハック

========================================
*/
/*
============ カラースキーム ============



========================================
*/

/*-------------------------------------
// 汎用クラス指定
-------------------------------------*/	

/* 【マージン】上部 */
.mrTnone {	margin-top: 0 !important;}
.mrThalf {	margin-top: 0.5em !important;}
.mrT1    {	margin-top: 1em !important;}
.mrT1half{	margin-top: 1.5em !important;}
.mrT2    {	margin-top: 2em !important;}
.mrT2half{	margin-top: 2.5em !important;}
.mrT3    {	margin-top: 3em !important;}
.mrT4    {	margin-top: 4em !important;}
.mrT5    {	margin-top: 5em !important;}
/* 【マージン】下部 */
.mrBnone {	margin-bottom: 0 !important;}
.mrBhalf {	margin-bottom: 0.5em !important;}
.mrB1    {	margin-bottom: 1em !important;}
.mrB2    {	margin-bottom: 2em !important;}
.mrB3    {	margin-bottom: 3em !important;}
.mrB4    {	margin-bottom: 4em !important;}
.mrB5    {	margin-bottom: 5em !important;}
/* 【マージン】右部 */
.mrRnone {	margin-right: 0 !important;}
.mrRhalf {	margin-right: 0.5em !important;}
.mrR1    {	margin-right: 1em !important;}
.mrR2    {	margin-right: 2em !important;}
.mrR3    {	margin-right: 3em !important;}
.mrR4    {	margin-right: 4em !important;}
.mrR5    {	margin-right: 5em !important;}
/* 【マージン】左部 */
.mrLnone {	margin-left: 0 !important;}
.mrLhalf {	margin-left: 0.5em !important;}
.mrL1    {	margin-left: 1em !important;}
.mrL2    {	margin-left: 2em !important;}
.mrL3    {	margin-left: 3em !important;}
.mrL4    {	margin-left: 4em !important;}
.mrL5    {	margin-left: 5em !important;}
/* 【パディング】上部 */
.pdTnone {	padding-top: 0 !important;}
.pdThalf {	padding-top: 0.5em !important;}
.pdT1    {	padding-top: 1em !important;}
.pdT2    {	padding-top: 2em !important;}
.pdT3    {	padding-top: 3em !important;}
.pdT4    {	padding-top: 4em !important;}
.pdT5    {	padding-top: 5em !important;}
/* 【パディング】下部 */
.pdBnone {	padding-bottom: 0 !important;}
.pdBhalf {	padding-bottom: 0.5em !important;}
.pdB1    {	padding-bottom: 1em !important;}
.pdB2    {	padding-bottom: 2em !important;}
.pdB3    {	padding-bottom: 3em !important;}
.pdB4    {	padding-bottom: 4em !important;}
.pdB5    {	padding-bottom: 5em !important;}
/* 【パディング】右部 */
.pdRnone {	padding-right: 0 !important;}
.pdRhalf {	padding-right: 0.5em !important;}
.pdR1    {	padding-right: 1em !important;}
.pdR2    {	padding-right: 2em !important;}
.pdR3    {	padding-right: 3em !important;}
.pdR4    {	padding-right: 4em !important;}
.pdR5    {	padding-right: 5em !important;}
/* 【パディング】左部 */
.pdLnone {	padding-left: 0 !important;}
.pdLhalf {	padding-left: 0.5em !important;}
.pdL1    {	padding-left: 1em !important;}
.pdL2    {	padding-left: 2em !important;}
.pdL3    {	padding-left: 3em !important;}
.pdL4    {	padding-left: 4em !important;}
.pdL5    {	padding-left: 5em !important;}

/* フォント */
.blackFont{ color: #000;}
.redFont  { color: #F00;}
.blueFont { color: #00F;}
.grayFont { color: #444;}
.brownFont{ color: #900601;}

.normalFont { font-weight:normal !important;}
.boldFont   { font-weight:bold;}

.sizeN  { font-size: 1.0em;}
.sizeL  { font-size: 1.1em;}
.sizeLL { font-size: 1.2em;}
.sizeLLL{ font-size: 1.3em;}
.sizeXL { font-size: 1.5em;}
.sizeS  { font-size: 0.9em;}
.sizeSS { font-size: 0.8em;}
.sizeSSS{ font-size: 0.7em;}
.sizeXS { font-size: 0.5em;}

/* 文字寄せ */
.align-center {text-align: center !important;}
.align-left   {text-align: left   !important;}
.align-right  {text-align: right  !important;}

.float-left   {float:left;}
.float-right  {float:right;}
.float-clear  {clear:both;}

/* 文字装飾 */
.text-underline       {text-decoration: underline;}
.text-none-decoration {text-decoration: none;}

/* 段落インデント */
.indentN {text-indent: 1em;}
.indentS {text-indent: 0.5em;}
.indentL {text-indent: 2em;}
/* (ネガティブインデント) */
.indent-N {text-indent: -1em;   margin-left: 1em;}
.indent-S {text-indent: -0.5em; margin-left: 0.5em;}
.indent-L {text-indent: -2em;   margin-left: 2em;}

/* ボーダー */
.border-none {border: none !important;}

/* 表示設定 */
.disp-none         {display: none;}
.disp-block        {display: block;}
.disp-inline       {display: inline;}
.disp-inline-block {display: inline-block;}
.sp-inline{display:none;		/* スマホ版のみ表示(@media使用時) */}
.sp-block {display:none;		/* スマホ版のみ表示(@media使用時) */}

/* 基本リンクスタイル */
a          {color:#0000FF;	text-decoration: none;}
a:hover    {color:#F60;}
a img:hover{
	opacity: 0.80;
	-moz-opacity: 0.80; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

/* 汎用ホバー透過クラス */
.hover-opa:hover {
	opacity: 0.80;
	-moz-opacity: 0.80; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

/* 汎用外部リンクアイコン */
a.ico-extlink {
	background: url("../img/ico_extlink.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
	padding-left: 14px;
}
a.ico-extlink-right {
	background: url("../img/ico_extlink.png") no-repeat scroll right 3px rgba(0, 0, 0, 0);
	padding-right: 18px;
}
a.ico-extlink-right:hover {
	background-position: right -37px;
}
a.ico-extlink:hover {
	background-position: 0 -37px;
}

/* アンダーライン付きリンク */
a.underline       {text-decoration: underline;}
a.underline:hover {text-decoration: underline;}


/* 入力フォーム共通デザイン */
form {
	margin-top: 0.5em;
}
form input[type="text"], 
form input[type="tel"], 
form input[type="portable_tel"], 
form input[type="email"], 
form input[type="number"], 
form textarea, 
form select,
form input[type="password"] {
	background-color: #FAFCFC;
	border: 1px solid #C0C0C0;
	padding: 6px 1px 4px 5px;
	margin: 0;
}
form input[type="text"]:hover,
form input[type="tel"]:hover,
form input[type="portable_tel"]:hover,
form input[type="email"]:hover,
form input[type="number"]:hover,
form textarea:hover,
form select:hover,
form input[type="password"]:hover {
	background-color: #fffcef !important;
	border: 1px solid #A0A0A0 !important;
}
form input[type="text"]:focus, 
form input[type="tel"]:focus, 
form input[type="portable_tel"]:focus, 
form input[type="email"]:focus, 
form input[type="number"]:focus, 
form textarea:focus,
form select:focus,
form input[type="password"]:focus {
	background-color: #fffcef !important;
	border: 1px solid #EFC91D !important;
}
form input[type="checkbox"],
form input[type="radio"] {
	width: 17px;
	position: relative;
	top: 1px;
}
/* (入力最大幅) */
form input,
form textarea,
form select {
	max-width: 95% !important;
}

/* 各種インラインメッセージ表示 */
.input-note {
	font-size: 0.9em;
}
.input-error_message {
	font-size: 1.2em;
	color: #df0d0d;
	font-weight: bold;
}
.input-caution {
	font-size: 0.9em;
	color: #df0d0d;
	font-weight: bold;
}
.input-error {
	color: #df0d0d;
	font-weight: bold;
	padding: 2px 0 0 0;
	line-height: 1.3;
}

/* エラーメッセージBOX表示 */
.main-error-message {
/*	background: url("../img/ico_warn.png") no-repeat scroll 26px 50% #fff1ef;	*/
	background: url("../img/ico_warn.png") no-repeat scroll 4% 50% #fff1ef;
	border: 1px solid #ef6868;
	border-radius: 3px;
	color: #df0d0d;
	font-weight: bold;
	margin: 10px auto 20px;
/*	padding: 15px 30px 13px 55px;	*/
	padding: 15px 5% 13px 12%;
	width: 640px;
	max-width: 82%;
}
.main-error-message * {
	color: #df0d0d;
}
.main-error-message p {
	margin-bottom: 0;
}

/* ワーニングメッセージBOX表示 */
.main-notice-message {
	font-weight: bold;
	width: 640px
	padding: 15px 30px 13px;
	margin: 10px auto 20px;
	border-radius: 3px;
}


/*-------------------------------------
// 基本レイアウト
-------------------------------------*/

body {
/*
	font-size: 1.2em;
	line-height: 1.4;
*/
}


/*-------------------------------------
// フォーム共通パーツ設定
-------------------------------------*/
form .input-error,
form .hissu-icon {
	color:#c00;
}
form .hissu {
	background: url("../img/ico_hissu.png") no-repeat scroll right 1px transparent;
	padding-right: 45px;
}
form .hissu-icon {
	padding-left: 6px;
	color: #900;
}
form .input-error {
	font-size: 0.9em;
	padding-top: 3px;
}

/* 入力例 */
form .input-example {
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
	line-height: 1.3;
}
/* 入力注釈 */
form .input-note {
	font-size: 0.9em;
	font-weight: normal;
	color: #444;
	line-height: 1.2;
	margin-bottom: 4px;
	margin-left: 0px;
}

/* 入力注釈 テキストボックス下*/
form .input-note.bottom-note{
	margin-top: 6px;
}

/* 入力注釈(csv取得) */
form .input-note.getcsv {
	margin-bottom: 8px;
	text-indent: -1em;
    padding-left: 1em;
    margin-left: 6px;
}


/* 入力エラー */
form .input-error {
	margin-left: 2px;
}
/* エラーハイライト */
.err-highlight input[type="text"], 
.err-highlight textarea, 
.err-highlight select,
.err-highlight input[type="tel"],
.err-highlight input[type="portable_tel"],
.err-highlight input[type="email"],
.err-highlight input[type="number"],
.err-highlight input[type="password"],
input[type="text"].err-highlight,
textarea.err-highlight,
select.err-highlight,
input[type="tel"].err-highlight,
input[type="portable_tel"].err-highlight,
input[type="email"].err-highlight,
input[type="number"].err-highlight,
input[type="password"].err-highlight {
	background-color: #FFF3F3;
	border: 1px solid #FF6060;
}
.err-highlight input[type="checkbox"], 
input[type="checkbox"].err-highlight,
.err-highlight input[type="radio"], 
input[type="radio"].err-highlight {
	border: 1px solid #FF6060;
}

/* IME-MODE制限 */
form input.no-ime {ime-mode:disabled;}

/* ボタンレイアウト */
.reset-button,
.return-button,
.submit-button {
    text-align: center;
}
.reset-button input,
.return-button input,
.submit-button input,
.reset-button button,
.return-button button,
.submit-button button {
    text-align: center;
    margin: 1.5em 0 1em;
}
.reset-button input,
.return-button input,
.reset-button button,
.return-button button {
    min-width: 90px;
    margin: 1.9em 0 1em;
}
.submit-button input,
.submit-button button {
    min-width: 140px;
}

.submit-box {
	width: 300px;
	max-width: 94%;
	margin: 0 auto;
}

/* ボタンデザイン その１(青) */
.btn-submit-posi {
	-moz-user-select: none;
	background-color: #5190e3;
	background: linear-gradient(to bottom, rgba(87, 153, 243, 1) 0%, rgba(83, 150, 235, 1) 39%, rgba(84, 149, 233, 1) 65%, rgba(81, 144, 227, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #3A83E3;
	border-radius: 3px;
	box-sizing: border-box;
	color: #fff;
	cursor: default;
	display: block;
	text-align:center;
	font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 14px;
	font-weight: 700;
	height:     36px;
	line-height:36px;
	padding: 0;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
/*	width: 240px;	*/
/*	margin: 20px auto;	*/
}
.btn-submit-posi:hover {
	background: linear-gradient(to bottom, rgba(87, 153, 243, 1) 0%, rgba(78, 145, 230, 1) 39%, rgba(74, 139, 223, 1) 65%, rgba(66, 129, 213, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-submit-posi:active {
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* ボタンデザイン その２(黒) */
.btn-submit-nega {
	-moz-user-select: none;
	background-color: #EEE;
	background: linear-gradient(to bottom, rgba(250, 250, 250, 1) 0%, rgba(239, 239, 239, 1) 35%, rgba(236, 236, 236, 1) 70%, rgba(225, 225, 225, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #BBB;
	border-radius: 3px;
	box-sizing: border-box;
	color: #555;
	cursor: default;
	font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 13px;
	font-weight: 700;
	height: 28px;
	line-height:27px;
	padding: 0 10px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.4);
/*	margin: 0 10px;	*/
}
.btn-submit-nega:hover {
	background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%, rgba(233, 233, 233, 1) 35%, rgba(230, 230, 230, 1) 70%, rgba(215, 215, 215, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #444;
}
.btn-submit-nega:active {
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: #444;
}

.form form {
	line-height: 2.2em;
}

/*-------------------------------------
// 入力画面
//                               #index
-------------------------------------*/

/* 氏名（漢字・ふりがな） */
#index input#name,
#index input#kana,
#index input#hogo_name,
#index input#hogo_kana,
#index input#name1,
#index input#name2,
#index input#name3, 
#index input#kana1,
#index input#kana2,
#index input#kana3{
	width: 200px;
}
/* 学校名 */
#index input#school {
	width: 250px;
}
/* 学年・人数 */
#index input#grade,
#index input#num {
	width: 40px;
}
/* 郵便番号 */
#index input#zip {
	width: 80px;
}
/* 住所 */
#index input#address {
	width: 480px;
}
/* メールアドレス */
#index input#mail,
#index input#mail_re {
	width: 300px;
}

/* 電話番号 */
#index input#tel {
	width: 150px;
}

#index input#portable_tel {
	width: 150px;
	clear:both;
	//float:left;
}

.tel_title {
	width: 50px;
	float:left;
}

/* 2行用 */
.two_line {
	clear:both;
}

/* お問い合わせ内容 */
#index textarea#message {
	width: 480px;
}

/*-------------------------------------
// 確認画面
//                             #confirm
-------------------------------------*/

#confirm form div.formin.multi-row {
	line-height: 1.3em;
}


/*-------------------------------------
// 完了画面
//                            #register
-------------------------------------*/

/* 完了表示コンテンツ */
#register div#complete-area {
	min-height: 300px;
	line-height: 1.5;
	padding: 10px 0 30px 0;
	margin: 30px auto 0;
	width: 700px;
	max-width: 100%;
}

/* メイン完了メッセージ */
#register div#complete-area #complete-message {
	font-size: 1.3em;
	text-align: center;
	margin: 5px 0 25px;
}
#register div#complete-area #complete-message span.event-name {
	font-size: 1.2em;
	color: #003992;
}
/* ボックス表示 */
#register div#complete-area .box-area {
	background-color: #EFF6FF;
	padding: 15px 5%;
	margin: 10px 2%;
}
#register div#complete-area .box-area .box-title {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2;
}

/* 印刷ボタン */
.print-button {
	margin: 2em 0 0;
}
.print-button input,
.print-button button {
	min-width: 200px;
	margin: 0 auto;
}

/*-------------------------------------
// CSSハック
-------------------------------------*/

/* clearfix - 汎用 */
      .clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
      .clearfix       {	display: inline-block;}
*html .clearfix       {	height: 1%;}
      .clearfix       {	display: block;}

/*-------------------------------------
// 印刷時設定
-------------------------------------*/
@media print {
	body {
		background-color: #FFF;
	}
	#contents3 {
		box-shadow: none;
	}
	#footer{
		background-color: #FFF;
		border-bottom: none;
	}
	#footer2{
		background-color: #FFF;
	}
	/* 非表示 */
	#topcontrol {
		display: none;
	}
	.print-none {
		display: none;
	}
	#header1{
		display: none;
	}
	#contents3 h1{
		display: none;
	}
	div .close{
		display: none;
	}
}