@charset "Shift_JIS";



.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 */



#main{
	width:520px;
	margin:0;
	padding:0 0 10px 40px;
	font-size:80%;
}


p{
	margin:0 0 10px 0;
	line-height:125%
}


/*　各種タイトル（hタグ） */

h1{
	line-height:160%;
	vertical-align:top;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	padding: 0 0 5px 0;
	margin:0 0 20px 0;
	background: url(../common/page_t_bg.gif) repeat-x left bottom;
	font-size:130%;
	line-height:155%;
}

h1 img{
	padding: 0;
	margin:0 10px 0 0;
	float:left
}

h2{
	border-left:6px solid #336699;
	border-bottom:1px solid #336699;
	padding:2px 2px 2px 5px;
	margin:20px 0 10px 0;
	background:#EFF4F8;
	line-height:1;
	font-weight:bold;
	font-size:110%;
	clear:both
}


h3{
	background: #FFF url(../common/dot.gif) repeat-x left bottom;
	padding:0;
	margin:15px 0 10px 0;	
	clear:both;
	font-size:100%;
	padding-bottom:3px;
}

h3 span{
	background: #336699 url(../common/tag_right.gif) no-repeat right top;
	color:#FFF;
	margin:0;
	padding:3px 15px 3px 10px;
	font-weight:normal
}

h4{
	padding:2px;
	margin:0px 0px 5px 0px;
	color:#369;
	font-weight:bold;
	line-height:1.25;
	font-size:100%;
}

h5{
	background: #FFF url(../common/dot.gif) repeat-x left bottom;
	padding: 0px;
	margin:10px 0px 5px 0px;
	color:#990;
	font-weight:normal;
}


/*青■マーク*/	
h6{
	background: url(../common/mk_square.gif) no-repeat left top;
	padding:0 2px 1px 15px;
	margin:0;
	line-height:1;
	font-weight:normal;
}




/*AEOページ用*/	

 
#content p {
	line-height:1.7em;
	}
	
	#content h2.ttl{
	border:none;
	border-bottom:3px solid #a0d8ef;
	padding:7px;
	margin:0 0 10px 0;
	background:#3268CB;
	font-weight:bold;
	font-size:120%;
	color:#fff;
}

	
#content h2{
	border-left:0;
	border-bottom:2px dotted #00cccc;
	padding:2px 2px 3px 5px;
	margin:20px 0 10px 0;
	background:#fff;
	font-weight:bold;
	font-size:110%;
	clear:both
}

#content h2 span {
	color:#ff6600;
	font-weight:bold;
	font-size:250%;
	padding-right:10px;
}


#content h3{
	background: #FFF url(../common/dot.gif) repeat-x left bottom;
	padding:0;
	margin:15px 0 10px 0;	
	clear:both;
	font-size:100%;
	padding-bottom:3px;
}

#content h3 span{
	background: #336699 url(../common/tag_right.gif) no-repeat right top;
	color:#FFF;
	margin:0;
	padding:3px 15px 3px 10px;
	font-weight:normal
}


.ill img{
	float:right;
}




/*コンテンツ補助文(注意事項など)*/
.caution{
	line-height: 115%;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-small;
	color:#CC0000
}

.memo{
	line-height: 115%;
	font-size: 70%;
	color:#666666
}


/* 各種リスト*/

dl{
 margin:10px 0;
 padding:0;
}

dt{ 
	margin:10px 0 5px 0;
	padding:0 0 0 15px;
	background:transparent url(../common/mk_square.gif) no-repeat 0 1px;
	list-style: none;
	line-height:1;
}

.dl_bold dt{
	font-weight:bold;
}

.dl_link dt{ 
 background:url(../common_img/link.gif) no-repeat left top;
}

dd{
	margin:0 0 0px 15px;
	padding:0;
	line-height:1.4;
}


ul{
	padding:5px 0;
	margin:0 0 10px 16px;
}

ul li{
	margin:5px 0;
	padding:0;
	line-height:100%;
	font-size: 100%;
}

ol{
	padding:0;
	margin:0 0 15px 25px;
	list-style-position:outside;
}

