@charset "utf-8";

/* CSS Document */

@import "common.css";

/* -------------------------------------------------------
				CONTENTLEFT
------------------------------------------------------- */
div#content-left{
	width:220px;
	margin-right:20px;
	float:left;
}
/*--------sindan--------*/
div#sindan{
	margin:15px 0; 
}
/*--------sindan--------*/
div#otherbn img{
	margin-bottom:5px; 
}

/* -------------------------------------------------------
				LEFTMENU
------------------------------------------------------- */
div#courseplanbox{
	width:218px;
	margin-bottom:10px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
* html div#courseplanbox{
	width:220px;
	margin-bottom:10px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
div#courseplanboxinner{
	width:200px;
	margin:0 auto 10px auto;
	position:relative;
}
div#courseplanboxinner ul.parent{
	width:200px;
	margin-bottom:5px;
}
div#courseplanboxinner ul.parent li{
	width:200px;
	height:49px;
}
div#courseplanboxinner ul.parentb{
	width:200px;
}
div#courseplanboxinner ul.parentb li{
	width:200px;
	height:49px;
}
div#courseplanboxinner ul.child{
	width:188px;
	padding:5px 5px 0 5px;
	background:url(../images/common/courseplansubbn_bg.gif) no-repeat;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
}
div#courseplanboxinner div.ulcbottom{
	width:200px;
	height:5px;
	background:url(../images/common/courseplansubbottom_bg.gif) no-repeat;
	margin-bottom:5px;
}

div#courseplanboxinner ul.child li{
	width:188px;
	height:30px;
}
div#courseplanboxinner ul.child li a{
	width:160px;
	height:25px;
	padding-top:5px;
	padding-left:28px;
	font-size:10px;
	display:block;
}
div.kugiri{
	width:200px;
	height:1px;
	margin:0 auto 5px auto;
	border-bottom:1px dotted #bdab63;
}
/* -------------------------------------------------------
				プルダウンメニュー
------------------------------------------------------- */
/* ==================== submenu01 ==================== */

div#submenu01 {
	width:140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:115px;
	visibility: hidden;
	z-index: 2;
}
div#submenu01 ul{
	z-index: 2;
}
div#submenu01 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu01 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu01 li a:hover {
	background-color: #ffc7d3;
}

/* ==================== submenu02 ==================== */

div#submenu02 {
	width: 140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:145px;
	visibility: hidden;
	z-index: 2;
}
div#submenu02 ul {
	z-index: 2;
}
div#submenu02 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu02 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu02 li a:hover {
	background-color: #ffc7d3;
}

/* ==================== submenu03 ==================== */

div#submenu03 {
	width: 140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:175px;
	visibility: hidden;
	z-index: 2;
}
div#submenu03 ul {
	z-index: 2;
}
div#submenu03 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu03 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu03 li a:hover {
	background-color: #ffc7d3;
}
/* ====================submenu04 ==================== */
div#submenu04 {
	width: 140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:278px;
	visibility: hidden;
	z-index: 2;
}

div#submenu04 ul {
	z-index: 2;
}
div#submenu04 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu04 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu04 li a:hover {
	background-color: #ffc7d3;
}

/* ==================== submenu05 ==================== */

div#submenu05 {
	width: 140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:307px;
	visibility: hidden;
	z-index: 2;
}

div#submenu05 ul {
	z-index: 2;
}
div#submenu05 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu05 li a {
	width: 140px;
	height:22px;
	padding: 3px 0;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu05 li a:hover {
	background-color: #ffc7d3;
}

/* ==================== submenu06 ==================== */

div#submenu06 {
	width:140px;
	background-color:#FFFFFF;
	border:1px solid #dfdfdf;
	position:absolute;
	left:190px;
	top:347px;
	visibility: hidden;
	z-index: 2;
}

