@charset "utf-8";
/* -----------------------------------------
 This is the CSS to be applied to a page layout & decoration.
----------------------------------------- */

/* -----------------------------------------
 common style
----------------------------------------- */

/* -----------------------------------------
 page name
----------------------------------------- */


/* -----------------------------------------
		clearfix
		This is the reset function of the "float".
----------------------------------------- */
#container,
.clearfix{ /zoom : 1; }

#container:after,
.clearfix:after{ content : ''; display : block; clear : both; }

/*page top*/

#page-top{
   width:50px;
   height:50px;
   display:none;
   position:fixed;
   right:16px;
   bottom:16px;
}
 
#page-top p{
   margin:0;
   padding:0;
   text-align:center;
   background:#3b3b3b;
   -webkit-transition:all 0.5s;
   -moz-transition:all 0.5s;
   transition:all 0.5s;
}
 
#page-top p:hover{
   background:#8b8b8b;
}
 
#move-page-top{
   color:#fff;
   line-height:50px;
   text-decoration:none;
   display:block;
   cursor:pointer;
}


/* ================================================================
		common
================================================================ */
a:hover {
	color:#C67B3B;
	text-decoration:none;
}

.ALcenter { text-align:center;}
.ALright { text-align:right;}

.mab0 { margin-bottom:0 !important; }
.mab10 { margin-bottom:10px; }
.mab15 { margin-bottom:15px; }
.mab20 { margin-bottom:20px; }
.mab30 { margin-bottom:30px; }
.mab40 { margin-bottom:40px; }
.malli10 li {margin-bottom:20px; }
.firstP{
	padding-top:40px;
}

.textL{
	text-align:left;
}
.textR{
	text-align:right;
}

.disc li {
	list-style:disc;
	margin-left:22px;
}
.decimal li {
	list-style:decimal;
	margin-left:22px;
}
.num li {
	list-style:decimal;
	margin-left:22px;
}
.alfa {
	padding-left:2em;
}
.alfa li {
	text-indent:-2em;
}
.kome li {
	padding-left:1em;
	text-indent:-1em;
}
.x {
  text-align: centerbtnBo;
}
.btnBox li {
  display: inline;
  margin: 0 20px;
}

.imgL {
	float:left;
}

.imgR{
	float:right;
}

.small {
	font-size:93%;
	padding-top:5px;
	border-top:1px dotted #DDD;
}

.term{
	border: 3px solid #CC0000;
	background: #FFFAF4;
	padding: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	font-size:18px;}	
	
.indent{
	padding-left:1em;
	text-indent:-1em;
}

.red {
	color:#c00;
}

.bgcolor {
	background:#E54B42;
	padding: 5px;
	margin-bottom:20px;
}

.font-small{
	font-size:96%;
}



/* ================================================================
		top
================================================================ */
 
#top #main{
	min-height:780px;
	position:relative;

}


#top #main .term{
	width: 600px;
	position: absolute;
	padding: 10px;
	right:50px;
	top: 15px;
}

/*news*/

#top #news{
	position:absolute;
	right:50px;
	bottom:20px;
}

#top dl{
	background:url(../images/news_box.png) 0 top no-repeat;
	width:600px;
	height:90px;
	overflow:auto;
	
}

#top dt{
	background:url(../images/icon.png) 30px 80% no-repeat;
	width: 120px;
	float: left;
	padding: 10px 0px 0px 50px;

}


#top dd{
	padding-top:10px;
	width: 390px;
	float:left;


}

#top .del{
	background:url(../images/del.png) 0 center repeat-x;
}

#top .rd1{
	font-weight: bold;
	color:#C00;
	font-size:18px;
	text-align:center;
}

#top .rd2{
	font-weight: bold;
	color:#C00;
	font-size:18px;
	margin-left:12em;
}

#top .topsen {
	color:#C00;
	font-size:19px;
}

/* ================================================================
		inner
================================================================ */
.inner .sample{
	padding-left:250px;
}

