@charset "utf-8";

/* CSS Document */
/* -- ///////////////////////////////////////////
2010.03.10 INOUE
FIELD co,ltd.
////////////////////////////////////////// -- */

/* -- default start -- */
/*
a.hover{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

a.hover:hover{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

a.hover img{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

a.hover:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
*/

/* -- default end ---- */

/* -- main content start -- */

div#content #content_inner #alpha #flash_content
{
	height: 395px;
	width: 700px;
	margin-bottom: 15px;
}

div#content #content_inner #alpha #flash_content #flash_content_inner
{
	height: 395px;
	width: 700px;
}

div#content #content_inner #alpha #flash_content #flash_content_inner #flash_navi
{
	height: 65px;
	width: 700px;
	background: url(../images/index/flash_navi_bg.gif) no-repeat 0px 0px;
	padding: 0px 7px;
}

div#content #content_inner #alpha #flash_content #flash_content_inner #flash_navi ul
{
	list-style: none;
	padding-top: 3px;
	height: 57px;
}

div#content #content_inner #alpha #flash_content #flash_content_inner #flash_navi ul li
{
	float: left;
	margin-right: 4px;
}

div#content #content_inner #alpha #event_schedule
{
	background: url(../images/common/hline_double-solid01.gif) repeat-x center bottom;
	padding: 0px 0px 3px;
	margin-bottom: 15px;
	letter-spacing:0.05em;
}

div#content #content_inner #alpha #event_schedule #event_header
{
	height: 56px;
	width: 700px;
	margin-bottom: 15px;
	position: relative;
}

div#content #content_inner #alpha #event_schedule #event_header h2
{
}

div#content #content_inner #alpha #event_schedule #event_header #event_copy
{
	height: 29px;
	width: 261px;
	position: absolute;
	left: 187px;
	top: 11px;
}

div#content #content_inner #alpha #event_schedule #event_header ul
{
	height: 41px;
	width: 123px;
	list-style: none;
	position: absolute;
	right: 0px;
	top: 10px;
}

div#content #content_inner #alpha #event_schedule #event_header ul li
{
	display: inline;
	height: 41px;
	margin: 0px;
	padding: 0px;
}

div#content #content_inner #alpha #event_schedule .schedule
{
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 340px;
	margin-bottom:0;
}

div#content #content_inner #alpha #event_schedule .schedule dl
{
	margin: 0px;
	padding: 0px;
}

div#content #content_inner #alpha #event_schedule .schedule dl dt
{
	font-size: 85%;
	margin-bottom:2px;
}

div#content #content_inner #alpha #event_schedule .schedule dl dt span
{
	margin-bottom: 3px;
	display: block;
	height: 13px;
}

div#content #content_inner #alpha #event_schedule .schedule dl dd
{
	font-size: 112%;
	line-height: 1.5em;
	margin-bottom: 10px;
}

div#content #content_inner #alpha #event_schedule .schedule dl dd.with_line
{
	background: url(../images/common/hline_dot01.gif) repeat-x center bottom;
	padding-bottom: 10px;
}

div#content #content_inner #alpha #event_schedule .schedule .case_image
{
	padding: 2px;
	height: 76px;
	width: 76px;
	background: url(../images/index/image_frame01.gif) repeat center center;
	float: left;
}

div#content #content_inner #alpha #event_schedule .schedule .case_image_inner{
	width:76px;
	height:76px;
	overflow:hidden;
}

div#content #content_inner #alpha #event_schedule .schedule .case_right
{
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 253px;
}

div#content #content_inner #alpha #event_schedule .schedule .case_right p
{
	color: #333333;
	margin-bottom:10px;
}

div#content #content_inner #alpha #model_course{
	height: 90px;
	width: 700px;
	padding: 0px;
	margin: 0px 0px 2px;
	position: relative;
}

div#content #content_inner #alpha #model_course h2{
	height: 90px;
	width: 700px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#content #content_inner #alpha #model_course ul{
	list-style: none;
	position: absolute;
	left: 253px;
	top: 18px;
	width: 412px;
	height: 58px;
	margin: 0px;
	padding: 0px;
}

div#content #content_inner #alpha #model_course ul li{
	margin: 0px;
	padding: 0px;
}

div#content #content_inner #alpha #model_course ul li.couse01{
	height: 27px;
	width: 201px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
