@charset "utf-8";

/* ===================================================
 default
=====================================================*/

/* reset
------------------------------------------------*/
html, body, div, span, object, embed, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dt, dd, ol, ul, li,
a, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q,
em, strong, tt, var,
fieldset, form, label, legend, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;}

img, iframe{border:0;}


/* font
------------------------------------------------*/
body, form textarea{
	font-family: "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka－等幅", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	}

body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td
pre, address, blockquote{font-size:small; line-height:1.75;}
	

/* formatting
------------------------------------------------*/
/*body*/
body{
	color:#330000;
	text-align:center;
	background:#ffffff url(cssim/wbs_bg.gif) repeat-y center;
	width:100%;
	}
	
/*text tag*/
h1, h2, h3, h4, h5, h6, em, strong{font-style:normal; font-weight:bold;}
p{font-weight:normal;}

		
/*list setting*/
ul, ol{font-size:0; line-height:0;}
ul    {list-style:none;}
li    {display:list-item;}
li img{vertical-align:bottom;}
dl{font-size:0; line-height:0;}
dt img, dd img{vertical-align:bottom;}

/*table*/
table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	}


/*form*/
form {font-weight:normal;}
input{line-height:1;}
input, select,textarea{padding:2px; margin:5px;}

/*link*/
a         {text-decoration:underline; outline:none;}
a:link    {color:#003399;text-decoration:underline;}
a:visited {color:#683f03;text-decoration:underline;}
a:hover   {color:#ff6600;text-decoration:none;}
a:active,
a:focus   {color:#cc3300;text-decoration:none;}


/* clear fix
==================================================*/
.floatClear {clear:both;font-size:1px;line-height:0;height:1px;width:1px;}

.clearFix:after{content:url(cssim/shim.gif); display: block; clear: both; height: 0;}
.clearFix{display: inline-block;}
.clearFix{display: block;}


/* ===================================================
 Common Layout
=====================================================*/
#wholeWrapper{
	width:820px;
	margin:0px auto;
	text-align:left;
	}

	/*Header*/
	#Header{margin-bottom:15px; padding:0 10px; position:relative;}
	
	/*normal layout*/
	#mainContent{padding:0 25px;}
		
	/*Footer*/
	#Footer{
		background:url(cssim/wbs_arrow.jpg) no-repeat 50% 0;
		padding-top:60px;
		}
	

/* Header
=====================================================*/
/*title*/
#Header h1{
	display:block; text-indent:-9999px;
	height:270px;
	width:800px;
	}
	
#Header p#wbsEntry,
#Header p#wbsEntry a{height:145px;width:145px; display:block; text-indent:-9999px;}
	#Header p#wbsEntry{position:absolute;left:650px;top:9px;}

/* Main content
=====================================================*/
/*about
-------------------------------------------*/
#mainContent p#wbsAbout{margin-bottom:10px; margin-left:0;}


/* Main content Item
=====================================================*/
/*Block
-------------------------------------------*/
/*1Block*/
#mainContent .Wrapper01{margin-bottom:15px;}
#mainContent .WrappIn{position:relative;}

/*2Block*/
#mainContent .Block2B{
	margin:0 20px 15px 18px;
	height:1%;
	background:url(cssim/wbs_teacher_bg.gif) 0 100%;
	}
	#mainContent .Block2B .Block2a{float:left;width:361px;}
	#mainContent .Block2B .Block2b{float:right;width:361px;}
	#mainContent .Block2B p{margin:5px 15px 15px 15px;}
	#mainContent .Block2B h3{margin:0;}

/*2Block*/
#mainContent .Block2{margin-bottom:15px;}
	#mainContent .Block2 .Block2a{float:left;width:374px;}
	#mainContent .Block2 .Block2b{float:right;width:374px;}
	#mainContent .Block2 p,
	#mainContent .Block2 dl{margin:0 15px 15px 15px;}
	#mainContent .Block2 dl dt{font-weight:bold;}
	#mainContent .Block2 p.Last{margin-bottom:0;}
	
		
/*Headline
-------------------------------------------*/
#mainContent h2{margin-bottom:15px;}
#mainContent h3{color:#415083; line-height:1.5; margin:0 0 5px 10px;}
#mainContent .hadLineLink{position:absolute;right:20px;top:4px;}
#mainContent .headLine01{
	background:#d4daea;
	padding:5px;
	border-left:5px #1d2859 solid;
	color:#1d2859;
	font-size:120%;
	}

	
/*Text
-------------------------------------------*/
#mainContent p{
	margin-bottom:15px;
	margin-left:10px;
	}
