@charset "utf-8";

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

　【 Seminar css 】

　1. 共通設定
　2. 概要
　3. セミナーお申込み
　4. はじめての方へ


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

/*----------------------------------------------------------------
　1. 共通設定
----------------------------------------------------------------*/

#gloval ul { width:820px; padding:0; background:#218BCB; }


/*----------------------------------------------------------------
　2. 概要
----------------------------------------------------------------*/

#Seminar .lead {
	margin:0 5px;
	font-size: 100%;
}

#Seminar .lead p {
	margin-bottom: 15px;
	font-size: 75%;
	line-height: 160%;
}

#Seminar .lead img {
	float: right;
	margin:3px 0 0 20px;
}

#Seminar .lead .pagemenu {
	margin: 0;
	background: none;
}

#Seminar .lead .pagemenu a {
	padding-right: 16px;
	background:url(../common/images/icon_note_02.gif) no-repeat right top;
}

#Seminar h3 {
	background: #1B2071;
	width: 575px;
	padding: 6px 10px 5px 10px;
	_width: 600px;
	_padding: 8px 10px 5px 10px;
	margin: 15px 0 5px 0;
	border-left: #267CB7 5px solid;

	color:#FFF;
	font-size:75%;
	line-height:150%;
	}

#Seminar h3 select {
	float:right;
	margin:-18px 0 0 0;
	_margin:-20px 0 0 0;
}

#Seminar .list {
	border-bottom:2px solid #1B2071;
	padding:0 0 10px 0;
}

#Seminar .list li {
	font-size:65%;
	line-height:190%;
	display:inline;
	border-right:1px solid #999;
	padding:0 10px;
}

#Seminar .list02 {
	background:url(../common/images/line_dot_01.gif) repeat-x top;
	padding:10px 0 0 0;
}

#Seminar .list02 li {
	font-size:65%;
	line-height:100%;
	display:inline;
	border-right:1px solid #999;
	padding:0 5px;
}

#Seminar h4 {
	background:url(images/h4_semina_01.gif) repeat-y;
	width:600px;
	font-size:75%;
	color:#1B2071;
	padding:10px 0 8px 10px;
	margin:20px 0 10px 0;
}

#Seminar .schedule {
	background:url(images/line_seminar_01.gif) repeat-y;
	width:600px;
	padding:5px 0;
}

#Seminar .schedule02 {
	background:url(images/line_seminar_01.gif) repeat-y;
	width:600px;
	margin: 10px 0 0 0;
	padding:5px 0;
}

#Seminar .schedule .box,
#Seminar .schedule02 .box {
	clear:both;
}

#Seminar .schedule .box01,.box02,.box03,.box04,.box05 {
	font-size:65%;
	line-height: 135%;
	float:left;
	margin-bottom:8px;
}

#Seminar .schedule02 .box01,.box02,.box03,.box04,.box05 {
	font-size:65%;
	line-height: 135%;
	float:left;
	margin-bottom:8px;
}

#Seminar .schedule .box01,
#Seminar .schedule02 .box01 {
	margin:0 0 0 5px;
	width:89px;
	_width:84px;
}

#Seminar .schedule .box02,
#Seminar .schedule02 .box02 {
	margin-right: 10px;
	padding:0 0 0 12px;
	font-size:75%;
	width:272px;
	_width:284px;
}

#Seminar .schedule .box02 strong,
#Seminar .schedule02 .box02 strong {
	padding:0 1px;
	color:#FFF;
	font-size:85%;
	background:#FF0000;
}

#Seminar .schedule .box03,
#Seminar .schedule02 .box03 {
	width:100px;
	text-align:center;
	letter-spacing: 0.1em;
}

*html #Seminar .schedule .box03,
*html #Seminar .schedule02 .box03 { letter-spacing: 0; }

*:first-child+html #Seminar .schedule .box03,
*:first-child+html #Seminar .schedule02 .box03 { letter-spacing: 0; }
 

#Seminar .schedule .box04,
#Seminar .schedule02 .box04 { width:60px; text-align:center; }

#Seminar .schedule .box05,
#Seminar .schedule02 .box05 { width:50px; text-align:center; }