div#content #content_inner #alpha #model_course ul li.couse02{
	height: 27px;
	width: 210px;
	position: absolute;
	top: 0px;
	left: 234px;
}
div#content #content_inner #alpha #model_course ul li.couse03{
	height: 30px;
	width: 203px;
	position: absolute;
	left: 0px;
	top: 35px;
}
div#content #content_inner #alpha #model_course ul li.couse04{
	height: 30px;
	width: 210px;
	position: absolute;
	left: 234px;
	top: 35px;
}

div#content #content_inner #alpha #map{
	min-height: 520px;
	height:520px;
	height:520px !important;
	width: 700px;
	margin-bottom: 10px;
	position: relative;
}

div#content #content_inner #alpha #map ul{
	list-style-type: none;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: #FFF;
	padding: 5px;
}

div#content #content_inner #alpha #map ul li{
	background-image: url(../images/common/icon_asterisk.gif);
	background-position: 0em 0.4em;
	background-repeat: no-repeat;
	padding-left: 15px;
	line-height: 1.5em;
}



div#content #content_inner #alpha #facilities{
	margin: 0px 0px 50px;
	padding: 0px;
	width: 700px;
	color:#333333;
	line-height:1.4;
}

#facilities .tr01 , #facilities .tr02 {
	width:720px;
	background-image : url(../images/common/hline_solid02.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-right: -20px; overflow: hidden; _zoom: 1;
	margin-bottom:15px;
}

#facilities .tr03 {
	width:720px;
	background-image : url(../images/common/hline_solid06.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-right: -20px; overflow: hidden; _zoom: 1;
	margin-bottom:15px;
}

#facilities dl { width:220px;	float:left; margin-right: 20px; }
#facilities dt { width:220px; margin-bottom:5px; }
#facilities dd { width:220px; margin-bottom:15px; }

/* -- main content end -- */

/* -- side bar start -- */

div#beta #climate{
	width: 238px;
	position: relative;
	height: auto;
	left: 0px;
	top: 0px;
	background: url(../images/index/box_climate_bg02.gif) repeat-y 0px 0px;
	margin-bottom: 15px;
}

div#beta #climate #climate_inner{
	background: url(../images/index/box_climate_bg01.gif) no-repeat 0px 0px;
	padding: 18px 0px 0px;
}

div#beta #climate #climate_inner #climate_content{
	background: url(../images/index/box_climate_bg03.gif) no-repeat left bottom;
	padding: 0px 5px 15px;
}

div#beta #climate #climate_inner #climate_content h2{
	margin: 0px 0px 23px;
	vertical-align: baseline;
	text-align: center;
}

div#beta #climate #climate_inner #climate_content dl{
	padding-right: 10px;
	padding-left: 10px;
}

div#beta #climate #climate_inner #climate_content dl dt{
	clear: both;
	margin-bottom: 5px;
}

div#beta #climate #climate_inner #climate_content dl dd{
	margin-bottom: 15px;
	color: #2f0e02;
}

div#beta #climate #climate_inner #climate_content dl dd.case_icon{
	float: left;
	width: 102px !important;
	display: block;
}

div#beta #climate #climate_inner #climate_content dl dd.case_temp{
	float: right;
	display: block;
	height: 25px;
	background: url(../images/index/dd_climatetemp.gif) no-repeat 0px 0px;
	padding: 0px;
	width: 102px;
	line-height: 25px;
	text-align: center;
}

.temp_fs{font-size:11px;}

* html div#beta #climate #climate_inner #climate_content dl dd.case_temp{
	width: 102px;
}

div#beta #climate #climate_inner #climate_content p{
	padding-right: 10px;
	padding-left: 10px;
}

div#beta #climate #climate_inner #climate_content span.view_percent{
	color: #EB5800;
	font-size: 120%;
}

div#beta #climate #climate_inner #climate_content p.caption{
	font-size: 10px;
	text-align: right;
}

div#beta #tvcm{
	background: url(../images/index/box_tvcm_bg.gif) no-repeat 0px 0px;
	height: 208px;
	width: 236px;
	margin: 0px 0px 15px;
}

* html div#beta #tvcm{
	height: 208px;
	width: 235px;
}

div#beta #tvcm #tvcm_content{
	height: 200px;
	width: 219px;
	padding: 8px;
}

div#beta #tvcm #tvcm_content #flv{
	height: 150px;
	width: 219px;
}

div#beta #tvcm #tvcm_content #flv h2{
	height: 14px;
	width: 122px;
	margin-bottom: 10px;
}

div#beta #tvcm #tvcm_content #flv ul{
	list-style: none;
	font-size: 12px;
}

