@charset "utf-8";
/*********************************************
**    Copyright (c) 2008 Eye Movic.
**                  All Rights Reserved.
**********************************************/
/*++++++++++++++++++++++++++++++++++++++++
         初期化設定
++++++++++++++++++++++++++++++++++++++++*/
* {
	margin				: 0;
	padding				: 0;
	font-family			: "メイリオ","ＭＳ Ｐゴシック", "Osaka－等幅";
}
* html .scale-img {
	behavior			: expression(IEPNGFIX.fix(this));
	text-align			: center;
	margin				: 0px;
	padding-top			: 0px;
}
/*++++++++++++++++++++++++++++++++++++++++
         基本設定
++++++++++++++++++++++++++++++++++++++++*/
html {
	height				: 100%;
}
body {
	width				: 100%;
	height				: 100%;
}
img {
	border				: none;
	vertical-align		: top;
}
td {
	width				: 20px;
}
/*-----------------------------
         その他
-----------------------------*/
/*  リンク
-----------------------------*/
a {
	color				: #FFFFFF;
	text-decoration		: none;
}
a:hover {
	color				: #FFFFFF;
	text-decoration		: underline;
}
a:link {
}
a:visited {
}
/*++++++++++++++++++++++++++++++++++++++++
         ヘッダー設定
++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++
         フッター設定
++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++
         共通設定
++++++++++++++++++++++++++++++++++++++++*/
/*-----------------------------
         要素関連 
-----------------------------*/
/*  見出し
-----------------------------*/
/*-----------------------------
         レイアウト関連 
-----------------------------*/
.flt_left	{ float			: left;		}
.c_both		{ clear			: both;		}
.lyt_sps	{ margin		: 0 0 10px 0;	}
.lyt_sps20	{ margin		: 0 0 20px 0;	}
.lyt_sps30	{ margin		: 0 0 30px 0;	}
.lyt_sps50	{ margin		: 0 0 50px 0;	}
.lyt_left	{ text-align	: left;		}
.lyt_center	{ text-align	: center;	}
.lyt_right	{ text-align	: right;	}
.lyt_top	{ vertical-align: top;		}
.lyt_middle	{ vertical-align: middle;	}
.lyt_bottom	{ vertical-align: bottom;	}

.clear{
	clear				: both;
	font-size			: 0px;
	line-height			: 0px;
	height				: 0px
}

/*-----------------------------
         ナビゲーション関連 
-----------------------------*/
.noscriptinfo {
	position			: absolute;
	left				: 243px;
	top					: 8px;
	width				: 480px;
	height				: 48px;
	text-align			: center;
	background-color	: #ff8888;
	z-index				: 100;
}

/*-----------------------------
         画像関連 
-----------------------------*/
/*-----------------------------
         テキスト関連 
-----------------------------*/
.txt_bld { font-weight	: bold;		}
.txt_f10 { font-size	: 10px;		}
.txt_f12 { font-size	: 12px;		}
.txt_f14 { font-size	: 14px;		}
.txt_f16 { font-size	: 16px;		}
.txt_f18 { font-size	: 18px;		}
.txt_red { color		: #ff0000;	}

/*-----------------------------
         フォーム関連 
-----------------------------*/
/*>> アクティブフォーカス */
input[type="text"]		: focus,
input[type="text"]		: hover,
input[type="password"]	: focus,
input[type="password"]	: hover,
select					: focus,
select					: hover,
textarea				: focus,
textarea				: hover {
	background-color	: #fffbbb;
}
/*<< アクティブフォーカス */
select {
	vertical-align		: middle;
	margin				: 0 5px 5px 0;
}
	select option {
		padding				: 0 5px 0 0;
	}

.frm_button {
	height				: 30px;
	padding				: 0 10px 0 10px;
}

html:first-child select {
	padding				: 3px 4px 3px 0;
}
/* IE7 */
*:first-child+html input[type="text"] {
	height				: 18px;
}
/* opera9 */
html:first-child input[type="text"] {
	height				: 18px;
}

/*-----------------------------
         テーブル関連 
-----------------------------*/
/*-----------------------------
         注釈関連 
-----------------------------*/
/*++++++++++++++++++++++++++++++++++++++++
         右部設定
++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++ 各ページデザイン部分設定 ++++++++++++++++++++ */
/* ++++++ マップ画面設定 ++++++ */
/* 地図本体 */
#map {
	width				: 100%;
	height				: 100%;
}
/* 左側部分 */
#box {
	position			: absolute;
	width				: 233px;
	height				: 96%;
	top					: 1%;
	left				: 10px;
	z-index				: 1;
}
#bg {
	background			: url(../images/bar_outer.png) repeat-y;
	padding-bottom		: 10px;
}
#buttons {
	padding				: 10px 0;
	text-align			: center;
}
.imgover  {
	behavior			: expression(IEPNGFIX.fix(this));
}
.dragme {
	cursor				: move;
}
#buttons a img{
	margin				: 5px 0 0 0;
}

