@charset "UTF-8";

body {
  font-size:12px;
}

#ie-wrapper {
　text-align: center;
}

#outer-wrapper {
  margin: 0 auto;
  width: 850px;
  text-align: left;
}

#header {
/*
  padding:10px;

  background-image: url(/images/post-bg.gif);
*/
  width:100%;
  height:100px;
  color:#FFFFFF;
  background : #0000FF url(/images/banner1.jpg) no-repeat right center ;
  text-align:left;
}

#headertext {
  padding-top:30px;
}

span.header-title {
  padding-left:30px;
  font-size:24px;
  font-weight:bold;
}

span.header-subtitle {
  padding-left:60px;
  font-size:14px;
}

#headermenu {
  margin-top:5px;
  padding-top:5px;
  height: 100px;
/*  background: #ccc; 
 border:1px dashed #000099; */
}

span.beta{
    font-size:12px; 
    color:#FF75EE;
}

/************ ヘッダーメニュー部分定義 ************/
#pagelogo {
  float:left;
}

#hdrright {
  float:right;
/* 下記のmargin-topはお知らせ掲載時はコメントアウト */
/*  margin-top:55px; */
  width:47%;
}

#hmdisc {
  font-size:14px;
  line-height:1.1em;
}

.clr {
  clear:both;
}

/************ サイドバー領域の定義 ************/
#sidebar {
  float:left;
  width: 200px;
  height: 1020px;
  background: #ffffff;
border: 0px #000000 dotted;
}

#slidemenu {
width: 200px;
  height: 760px; /* circuit.jsのsidebarHeightに.parentの"top" + 10 を足した値 */

/* サイドバーの背景色　ここを変更する場合は.childと.contentの背景色も変更する */
  background-color:#F5F5F5; 
  layer-background-color:#F5F5F5;

  border: 1px #000000 solid;
  padding-top:15px;
  overflow:hidden;
}

.sidebox {
	border:1px solid #000000;
  margin:10px 0;
}
.sidebox h4 {
margin:0 0 0.5em 0;
	padding:0 10px;
	line-height:27px;
	color:#000;
	background: url(/images/bg/title_bg_side.gif) repeat-x;
}
div.listnew{
	padding: 4px 8px;
}

#sidebararea2 {
  width:100%;
/*
  height:95px;
*/
  margin-top:6px;
  margin:6px 0 0 0;
  border: 1px red solid;
}

#request-title {
  width:100%;
/*
  height:20px;
*/
  line-height:1.2em;
  font-weight:bold;
  line-height:1.5em;
  text-align:center;
  border-bottom: 1px red solid;
  background-color:#FFFFA4;
  layer-background-color:#FFFFA4;
}

#request-content {
  padding:0.5em;
  text-align:left;
  line-height:1.2em;
}

/************ コンテンツ領域の定義 ************/
#content {
  float:right;
  width: 635px;
}

#courseinfo {
  margin-top:15px;
  height:285px;
}

#firstinfo {
  margin-left:5px;
  background-color: #FFFFFF;
  width:620px;
  height:auto;
  border:1px solid #666;
}

#abouttitle {
  font-size:16px;
  font-weight:bold;
  line-height:1.4em;
  color:#594300;
  margin-top:0px;
  margin-bottom:0px;
  width:605px;
  height:23px;
  background-image: url(/images/panel-title-light-bg.gif);
  padding-left:15px;
  padding-top:2px;
}

#aboutpage {
  margin-top:5px;
  font-size:14px;
  line-height:1.8em;
  padding-left:5px;
  background-image: url(/images/bg/contents_bg.gif);
}

#infoguide {
  margin-top:10px;
  margin-left:5px;
  background-color: #FFFFFF;
  width:620px;
  height:auto;
  border:1px solid #666;
}

#noticetitle {
  font-size:16px;
  font-weight:bold;
  line-height:1.4em;
  color:#594300;
  margin-top:0px;
  margin-bottom:3px;
  width:605px;
  height:23px;
  background-image: url(/images/panel-title-light-bg.gif);
  padding-left:15px;
  padding-top:2px;
}

