@charset "utf-8";

/* --------------------------------------------------------------
CSS Information

File name:		contents.css
Style Info:		コンテンツエリア用

-------------------------------------------------------------- */



#main {
	width: 865px;
	margin: 0 auto;
}

/* --header-- */

#ind-header {
	width: 865px;
	height: 302px;
	margin: 0 auto;
	background: url(../img/ind_topbg.jpg) no-repeat;
	overflow: hidden;
}

.ind_headbox {
	float:left;
	width: 355px;
	margin: 0px;
	padding:0px;
}

.ind_slidebox {
	float:right;
	width: 505px;
	margin: 0px;
	padding:0px;
}

.ind_headlink {
	float:left;
	width: 300px;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	font-size:14px !important;
	line-height: 100%;
	background: url(../img/ind_toplinkicon.gif) no-repeat;
	display: inline;
}

	.ind_headlink a:link { color: #FFF; text-decoration: none; }
	.ind_headlink a:hover { color: #FFF; text-decoration: underline; }
	.ind_headlink a:visited  { color: #FFF; text-decoration: none; }

.ind-h1rogo {
	float:left;
	margin: 75px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.slide_back {
	float:right;
	margin: 39px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.slide_next {
	float:right;
	margin: 254px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

#jquery-cycle {
	float:left;
	width: 468px;
	height: 300px;
	margin: 0px;
	padding:0px;
}

#jquery-cycle img {
	width: 468px;
	height: 300px;
}

#jquery-cycle-nav {
	width: 300px;
	text-align: center;
}

/* --ind-topcontainer-- */

.ind-topcontainer {
	width: 865px;
	margin: 0 auto;
	background: url(../img/ind_topcontainerbg.jpg) no-repeat;
	overflow: hidden;
	margin: 5px 0px 0px 0px;
}

.ind_topbox {
	float:left;
	width: 852px;
	margin: 0px;
	padding:0px;
}

.ind_topboxl {
	float:left;
	width: 500px;
	margin: 0px;
	padding: 12px 0px 10px 10px;
}

.body_fontchangebox {
	float:right;
	width: 240px;
	font-size:14px !important;
	padding: 10px 0px 0px 0px;
	line-height: 180%;
	text-align: right;
}

.body_fontchangebox_txt {
	float:right;
	width: 140px;
	text-align: right;
	margin: 0px 5px 0px 0px;
	color: #000;
	font-style:normal;
}

.body_fontchangebox_but1 {
	float:right;
	width: 40px;
	margin: 2px 0px 0px 0px;
}

.body_fontchangebox_but2 {
	float:right;
	width: 41px;
	margin: 2px 0px 0px 0px;
}

	.body_fontchangebox_but1 a,
	.body_fontchangebox_but2 a {
		display: block;
		float: left;
		width: 40px;
		height: 21px;
		margin: 0px;
		cursor:pointer;
	}

	.body_fontchangebox_but1 a {
		background: url(../img/fontchange_01_over.gif) no-repeat left top;
	}
	.body_fontchangebox_but2 a {
		background: url(../img/fontchange_02.gif) no-repeat left top;
	}
	.body_fontchangebox_but2 a:hover {
		background: url(../img/fontchange_02_over.gif) no-repeat left top;
	}

.ftxt {
	display: none;
}

/* --ind-midcontainer-- */

.ind-midcontainer {
	width: 865px;
	margin: 0 auto;
	background: url(../img/ind_midcontainerbg.jpg) repeat-y;
	overflow: hidden;
}

.ind-midbgbox {
	float:left;
	width: 862px;
	background: url(../../img/ind-midboxbg.gif) repeat-y;
	overflow: hidden;
	margin: 0px 0px 0px 1px;
	text-align: left;
}

.ind-midbox1 {
	float:left;
	width: 215px;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.ind-midbox2 {
	float:left;
	width: 215px;
	padding: 0px 0px 0px 0px;
}

.ind-midbox3 {
	float:left;
	width: 215px;
	padding: 0px 0px 0px 0px;
}

.ind-midbox4 {
	float:left;
	width: 215px;
	padding: 0px 0px 0px 0px;
}

ul#ind-midboxlink {
	width: 205px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	line-height: 160%;
}

ul#ind-midboxlink li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-bottom: 1px dotted #D9D9D9;
}

.ind-midboxlinkti {
	margin: 0px;
	padding: 0px;
}

.news {
		font-size: x-large;
		padding: 9px 0px 6px 30px;
		display: block;
		background-color: #ff69b4;
		color: #000;
		text-decoration: none;
	}
.ind-midboxlinkaug {
		padding: 9px 0px 6px 30px;
		display: block;
		background-color: #ff69b4;
		color: #000;
		text-decoration: none;
	}

.ind-midboxlinktxtjul {
		padding: 9px 0px 6px 30px;
		display: block;
		background-color: #ff7f50;
		color: #000;
		text-decoration: none;
	}

.ind-midboxlinktxt726 {
		padding: 9px 0px 6px 30px;
		display: block;
		background-color: #ffa500;
		color: #000;
		text-decoration: none;
	}

.ind-midboxlinktxt {
	padding: 9px 0px 6px 30px;
}


	#ind-midboxlink li a {
		display: block;
		color: #000;
		text-decoration: none;
		background: url(../../img/ind-midboxlinkicon.gif) no-repeat;
	}

	#ind-midboxlink li a:hover {
		display: block;
		background-color: #FFDCDC;
		color: #000;
		text-decoration: none;
	}

	#ind-midboxlink li a:visited {
		display: block;
		color: #000;
		text-decoration: none;
	}