#Seminar .schedule .box01,.box03,.box04,.box05,
#Seminar .schedule02 .box01,.box03,.box04,.box05 {
	margin-top:2px;
}


/* セミナー説明 */

dl.Descript {
	margin:15px 12px 20px 12px;
}

dl.Descript dt {
	margin-bottom:5px;
	color:#333;
	font-size:85%;
	line-height:135%;
}

dl.Descript dd {
	margin-bottom:20px;
	font-size:75%;
	line-height:160%;
}

dl.Descript dd ul {
	margin:10px 0 30px 0;
	padding:0;
}

dl.Descript dd li {
	background:url(../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	padding-left:16px;
}


/* セミナー概要 */

#Summary {
	width:580px;
	margin:0 0 25px 10px;
}

#Summary .itembody {
	background:url(../common/images/frame_summary_03.gif) repeat-y;
	width:580px;
	padding:6px 0 20px 0;
}

#Summary .itembody h4 {
	font-size:75%;
	color:#000066;
	background:url(../common/images/bg_summary_01.gif) repeat-x bottom;
	width:544px;
	_width:554px;
	padding:6px 0 5px 10px;
	margin:0 0 15px 13px;
	line-height:150%;
}

#Summary .itembody .course {
	font-size:65%;
	margin:0 20px;
	line-height:160%;
	background:url(../common/images/line_summary_01.gif) repeat-x bottom;
	padding:0 0 15px 0;
}

#Summary .itembody .comment span{
	color:#2BB6E3;
		}

#Summary .itembody .course span {
	color:#000066;
	font-weight:bold;
}

#Summary .itembody h5 {
	font-size:75%;
	color:#000066;
	margin:15px 0 10px 25px;
	}

#Summary .itembody .comment {
	font-size:75%;
	line-height:160%;
	margin:0 25px 10px 25px;
}

#Summary .itembody strong {
	color:#333;
}

#Summary .itembody em {
	font-size:85%;
	font-weight:bold;
}

#Summary .itembody table {
	width:540px;
	margin:0 20px;
	padding:1px;
}

#Summary .itembody td.left {
	background:url(../common/images/bg_summary_02.gif) repeat;
	width:100px;
	font-size:65%;
	color:#000066;
	padding:6px 4px 6px 8px;
	text-align:left;
	font-weight:bold;
}

#Summary .itembody td.right {
	width:440px;
	font-size:75%;
	background:#FFF;
	padding:6px 4px 6px 8px;
	text-align:left;
	line-height: 150%;
}

dl.Timetable {
	margin:0 20px 20px 20px;
	padding: 0 5px 5px 5px;
	background:url(../common/images/line_summary_01.gif) repeat-x bottom;
}

dl.Timetable dt {
	color:#333;
	font-size:75%;
	line-height:125%;
	font-weight:bold;
	margin:0 0 5px 0;
}

dl.Timetable dd {
	font-size:75%;
	line-height:180%;
	margin:0pt 0pt 10px;
}

/* 体験者の声 */

#Seminar .voice {
	margin:10px 0 25px 20px;
	padding: 0 5px;
}

#Seminar .voice li {
	margin-top: 8px;
	list-style-type: disc;
	font-size:75%;
	line-height:160%;
}



/*----------------------------------------------------------------
　2. 申込みフォーム
----------------------------------------------------------------*/

#Contact .lead {
	margin:0 5px;
	font-size: 100%;
}

#Contact .lead p {
	margin-bottom: 10px;
	font-size: 75%;
	line-height: 160%;
}

#Contact .lead .pagemenu {
	margin: 0;
	background:url(../common/images/line_dot_01.gif) repeat-x bottom;
}

#Contact .lead .pagemenu a {
	padding-right: 16px;
	background:url(../common/images/icon_note_02.gif) no-repeat right top;
}

#Contact .text-nomal {
	margin:15px 10px 15px 10px;
	font-size:75%;
	line-height:160%;
}

#Contact .text-nomal span { font-size:85%; }

#Contact .btn-back ul {
	margin:10px 0 20px 0;
	padding:0 15px 30px 15px;
}

#Contact .btn-back li {
	margin-left: 10px;
	padding-left: 15px;
	background: url(../common/images/icon_arrow_01.gif) no-repeat;
	font-size: 75%;
	line-height: 100%;
}