#notice {
  margin-top:5px;
  font-size:14px;
  line-height:1.8em;
  padding-left:5px;
  background-image: url(/images/bg/contents_bg.gif);
}

#content-ad1 {
  margin-top:5px;
  margin-bottom:5px;
  margin-left:80px;
  height:60px;
}

#maparea {
  float:left;
  width: 370px;
  height: 400px;
}

#maptitle {
  height: 20px;
}

/************ お勧め情報領域の定義 ************/
#recommend_area {
  z-index: 1;
  width:100%;
  height:auto;
  margin-top:3px;
  border:1px solid #666;
}

#recommendtitle {
  font-size:14px;
  font-weight:bold;
  line-height:1.6em;
  color:#594300;
  width:96%;
  height:20px;
  background-image: url(/images/panel-title-light-bg.gif);
  margin-top:0px;
  margin-bottom:1px;
  padding-left:15px;
}

#recommend {
  width:100%;
  height:auto;
  border-spacing:2px;
  font-size:12px;
}

#recommend img {
  margin-bottom:5px;
}

.recommend-header {
  text-align:center;
  background-color:#cccccc;
}

.recommend-data {
  text-align:center;
  background-color:#e9eef5;
}

img.recommend-img {
  border:0px;
}

.recommend-detail {
  text-align:left;
}

#map {
  height: 350px;
  margin-top:4px;
}

#maphelp {
  height: 15px;
  margin-top:1px;
}

#map-sidebar {
  float:right;
  width: 250px;
}

#weather {
  height: 130px;
}

/************ 関連書籍領域の定義 ************/
#books {
  z-index: 3;
  width:100%;
  height:auto;
  margin-top:3px;
  border:1px solid #666;
}

#books_title {
  font-size:14px;
  font-weight:bold;
  line-height:1.6em;
  color:#594300;
  width:94%;
  background-image: url(/images/bg/blocktitle1.gif);
  margin-top:0px;
  margin-bottom:1px;
  padding-left:15px;
}

#booklink{
  margin:0.5em;
  line-height:1.4em;
}

#content-ad2 {
  margin-top:10px;
  height: 250px;
}

/************ YouTube表示領域の定義 ************/
#youtube{
 width:100%;
 text-align:center;
 margin:5px 0;
}

#video1 {
  text-align:left;
  padding: 3px;
  font-size:14px;
  visibility:hidden;
}

#video1.yui-panel .hd {
  display:none;
  visibility:hidden;
} 
#video1.yui-panel .hd span {
  display:none;
  visibility:hidden;
} 
#video1.yui-panel .hd .tl {
  position:absolute;
  display:none;
  visibility:hidden;
} 
#video1.yui-panel .hd .tr {
  position:absolute;
  display:none;
  visibility:hidden;
}

#video1.yui-panel .container-close {
	position:absolute;
  display:none;
  visibility:hidden;
}

.content-ad3 {
  clear:both;
  width:100%;
  border:1px solid #aaa;
  margin-bottom:3px;
}

.content-ad3 h4 {
  margin:0 0 2px 0;
  padding:0 10px;
  line-height:27px;
  color:#000;
  background: url(/images/bg/ttl_bg.gif) repeat-x;
}

div.side_desc2{
  padding:4px 8px;
  text-align:center;
}

#rakuten-adtable {
  width:100%;
  font-size:12px;
  line-height:1.4em;
  padding-left:10px;
  border-collapse:separate;
  border-spacing: 5px; 
}

#content-footer {
  clear:both;
  height:1px;
  margin-bottom:5px;
  border: 0px #000000 dotted;
}

#footer {
  clear:both;
  padding-top:0px;
  margin-top:5px;
  line-height: 1.6em;
  background-image: url(/images/bg/panel-title-bg.gif);
/*
  background: #3535FF;
*/
  color:#FFFFFF;
  text-align:center;
  font-weight:bold;
  letter-spacing:0.1em;
}

/**********************************/
/* 読み込む各コース情報HTMLのCSS　*/
/**********************************/
#infowrapper {
  width:100%; 
border: 0px #000000 dotted;
}

