@charset "utf-8";



/* =======================================
/* Reset

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

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



/* Titles

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

/* 2f */






















#second #main .box2f h3 {

	position: absolute;

	top:0; right:38px; z-index:100;

	width:500px;

	padding:45px 0 5px 10px;

	border-bottom: 1px dashed #fff;

	font-size: 138.5%;

	font-weight: bold;

	color: #fff;

	background: no-repeat 98% top;

	}

	#second #main .box2f.question h3 { background-image: url('../../../images/common/2f/h3_bg_01.gif'); }

	#second #main .box2f.basic h3 { background-image: url('../../../images/common/2f/h3_bg_02.gif'); }

	#second #main .box2f.primer h3 { background-image: url('../../../images/common/2f/h3_bg_03.gif'); }

	* html #second #main .box2f h3 { background:none; }


#second #main .inner h2 {
	padding: 6px 18px 1px 8px;

	margin: 25px 0px 15px 33px;

	border-left: 4px solid #FFA330 !important;

	font-size: 180%;

	font-weight: bold;

}





#main .question2f h3,
#main .basic2f h3,
#main .primer2f h3 {

	width:518px;

	margin:32px 0 5px 112px;

	border-bottom: 1px dashed #fff;
	border-left: none !important;
	padding: 0 0 10px 0 !important;
	
	font-size: 138.5%;

	font-weight: bold;

	color: #fff !important;

	text-indent: 0.5em;

	line-height: 150%;

	*margin-top:40px;

}

#main .question2f h3,
#main .basic2f h3,
#main .primer2f h3 span {
	color: #fff !important;

}









#main .qa2f h3 {

	width:518px;

	margin:15px 0 5px 112px;

	border-bottom: 1px dashed #fff;
	border-left: none !important;
	padding: 0 0 10px 0 !important;
	
	font-size: 138.5%;

	font-weight: bold;

	color: #fff;

	text-indent: 0.5em;

	line-height: 150%;

}





#main .question2f p,
#main .basic2f p,
#main .primer2f p,
#main .qa2f p {

	color: #fff;

	padding: 0px 15px 10px 120px !important;

	line-height: 1.6;

}










#third #main p,
#second #main p {

	padding: 0px 33px;

	margin: 15px 0px;

}













/* 3f_index */



#third #main .indexBox h2 {

	padding: 0px;

	margin: 0px 0px 13px 5px !important;

}













#third #main .indexBox h3 {

	width: 583px;

	padding: 2px 0px 0px;

	margin: 13px 0px 10px 44px;

	font-size: 138.5%;

}













#third #main .indexBox h3 a {

	color: #FFF;

}













#third #main .indexBox h3 a:hover {

	color: #CCC;

}













/* 3f_others */



#third #main h2 {

	padding: 18px 10px 0px 124px;

	font-size: 152%;

	font-weight: bold;

	color: #FFF;
	
	border: none;

}










#third #main h3 {

	padding: 10px 10px 15px 124px;

	font-size: 197%;

	font-weight: bold;

	color: #FFF;

	line-height:102%;
	
	border: none;
}



#third #main .pageTitle h2,
#third #main .pageTitle02 h2,
#third #main .pageTitle03 h2 {
	margin: 0;
}

#third #main .pageTitle h3,
#third #main .pageTitle02 h3,
#third #main .pageTitle03 h3 {
	margin: 0;
	width: auto !important;
}










#third #main h4 {
	padding: 3px 0px 0px 18px;
	margin: 10px 0px 10px 4px;
	font-size: 123.1%;
	font-weight: bold;
	background: url(../../../images/mark/img_mark08.gif) no-repeat left center;
	width: 350px;
	border-width: 0 !important;
}













#third #main h5 {

	margin: 10px 0px 10px 4px;

	font-size: 107.8%;

	font-weight: bold;

}