#Contact li img {
	margin: 0 0 0 2px;
	vertical-align:-2px;
}

#Contact h3 {
	border-left:5px solid #3540C1;
	background:#1B2071;
	font-size:75%;
	color:#FFF;
	padding:8px 0 5px 8px;
	height:19px;
	_padding:10px 0 5px 8px;
	_height:32px;
	margin-top: 15px;
	margin-bottom:10px;
}

#Contact dt {
	color:#333;
	margin-bottom:10px;
	font-weight:bold;
}

#Contact dt strong { _font-size:65%; }

#Contact dd {
	line-height:160%;
	margin-left:10px;
}

#Contact dd strong { color:#FF6600; }

#Contact .lead02 {
	font-size:75%;
	line-height:160%;
	margin:0 10px 15px;
}
#Contact .lead02 span { font-size:85%; }

#Contact .lead02 span strong { color:#FF6600; }

#Contact h4 {
	background:url(images/h4_contact_01.gif) repeat-x;
	font-size:75%;
	color:#1B2071;
	height:20px;
	_height:38px;
	padding:14px 0 4px 10px;
	margin:20px 0 10px 0;
}

#Contact h5 {
	background:url(images/h5_contact_01.gif) repeat-x;
	font-size:75%;
	color:#1B2071;
	height:24px;
	_height:38px;
	padding:10px 0 4px 10px;
	_padding:12px 0 4px 10px;
	margin:20px 0 10px 0;
}

#Contact table {
	width:600px;
	font-size:65%;
}

#Contact tr.sentence { background:url(../common/images/line_dot_01.gif) repeat-x bottom; }


/* ------------------ ▼ テーブル設定 ▼ ------------------ */

#Contact td.left {
	width:164px;
	padding:7px 0 8px 12px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	font-size:125%;
}

#Contact td.left strong { color:#FF6600; _font-size:65%; }
#Contact td.left em { _font-size:65%; }
#Contact td.left span { font-size:75%; }

#Contact td.right {
	width:424px;
	padding:7px 3px 8px 3px;
	text-align:left;
}

#Contact td.right02 {
	width:424px;
	padding:7px 3px 8px 3px;
	font-size: 115%;
	line-height: 150%;
	text-align: left;
}

#Contact td.right span {
	font-size:125%;
}

#Contact td.right p {
	color:#CC6600;
	font-weight:normal;
	margin-bottom:10px;
}

/* ------------------ ▼ フォームサイズ指定 ▼ ------------------ */

#Contact td.right input.name,
#Contact td.right input.mail,
#Contact td.right input.tel,
#Contact td.right input.day {
	background:#F5F5F5;
	border:1px solid #CCC;
	margin:0 5px 0 0;
	padding: 3px 0 0 3px;
}

#Contact td.right input.name          { width:180px; }
#Contact td.right input.mail          { width:180px; }
#Contact td.right input.tel           { width:150px; }
#Contact td.right input.day           { width:30px ; }

#Contact td textarea.entry {
	background:#F5F5F5;
	border:1px solid #CCC;
	margin:5px 5px 0 150px;
	width:420px;
	height:70px;
}


/* ------------------ ▼ 名前 ▼ ------------------ */

#Contact td.right dl.name { clear:both; }
#Contact td.right dl.name dt {
	float:left;
	width:50px;
	color:#666;
	font-weight:normal;
	font-size:125%;
}
#Contact td.right dl.name dd {
	float:left;
	margin:0 0 0 3px;
	_margin:-4px 0 0 3px;
}


/* ------------------ ▼ 郵便番号、都道府県 ▼ ------------------ */

#Contact td.right dl.address { clear:both; _margin-bottom:-10px; }
#Contact td.right dl.address dt {
	float:left;
	width:120px;
	color:#666;
	font-weight:normal;
	font-size:125%;
}
#Contact td.right dl.address dd {
	float:left;
	margin:0 0 0 3px;
	_margin:-4px 0 0 3px;
	font-size:75%;
}
#Contact td.right dl.address dt span { font-size:75%; }

