@charset "Shift_JIS";


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

	common_style

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

/* H1_head */
	/* 2009-03-18 */
h1#head_takken_index{ background: transparent url(imgs/h1_takken_index.gif) no-repeat scroll left top;}
	h1#head_takken_kouza{ background: transparent url(imgs/h1_takken_kouza.gif) no-repeat scroll left top;}
		h1#head_takken_sougou{ background: transparent url(imgs/h1_takken_sougou.gif) no-repeat scroll left top;}
		h1#head_takken_touren{ background: transparent url(imgs/h1_takken_touren.gif) no-repeat scroll left top;}
		h1#head_takken_gokaku{ background: transparent url(imgs/h1_takken_gokaku.gif) no-repeat scroll left top;}
		h1#head_takken_chokuzen{ background: transparent url(imgs/h1_takken_chokuzen.gif) no-repeat scroll left top;}
		h1#head_takken_tsushin{ background: transparent url(imgs/h1_takken_tsushin.gif) no-repeat scroll left top;}



/* marginリセット */
.head_1 {
	margin-bottom: 15px !important;
}
#kouzaFrame {
	padding-bottom: 20px;
}
	#kouzaFrame .section_end {
		margin-bottom: 20px;
	}
	#kouzaFrane .action_btn_box {
		margin-bottom: 15px; !important;
	}
	#kouzaFrame div.list,
	#kouzaFrame div.list ul {
		margin-bottom: 0 !important;
	}

/* table */
table.gakkaTable { width: 100%;}
	table.gakkaTable th {border:#a6a6a6 solid 1px;padding:5px 0;background:#d7d7d7;}
	table.gakkaTable td {border:#a6a6a6 solid 1px; clear: both;}
		table.gakkaTable ul {}
		table.gakkaTable ul li {float:left; display: inline;padding-right:5px;}
			table.gakkaTable ul li img { display: block;}
		table.gakkaTable .tabTit {
			background:#f4f4f4;
			width:15%;
			text-align:center;
		}
		table.gakkaTable .tabDetail {padding:5px 0 5px 10px;}
		table.gakkaTable .tabDate { width: 35%l; padding-left: 8px;}
		table.gakkaTable .tabPri { padding-left: 8px;}
		table.gakkaTable .tabBnr {padding:15px 0;text-align:center;width:100px;}


div.kyouiku_box {
	background:#eeeeee;
	padding: 10px 15px 10px;
}

/* 3colum bnr */
.contactForm { width:155px; float: left; text-align: center;}
.contactForm p {margin-left:0;}
.pr7 { padding-right:7px;}
.contactForm ul.sf {text-align: left; width: 145px; padding-left: 10px;}



	
ul.set_iconList {
	height:60px;
	padding: 10px 10px 0 10px;
}
ul.set_iconList div {
	clear: both;
}
ul.set_iconList:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
* html ul.set_iconList {
	zoom: 1;
}
ul.set_iconList li {
	height: 50px;
	float: left;
	margin-left: 5px;
}
	ul.set_iconList li img {
		display: inline;
	}

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

	index.html

==========================================================*/
div#indexTab li { float:left; display: inline;}
	div#indexTab li img { padding: 0; margin: 0; display: block;}
	div#indexTab li#indexSet { float:right; background:url(imgs/btn_index_info_o.gif) 0 0 no-repeat; margin:10px 4px 0 0; width: 166px; height: 44px}
		div#indexTab li#indexSet a { width: 166px; height: 40px; display: block;}
		
		div#indexTab li a:hover { background-color: transparent !important;}
		div#indexTab li a:hover img,
		div#indexTab li.cur img { visibility:hidden !important;}
		
div#indexTab { width: 708px; height: 57px; position: relative;}
div#indexTab ul {
	width: 708px;
	height: 57px;
	background: url(imgs/bg_indexTab.gif) left top no-repeat;
}
	p#tabTop { line-height: 0; margin: 0; padding: 0;}
	
	div#tabContents #tabTonBtn a { width: 103px; height: 31px; display: block;}
		div#tabContents #tabTonBtn a:hover { background-color: transparent;}
		div#tabContents #tabTonBtn a:hover img { visibility:hidden;}

#indexTab #tab01Btn01{
	position: relative;
}
#indexTab #tab01Btn01{
	position: absolute;
	top: 850px;
	left: 122px;
}
#indexTab #tab01Btn02{
	position: absolute;
	top: 850px;
	left: 437px;
}