ol li{
	margin:5px 0;
	padding:0;
	line-height:1.25;
}


/*テキストリンクの前にマークをつける*/

.link_mk{
	padding:5px 0;
	margin:0 0 20px 0
}

.link_mk li {
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
	background: url(../common/mk_circle.gif) no-repeat left;
	line-height: 1.5
}

.link a {
	background:transparent url(../common/mk_circle.gif) no-repeat 0 2px;
	padding-left:15px;
}

/* mk_square付リスト　*/

.list{
	padding:5px 0;
	margin:0 0 20px 0
}
.list li{
	list-style:none;
	margin:5px 0;
	padding:0 0 0 20px;
	background:url(../common/mk_square.gif) no-repeat left top;
}

.mikata{
	padding:5px 0;
	margin:0;
	text-align:right
}
.mikata li{
	display:inline;
	margin:0;
	padding:0 0 0 15px;
	background: url(../common/mk_circle.gif) no-repeat left;
	line-height: 1.5
}


.non_liststyle{
	list-style:none;
}

.chg_inline li{
	display:inline;
	margin:0;
}


.catch_box{
	padding:5px 10px;
	margin:0 0 20px 0;
	background-color:#FFFFCC;
	border: 1px dashed #FF9900;

}

.catch_box li{
	list-style:none;
	margin:5px 0;
	padding:0 0 0 20px;
	background:url(../common/mk_square2.gif) no-repeat left top;
}

.box_ttl{
	border:1px solid #999;
	padding:5px;
	margin:0 0 20px 0;
}

.box02{
	padding:5px 10px;
	margin:0 0 10px 0;
	border: 1px dashed #369;

}

.flame1{
			border: 1px solid #999999;
			padding: 0px;
			margin: 0px 0px 10px 0px;
			line-height: 100%;
}

.flame1 p	{
			padding:10px;
			margin:0px;
			line-height: 125%

}


.flame1 + p   {
			padding:0px;
			margin:10px;
			line-height: 125%
}
	
.flame1_title   {
			background: #BECEDE;
			padding: 2px 10px;
			margin: 0px 0px 10px 0px;
			color:#666666;
			line-height: 120%;
			border-bottom: 1px solid #999999

}

.flame2{
			border: 1px solid #CCC;
			padding: 0px;
			margin: 0px 0px 10px 0px;
			line-height: 100%;
}

.flame2 p	{
			padding:10px;
			margin:0px;
			line-height: 125%

}


.flame2 + p   {
			padding:0px;
			margin:10px;
			line-height: 125%
}
	
.flame2_title   {
			background: #CCFF99;
			padding: 2px 10px;
			margin: 0px 0px 10px 0px;
			color:#666666;
			line-height: 120%;
			border-bottom: 1px solid #CCCCCC

}

/*グレー破線枠、参考資料など*/
.flame4{
			background-color:#FCF5F0;
			border: 1px dashed #666666;
			padding:10px;
			margin:0 0 10px 0
}

/*ガイダンスなど*/

.flame5 {
           border:1px solid #999 !important;
		   padding:0px;
		   margin:0px 0px 10px 0px;
		   line-height:100%;
 } 
 
 

.flame5_title {
			background: #BECEDE;
			padding: 2px 10px;
			margin: 0px 0px 5px 0px;
			color:#666666;
			line-height: 120%;
			border-bottom: 1px solid #999999

}    



.flame5img {
	float:right;
	padding:0 0 10px 10px;
	background:#fff;
}

.flame5 p	{
	padding:0px 5px 5px 5px;
	margin:0px 5px;
    line-height: 125%;
}




.flame5img2 {
	float:left;
	padding:5px 5px 5px 10px;
}

.flame5img3 {
	float:left;
	padding:5px 5px 5px 0px;
}


.flame6{
           border:1px solid #999;
		   padding:0px;
		   margin:0px 0px 10px 0px;
		   line-height:100%;
		   display:inline-block;
 } 
 
 
.flame6 p	{
	padding:5px 5px 5px 5px;
	margin:0px 5px;
    line-height: 125%;
}
 