div#submenu06 ul {
	z-index: 2;
}
div#submenu06 li {
	width: 140px;
	height:28px;
	border-bottom:1px solid #dfdfdf;
}
div#submenu06 li a {
	width: 140px;
	height:22px;
	padding: 3px 0px;
	display: block;
	font-size:10px;
	background-color: #EEEEEE;
}
div#submenu06 li a:hover {
	background-color: #ffc7d3;
}




/*--------quicksearchbox--------*/

div#quickserachbox{
	width:218px;
	margin-bottom:10px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
* html div#quickserachbox{
	width:220px;
	margin-bottom:10px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
div#quickserachbox{
	margin-bottom:15px; 
	height:160px;
	background:url(../images/inner/quickseach_bg.gif) no-repeat;
}
ul#quickseach {
	width:200px;
	height:151px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;
	margin-bottom:1px;
	background:url(../images/inner/quickseach.png) no-repeat 0 0;
}
* html ul#quickseach {
	margin-left: 8px;
	margin-right: 8px;
}
ul#quickseach li{
	width:200px;
	height:30px;
	display:block;
}
/*--------bnrllinkox--------*/
dl#bnrlbox{
}
dl#bnrlbox dt{
}
dl#bnrlbox dd{
	height:14px;
	line-height:14px;
	padding-left:10px;
	margin-bottom:10px;
	background:url(../images/common/icon_triangle.gif) no-repeat left center;
}
dl#bnrlbox dd a{
	font-size:10px;
}

/*--------bnrllinkbox--------*/
div#bnrllinkbox{
	text-align:center;
}
div#bnrllinkbox img{
	margin-bottom:10px;
}

/* -------------------------------------------------------
				CONTENTMAIN
------------------------------------------------------- */
div#content-main{
	width:760px;
	float:right;
}
h2{
	width:760px;
	height:240px;
	margin:11px 0 0 0;
}
div#pkuz{
	width:680px;
	margin:0 auto 20px auto;
	padding:0 40px;
	text-align:right;
	font-size:smaller;
	background:url(../images/inner/mainimgbottom_bg.jpg) repeat-x left top;
}
h3{
	width:720px;
	margin:0 auto;
}

/* -------------------------------------------------------
				誘導ボタン
------------------------------------------------------- */

p.btn-instruction {
	width:700px;
	text-align: center;
	border: double 4px #CCCC99;
	padding: 10px;
	margin:20px auto 0 auto;
}
p.btn-instruction img {
	vertical-align: middle;
	margin-right:15px;
}
p.btn-instruction img.last {
	vertical-align: middle;
	margin-right:0;
}

ul#instructionul{
	margin:5px 0 0 0;
	padding:0;
}
ul#instructionul li{
	margin:0;
	padding-left:14px;
	background:url(../images/common/icon_triangle.gif) no-repeat left center;
	text-align:left;
	font-size:12px;
}
ul#instructionul a:link {
	color:#3e80a5;
}
ul#instructionul a:visited {
	color:#7759A8;
}
ul#instructionul a:active {
	color:#e15285;
}
ul#instructionul a:hover {
	color:#e15285;
}


/* -------------------------------------------------------
				誘導ボタン02
------------------------------------------------------- */

p.btn-instruction02 {
	width:700px;
	text-align: center;
	padding: 10px;
	margin:20px auto 30px auto;
}
p.btn-instruction02 img {
	vertical-align: middle;
	margin-right:15px;
}
p.btn-instruction02 img.last {
	vertical-align: middle;
	margin-right:0;
}
p.btn-instruction02 img.lastitv {
	vertical-align: middle;
	margin-top:3px;
	margin-left:445px;
}

ul#instructionul{
	margin:5px 0 0 0;
	padding:0;
}
ul#instructionul li{
	margin:0;
	padding-left:14px;
	background:url(../images/common/icon_triangle.gif) no-repeat left center;
	text-align:left;
	font-size:12px;
}
ul#instructionul a:link {
	color:#3e80a5;
}
ul#instructionul a:visited {
	color:#7759A8;
}
ul#instructionul a:active {
	color:#e15285;
}
ul#instructionul a:hover {
	color:#e15285;
}