div#tabBot { background:url(imgs/index_tab01_bot.gif) left top no-repeat; width: 708px; height: 70px;}
div#tabBot div {
	padding-top: 6px;
	width: 370px;
	margin-left: 300px;
}
div#tabBot p { float:left; height:35px;}
div#tabBot .link_std { line-height:30px; background-position:0 12px; font-size: 12px;}
div#tabBot .tabBotTxt {
	padding:2px 0 0 15px;
	font-size: 10px;
}


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

	top.html

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

/* タブ切り替え menu */
div#tabsetBoxTabKouza {
	background-color:#f2f2f2;
	border-left:#e5e5e5 solid 1px;
	border-right:#e5e5e5 solid 1px;
	padding: 10px 0 0 8px;
	margin:0 2px 0 1px;
}
	div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu {
		background:url(imgs/tabset_boxtabmenu.gif) left top no-repeat;
		height: 34px;
		padding:5px 0 0 5px;
	}
p.tabKouzaBot { margin-left:1px;}
	div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu li { float: left; display: inline; margin-right:5px;}
			div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu #setMenu01 { background:url(imgs/tabset_box_tabmenu01_o.gif) left bottom no-repeat; width: 95px;}
			div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu #setMenu02 { background:url(imgs/tabset_box_tabmenu02_o.gif) left bottom no-repeat; width: 225px;}

			div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu #setMenu01.cur { background:url(imgs/tabset_box_tabmenu01_c.gif) left bottom no-repeat; width: 95px;}
			div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu #setMenu02.cur { background:url(imgs/tabset_box_tabmenu02_c.gif) left bottom no-repeat; width: 225px;}
		
			div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu li a { height: 29px; display: block;}
			div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu li a:hover { background-color: transparent;}
			div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu li a:hover img,
			div#tabsetBoxTabKouza ul#tabsetBoxTabKouzaMenu li.cur img { visibility:hidden;}

	div#tabsetBoxTabKouza .tabKouzaPoint { background:url(imgs/tabset_bgtitle.gif) left top no-repeat; width: 488px;}
			div#tabsetBoxTabKouza .tabKouzaPoint span {
				line-height: 29px;
				font-weight: bold;
				color: #243c59;
				padding-left: 8px;
 			}
	div#tabsetBoxTabKouza #tabKouzaPointSet { padding: 0 8px;}
	div#tabsetBoxTabKouza .tabKouzaSetBlock {
		background:#e1e3e7 url(imgs/tabset_bgboxr.gif) right bottom no-repeat;
		padding: 15px 10px;
		margin-bottom: 10px;
		position: relative;
	}
		 .tabKouzaSetBlock .tabKouzaLink a {
			width: 470px;
			height: 120px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		} 	
	
	div#tabsetBoxTabKouza .tabKouzaBTit {
		font-size: 115%;
		font-weight: bold;
		color: #243c59;
		background:url(../common/imgs/ext_side_icon_1.gif) left center no-repeat;
		padding-left:20px;
	}

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

	flow.html

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

div#flow { background:url(imgs/flow_bg.gif) left top repeat-y;}
	div#flow .contentsL {
	width: 85px;
	vertical-align: middle;
}
		div#flow #flowTxt { width: 68px; height: 100%; text-align: center;}
			div#flow #flowTxt p {
				width: 1em;
				line-height: 1;
				text-align: center;
				font-size: 120%;
				color: #243e59;
				font-weight: bold;
				margin: 0 auto;
				padding:60px 0;
			}
	div#flow .contentsR {
	vertical-align: top;
}
div#flow ul,
	div#flow li { margin-bottom: 0; color: #243c59; font-weight: bold;}

div#flow .flowPoint {
	background: url(imgs/flow_point.gif) left top no-repeat;
	width: 422px;
	height: 113px;
	margin-bottom: 25px;
	font-size: 12px;
}
	div#flow .flowPoint ul { padding: 25px 15px 0 90px;}
		div#flow .flowPoint ul li { font-weight:normal; color:#595959;}

ul.gakkaPoint { margin-bottom: 10px;}
ul.gakkaPoint li {float: left;}

.flowPointLi li { float: left; padding-right: 10px;}


div.flowLink {}
	div.flowLink li { float:left;}

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

	セット講座

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

div.sougouTab table { margin-bottom:10px;}
div.sougouTab table .arrow {
	width:40px;
	text-align:center;
}
div.setGray {
	background: #f2f2f2;
	border:#d9d9d9 solid 1px;
	width:300px;
	height:120px;
	padding:0 10px;
}
	div.setGray ul { padding:10px 0 0 0;}
div.setBlue {
	background: #C3D3E5;
	border:#d9d9d9 solid 1px;
	margin:0;
	width:140px;
	text-align:center;
	height:120px;
	padding:0 10px;
}																																		
	div.setBlue p { margin-top:40px;}