#Contact td.right dl.address input {
	width:50px;
	background:#F5F5F5;
	border:1px solid #CCC;
	margin:0 5px 0 0;
}
#Contact td.right dl.address select {
	margin-left:3px;
}

/* ------------------ ▼ 住所 ▼ ------------------ */

#Contact td.right dl.address02 { clear:both; _margin-bottom:-10px; }
#Contact td.right dl.address02 dt {
	float:left;
	width:120px;
	color:#666;
	font-weight:normal;
	font-size:125%;
}
#Contact td.right dl.address02 dd {
	float:left;
	margin:0 0 0 3px;
	_margin:-4px 0 0 3px;
	font-size:75%;
}
#Contact td.right dl.address02 dt span { font-size:75%; }

#Contact td.right dl.address02 input {
	width:280px;
	background:#F5F5F5;
	border:1px solid #CCC;
	margin:0 5px 0 0;
}


/* ------------------ ▼ メールアドレス ▼ ------------------ */

Contact td.right dl.mail { }
#Contact td.right dl.mail dt {
	float:left;
	font-size:95%;
	font-weight:normal;
	color:#666;
}
#Contact td.right dl.mail dd {
	float:left;
	_margin-top:2px;
}

#Contact td.right dl.mail02 { clear:both; margin-top:-17px; }
#Contact td.right dl.mail02 dt {
	float:left;
	width:50px;
	color:#666;
	font-weight:normal;
	margin:7px 0 0 0;
}

#Contact td.right dl.mail02 dd {
	float:left;
	margin:0 0 0 3px;
	font-size:95%;
}


/* ------------------ ▼ 電話番号 ▼ ------------------ */

#Contact td.right dl.tel {}
#Contact td.right dl.tel dt {
	float:left;
	font-size:95%;
	font-weight:normal;
	color:#666;
}

#Contact td.right dl.tel dd {
	float:left;
	_margin-top:2px;
}


/* ------------------ ▼ チェックボックス設定 ▼ ------------------ */

#Contact td.right dl.checkbox { }
#Contact td.right dl.checkbox dt {
	float:left;
	margin:0 3px 0 0;
	_margin:0;
}
#Contact td.right dl.checkbox dd {
	float:left;
	margin:-4px 10px 0 0;
	_margin:-2px 10px 0 0;
	font-size:125%;
}

#Contact td.right dl.checkbox02 { clear:both; }
#Contact td.right dl.checkbox02 dt {
	float:left;
	margin:0 3px 2px 0;
	_margin:0 0 2px 0;
}
#Contact td.right dl.checkbox02 dd {
	float:left;
	margin:-4px 10px 0 0;
	_margin:-2px 10px 0 0;
	padding-bottom:5px;
	font-size:125%;
}

#Contact td.right dl.checkbox02 dd input {
	background:#F5F5F5;
	border:1px solid #CCC;
	margin:0 5px 0 0;
	width:100px;
}


/* ------------------ ▼ 興味をもたれた点 ▼ ------------------ */

#Contact td.center {
	width:600px;
	padding:7px 0 8px 12px;
	text-align:left;
	vertical-align:top;
}

#Contact td.center span {
	display: block;
	margin: 0 0 0 10px;
	padding:7px 3px 0 3px;
	font-size: 115%;
	line-height: 150%;
	text-align: left;
}

#Contact td.center p {
	font-weight:bold;
	font-size:125%;
}
#Contact td.center em { _font-size:65%; }


/* ------------------ ▼ セミナー選択 ▼ ------------------ */

#Contact #seminar01,
#Contact #seminar02,
#Contact #seminar03,
#Contact #seminar04,
#Contact #seminar05,
#Contact #seminar06,
#Contact #seminar07,
#Contact #seminar08 {
	clear:both;
}


#Contact .choice01,.choice02,.choice03,.choice04,.choice05,.choice06,.choice07 {
	float:left;
	min-height: 28px;
	font-size:65%;
}

#Contact .choice01 {
	width:20px;
	_width:30px;
	padding:10px 8px 6px 14px;
	_padding:4px 10px 4px 10px;
}
#Contact .choice02 {
	width:285px;
	font-size:75%;
	color:#333;
	padding:8px 0 0 0;
}

