@charset "UTF-8";

body{
	width:780px;
	font-size				: 12px;
	color                   : #000000;
	margin : 0px auto;
	padding                 : 0px;
	line-height				: 130%;
	/*
	font-family				: "verdana", "helvetica", "osaka", "ＭＳ Ｐゴシック", sans-serif;
	*/
	font-family:Meiryo,'メイリオ','Lucida Grande',Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	line-height:1.2;
	text-align              : center;
	background-color        : #fffff;
}
a:link{
	color:#000066;
	text-decoration:none;
}
a:visited{
	color:#000066;
	text-decoration:none;
}

a:active{
	color:#000066;
	text-decoration		: underline;
} 
a:hover{
	color:#000066;
	text-decoration		: underline;
}

img{
	border: none;
}
form{
	margin:0px;
	padding:0px;
}

h1{
	color:#444;
	font-size:13px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-align:right;
}
h1 a:link{
	color					: #444;
	text-decoration:none;
}
h1 a:visited{
	color					: #444;
	text-decoration:none;
}
h1 a:hover{
	color					: #444;
	text-decoration:underline;
}
h1 a:active{
	color					: #444;
	text-decoration:underline;
}

h2{
	padding:0px;
	margin:0px;
	width:780px;height:120px;
}

h3{
	text-align:left;
	margin:5px 0px 0px 0px;
	padding:105px 0px 0px 3px;
	font-weight:normal;
	font-size:10px;
	color:#fff598;
	float:right;
	width:597px;
	height:15px;
	background-color        : #aaaaaa;
	background-image        : url(../img/head_bg.jpg);
	background-repeat       : no-repeat;
}

#outer{
	width : 780px;
	margin : 0px auto;
	padding:0px;
	text-align				: left;
	border-left             : 1px solid #666;
	border-right            : 1px solid #666;
}

#tab{
	clear : both;
	width					: 780px;
	margin					: 0px;
	padding					: 5px 0px 0px 0px;
	background-color        : #fff;
}

#tab li{
	padding : 0px;
	margin : 0px;
	float:left;
	list-style:none;
}

#contents{
	clear : both;
}

#left_box{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
	width:155px;
}

#right_box{
	float:right;
	margin:0px;
	padding:5px 0px 20px 2px;
	width:610px;
	text-align:left;
}

#left_banner{
	width					: 160px;
	margin					: 0px;
	padding					: 5px 0px 0px 0px;
}

#left_banner li{
	list-style:none;
	margin:0px;
	padding:0px 0px 3px 0px;
}

#right_top{
	/*
	background-image        : url(../img/tel_bg.gif);
	background-repeat       : no-repeat;
	*/
	height:45px;
	width:100%;
}

#btn_form{
	float:right;
	height:36px;
	width:240px
}

#pankuzu{
	float:left;
	margin:10px 0px 0px 2px;
}

#flash_area{
	background-color: #000000;
	margin:0px;
	padding:5px;
	width:600px;
	height:300px;
}

#flash_area .movie{
	float:left;
	width:390px;
	height:300px;
	margin:0px;
	padding:0px;
}
#flash_area .text{
	float:right;
	color:#ffffff;
	width:200px;
	text-align:left;
	height:300px;
	overflow:hidden;

}

#flash_area h4{
	padding:0px 0px 0px 4px;
	margin:0px 0px 10px 0px;
	font-size:15px;
	border-left : 5px solid rgb(168,26,4);
}

#map{
	border : 1px solid #cccccc;
	width:608px;
	height:300px;
	clear:both;
	margin:10px 0px 5px 0px;
}

.qr_area{
	background-color : #dddddd;
	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	padding:3px;
	width:154px;
	height:74px;
}

.qr_area .image{
	float:left;
	width:74px;
}
.qr_area .text{
	float:left;
	width:74px;
	padding:2px;
}

.m_menu{
	padding:5px 0px 0px 4px;
	margin:0px;
	text-align:left;
}

.m_menu li{
	padding:0px 0px 2px 15px;
	margin:0px;
	list-style:none;
	background-image: url(../img/ico_y2.gif);
	background-repeat : no-repeat;
}

.def_area{
	clear :both;
	margin:0px;
	padding:10px 0px 10px 0px;
	width:100%;
	text-align:left;
}

.def_area h5{
	clear :both;
	padding:0px 0px 0px 4px;
	margin:0px 0px 10px 0px;
	font-size:15px;
	border-left : 5px solid rgb(168,26,4);
	width:340px;
}

.def_area h4{
	clear :both;
	padding:0px 0px 0px 4px;
	margin:0px 0px 10px 0px;
	font-size:15px;
	border-left : 5px solid rgb(168,26,4);
	width:340px;
}

.def_area .text{
	width:350px;
	float:left;
}

.def_area .text2{
	width:350px;
}

.def_area .image{
	float:right;
	width:250px;
}

.def_area h6{
	padding:8px 0px 0px 0px;
	margin:0px;
	font-size:14px;
}