div#beta #tvcm #tvcm_content #flv ul li{
	color: #333333;
	background: url(../images/common/icon_asterisk.gif) no-repeat 0em 0.4em;
	padding-left: 15px;
	line-height: 1.5em;
	margin-bottom: 5px;
}

div#beta #information{
	background: url(../images/index/box_news_bg02.gif) repeat-y 0px 0px;
	height: auto;
	width: 235px;
	margin-bottom: 15px;
}

div#beta #information #information_inner{
	background: url(../images/index/box_news_bg01.gif) no-repeat 0px 0px;
	padding-top: 15px;
}

div#beta #information #information_inner #information_content{
	background: url(../images/index/box_news_bg03.gif) no-repeat left bottom;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 3px;
}

div#beta #information #information_inner #information_content #h2header{
	margin-bottom: 22px;
	height: 14px;
}

div#beta #information #information_inner #information_content #h2header h2{
	height: 14px;
	width: 135px;
	float: left;
	margin-right: 10px;
}

div#beta #information #information_inner #information_content #h2header .icon_rss{
	float: left;
	height: 14px;
	width: 14px;
}

div#beta #information #information_inner #information_content dl{
	height: 200px;
	overflow-y: auto;
	margin-bottom: 10px;
	padding-right: 5px;
}

div#beta #information #information_inner #information_content dl dt{
	margin-bottom: 3px;
	font-size: 85%;
}

div#beta #information #information_inner #information_content dl dd{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5ddd1;
}

div#beta #information #information_inner #information_content dl dt span{
	display: block;
	margin-bottom: 3px;
}

div#beta #information #information_inner #information_content .link_archive{
	text-align: right;
	font-size: 10px;
}

div#beta #information #information_inner #information_content .link_archive a{
	color: #661f00;
	text-decoration: none;
}

div#beta #information #information_inner #information_content .link_archive a:hover{
	color: #661f00;
	text-decoration: underline;
}

div#beta #mail_magazine{
	margin-bottom: 20px;
}

div#beta #mail_magazine h2{}

div#beta #mail_magazine .case_left{
	float: left;
	width: 160px;
}

div#beta #mail_magazine .case_left p{
	color: #333333;
	line-height: 1.5em;
}

div#beta #mail_magazine .case_right{
	float: right;
	height: 65px;
	width: 65px;
}

div#beta #model_course_beta{
	margin-bottom: 15px;
}

div#beta #model_course_beta h2{}

div#beta #model_course_beta ul{
	list-style-type: none;
}

div#beta #model_course_beta ul li{
	height:auto !important;
	margin: 0px !important;
	padding: 0px !important;
	display: inline;
}

div#beta #model_course_beta ul li a{
	margin: 0px;
	padding: 0px;
}

/* -- side bar end -- */

/* -- SEARCH CGI CSS staret --------------------------- */

div#serach_header{
	margin: 0px 0px 10px 10px;
}

div#serach_header p{
	margin: 0px;
	padding: 0px;
	position: relative;
	left: -10px;
	top: 0px;
}

div#serach_header p span{
	color: #eb5800;
	font-size: 135%;
}

div.search_navigation{
	padding: 0px 0px 0px 10px;
}

div.search_navigation p{
}

div.search_navigation ul{
	list-style: none;
	margin-bottom: 5px;
}

div.search_navigation ul li{
	display: inline;
}

div.search_navigation ul li.current{
	color: #492c22;
}

div.search_navigation ul li a{
	color: #492c22;
	text-decoration: underline;
}

div.search_navigation ul li a:hover{
	color: #492c22;
	text-decoration: none;
}

div#search_results{}

div#search_results dl{
	border-top: 1px solid #e2dddb;
	padding: 0px;
	margin-bottom: 25px;
}

div#search_results dl dt{
	padding: 10px 10px 5px;
}

div#search_results dl dt a{
	color: #44a6df;
	text-decoration: underline;
}

div#search_results dl dt a:hover{
	color: #44a6df;
	text-decoration: none;
}

div#search_results dl dd{
	border-bottom: 1px solid #e2dddb;
	line-height: 1.5em;
	padding: 0px 10px 10px;
}

div#search_results dl dt.even,
div#search_results dl dd.even
{
	background: #f8f7f7;
}

div#search_results dl dd span.fontbold{
	background: #fffe9f;
}

div#search_results dl dd span.fontgreen{
	color: #00B900;
	font-size: 85%;
}

div#search_results dl dd span.fontgray{
	font-size: 85%;
	color: #666;
}

/* -- SEARCH CGI CSS end --------------------------- */