/* ページ */
#numbers {
	width				: 233px;
	margin-top			: 10px;
	margin-right		: 0;
	margin-bottom		: 10px;
	margin-left			: 0;
}
#numbers img {
	behavior			: expression(IEPNGFIX.fix(this));
	text-align			: center;
	margin				: 0px;
	padding-top			: 0px;
}
#numbers ul {
	padding				: 0px;
	text-align			: left;
	margin-top			: 0px;
	margin-right		: 0px;
	margin-bottom		: 0px;
	margin-left			: 13px;
}
#numbers ul li {
	margin				: 0px;
	display				: block;
	float				: left;
	list-style			: none;
	list-style-type		: none;
	color				: #FFFFFF;
	font-size			: 13px;
	text-align			: center;
	padding				: 0px;
	width				: 23px;
}
.no {
	behavior			: expression(IEPNGFIX.fix(this));
}

/* 一覧 */
/* 一覧詳細 */
#results div.classrooms {
	clear				: both;
	text-align			: center;
	width				: 216px;
	background-image	: url(../images/classroom.png);
	background-position : left top;
	margin-bottom		: 0px;
	margin-left			: auto;
	height				: 71px;
	margin-right		: auto;
	background-repeat	: no-repeat;
	behavior			: expression(IEPNGFIX.fix(this));
}
#results div.classrooms a {
	color				: #FFFFFF;
	text-decoration		: underline;
}
#results div.classrooms a:hover {
	color				: #FFFFFF;
	text-decoration		: none;
}
.results_left {
	float				: left;
	width				: 82px;
	text-align			: right;
	padding-top			: 10px;
}
.results_right {
	float				: right;
	width				: 124px;
	font-size			: 13px;
	line-height			: 140%;
	color				: #FFFFFF;
	padding-top			: 9px;
	text-align			: left;
}
.results_right .icon_group {
	margin				: 0 1px 0 0;
	vertical-align		: -12%;
}
* html .results_right .icon_group {
	behavior			: expression(IEPNGFIX.fix(this));
}
.name_underlined {
	border-bottom		: #333333 thin solid;
	font-weight			: bold;
}


/* インフォウィンドウ */
.lyt_infowindow {
	width				: 300px;
	height				: 100%;
	min-height			: 330px;
}
	.lyt_infowindow h4 {
		font-size			: 16px;
		margin				: 5px 0 5px 0;
		text-align			: center;
	}
		.lyt_infowindow h4 .icon {
			margin				: 0 0 0 2px;
			vertical-align		: -3%;
		}
		* html .lyt_infowindow h4 .icon {
			behavior			: expression(IEPNGFIX.fix(this));
		}
	/*
	.lyt_infowindow .shopimage{
		text-align			: center;
		margin				: 0 58px;
	}
	.lyt_infowindow .contact{
		text-align			: center;
		margin				: 0 42px;
	}
	*/
	.lyt_infowindow .lyt_table {
		font-size			: 12px;
		border				: none;
		table-layout		: fixed;
		margin				: 0 0 8px 0;
	}
		.lyt_infowindow .lyt_table th {
			color				: #666666;
			text-align			: right;
			padding				: 0 0 0 3px;
			font-weight			: bold;
		}
		.lyt_infowindow .lyt_table td {
			width				: 200px;
			padding				: 0 3px 0 3px;
		}
}