@charset "utf-8";
/* キッズエンジニア2009 CSS Document */


/* ------------------------------------*/
/* リンク・ボタン類 --*/
/* ------------------------------------*/
a:link{
	color:#3366cc;
	text-decoration: underline;
	}

a:hover {
	color:#003399;
	text-decoration:none;
	}
	
a:visited {
	color:#555;
	text-decoration: underline;
	}


/* 青ボタン --*/
#blue table#program-blue td a{
	color:#0489e6;
	display:inline;
	width:auto;
	height:auto;
	font-weight:normal;
	float:none;
	background-image:none;
	padding:0;
	}

#blue table#program-blue td a:link{
	/*color:#0489e6;*/
	color:#29509d;
	text-decoration: underline;
	}

#blue table#program-blue td a:visited{
	color:#555;
	text-decoration: underline;
	}

#blue table#program-blue td a:hover{
	/*color:#6ac1fe;*/
	color:#336600;
	text-decoration:none;
	}


#blue a{
	display:block;
	width:158px;
	height:46px;
	font-weight:bold;
	padding:15px 0 12px 38px;
	float:right;
	}

#blue a:link{
	color:#0489e6;
	text-decoration: underline;
	background:url(images/btn.gif) no-repeat;
	}

#blue a:visited{
	color:#555;
	text-decoration: underline;
	background:url(images/btn.gif) no-repeat;
	}

#blue a:hover{
	color:#6ac1fe;
	text-decoration:none;
	background:url(images/btn_r.gif) no-repeat;
	}


/* 赤ボタン --*/
#red a{
	display:block;
	width:158px;
	height:46px;
	font-weight:bold;
	padding:15px 0 12px 38px;
	float:right;
	}



#red table#program-red td a{
	color:#0489e6;
	display:inline;
	width:auto;
	height:auto;
	font-weight:normal;
	float:none;
	background-image:none;
	padding:0;
	}

#red table#program-red td a:link{
	color:#e62348;
	text-decoration: underline;
	}

#red table#program-red td a:visited{
	color:#555;
	text-decoration: underline;
	}

#red table#program-red td a:hover{
	color:#f36f88;
	text-decoration:none;
	}


#red a:link{
	color:#e62348;
	text-decoration: underline;
	background:url(images/btn.gif) no-repeat;
	}

#red a:visited{
	color:#555;
	text-decoration: underline;
	background:url(images/btn.gif) no-repeat;
	}

#red a:hover{
	color:#f36f88;
	text-decoration:none;
	background:url(images/btn_r.gif) no-repeat;
	}
	
/* FAQ --*/	
.faq a:link{
	color:#ec7b02;
	text-decoration: underline;
	}

.faq a:visited{
	color:#555;
	text-decoration: underline;
	}

.faq a:hover{
	color:#fead56;
	text-decoration:none;
	}	


/* 通常ボタン --*/


.btn a{
	display:block;
	width:158px;
	height:46px;
	font-weight:bold;
	padding:15px 0 0 38px;
	margin:5px 0;
	}

.btn a:link{
	text-decoration: underline;
	background:url(images/btn.gif) no-repeat;
	}

.btn a:visited{
	text-decoration: underline;
	background:url(images/btn.gif) no-repeat;
	}

.btn a:hover{
	text-decoration:none;
	background:url(images/btn_r.gif) no-repeat;
	}



/* 長いボタン --*/


.btn_long a{
	display:block;
	width:248px;
	height:46px;
	font-weight:bold;
	padding:15px 0 0 38px;
	margin:5px 0;
	}

.btn_long a:link{
	text-decoration: underline;
	background:url(images/btn_long.gif) no-repeat;
	}

.btn_long a:visited{
	text-decoration: underline;
	background:url(images/btn_long.gif) no-repeat;
	}

.btn_long a:hover{
	text-decoration:none;
	background:url(images/btn_long_r.gif) no-repeat;
	}




/* ------------------------------------*/
/* 共通 --*/
/* ------------------------------------*/


body{
	background-image:url(images/bg_stripe.gif);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}



/* ページ左メニュー --*/
#menu{
	width:227px;
	margin:0;
	float:left;
	}
	
#menu img{
	vertical-align:text-bottom;
	}

#menu ul{
	width:185px;
	margin:0 0 0 34px;
	padding:0;
	list-style-type:none;
	background:url(images/pole.gif) repeat-y;
	overflow: hidden;
	}
		
