@charset "utf-8";
*{
 margin: 0;
 padding: 0;
}

body{
 text-align: center;
 color: #666;
 font-size: 100%;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;}

img,abbr,acronym,fieldset { border: 0; }

li { list-style-type: none; }

p { margin-bottom: 1em; }

.error {
	color: #990000
}

.txtRight { text-align: right; }
.txtSmall { font-size: x-small; }
.paT5 { padding-top: 5px; } 
.mrT15 { margin-top: 15px; } 


/*--Link style Elements--*/
a{
 color: #069;
}
#wrapper2{
 padding: 20px 100px;
 line-height: 150%;
}
#wrapper2 .box{
 margin-top: 20px;
 margin-bottom: 10px;
}

/* --Link to PageTop-- */
#pagetop{
 text-align: right;
 margin: 20px 20px;
 clear: both;
}

/* --Footer-- */

address{
 width: 820px;
 height: 40px;
 font-style: normal;
 color: #fff;
 margin: 0 auto;
 text-align: center;
 line-height: 40px;
 clear: both;
}
.container{
 width: 820px;
 background: #fff;
 margin: 0 auto 30px;
 padding: 0 0;
 text-align: left;
}
.clearfix:after{   
 content: ".";   
 display: block;   
 visibility: hidden;   
 height: 0.1px;   
 font-size: 0.1em;   
 line-height: 0;   
 clear: both;   
}  
#wrapper{
 padding: 15px 20px;
}
.right{float: right;}
.text_right{text-align: right;}
.clear{clear: both;}
.center{text-align: center; margin: 0 auto;}
strong{color: #69c; font-weight: bold;}

.exam table {
 border: 1px solid #ccc;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}

.exam td {
 border: 1px solid #ccc;
 border-collapse: collapse;
 padding: 3px;
}

/* --Form Elements-- */
input, textarea{
 font-size: 100%;
}
form table{
 border: 1px solid #ccc;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}
form td{
 border: 1px solid #ccc;
 border-collapse: collapse;
 padding: 3px;
}
form .item1{
 color: #369;
 background: #dbe6f0;
}
form .item2{
 background: url(images/bg_box2.gif) right repeat-y;
}
form .item2 table, form .item2 td{
 border: none;
 margin: 0;
}
form .item2 small{
 color: #f60;
 font-size: 80%;
}
form .bg_blue{
 color: #fff;
 text-align: center;
}
.learning{
 width: 600px;
 border: 1px solid #ccc;
 border-collapse: collapse;
}
.learning th{
 color: #fff;
 border: 1px solid #ccc;
 border-collapse: collapse;
 text-align: center;
 font-weight: normal;
 background: url(images/bg_blue.gif);
}
.learning td{
 padding: 5px 10px;;
 border: 1px solid #ccc;
 border-collapse: collapse;
}
.learning .course{
 color: #069;
 font-weight: bold;
}
.learning .date{
 text-align: center;
}
.learning .condition{
 text-align: center;
}
.price_table, .price_table td{
 border: 1px solid #999;
 border-collapse: collapse;
}
.price_table td table{
 width: 100%;
}
.price_table table, .price_table table td{
 border: 1px solid #ccc;
 border-collapse: collapse;
}
.price_table th{
 color: #fff;
 border: 1px solid #ccc;
 border-collapse: collapse;
 text-align: center;
 font-weight: normal;
 background: url(../images/bg_blue.gif);
}
.price_table .course{
 width: 35%;
}
.price_table .buy{
 color: #69c;
 font-weight: bold;
 width: 100px;
 text-align: center;
}
.price_table .detail_head{
 color: #369;
 background: #dbe6f0;
 text-align: center;
 font-size: 85%;
}
.price_table .detail{
 font-size: 85%;
 line-height: 120%;
}
.price_table .month{
 width: 33%;
 text-align: center;
}
.price_table .price{
 width: 32%;
 color: #69c;
 font-weight: bold;
 text-align: center;
}
.bg_box{
 background: url(../images/bg_box2.gif) right repeat-y;
 padding: 10px 0 5px 0;
 border: 1px solid #ccc;
 margin: 5px 10px;
}
.font_red{
 color: #f00;
}

/*
追記 2009 10/13
--------------------------------------------------------------------*/

div#header {
	padding: 10px 10px 50px 10px;
	background: url(../images/summary/train.gif) no-repeat bottom;
}
.left {
	float: left;
}

img .left {
	float: left;
	display: block;
}

.clearfix {
	zoom: 1;
}

div.nextPage {
	width: 780px;
	margin: 0 auto;
	padding: 20px;
	background-color: #fff;
}

/*
追記 2009 10/28
--------------------------------------------------------------------*/

.spaceT5 {
 padding-top: 5px;
}
.spaceT10 {
 padding-top: 10px;
}
.spaceT20 {
 padding-top: 20px;
}
.spaceT30 {
 margin: 30px auto 0;
}
.spaceB30 {
 margin: 0 auto 30px;
}
.spaceTB30 {
 margin: 30px auto;
}
.spaceL30 {
 margin-left: 30px;
}
.giantTxt {
 font-size: 180%;
 font-weight: bold;
 line-height: 120%;
}
.bigTxt {
 font-size: 140%;
 font-weight: bold;
 line-height: 120%;
}
.largeTxt {
 font-size: 120%;
 font-weight: bold;
 line-height: 120%;
}
.bold {
 font-weight: bold;
}
.smallTxtB {
 font-size: 80%;
 font-weight: bold;
 line-height: 120%;
}
.infoTxt {
 line-height: 180%;
}
.darkred {
 color: #F0037F;
}
.darkredB {
 color: #F0037F;
 font: bold;
}



/*
追記 2010 3/16
--------------------------------------------------------------------*/

div#menu {
	width: 680px;
	margin: 15px auto 0; }	
	 
	* html div#menu {
		width: 683px;
		margin: 15px auto 0; }	
	 
	div#menu img {
		vertical-align: bottom;
		margin: 0;
		padding: 0}	
	 
	* html div#menu img {
		vertical-align: bottom;
		margin: 0 -6px 0 0;
		padding: 0}	
	 