#mainContent p.noMrg{margin-left:0;}

/*center*/
#mainContent .txtCenter{text-align:center;}
#mainContent .txtCenter input,
#mainContent .txtCenter a{vertical-align:top; margin:0 20px;}

/*size*/
#mainContent .txtSizeM,
#mainContent .txtSizeM dt,
#mainContent .txtSizeM dd,
#mainContent .txtSizeM li{font-size:medium; line-height:1.8}
#mainContent .txtSizeL{font-size:large; line-height:1.2}

/*Style*/
#mainContent .txt01{font-size:large; color:#ff0000;}
#mainContent .txt02{font-size:large !important; margin-bottom:10px; font-weight:bold;}
#mainContent .txt03{color:#415083;}

/*Margin
-------------------------------------------*/
#mainContent .MargR5{margin-right:5px;}
#mainContent .MargT20{margin-top:20px;}

/*List
-------------------------------------------*/
#mainContent ol{list-style:none; margin-left:10px;}

/*listT01*/
#mainContent .ListT01{margin-bottom:15px; margin-left:4px;}
#mainContent .ListT01 li{display:inline;}
#mainContent .ListT01 li img{margin-left:6px;}


/*list01*/
#mainContent .List01{margin-bottom:20px;}
#mainContent .List01 li{list-style:outside decimal; margin:0 0 10px 20px;}

/*list02*/
#mainContent .List02{margin-bottom:20px;}
#mainContent .List02 li{margin-bottom:10px; text-align:center;}

/*list03*/
#mainContent .List03{margin-bottom:20px;}
#mainContent .List03 li{list-style:disc outside; margin-left:40px; font-size:small;}


/*table
-------------------------------------------*/
#mainContent .Table01{
	width:100%;
	border-collapse:separate;
	border-spacing:5px;
	margin-bottom:20px;
	}
	#mainContent .Table01 caption{text-align:left; padding-bottom:5px;}
	#mainContent .Table01 th{
		border-collapse:collapse;
		padding:7px 20px;
		text-align:right;
		background:#ebebeb;
		border-top:#cccccc solid 1px;
		font-weight:bold;
		font-size:110%;
		vertical-align:top;
		}
	#mainContent .Table01 th.Hs{background:#ebebeb url(cssim/wbs_icon_hissu.gif) no-repeat 10px 10px; padding-left:50px;}
	#mainContent .Table01 th.Hs span{display:none;}

	#mainContent .Table01 td{
		border-collapse:collapse;
		padding:7px;
		border-top:#cccccc solid 1px;
		vertical-align:top;
		}


/*ページの先頭へ
-------------------------------------------*/
#mainContent .returnTop{
	margin-bottom:15px;
	text-align:right;
	}
	#mainContent .returnTop li a{
		background:url(cssim/wbs_icon_arrow01.gif) no-repeat 0 0.3em;
		padding-left:12px;
		line-height:1.2;
		height:1%;
		}

/*form
-------------------------------------------*/
input#btnConfirm {
	width: 180px;
	height: 60px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(http://www.keiri-wbs.com/lp3/img/wbs_btn_confirm.gif);
	/*text-indent: -5000px;*/
	border: none;
	border-style: none;
	cursor: pointer;
}
input#btnConfirm2 {
	width: 160px;
	height: 35px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(http://www.keiri-wbs.com/lp3/img/wbs_btn_send.gif);
	border: none;
	border-style: none;
	cursor: pointer;
	/*text-indent: -5000px;*/
}

.error_coution {
	color:#FF0000;
	background:url(http://www.keiri-wbs.com/lp3/img/wbs_icon_error.gif) no-repeat 0 0.4em;
	padding-left:15px;
}

.errorBlock p{
	font-size:large;
	color:#f00;
	}
	
.errorBlock ul{margin: 0 30px 30px 30px;}
.errorBlock li{
	list-style:outside disc;
	margin-left:20px;
	font-size:medium;
	color:#f00;
}

/*申し込みブロック
-------------------------------------------*/
.entryBlock{
	margin:30px 0;
	text-align:center;
	}

/* Footer
=====================================================*/
#Footer #FootWrapper{
	background:#EBEBEB;
	padding:10px 25px;
	}
	#Footer #FootWrapper .Button01{
		text-align:center;
		margin-bottom:10px;
		}
	
	/*headline*/
	#Footer #FootWrapper h2{font-size:110%;}
	/*list*/
	#Footer #FootWrapper ol{margin-left:30px;}
	#Footer #FootWrapper li{margin-bottom:10px;}
	#Footer #FootWrapper li li{font-size:x-small; margin-bottom:0;}