#menu li{
	float:left;
	margin:0;
	padding:0;
	height:57px;
	}
	
.pole-top{
	margin:0 0 0 34px;
}

#menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #menu {
    height: 1em;
    overflow: visible;
}
/**/

/* 車画像 --*/

.car{
	/*margin-top:57px;*//*←ボタン7個の時はアクティブに（第二階層用）*/
	}

	
html>/**/body .car{
	/*margin-top:57px;*//*←ボタン7個の時はアクティブに（第二階層用）*/
	}


/* ふきだし --*/

.fukidashi-bottom{
margin:-1px 0 0 0;
padding:0;
}

/* curve height, background image */
.fukidashi .t, .fukidashi .b, .fukidashi .b b, .fukidashi .t b{
height:15px;
background-image:url(images/fukidashi.gif);
}

/* inner color, border color, border width */
.fukidashi .c{
	background:#ffffff;
	border-color:#7399de;
	border-left-width:7px;
	border-right-width:7px;
	}


/* surrounding margins (optional) */
.round{
	margin:20px auto 0 auto;
	}

.round .c{
/* inner content padding */
	padding:0 10px 0 10px;
	border-top:0;
	border-bottom:0;
	border-style:solid;
	}
.round .t, .round .b, .round .t b, .round .b b{
	display:block;
	overflow:hidden;
	}
.round .t b, .round .b b{
	float:right;
	width:50%;
	}
.round .t .r{
	background-position:top right;
	}
.round .b .r{
	background-position:bottom right;
	}
.round .b{
	background-position:bottom left;
	}
.round .br{
	clear:both;
	display:block;
	overflow:hidden;
	height:0px;
	}

/*通常小見出し*/
#detail h3.subheading{
	margin:10px 0 0 0;
	background:url(images/base_blue.gif) no-repeat;
	width:491px;
	height:38px;
	color:#FFFFFF;
	padding:8px 0 3px 30px;
	}
	
#detail h3.subheading-ruby{/*ルビ表示 -----------------------------------------*/
	margin:10px 0 0 0;
	background:url(images/base_blue.gif) no-repeat;
	width:491px;
	height:38px;
	color:#FFFFFF;
	padding:0 0 3px 30px;
	}
	
:root #detail h3.subheading-ruby{/*ルビタグ未対応の場合ルビ表示 -----------------------------------------*/
	margin:10px 0 0 0;
	background:url(images/base_blue.gif) no-repeat;
	width:491px;
	height:38px;
	color:#FFFFFF;
	padding:6px 0 3px 30px;
	}
	
#detail h3.subheading02{/*文頭飾りと下線点線*/
	margin:10px 0;
	border-left:7px solid #3366CC;
	border-bottom:2px dotted #3366CC;
	padding:5px 0 5px 15px;
	vertical-align:text-bottom;
	}

#detail h3.subheading03{/*文頭飾りと下線点線*/
	margin:10px 0;
	border-left:7px solid #ec7b02;
	border-bottom:2px dotted #ec7b02;
	padding:5px 0 5px 15px;
	vertical-align:text-bottom;
	}

#detail h3.subheading04{/*文頭飾りと下線点線*/
	margin:10px 0;
	border-left:7px solid #1d6bdf;
	border-bottom:2px dotted #1d6bdf;
	padding:5px 0 5px 15px;
	vertical-align:text-bottom;
	}



/* ページ下メニュー --*/
#footer-menu{
	width:595px;
	position:relative;
	top:25px;
	float:right;
	}
	
/*\*/
* html #footer-menu{
	width:595px;
	position:relative;
	top:30px;
	float:right;
	}
/**/
	
#footer-menu ul{
	list-style-type:none;
	margin:0 0 0 120px;;
	padding:0;
	}
	
#footer-menu li{
	list-style-type:none;
	float:left;
	margin:0 7px;
	padding:0;
	}

/* コピーライト --*/
#footer{
	clear:both;
	width:822px;
	margin:0 auto 20px auto;
	}

#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #footer {
    height: 1em;
    overflow: visible;
}
/**/



/*文頭飾り --*/
.star-blue{
	background:url(images/star_navy.gif) no-repeat;
	padding:0 0 0 20px;
	}
	
	