.ind-midbannrebox {
	width: 862px;
	margin: 0 auto;
	background: url(../../img/ind-midbannrebg.gif) no-repeat;
	overflow: hidden;
}

.ind-midbannrel {
	float:left;
	width: 235px;
	margin: 20px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.ind-midbannrec {
	float:left;
	width: 235px;
	margin: 20px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.ind-midbannrer {
	float:right;
	width: 235px;
	margin: 20px 25px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.ind_to-topbox {
	width: 865px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #D9D9D9;
	overflow: hidden;
}

.ind_to-top {
	float:right;
	width: 200px;
	margin: 0px 0px 10px 0px;
	padding: 0px 25px 0px 0px;
	text-align: right;
}

.vab {
	vertical-align: baseline;
}
.vam {
	vertical-align: middle;
}

	.ind_to-top a:link { color: #000; text-decoration: none; }
	.ind_to-top a:hover { color: #000; text-decoration: underline; }
	.ind_to-top a:visited  { color: #000; text-decoration: none; }

/* --ind-bottomcontainer-- */

.ind-botcontainer {
	width: 865px;
	height: 49px;
	margin: 0 auto;
	background: url(../img/ind_botcontainerbg.jpg) no-repeat;
	overflow: hidden;
}

.ind-botbox {
	width: 865px;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	text-align: center;
}

	.ind-botbox a:link { color: #000; text-decoration: none; }
	.ind-botbox a:hover { color: #000; text-decoration: underline; }
	.ind-botbox a:visited  { color: #8c8c8c; text-decoration: none; }

/* --fooder-- */

#fooder {
	width: 865px;
	margin: 0 auto;
	padding: 6px 0px 20px 0px;
	background: url(../img/fooder.jpg) no-repeat;
	font-size:14px !important;
	text-align: center;
	color:#FFF;
	line-height: 150%;
}

.fooder2 {
	width: 865px;
	margin: 0 auto;
	padding: 6px 0px 20px 0px;
	background: url(../img/fooder.jpg) no-repeat;
	font-size:14px !important;
	text-align: center;
	color:#FFF;
	line-height: 150%;
}
	.fooder2 a:link { color: #FFFFFF; text-decoration: none; }
	.fooder2 a:hover { color: #FFFFFF; text-decoration: underline; }
	.fooder2 a:visited  { color: #FFFFFF; text-decoration: none; }



/* --kengaku-- */

#header {
	width: 865px;
	height: 91px;
	margin: 0 auto;
	background: url(../img/topbg.jpg) no-repeat;
	overflow: hidden;
}

.headboxl {
	float:left;
	width: 500px;
	margin: 0px;
	padding:0px;
}

.headboxr {
	float:right;
	width: 225px;
	margin: 0px;
	padding:0px;
}

.headrogo1 {
	float:left;
	margin: 10px 0px 0px 21px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.headrogo2 {
	float:left;
	margin: 6px 0px 0px 21px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.headlinkt {
	float:right;
	width: 190px;
	margin: 15px 15px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size:14px !important;
	line-height: 100%;
	background: url(../img/ind_toplinkicon.gif) no-repeat;
	display: inline;
	text-align:right;
}

	.headlinkb1 a:link,
	.headlinkb2 a:link,
	.headlinkt a:link { color: #FFF; text-decoration: none; }

	.headlinkb1 a:hover,
	.headlinkb2 a:hover,
	.headlinkt a:hover { color: #FFF; text-decoration: underline; }

	.headlinkb1 a:visited,
	.headlinkb2 a:visited,
	.headlinkt a:visited  { color: #FFF; text-decoration: none; }

.headlinkb1 {
	float:right;
	margin: 35px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size:14px !important;
	line-height: 100%;
	display: inline;
}

.headlinkb2 {
	float:right;
	margin: 35px 12px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size:14px !important;
	line-height: 100%;
	display: inline;
}

#head_navi {
	width: 865px;
	height: 37px;
	margin: 0 auto;
	margin: 5px 0px 3px;
	background: url(../img/topbg.jpg) no-repeat;
	overflow: hidden;
}

ul#head_navibar {
	width: 865px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul#head_navibar li {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.topcontainer {
	width: 865px;
	margin: 0 auto;
	background: url(../img/ind_topcontainerbg.jpg) no-repeat;
	overflow: hidden;
}

.topbox {
	float:left;
	width: 852px;
	height: 60px;
	margin: 0px;
	padding:0px;
}

.topbox_panks {
	float:left;
	width: 600px;
	margin: 0px;
	padding: 15px 0px 10px 10px;
}

	.topbox_panks a:link { color: #000; text-decoration: none; }
	.topbox_panks a:hover { color: #000; text-decoration: underline; }
	.topbox_panks a:visited  { color: #8c8c8c; text-decoration: none; }

.midcontainer {
	width: 865px;
	margin: 0 auto;
	background: url(../img/midcontainerbg.jpg) repeat-y;
	overflow: hidden;
}

.main_body {
	float:left;
	width: 840px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.left_link {
	float:left;
	width: 205px;
	margin: 0px 0px 0px 3px;
	padding: 0px;
	overflow: hidden;
	display: inline;
}

.left_link-title1l {
	float:left;
	width: 185px;
	height: 32px;
	margin: 0px;
	padding: 11px 0px 0px 20px;
	background: url(../img/sidelink_ti.jpg) no-repeat;
	color: #C8282D;
	font-size:16px !important;
	line-height: 140%;
}

.left_link-title2l {
	float:left;
	width: 185px;
	height: 37px;
	margin: 0px;
	padding: 6px 0px 0px 20px;
	background: url(../img/sidelink_ti.jpg) no-repeat;
	color: #C8282D;
	font-size:16px !important;
	line-height: 110%;
}

ul#left_link_level1 {
	width: 195px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
}

ul#left_link_level1 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px dotted #D9D9D9;
}

.left_link_level1txt {
	padding: 9px 0px 6px 25px;
}

ul#left_link_level1btm {
	width: 195px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
}

ul#left_link_level1btm li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

ul#left_link_level1btm li a,
ul#left_link_level1 li a {
	display: block;
	color: #000;
	text-decoration: none;
	background: url(../img/sidelink_level1.gif) no-repeat;
}

ul#left_link_level1btm li a:visited,
ul#left_link_level1 li a:visited {
	display: block;
	color: #000;
	text-decoration: none;
}

ul#left_link_level1btm li a:hover,
ul#left_link_level1 li a:hover {
	display: block;
	background: url(../img/sidelink_level1-active.gif) no-repeat;
	background-color: #F1E6D2;
	color: #7E470E;
	text-decoration: none;
}

.activebtm ,
.active {
	display: block;
	background: url(../img/sidelink_level1-active.gif) no-repeat;
	background-color: #F1E6D2;
	color: #7E470E;
	text-decoration: none;
}

.left_link_level2box {
	display: block;
	text-decoration: none;
}

.left_link_level2box {
	float:left;
	width: 193px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	overflow: hidden;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px dotted #D9D9D9;
	display: inline;
}

.left_link_level2boxbtm {
	float:left;
	width: 193px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	overflow: hidden;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	display: inline;
}


ul#left_link_level2 {
	width: 179px;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	line-height: 140%;
}

ul#left_link_level2 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.left_link_level2txt {
	padding: 9px 0px 6px 18px;
}

#left_link_level2 li a {
	display: block;
	color: #666;
	text-decoration: none;
}

ul#left_link_level2 li a:visited {
	display: block;
	color: #C5C5C5;
	text-decoration: none;
}

ul#left_link_level2 li a:hover {
	display: block;
	background-color: #F1E6D2;
	color: #7E470E;
	text-decoration: none;
}



.active_level2 {
	display: block;
	background-color: #F1E6D2;
	color: #7E470E;
	text-decoration: none;
}

.splink_bg1 {background-color: #C7DBFE; font-style:normal; }
.splink_bg2 {font-style:normal; }

	.splink_bg1 a:link,
	.splink_bg2 a:link { color: #3E6DD7; text-decoration: none; }

	.splink_bg1 a:hover,
	.splink_bg2 a:hover { color: #3E6DD7; text-decoration: underline; }

	.splink_bg1 a:visited,
	.splink_bg2 a:visited { color: #AA408B; text-decoration: none; }

.contents_body {
	float:right;
	width: 615px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.h1-contents_title {
	float:left;
	width: 595px;
	height: 44px;
	margin: 0px;
	padding: 18px 0px 0px 22px;
	background: url(../img/h1-contents_title.jpg) no-repeat;
	color: #783C00;
	font-size:22px !important;
	line-height: 110%;
	font-weight:bold;
}

.h2-contents_title {
	float:left;
	width: 585px;
	margin: 0px;
	padding: 0px;
	color: #783C00;
	font-size:18px !important;
	line-height: 110%;
}

.h3-contents_title {
	float:left;
	width: 585px;
	margin: 0px;
	padding: 0px;
	color: #783C00;
	font-size:16px !important;
	line-height: 110%;
}

.contents_box {
	float:left;
	width: 585px;
	margin: 20px 0px 20px 15px;
	padding: 0px;
	display: inline;
}

.contents_news {
	float:left;
	width: 750px;
	margin: 20px 0px 0px 20px;
	padding: 0px;
	display: inline;
}

/* --layout-- */

.layout_box {
	float:left;
	width: 585px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 1px dotted #D9D9D9;
}

.layout_boxl {
	float:left;
	width: 170px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #783C00;
	font-style:normal;
}

.layout_boxr {
	float:right;
	width: 400px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 1px dotted #D9D9D9;
}

table.layout_table {
	width:410px;
	border-collapse:collapse;
	border-spacing:0;
}

.layout_table tr th{
	padding:5px;
	border:1px solid #a7a7a7;
	text-align:center;
	vertical-align:middle;
	background-color:#eee;
	font-weight: bold;
}

.layout_table td { 
	border:1px solid #a7a7a7;
	padding:5px;
	text-align:left;
	vertical-align:middle;
}


table.layout_table2 {
	width:585px;
	border-collapse:collapse;
	border-spacing:0;
}

.layout_table2 tr th{
	padding:5px;
	border:1px solid #a7a7a7;
	text-align:center;
	vertical-align:middle;
	background-color:#eee;
	font-weight: bold;
}

.layout_table2 td { 
	border:1px solid #a7a7a7;
	padding:5px;
	text-align:left;
	vertical-align:middle;
}

/* --course-- */

table.course_table {
	width: 585px;
	border-collapse:collapse;
	border-spacing:0;
}

.course_table tr th{
	padding:5px;
	border:3px solid #FFFFFF;
	text-align:center;
	vertical-align:middle;
	background-color:#eee;
}

.course_table td { 
	border:0px solid #a7a7a7;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

.kengaku_mboxl {
	float:left;
	width: 80px;
	margin: 0pxx;
	padding: 0px;
}

.kengaku_mboxr {
	float:right;
	width: 320px;
	margin: 0pxx;
	padding: 0px;
}

/* --challenge-- */
table.challenge_table {
	width: 585px;
	border-collapse:collapse;
	border-spacing:0;
}

.challenge_table tr th{
	padding:5px;
	border:3px solid #FFFFFF;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	background-color:#ffc0cb;
}
.challenge_table td { 
	border:0px solid #a7a7a7;
	padding:15px;
	text-align:center;
	vertical-align:middle;
}





/* --list-- */

.list {
list-style-type:disc;
}

.note {
list-style-type:none;
}

/* --center-- */

.contents_center {
	width: 750px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
}
.contents_centerbox {
	width: 320px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
}