caption{
	text-align:left;
	font-size:120%;
	font-weight:bold;
	padding:0 0 2px 0
}

/* 講座案内ページ用価格票 */
.price{
	margin:0 0 15px 0;
	padding:0;
	border-collapse:collapse;
	border:1px solid #999;
	border-spacing:0;
	empty-cell:show;
}

.price th{
	padding:2px;
	border:1px solid #999;
	background-color:#F5F5F5;
	text-align:center;
	font-weight:normal;
}

.price td{
	padding:5px;
	border:1px solid #999;
	background-color:#FFF;
	text-align:center;
}


/* 講座案内ページ用スケジュールなど */
.ichiran{
	margin:0 0 15px 0;
	padding:0;
	border-collapse:collapse;
	border:1px solid #999;
	border-spacing:0;
	empty-cell:show;
}

.ichiran th{
	padding:2px;
	border:1px solid #999;
	background-color:#F5F5F5;
	text-align:center;
	font-weight:normal
}

.ichiran td{
	padding:5px;
	border:1px solid #999;
	background-color:#FFF;
	text-align:center
}



			
#backup {
			text-align:right;
			margin:-10px 0 20px 0
}
			
#backup	img	{
			margin:0 0 3px 3px
			}		

.schedule	{
			border:1px solid #999999;
			padding:5px;
			background-color:#EEEEEE;
			}


.float_left{
	float:left;
	margin:0 10px 15px 0;
	padding:0
}

.float_right{
	float:right;
	margin:0 0 15px 15px;
	padding:0
}

.clearer{
	clear:both;
	line-height:0;
	font-size:0;
}


/*コンテンツ内のボタン(共通)
-----------------------------------------------------------------------------------------*/
/*詳細ボタン*/
.btn	{
			margin:0px;
	  		padding:0px;
      		text-align:right
}
	  

/*PDFを開くテキストリンクの前のマーク*/	
.pdf{
			background: url(../common_img/mk_pdf.gif) no-repeat left top;
			padding: 2px 2px 0 42px;
			margin:0 0 10px 0;
			line-height: 100%;
			
}

/*==========色(試験課により個別設定可)==========*/
.color0{color: #FFFFFF;}
/* color1の赤は共通 */
.color1{color: #CC0000;}
/* サイトカラー */
.color2, .color_369{color: #369;}
/* サイトサブカラー */
.color3{color: #BECEDE;}
.color4{color: #990;}
.color5{}

.txt_lrg{font-size:150%;}
.txt_center{text-align:center}
.txt_right{text-align:right}

.new_icon{	padding:2px;margin:0 5px;background:#C00;color:#FFF;font-weight:bold}

/*==========文字･色終わり==========*/


/*コラムページバックナンバー*/
#backnum{
	background: #eeeeee;
	margin: 1em 0;
	padding: 3px;
}
#backnum div.prev{
	margin: 0;
	padding: 0;
	float: left;
}
#backnum div.next{
	margin: 0;
	padding: 0;
	float: right;
}
#backnum div.num{
	padding: 0;
	margin: 0;
	text-align: center;
}

/*TOP COUNT DOWM*/
.countdown{
	background-color:#D7A000;
	padding:1px;
	margin: 5px 14px 5px 14px;
}

.countdown_border{
	color:#fff;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	letter-spacing: 0.2em;
	font-size: 18px;
	border: 1px dashed #FFFFFF;
	margin:0;
	padding:3px;
}

.countdown_border span{
	font-size:2em;
	*font-size:1.2em;
	line-height:100%;
	padding:0;
	margin:0;
}

.countdown_border span img{
	vertical-align:middle;
	margin:0!important;
	padding:0 2px 0 0!important;
	border:none;
}




.infobox {
	border: 1px dotted #CCCCCC;
	margin: 20px 0;
	background: #F3FAFA;
	font-size:12px;
	padding:5px 10px;
}
.infobox h3{
	font-size:12px;
	margin:0 0 5px 0;
	padding-bottom: 5px;
}
.infobox ul{
	list-style-type: none;
	margin: 0;
}
.infobox ul li{
	margin: 0;
}
.infobox p{
	font-size:12px;
	margin: 0;
}