.mrR8 { margin-right: 8px; }	
	
div#listArea { 
	width: 680px;
	margin: 10px 0; }

	dl.list { 
		width: 325px;
		margin-top: 15px; }

		dl.list dd {
			width: 325px;
			/*background: url(../images/img_dot.gif) bottom repeat-x;*/
			display: block; }

			dl.list p { float: left; }

			.date { 
				margin: 5px 0 5px 10px;
				color: #FF7107;
				font-size: 0.75em; }

			.summary { 
				margin: 5px 0 5px 18px;
				font-size: 0.75em;  }
			
			.boderNone { background: none; }

.listHere {
	text-align: right;
	font-size: 0.83em;
	padding: 10px 0 0 0; }

div#spArea {
	width: 100%;
	background: url(../images/bg_spBody.gif) repeat-y; }

img#spTitle { margin: 0 0 0 20px; }

.bodyCopy {
	margin: 5px 0 15px 20px;
	font-size: 0.75em; }

dl#licence { 
	width: 171px;
	margin: 10px 0 0 20px;
	float: left;
	display: block; }

	dl#licence dd { 
		font-size: 0.63em;
		line-height: 1.2em;
		padding-top: 5px;}

table#spDetailTbl {
	width: 440px;
	border-collapse: collapse;
	border-spacing: 0;
	border-left: 1px solid #D9D9D9;
	float: right;
	margin: -10px 20px 0 0;
	padding: 0;
	display:inline;
}

	table#spDetailTbl th {
		width: 33px;
		text-align: right;
		vertical-align: top;
		padding: 2px 5px 2px 2px;
		font-size: 0.75em; }
	
	table#spDetailTbl td {
		width: 400px;
		text-align: left;
		vertical-align: top;
		font-size: 0.83em;
		line-height: 1.2em;
		padding: 2px 0 2px; }
	
.notes {
	font-size: 0.83em;
	margin: 3px 0; }	

dl.list dd dl	{
	/*background:url(../images/img_dot.gif) repeat-x scroll center bottom;*/
}

dl.list dd dt.date { 
	margin: 1px 0 0px 5px;
	color: #FF7107;
	font-size: 0.75em;
	padding-bottom:3px;
	float:left;
	width:90px;
}

dl.list dd dd.summary { 
	margin: 1px 0 0px 0;
	padding-left:15px;
	font-size: 0.75em;
	float:right;
	widht:210px;
	padding-bottom:3px;
	background:none;
}

div.tbBanner {
	margin: 20px 0 0;
	padding: 20px 10px 10px 10px;
/*	background-color: #FFE7F4;*/
	border-top: 3px double #ddd;
	text-align: center;
}

	