.star-blue-ruby{/*ルビ表示 -----------------------------------------*/
	background:url(images/star_navy.gif) no-repeat 0 6px;
	padding:0 0 0 20px;
	}
	
:root .star-blue-ruby{/*ルビタグ未対応の場合ルビ表示 -----------------------------------------*/
	background:url(images/star_navy.gif) no-repeat;
	padding:0 0 0 20px;
	}

.star-red{
	background:url(images/star_red.gif) no-repeat;
	padding:0 0 0 20px;
	}
	
.star-red-ruby{/*ルビ表示 -----------------------------------------*/
	background:url(images/star_red.gif) no-repeat 0 6px;
	padding:0 0 0 20px;
	}
	
:root .star-red-ruby{/*ルビタグ未対応の場合ルビ表示 -----------------------------------------*/
	background:url(images/star_red.gif) no-repeat;
	padding:0 0 0 20px;
	}

/*テーブル*/
.table-style, .table-style td{
	border-collapse:collapse;
	/*border:1px solid #bfd5c9;*/
	border:1px solid #c1d1f1;
	font-size:90%;
	line-height:120%;
	}
	
.table-style th{
	border-collapse:collapse;
	/*border:1px solid #bfd5c9;*/
	/*background-color:#deeee5;*/
	width:120px;
	/*color:#339933;*/
	border:1px solid #c1d1f1;
	background-color:#dee6f7;
	color:#7399de;
	}	
	



	

/* その他 --*/	
.left{
	float:left;
	}

.right{
	float:right;
	}

.clear{
	clear:both;
	}
	
.font-orange{
	color:#ec7b02;
	}

.font-skyblue{
	color:#1d6bdf;
	}

/* ------------------------------------*/
/* ホーム--*/
/* ------------------------------------*/

#home{
	width:822px;
	height:650px;
	margin:65px auto 0 auto;
	background:url(images/bg_home.gif) no-repeat;
	padding:0;
	}
	
	#home:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}

	/*\*/
	* html #home{
		height: 1em;
		overflow: visible;
	}
	/**/
	
#home img.car{
	/*margin:57px 0 0 0;*//*←ボタン7個の時はアクティブに*/
	}
	
:root #home img.car{
	/*margin:57px 0 0 0;*//*←ボタン7個の時はアクティブに*/
	}
	



html[xmlns*=""] body:last-child	#home img.car{
	/*margin:57px 0 0 0;*//*←ボタン7個の時はアクティブに*/
	}
	
#home-main{
	width:595px;
	float:right;
	}
	
#home-main img{
	vertical-align:text-bottom;
	margin:0;
	}

/* コメントmarqee --*/
#marqueeArea form{
	margin:20px  0px 0px  0px;
	padding:5px;
	width:568px;
	background:#3366cc;
	text-align:center;
}

#marqueeArea input{
	font-weight:bold;
	color:#FFFFFF;
	border:none;
	background:#3366cc;
	width:568px;
	text-align:right;
	}

.swf{
	margin-top:15px;
	padding:0;
	display:block;
	}

#home div#footer-menu{
	width:595px;
	margin:15px 0 0 0;
	}
	
:root #home div#footer-menu{
	width:595px;
	margin:10px 0 0 0;
	}
	


/* ------------------------------------*/
/* 第2階層--*/
/* ------------------------------------*/

/*第2階層用　背景道路（中央線付き）--*/
#bg-road{
	width:822px;
	margin:0 auto;
	background:url(images/bg_road_L.png) no-repeat;
	/*background-position:0 620px;*/
	background-position:0 650px;
	}


	#bg-road:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}

	/*\*/
	* html #bg-road{
		height: 1em;
		overflow: visible;
	}
	/**/

#secondPage{
	width:822px;
	height:100%;
	margin:65px auto 0 auto;
	background:url(images/bg_2nd.gif) no-repeat;
	overflow: hidden;
	padding:0;
	}
	
#secondPage-main{
	width:585px;
	height:100%;
	float:left;
	margin:0 5px 0 0;
	}
	
/*\*/	
* html #secondPage-main{
	width:585px;
	height:100%;
	float:right;
	margin:0 5px 0 0;
	}
/**/

#secondPage:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}

/*\*/
* html #secondPage {
    height: 1em;
    overflow: visible;
	}
/**/



/*　第二階層ヘッダー　--*/
#secondPage-header{
	margin:20px 0 0 0;
	}