/* word

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

#third #main #word h2, #third #main #word02 h2 {

	width: 410px;

	padding: 6px 18px 1px 8px;

	margin: 36px 0px 9px 6px;

	border-left: 4px solid #FFA330 !important;

	font-size: 180%;

	font-weight: bold;

	color: #000;

}













#third #main #word h3, #third #main #word02 h3 {

	height: 44px !important;


	padding: 15px 0px 0px 20px;

	margin: 45px 0px 13px;

	overflow: hidden;

	font-size: 123.1%;

	font-weight: bold;

	color: #000;

	background: url(../../../manabu/word/images/common/h3_bg.jpg) no-repeat left top;

}













#third #main #word h4, #third #main #word02 h4 {

	padding: 0px;

	margin: 5px 0px 15px -8px;

	font-size: 123.1%;

	font-weight: bold;

	/*background: url(none);*/

	padding-left: 18px;

}













#main #word p, #main #word02 p { padding: 13px 13px 13px 8px; margin: 0px; width: 400px; 

}













/* Q&A

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



#third #main #qa h2 {

	width: 350px;

	padding: 6px 18px 1px 8px;

	margin: 36px 0px 9px 6px;

	border-left: 4px solid #FFA330 !important;

	font-size: 180%;

	font-weight: bold;

	color: #000;

	line-height: 1.6;

}











html #main #qaBox h3 {
	height: 78px !important; padding: 0px; padding: 35px 0px 11px 115px; margin: 10px 0px 0px; overflow: hidden; font-size: 123.1%; font-weight: bold; color: #000; background: url(../../../manabu/qa/images/common/qa_h3_bg.jpg) no-repeat left top; width: 526px; }











#main #qa p {

	width: 341px;

	padding: 13px 13px 13px 8px;

	margin: 0px;

}











#main #qaBox02 h3 { padding: 35px 10px 20px 115px; margin: 10px 0 15px 0px; overflow: hidden; font-size: 123.1%; font-weight: bold; color: #000; background: url(../../../manabu/qa/images/common/q_h3_bg.jpg) no-repeat left top; width: 516px; 	}

	

	#main #qaBox02 h3.minHeight {

		background: url(../../../manabu/qa/images/common/q_h3_bg.jpg) no-repeat left top;

		height:40px;

	}

	#main #qaBox02 h3.maxHeight {

		background: url(../../../manabu/qa/images/common/q_h3_bg_m.jpg) no-repeat left top;

		height:58px;

	}









#main #qaBox02 .aBox .inner div p {

	padding: 15px 10px;

	margin: 0px;

}



/* curriculum,education,research_society,seminar,teacher,web_curriculum

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

html #main #curriculum h2,

html #main #curriculum02 h2,

html #main #education h2,

html #main #research_society h2,

html #main #seminar h2,

html #main #teacher h2,

html #main #web_curriculum h2,

html #main #web_curriculum02 h2 {

	width: 350px;

	padding: 6px 18px 1px 8px;

	margin: 36px 0px 9px 6px;

	border-left: 4px solid #69AC29 !important;

	font-size: 180%;

	font-weight: bold;

	color: #000;

	line-height: 1.6;

}

#third #main #curriculum p,
#third #main #curriculum02 p,
#third #main #education p,
#third #main #research_society p,
#third #main #seminar p,
#third #main #teacher p,
#third #main #web_curriculum p,
#third #main #web_curriculum02 p {
	padding-left:10px !important;
	padding-right:10px !important;
}

#curriculum td ul,

#curriculum02 td ul,

#education td ul,

#research_society td ul,

#seminar td ul,

#teacher td ul,

#web_curriculum td ul,

#web_curriculum02 td ul{

	margin:10px 10px 10px 25px;

	list-style-position:outside;

	}

	#curriculum td li,

	#curriculum02 td li,

	#education td li,

	#research_society td li,

	#seminar td li,

	#teacher td li,

	#web_curriculum td li,

	#web_curriculum02 td li{

		list-style:disc;

	}

/* seminar

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

#seminar dl.internship { margin-top:10px; margin-left:10px; width:450px; }

	#seminar .internship dt { width:80px; float:left; clear:both; padding-bottom:5px; }

	#seminar .internship dd { width:370px; float:right; padding-bottom:5px; }

/* web_curriculum

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

#main #web_curriculum h4 { background-position: left 20%; }





/* publication,link,link_public,data,irseminar,footers,skcmail

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

#jsdatmp_main #third #main #publication h2,
#jsdatmp_main #third #main #publication02 h2,
#jsdatmp_main #third #main #link h2,
#jsdatmp_main #third #main #link_public h2,
#jsdatmp_main #third #main #link_form h2,
#jsdatmp_main #third #main #data h2,
#jsdatmp_main #third #main #data02 h2,
#jsdatmp_main #third #main #irseminar h2,
#jsdatmp_main #third #main #irseminar02 h2,
#jsdatmp_main #third #main #room h2,
#jsdatmp_main #third #main #room02 h2,
#jsdatmp_main #third #main #footers h2,
#jsdatmp_main #third #main #skcmail h2,
#jsdatmp_main #third #main #skcmail02 h2 {
	width: 380px !important;
	padding: 6px 18px 1px 8px;
	margin: 36px 0px 9px 6px;
	border-left: 4px solid #60523F !important;
	font-size: 180%;
	font-weight: bold; color: #000;
	line-height: 1.6; 

}

#main #publication h3,#main #publication02 h3, #main #link h3, #main #data h3, #data02 h3, #main #room h3, #main #room02 h3 {
	height: 44px;
	width:auto;
	padding: 15px 0px 0px 20px;
	margin: 0px 0px 13px;
	overflow: hidden;
	font-size: 123.1%;
	color: #000;
	background: url(../../../images/common/publication/h3_bg.jpg) no-repeat left top;
}

#publication p,#publication02 p, #link_public p, #link_form p,

#data p,#data02 p, #irseminar p, #irseminar02 p, #room p, #room02 p, #footers p, #skcmail p, #skcmail02 p

{ padding-left:10px; padding-right:10px; }

#third #main #publication p,#publication02 p,
#third #main #link p{
	padding-left:10px; padding-right:10px; width: 390px;
}





/* publication

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

#main #publication h4 {

	font-weight:bold;

	font-size:12px;

	padding:0;

	margin-top:10px;

	background:none;

}

	#main #publication .txtBox.corporation h4 { margin-bottom:0; }

#main #publication .publicationBox1 p { width: 390px; padding: 13px 13px 13px 8px; margin: 0px; 

}

#main #publication .publicationList1 {

	list-style-position:outside;

	margin:0 10px 30px 30px;

}

#main #publication .publicationList1 li {

	list-style-type:square;

}

#main #publication .publicationBox2 p {

	padding:0;

	margin-top:5px;

	width:499px;

}

#main #publication .txtBox .inner div.clearfix div p {

	margin:10px 0;

	padding:0;

	}

	#main #publication .txtBox.corporation .inner div.clearfix p {

		margin:5px 0;



	}







#main #publication02 h4 {

	font-weight:bold;

	font-size:12px;

	padding:0;

	margin-top:10px;

	background:none;

}

	#main #publication02 .txtBox.corporation h4 { margin-bottom:0; }

#main #publication02 .publicationBox1 p { width: 390px; padding: 13px 13px 13px 8px; margin: 0px; 

}

#main #publication02 .publicationList1 {

	list-style-position:outside;

	margin:0 10px 30px 30px;

}

#main #publication02 .publicationList1 li {

	list-style-type:square;

}

#main #publication02 .publicationBox2 p {

	padding:0;

	margin-top:5px;

	width:499px;

}

#main #publication02 .txtBox .inner div.clearfix div p {

	margin:10px 0;

	padding:0;

	}

	#main #publication02 .txtBox.corporation .inner div.clearfix p {

		margin:5px 0;



	}



/* link_form

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

#main #link_form h2 { width:auto; }



/* data

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

#main #data ul.dataList1 li,#main #data dl.dataList1 dt {

	background: url('../../../images/mark/img_mark11.gif') no-repeat 1px 13px;

	}

	#main #data ul.dataList1 li {

		padding: 3px 0px 0px 18px;

		margin: 10px 0px 10px 4px;

	}

	#main #data dl.dataList1 { margin-bottom:5px; }

		#main #data dl.dataList1 dt, #main #data dl.dataList1 dd { float:left; }

		#main #data dl.dataList1 dt {

			padding: 0 0 0 18px;

			margin: 0 10px 5px 4px;

			width: 60px;

			background-position: 1px 4px;

			font-weight: bold;

			clear: both;

		}

		#main #data dl.dataList1 dd {}

#main #data table.reportContents {}

	#main #data table.reportContents td { font-weight:bold; }

		#main #data table.reportContents td p { margin-top:5px; }





#main #data02 ul.dataList1 li,#main #data02 dl.dataList1 dt {

	background: url('../../../images/mark/img_mark11.gif') no-repeat 1px 13px;

	}

	#main #data02 ul.dataList1 li {

		padding: 3px 0px 0px 18px;

		margin: 10px 0px 10px 4px;

	}

	#main #data02 dl.dataList1 { margin-bottom:5px; }

		#main #data02 dl.dataList1 dt, #main #data02 dl.dataList1 dd { float:left; }

		#main #data02 dl.dataList1 dt {

			padding: 0 0 0 18px;

			margin: 0 10px 5px 4px;

			width: 60px;

			background-position: 1px 4px;

			font-weight: bold;

			clear: both;

		}

		#main #data02 dl.dataList1 dd {}

#main #data02 table.reportContents {}

	#main #data02 table.reportContents td { font-weight:bold; }

		#main #data02 table.reportContents td p { margin-top:5px; }



/* irseminar

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

#third #main #irseminar { background-position:right 45px; }

#third #main #irseminar ul.irseminarList1 li { width:312px; float:left; text-align:right; font-size:77%; }

#third #main #irseminar h2 { width:auto; }

#third #main #irseminar h3 {

	background: url('../../../images/mark/img_mark11.gif') no-repeat 1px 13px;

	font-size:107.8%;

	color:#000;

	padding-left:18px !important;
	
	margin: 0;

}

#third #main #irseminar p {
	margin: 15px 10px;
	padding: 0;
}

#third #main #irseminar p.bottomLinks { margin:10px auto; text-align:center; }

#third #main #irseminar p.irseminarBox2 {

	padding:80px 0;

	text-align:center;

	background:#f5f5f5;

	border:1px solid #ccc;

	font-weight:bold;

	font-size:107.8%;

	margin-bottom:20px;

}





/* room

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

#main #room h3 { margin-bottom:0px; }

#main #room .roomList1 {}

	#main #room .roomList1 li { font-weight:bold; text-align:center; float:left; width:212px; }

#main #room .roomBox2 { font-weight:bold; text-align:center; padding:10px 0 0; clear:both; }

#main #room .roomList2 { padding-top:10px; }

	#main #room .roomList2 li { text-align:center; float:left; width:212px; }

	#main #room .roomList2:after { /* for Modern Browser */

		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;

	}