.inner #main {
	background:#FFF;
	min-height:900px;
	
}
.inner h1 {
	background:#FFA54C url(../images/header1_bg.png) 0 bottom no-repeat;
	padding:15px 10px;
	font-size:177%;
	margin-bottom:20px;
	color:#fff;
	text-indent: -1.3em;
	padding-left: 1.8em;
}
.inner .icon{
	background:url(../images/header1_icon.png) 0 30% no-repeat;
	padding:0 35px;
}

.inner h2{
	background:#eee url(../images/header3_icon.png) 0 7px no-repeat;
	font-size:124%;
	padding-left:10px;
	margin-bottom:20px;
	padding:7px 10px 4px;
}

.inner h3{
	background:url(../images/header2_icon.png) 0 2px no-repeat;
	font-size:116%;
	padding-left:22px;
	margin-bottom:15px;
}

.inner h4{
	border-bottom:1px solid #FFA54C;
	font-size:108%;
	margin-bottom:15px;
}

.inner .frame{
	margin:20px 20px;
}

.section {
	padding:0 20px 30px;
}

.s_section {
	padding:0 0 20px;
}

/* .inner .section ul{
	padding:10px;
}

.inner .section li{
	background:url(../images/icon.png) 20px 50% no-repeat;
	padding:5px 0  0 35px;
} */

.name {
	font-weight: bold;
}

/* ================================================================
		cfa
================================================================ */

#cfa .tbl_type01{
	border-collapse:collapse;}


#cfa .tbl_type01 th,
#cfa .tbl_type01 td{
	border:#CCC 1px solid ;}
	
#cfa .tbl_type01 td{
	text-align:center;
	background-color:#eee;}
	
	
#cfa .tbl_type01 th{
	width:300px;
	}
	
#cfa .net li{
	padding-top:10px;}
	
#cfa .net li:first-child{
	padding-top:0px;}
	
#cfa .inquiry{
	background:#FEF6EC;
	padding:10px;
	border:2px solid #FFA54C;}
	
#cfa .inquiry dt{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #FFA54C;
	font-size:116%;}

#cfa .rdcfa{
	font-weight: bold;
	color:#c00;
	font-size:18px;
	text-align:center;
}

#cfa .rdcfa2{
	font-weight: bold;
	color:#c00;
	font-size:18px;
	margin-left:12em;
}

#cfa .del{
	background:url(../images/del.png) 0 center repeat-x;
}


/* ================================================================
		greeting
================================================================ */

.pic{
	padding:0 0 20px 20px;	
}



/* ================================================================
		outline
================================================================ */

#outline table{
	border:1px solid #ddd;
}

#outline th{
	background:#CF804B;
	color:#fff;
	text-align:center;
}

#outline .even{
	background:#FAF5E3;
}

.outline .font{
	font-size:108%;
}

/* ================================================================
		link
================================================================ */

#link h2{
	margin-bottom:5px;
}
/* ================================================================
		award
================================================================ */
#award .term{
	border: 3px solid #CC0000;
	background: #FFFAF4;
	padding: 20px;
	font-weight: bold;
	color: #c00;
	text-align: left;
	font-size:18px;
	line-height:2;
}

/* ================================================================
		educational
================================================================ */

#educational table.tbl_color{
	border:1px solid #ddd;
}

#educational .tbl_color th{
	background:#CF804B;
	color:#fff;
	text-align:center;
}
#educational .even{
	background:#FAF5E3;
}

#educational .tbl_gray{
	border-collapse:collapse;
}

#educational .tbl_gray th,
#educational .tbl_gray td{
	border:#CCC 1px solid;
	font-weight:normal;
}
	
#educational .tbl_gray th{
	text-align:center;
	background-color:#eee;
}

#educational table td .name {
	margin-left: 1em;
}
/* ================================================================
		lecture
================================================================ */

#lecture table.tbl_color{
	border:1px solid #ddd;
}

#lecture .tbl_color th{
	background:#CF804B;
	color:#fff;
	text-align:center;
}
#lecture .even{
	background:#FAF5E3;
}

#lecture .tbl_gray{
	border-collapse:collapse;
}

#lecture .tbl_gray th,
#lecture .tbl_gray td{
	border:#CCC 1px solid;
	font-weight:normal;
}
	
#lecture .tbl_gray th{
	text-align:center;
	background-color:#eee;
}

#lecture table td .name {
	margin-left: 1em;
}