#contents{
	background:#FFFFFF;
	width:580px;
	margin:0 auto;
	padding-bottom:20px;
	}
	
#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}

/*\*/
* html #contents {
    height: 1em;
    overflow: visible;
	}
/**/

#contents #detail p,li{
	line-height:140%;
	margin:0 auto;
	}


#contents h2.title{
	background:url(images/base_title.gif) no-repeat;
	width:550px;
	height:auto;
	padding:32px 0 22px 30px;
	margin:0 auto 10px auto;
	font-size:110%;
	color:#3366CC;
	}
	
#contents h2.title-ruby{/*ルビ表示 -----------------------------------------*/
	background:url(images/base_title.gif) no-repeat;
	width:550px;
	height:auto;
	padding:24px 0 32px 30px;
	margin:0 auto 10px auto;
	font-size:110%;
	color:#3366CC;
	}

:root #contents h2.title-ruby{/*ルビタグ未対応の場合ルビ表示 -----------------------------------------*/
	background:url(images/base_title.gif) no-repeat;
	width:550px;
	height:auto;
	padding:30px 0 24px 30px;
	margin:0 auto 10px auto;
	font-size:110%;
	color:#3366CC;
	}


#detail{
	padding:0 30px;
	}


/* 教室プログラム--*/
#detail #blue{
	width:521px;
	}
	
#detail div#blue h3{
	margin:10px 0 0 0;
	background:url(images/base_deepblue.gif) no-repeat;
	width:491px;
	height:38px;
	color:#FFFFFF;
	padding:8px 0 3px 30px;
	}
	
#detail div#blue h3.ruby,#detail div#red h3.ruby{/*ルビ表示 -------------------*/
	padding:0 0 3px 30px;
	}
	
:root #detail div#blue h3.ruby,:root #detail div#red h3.ruby{/*ルビタグ未対応の場合ルビ表示 -------------*/
	padding:6px 0 3px 30px;
	}
	
#detail div#blue h4.table-title{
	color:#0489e6;
	margin:0 0 10px 0;
	}

#detail div#blue p,#detail div#red p{
	width:290px;
	display:block;
	margin:0 0 20px 0;
	float:left;
	padding:0;
	}

#program-blue,#program-red{
	margin:10px 0;
}


#program-blue, #program-blue td{
	border-collapse:collapse;
	/*border:1px solid #c9d8df;*/
	border:1px solid #82a1e0;
	font-size:90%;
	/*color:#0489e6;*/
	color:#29509d;
	line-height:120%;
	padding:5px;
	}

#program-blue td span.syuryo{
	font-weight:bold;
	color:#222222;
	}

#program-blue td span.niji{
	font-weight:bold;
	color:#ff4040;
	}

#program-blue td span.nijititle{
	font-weight:bold;
	color:#008020;
	}

#program-blue th{
	color:#FFFFFF;
	/*background-color:#0489e6;*/
	background-color:#29509d;
	border:1px solid #82a1e0;
	font-size:90%;
	padding:5px;
	}
	
	
/*教室プログラムウインドウ*/
#detail-blue{
	/*background-color:#e6f7fc;*/
	/* background:#ecf6e4; */
	background:#e5ecf9;
	margin:10px 0 0 0;
	/*border:1px dashed #0489e6;*/
	border:1px dashed #29509d;
	}
	
#detail-blue td,#detail-red td{
	padding:10px;
	}
	
#detail-blue div.right,#detail-red div.right{
	width:250px;
	}
	
#detail-blue div.right img,#detail-red div.right img{
	margin-bottom:5px;
	margin-top:5px
	}	
	
#detail-blue div.detailArea,#detail-red div.detailArea{
	float:left;
	width:330px;
	}

#detail-blue h3{
	/*background:#0489e6;*/
	background:#29509d;
	margin:0 0 10px 0;
	padding:10px;
	color:#FFFFFF;
	}
	
#detail-blue p,#detail-red p{
	width:95%;
	line-height:140%;
	}

#detail-blue table,#detail-red table{
	background:#FFFFFF;
	}

	
#detail-blue table#program-blue td,#detail-red table#program-red td{
	font-size:100%;
	padding:5px;
	}
		
	