#main #room02 h3 { margin-bottom:0px; }

#main #room02 .roomList1 {}

	#main #room02 .roomList1 li { font-weight:bold; text-align:center; float:left; width:212px; }

#main #room02 .roomBox2 { font-weight:bold; text-align:center; padding:10px 0 0; clear:both; }

#main #room02 .roomList2 { padding-top:10px; }

	#main #room02 .roomList2 li { text-align:center; float:left; width:212px; }

	#main #room02 .roomList2:after { /* for Modern Browser */

		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;

	}



/* footers

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

#main #footers h2 { width: auto; }

#main #footers p.footersP1 {

	background: url(../../../images/mark/img_mark11.gif) no-repeat 10px 4px;

	font-weight:bold;

	padding-left:25px;

}

#main #footers p.footersP2 { text-align:center; }

#main #footers ul.decimalList { margin:10px 30px 0 55px; }

	#main #footers ul.decimalList li {}





/* skcmail

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

#main #skcmail p.skcmailP1 {

	background: url('../../../images/mark/img_mark11.gif') no-repeat 10px 4px;

	font-weight:bold;

	padding-left:25px;

}

#main #skcmail ul.backnumberList { margin-left:20px; }

#main #skcmail ul.backnumberList li {

	background: url('../../../images/mark/img_mark11.gif') no-repeat 1px 8px;

		padding: 3px 0px 0px 18px;

	}







#main #skcmail02 p.skcmailP1 {

	background: url('../../../images/mark/img_mark11.gif') no-repeat 10px 4px;

	font-weight:bold;

	padding-left:25px;

}

#main #skcmail02 ul.backnumberList { margin-left:20px; }

#main #skcmail02 ul.backnumberList li {

	background: url('../../../images/mark/img_mark11.gif') no-repeat 1px 8px;

		padding: 3px 0px 0px 18px;

	}



/* Proverb

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



#third #main #proverb h2 {

	width: 300px;

	padding: 6px 18px 1px 8px;

	margin: 0px 0px 0px 6px;

	border-left: 4px solid #FFA330 !important;

	font-size: 180%;

	font-weight: bold;

	color: #000;

}











#main #proverb .contentsBox h3 {

	height: 55px !important;

	padding: 25px 0px 12px 74px;

	margin: 11px 0px -35px;

	overflow: hidden;

	font-size: 123.1%;

	font-weight: bold;

	color: #000;

	background: url(../../../manabu/proverb/images/common/h3_bg.jpg) no-repeat left top;

}









#main #proverb .contentsBox h4 {
	height: 55px !important;
	padding: 25px 0px 12px 74px;
	margin: 11px 0px -45px;
	overflow: hidden;
	font-size: 123.1%;
	font-weight: bold;
	color: #000;
	background: url(../../../manabu/proverb/images/common/h4_bg.jpg) no-repeat left top;
	width: 233px;
}









#main #proverb #conBox .inner div h3 {

	height: 51px !important;

	padding: 23px 0px 0px 71px;

	margin: 0px;

	overflow: hidden;

	font-size: 123.1%;

	font-weight: bold;

	color: #000;

	background: url(../../../manabu/proverb/images/common/con_top.jpg) no-repeat left top;

}









#main #proverb .txt p {

	margin: 0px;

	padding: 15px 33px;

	}

	#proverb .txt p.bold {

		padding-bottom:0;

	}





#main #proverb .contentsBox p {

	text-indent:1em;

	}

#main #proverb .contentsBox p.bold { text-indent:0; padding-bottom:0; }

#main #proverb .contentsBox ul.decimalList { margin: 0 33px 0 53px; }

	#proverb .contentsBox ul.decimalList li {

		background:none;

		margin:0;

		padding-left:0;

	}





#main #proverb #conBox .inner div p { padding: 0 20px 10px; margin-top:0; margin-left:120px; text-indent:1em; 

	}

	#main #proverb #conBox .inner div p.imgFloatleft { text-indent:0; margin-left:0; }

	#main #proverb #conBox .inner div p.oldProverb { margin-top:25px; margin-bottom:10px; }

	#main #proverb #conBox .inner div ul { margin: 0 20px 10px 150px; clear:none; 

	}





/* ul

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

#main .decimalList {}

#main .decimalList li { list-style-type:decimal !important; }

#main .discList {}

#main .discList li { list-style-type:disc !important; margin-left:25px; }

#main .katakanaList {}

#main .katakanaList li { list-style-type:katakana !important; margin-left:25px; }

#main .noneTypeList {}

#main .noneTypeList li { list-style-type:none !important; margin-left:25px; }




/* ol

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

#main ol li { list-style-type:decimal !important; }

#main ol { margin: 0 33px 0 53px; }

	#main ol li {

		background:none;

		margin:0;

		padding-left:0;

	}



/* Text

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







#main strong {

	font-weight: bold;

}













#main .bold {

	font-weight: bold;

}



#main .underline {

	text-decoration:underline;

}











#main .red {

	color: #FF0000;

}













#main em {

	font-style: italic;

}













#main a {

	color: #078DBE;

	text-decoration: underline;

}













#main a:hover {

	color: #54C9F4;

	text-decoration: underline;

}











.f_10 { font-size: 10px !important; }

.f_12 {

	font-size: 12px;

}

.f_14r { font-size: 14px; color: #F00; }











.f_16 {

	font-size: 16px;

}



.f_16n { font-size: 16px; font-weight: normal; }



.center {

	text-align:center;

}



/* Align

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

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

.txtRight {

	display: inline;

	float: right;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	font-size: 10px;

}



/* WordTable

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



#word .wordTable table tr td a, #word02 .wordTable table tr td a {

	font-size: 123.1%;

	font-weight: bold;

	color: #000;

	text-decoration: underline;

}

#word .wordTable table tr td a:hover, #word02 .wordTable table tr td a:hover {

	font-size: 123.1%;

	font-weight: bold;

	color: #000;

	text-decoration: underline;

}


#third #word .txtBox h5 {
	margin-bottom: -5px;	
}