#Contact .choice03 { width:70px; padding:8px 0 0 0; font-weight:normal; }
#Contact .choice04 { width:90px; padding:8px 0 0 0; font-weight:normal; }
#Contact .choice05 { width:65px; padding:8px 0 0 0; font-weight:normal; }
#Contact .choice06 { width:35px; padding:8px 0 0 0; font-weight:normal; }

#Contact .choice07 {
	width:315px;
	_width:325px;
	padding:8px 0 0 10px;
	color:#333;
	font-size:75%;
	font-weight: bold;
}

/* ------------------ ▼ 注意書き ▼ ------------------ */

#Contact .lead03 {
	margin:25px 0 0 0;
	padding:10px 6px 0 6px;
	border-top:2px solid #1B2071;
}

#Contact .lead03 p {
	font-size:75%;
	line-height:160%;
	margin:0 0 10px 0;
}

#Contact .lead03 p span {
	font-size:85%;
	margin-top:10px;
}


/* ------------------ ▼ 確認ボタン ▼ ------------------ */

#Contact .btn {
	margin:20px 0 0 10px;
}

#Contact .btn a:hover {
	position:relative;
	top:1px;
	left:1px;
}


/* ------------------ ▼ アラート ▼ ------------------ */

.alert {
	margin: 10px 0 0 10px;
	color:#FF0000;
	font-size: 75%;
	line-height: 150%;
}



/*----------------------------------------------------------------
　4. はじめての方へ
----------------------------------------------------------------*/

#Seminar .lead4 {
	font-size:75%;
	line-height:160%;
	margin-bottom: 30px;
	padding:0 10px 0 5px;
}

#Seminar .lead4 img {
	float: right;
	margin: 3px 0 15px 20px;
}

#Seminar .itembody .comment {
	font-size:75%;
	line-height:160%;
	margin:0 15px 10px 15px;
}

#Seminar .itembody .course {
	padding:0 0 15px 10px;
	background:url(../common/images/line_summary_01.gif) repeat-x bottom;
}

#Seminar .seminar_box{
	font-size:75%;
	line-height:160%;
	padding:0 0 0 5px;
	margin:0 0 20px 0;
	}

#Seminar .seminar_box_02{
	float:right;
	width:200px;
	margin:0 0 10px 10px;
	}

dl.step {
	margin: 15px 0;
}

dl.step dt {
	margin:0 25px 10px 25px;
	font-weight:bold;
}

dl.step dt span {
	color:#333;
	font-size:75%;
	line-height: 160%;
}

#Seminar .itembody dl.step dt strong {
	margin:0 6px 0 0;
	padding:2px 4px;
	background:#267CB7;
	color:#FFF;
	font-size:65%;
}

dl.step dd {
	font-size:75%;
	line-height:160%;
	margin:0 15px 10px 15px;
	padding:0 10px 15px 10px;
	background:url(../common/images/line_dot_01.gif) repeat-x bottom;
}

#Seminar .notes {
	display: block;
	margin: 5px 0 15px 0;
	font-size: 10px;
	line-height: 135%;
}

/* ------------------ ▼ セミナースケジュール ▼ ------------------ */

.seminar_txt_box{
font-size:75%;
	width:330px;
	float:left;
	margin-right:10px;
	}
	
.seminar_img_box{
	width:235px;
	float:left;
	}

.seminar_item{
	border-bottom:1px solid #FFF;
	background-color: #F5F5F5;
	font-weight: normal;
}

.seminar_item_selected{
/* 現状の実装は reload, backした場合に対応しないのでコメントアウトする

	background-color: #FFF0B3;
	font-weight: bold;
*/
}

/* ------------------ 関連情報 ------------------ */

#Contact td.right dl.event_information { clear:both; }
#Contact td.right dl.event_information dt {
/*
	float:left;
	width:250px;
*/
	color:#666;
	font-weight:normal;
	font-size:125%;
	margin-right: 15px;
}

#Contact td.right dl.event_information dd {
	margin:0 0 0 15px;
	_margin:-4px 0 0 15px;
	font-size:125%;	
	display: inline;
}

#policy_check{
	padding: 3px;
	border: none 1px #ff0000;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	display:block;
}