.def_area span{
	color:rgb(168,26,4);
}

.def_area .btn{
	padding:3px 0px 3px 0px;
}

.def_area .details{
	padding:0px 0px 0px 8px;
}




.i_area{
	clear :both;
	margin:0px;
	padding:10px 0px 0px 0px;
	width:100%;
	text-align:left;
}

.i_area h5{
	padding:0px 0px 0px 4px;
	margin:0px 0px 10px 0px;
	font-size:15px;
	border-left : 5px solid rgb(168,26,4);
	width:310px;
	

}

.i_area .text{
	float:left;
	width:320px;
	padding:0px 10px 0px 0px;
}

.i_area .image{
	float:left;
	width:250px;
}

.i_area h6{
	padding:8px 0px 0px 0px;
	margin:0px;
	font-size:14px;
}

.i_area span{
	color:rgb(168,26,4);
}

.i_area .btn{
	padding:3px 0px 3px 0px;
}

.i_area .details{
	padding:0px 0px 0px 8px;
}

.area_2column_i{
	width:600px;
	text-align:left;
	clear :both;
}

.area_2column_i h5{
	padding:5px 0px 0px 4px;
	margin:5px 0px 10px 0px;
	font-size:15px;
	border-left : 5px solid rgb(168,26,4);
}


.area_2column{
	width:580px;
	text-align:left;
	clear :both;
}

.area_2column h4{
	padding:5px 0px 0px 4px;
	margin:5px 0px 10px 0px;
	font-size:15px;
	border-left : 5px solid rgb(168,26,4);
}

.area_2column .text{
	padding:0px 7px 0px 10px;
}


.area_2column h5{
	padding:5px 0px 0px 0px;
	margin:5px 0px 10px 0px;
	font-size:15px;
	border-left : 5px solid rgb(168,26,4);
}

.2tl{
	padding:5px 0px 0px 0px;
	margin:5px 0px 10px 0px;
	font-size:15px;
	border-left : 5px solid rgb(168,26,4);
}

.mft{
	color:#FF4500;
}

.gl{
	padding:0px;
	margin:0px;
	width:600px;

}

.gl li{
	float:left;
	padding:2px;
	width:94px;
	list-style:none;
}


.menu_area{
	padding:5px;
	margin:-10px 0px 0px 0px ;
	clear:both;
	background-color : #EFD895;
	height:100%;
	font-size:15px;

}

.menu_area .menu_left{
	float:left;
	width:430px;
}

.menu_area .menu_right{
	float:right;
	width:155px;
}

.menu_area .menu_left h6{
	font-size:17px;
	height:26px;
	margin:0px;
	padding:6px 0px 5px 32px;
	background-color        : #fffff;
	background-image        : url(../img/ico_hana.gif);
	background-repeat : no-repeat;
}

.menu_left_course{
	clear :both;
	padding:10px 0px 0px 0px;
}

.menu_area .menu_left_course{
	float:left;
	width:280px;
	line-height:150%;
}



.menu_area .menu_left_course h6{
	font-size:16px;
	height:25px;
	margin:0px;
	padding:6px 0px 0px 32px;
	background-color        : #fffff;
	background-image        : url(../img/ico_hana.gif);
	background-repeat : no-repeat;
	width:280px;
}

.menu_area .menu_left_course .details{
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 30px;
	clear:both;
	font-size:12px;
	width:280px;
	color:#8c6239;
}

.menu_area .menu_left_course .price{
	margin:0px 0px 13px 0px;
	padding:0px 0px 2px 30px;
	clear:both;
	font-size:12px;
	width:280px;
	color:#a81a04;
	border-bottom:1px dashed #000000;
}

.menu_area .image{
	float:right;
	width:280px;
	padding:20px 0px 0px 0px;
}

.menu_title{
	font-size:15px;
	width:250px;
	float:left;
	padding:2px 0px 2px 30px;
}

.menu_price{
	font-size:12px;
	width:130px;
	float:left;
	padding:2px 0px 0px 0px;
	color:rgb(168,26,4);
}
.menu_details{
	margin:0px 0px 13px 0px;
	padding:2px 0px 2px 30px;
	clear:both;
	font-size:12px;
	width:390px;
	border-bottom:1px dashed #000000;
	color:#8c6239;
}

.contents{
	clear:both;
	padding-bottom:100px;
}

#footer{
	clear : both;
	font-size:10px;

	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-color : #ffffff;
	border-top : 10px solid #EBC031;
	height:20px;
}

#footer a:link{
	color					: #fff;
	text-decoration:none;
}
#footer a:visited{
	color					: #fff;
	text-decoration:none;
}
#footer a:hover{
	color					: #fff;
	text-decoration:none;
}
#footer a:active{
	color					: #fff;
	text-decoration:none;
}


#copy {
	color					: rgb(168,26,4);
	background-color : #EBC031;
	padding:3px;
	text-align:center;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/js/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/js/overlay.png", sizingMethod="scale");
}