/* 体験展示プログラム--*/
#detail div#red h3{
	margin:10px 0 0 0;
	background:url(images/base_pink.gif) no-repeat;
	width:491px;
	height:38px;
	color:#FFFFFF;
	padding:8px 0 3px 30px;
	}
	
#detail div#red h4.table-title{
	color:#e62348;
	margin:0 0 10px 0;
	}

#program-red, #program-red td{
	border-collapse:collapse;
	border:1px solid #e4c9c1;
	font-size:90%;
	color:#e62348;
	line-height:120%;
	padding:5px;
	}

#program-red th{
	color:#FFFFFF;
	background-color:#e62348;
	font-size:90%;
	padding:5px;
	}


/*体験展示プログラムウインドウ*/
#detail-red{
	background:#feebef none;
	margin:10px 0 0 0;
	border:1px dashed #e62348;
	}

#detail-red h3{
	background:#e62348;
	margin:0 0 10px 0;
	padding:10px;
	color:#FFFFFF;
	}



/* FAQ --*/
.faq{
	width:521px;
	margin:0 0 40px 0;
	padding:0;
	}

dl.faq dt {
	clear:both;
	float: left;
	width: 2em;
	height:2em;
	margin: 0 0 0.5em 0;
	padding: 5px;
	font-weight:bold;
	font-family:Arial, Helvetica;
	color:#ec7b02;
	text-align:center;
	background:#FFCC66;
	text-align:center;
	line-height:120%;
}

dl.faq dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 4em;
	padding:0.5em 0 3em 0;
	border-bottom:1px dotted #ccc;
	font-size:90%;
	line-height:120%;
}


/*--------------------------------------*/
/*.faq dt{
	float:left;
	clear:both;
	font-weight:bold;
	font-family:Arial, Helvetica;
	width:40px;
	height:2em;
	padding:5px 0 0 0;
	text-align:center;
	vertical-align:middle;
	color:#ec7b02;
	background:#FFCC66;
	margin:3px -40px 0 0;
	}
	
.faq dd{
	line-height:140%;
	border-bottom:1px dotted #ccc;
	padding:0 5px 1em 5px;
	font-size:90%;
	margin:3px 0 0 50px;
	}

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

.ans{
	width:521px;
	margin:0 0 40px 0;
	padding:0;
	}

dl.ans dt {
	clear:both;
	float: left;
	width: 2em;
	height:2em;
	margin: 0 0 0.5em 0;
	padding: 5px;
	font-weight:bold;
	font-family:Arial, Helvetica;
	color:#1d6bdf;
	text-align:center;
	background:#b0daf7;
	text-align:center;
	line-height:120%;
}

dl.ans dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 4em;
	padding:0.5em 0 2em 0;
	border-bottom:1px dotted #ccc;
	font-size:90%;
	line-height:120%;
}
	


/*--------------------------------------*/
/*.ans dt{
	float:left;
	clear:both;
	font-weight:bold;
	font-family:Arial, Helvetica;
	width:40px;
	height:2em;
	padding:5px 0 0 0;
	text-align:center;
	vertical-align:middle;
	color:#1d6bdf;
	background:#b0daf7;
	margin:3px -40px 0 0;
	}
	
.ans dd{
	line-height:140%;
	border-bottom:1px dotted #ccc;
	padding:0 5px 1em 5px;
	font-size:90%;
	margin:3px 0 0 50px;
	}

/*--------------------------------------*/
	
.ans p{
	padding-bottom:1em;
	}	

/*　ページトップへ戻る　--*/
#pageTop{
	float:right;
	padding:20px 0;
	font-size:80%;
	}

#pageTop img{
	float:left;
	padding:0 0 10px 0;
	}
	
	
/*　ページ移動ボタン　--*/
#pageLink{
	float:right;
	padding:20px 0;
	font-size:80%;
	}

#pageLink img{
	float:left;
	padding:0 0 10px 0;
	margin-right:8px;
	}	
	
	


/*　第二階層フッターー　--*/
#secondPage-footer{
	background:url(images/bg_fotter.gif) no-repeat;
	width:822px;
	height:87px;
	margin:0 auto;
	}
	
#secondPage-footer #footer-menu ul{
	list-style-type:none;
	margin:25px 0 0 120px;
	padding:0;
	}
	
/*\*/	
* html #secondPage-footer #footer-menu ul{
	list-style-type:none;
	margin:20px 0 0 120px;
	padding:0;
	}
/**/