#infotitle {
  width:100%;
  height:20px;
  border-left: 3px #0000FF solid;
  border-bottom: 1px #0000FF dashed;
  background: #ECFBFF;
  font-size:14px;
  font-weight:bold;
  padding-top:3px;
letter-spacing:0.2em;
}

#infotitlestr {
  padding-left:30px;
  vertical-align:middle;
}

#infomain {
  margin-top:2px;
}

#infolayout {
  float:left;
  width:150px;
  margin-top:10px;
}

#infofigure {
  width:100%; 
  height:150px; 
}

#infofigtitle {
  width:100%; 
  height:20px; 
  text-align:center;
  letter-spacing:0.2em;
}

#infoselfigure {
  width:100%; 
  height:70px; 
  margin-top:3px;
  letter-spacing:0.1em;
}

#infocontents {
  float:right; 
  width:475px; 
}

#infotable {
  width:100%; 
  height:260px; 
  font-size:12px;
}

.infotr {
  line-height: 1.3em;
}

.infotd1 {
  padding-left:0.5em; 
  background-color:#C9D6E7;
}

.infotd2 {
  padding-left:0.5em; 
  background-color:#e9eef5;
}



/************ メールフォーム用定義 ************/
#mailform1 {
  text-align:center; 
  width: 280px; 
  height: 340px; 
  font-size:14px; 
  visibility:hidden;
}

/**********************************/
/* スライドメニューのCSS        　*/
/**********************************/
.accordion_toggle {
	display: block;
/*
	height: 30px;
*/
	width: 200px;
	background-image: url(/images/bg/areaColUnSel.png);
/*
	background: url(images/areaColUnSel.png) no-repeat top right #a9d06a;
*/
	padding: 0 10px 0 10px;
	line-height: 2.4em;
  letter-spacing:0.2em;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 14px;
font-weight:bold;
	color: #FFFFFF;
	border-bottom: 1px solid #0000F2;
	cursor: pointer;
/*
	margin: 0 0 0 0;
*/
	margin: 0 0 3px 0;

}

.accordion_toggle_active {
	background-image: url(/images/bg/areaColSel.png);
	color: #FFFFFF;
	border-bottom: 1px solid #000099;
}

.accordion_content {
  background-color:#F5F5F5; 
  layer-background-color:#F5F5F5;
	color: #444444;
	overflow: hidden;
margin-bottom:2px;
}
	
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 5px 10px;
}

.accordion_content ul {
	margin-left:10px;
  padding-left:10px;
	line-height: 1.6em;
}

.accordion_content li a:hover {
  background-color:#E3F9FF;
  layer-background-color:#E3F9FF;
}
	
.vertical_accordion_toggle {
	display: block;
/*
	height: 30px;
*/
	width: 170px;
	background-image: url(/images/bg/prefColUnSel.png);
	padding: 0px 5px 0px 10px;
	line-height: 2.0em;
  letter-spacing:0.2em;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #A4E9FF;
	cursor: pointer;

	margin: 0 1px 2px 0;
/*
	margin: 0 0 0 0;
*/
}

.vertical_accordion_toggle_active {
	background-image: url(/images/bg/prefColSel.png);
	color: #000000;
	border-bottom: 1px solid #75C8FF;
}

.vertical_accordion_content {
  background-color:#F5F5F5; 
  layer-background-color:#F5F5F5;
	color: #444444;
	overflow: hidden;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content h3 {
	margin: 0 0 2px 10px;
}

.vertical_accordion_content p {
	line-height: 150%;
	padding: 5px 10px 5px 10px;
}

.vertical_accordion_content ul {
	margin-left:10px;
  padding-left:10px;
	line-height: 1.6em;
}

.vertical_accordion_content li a:hover {
  /* font-weight:600;
  letter-spacing:0.1em; */
  background-color:#E3F9FF;
  layer-background-color:#E3F9FF;
}

div.vertical-nested {
margin: 5px 2px 5px 10px;
width: 180px;
}

div#menu_test {
width:200px;
margin-top:5px;
clear:both;
/*
height:650px;
overflow:hidden;
*/
}