@charset "UTF-8";

body{
	font-size				: 12px;
	color                   : #000000;
	margin : 0px auto;
	padding                 : 0px;
	line-height				: 130%;

	font-family				: "verdana", "helvetica", "osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;

	line-height:120%;
	text-align              : center;
	background-image        : url(../img/bg_totan.jpg);
}
/*
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;
}
*/
a{
	color:#0000CD;
}
a:hover{
   color:         #f00;
}
a:active{
}



img{
	border: none;
}
form{
	margin:0px;
	padding:0px;
}

h1{
	color:#444;
	font-size:10px;
	margin:0px;
	padding:4px 4px 0px 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:6px 5px 0px 0px;
	margin:0px;
	text-align:right;
	font-size:15px;
	background : #C5B88F url(../img/h2_bg.gif) left bottom;
	background-repeat       : no-repeat;
	width:535px;
	height:19px;
	color:#ffffff;
}

.no-f{
	padding:6px 5px 0px 0px;
	margin:0px;
	text-align:right;
	font-size:15px;
	width:535px;
	height:19px;
	color:#ffffff;

}
/*
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;
}
*/

.h3gyu{
	font-size:18px;
	color:#ffffff;
	padding:15px 0px 0px 80px;
	margin:2px 0px 0px 0px;
	background-image        : url(../img/h3_gyu.gif);
	height:30px;
	clear : both;
}

.h4agu{
	font-size:18px;
	color:#ffffff;
	padding:15px 0px 0px 80px;
	margin:10px 0px 0px 0px;
	background-image        : url(../img/title_agu.gif);
	height:30px;
	clear : both;
}

h5{
	font-size:18px;
	color:#ffffff;
	padding:15px 0px 0px 15px;
	margin:10px 0px 0px 0px;
	background-image        : url(../img/title_bg.gif);
	height:30px;
	clear : both;
}

h6{
	font-size:18px;
	color:#ffffff;
	padding:15px 0px 0px 15px;
	margin:10px 0px 0px 0px;
	background-image        : url(../img/title_bg.gif);
	height:30px;
	clear : both;
}

.dtitle{
	font-size:18px;
	color:#ffffff;
	padding:15px 0px 0px 15px;
	margin:10px 0px 0px 0px;
	background-image        : url(../img/title_bg.gif);
	height:30px;
	clear : both;
}

.dtitle span{
	font-size:15px;
}
.dtext{
	padding:15px 15px 0px 15px;
	font-size:16px;
	line-height:130%;
}

.course_d li{
	padding:0px 15px 15px 15px;
	font-size:15px;
}

.menu_d{
	padding:0px;
	margin:0px 40px;
}
.menu_d li{
	padding:0px 15px 15px 15px;
	font-size:15px;
}

.mstitle{
	padding:15px 0px 8px 15px;
	font-size:18px;
	color:#8B4513;
}


.img_comment{
	text-align:right;
	font-size:10px;
}

.mtext{
	width:260px;
	padding:15px;
	line-height:140%;
	float:left;
}

.mtext strong{
	font-size:15px;
}

.mimg{
	float:left;
	width:226px;
	padding:10px;
}



#bg{
	
	background-image        : url(../img/bg_blk.gif);
	background-repeat       : repeat-x;
}

#outer{
	width : 780px;
	margin : 0px auto;
	padding:0px;
	text-align				: left;
	background-color        : #C5B88F;
	background-image        : url(../img/side_star.gif);
	background-repeat       : repeat-y;
}


#left_area{
	margin:0px 0px 0px 17px;
	float:left;
	padding:0px;
	text-align				: left;
	background-color        : #E6E4D0;
	width:205px;
	/*
	background-image        : url(../img/side_star.gif);
	background-repeat       : repeat-y;
	*/
}

* html #left_area{
	width:200px;
	margin:0px 0px 0px 8px;
}

#right_area{
	margin:0px 17px 0px 0px;
	float:right;
	padding:0px;
	text-align				: left;
	background-color        : #C5B88F;
	width:540px;
}

* html #right_area{
	width:540px;
	margin:0px 8px 0px 0px;
}

#reservation{
	font-size:14px;
	text-align:center;
	line-height:23px;
	padding:5px 0px;
}

.course_list{
	padding:67px 0px 0px 0px;
	margin:0px;
	background-image        : url(../img/course_title.gif);
	background-repeat       : no-repeat;
}

.course_list li{
	line-height:120%;
	padding:5px 5px 5px 5px;
	margin:0px;
	list-style:none;
	font-size:12px;
}


/*
.course_list a:link{
	text-decoration:none;
}

.course_list a:hover{
	text-decoration:none;
}

.course_list a:active{
	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;
}
*/


.side_menu_list{
	padding:15px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	background-image        : url(../img/side_menu_title.gif);
	background-repeat       : no-repeat;
}


.side_menu_list li{
	line-height:120%;
	padding:5px 5px 5px 5px;
	margin:0px;
	list-style:none;
	font-size:12px;
}

.side_menu_list li div{
	text-align:center;
}


.side_menu_list_qr{
	text-align:center;
	padding:20px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	background-image        : url(../img/side_menu_title_qr.gif);
	background-repeat       : no-repeat;
}


.side_menu_list_qr li{
	line-height:120%;
	padding:5px 5px 5px 5px;
	margin:0px;
	list-style:none;
	font-size:12px;
}

.side_menu_list_qr li div{
	text-align:center;
}

.side_menu_list_mob{
	text-align:center;
	padding:20px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	background-image        : url(../img/side_menu_title_mob.gif);
	background-repeat       : no-repeat;
}


.side_menu_list_mob li{
	line-height:120%;
	padding:5px 5px 5px 5px;
	margin:0px;
	list-style:none;
	font-size:12px;
}

.side_menu_list_mob li div{
	text-align:center;
}


#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:24px 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 .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{
	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);
}

.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;
}

.mail_name{
	ime-mode:active;
}

.mail_num{
	ime-mode:inactive;
}

.mail_tel{
	ime-mode:inactive;
}

.mail_other{
	ime-mode:active;
}


.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;
}


#footer{
	clear : both;
	font-size:12px;
	background-image        : url(../img/footer_bg.gif);
	background-repeat : repeat-y;
	margin:0px 17px;
	padding:5px;
	text-align:right;
	line-height:150%;
}

#footer a:link{
	color					: #000000;
	text-decoration:none;
}
#footer a:visited{
	color					: #000000;
	text-decoration:none;
}
#footer a:hover{
	color					: #000000;
	text-decoration:none;
}
#footer a:active{
	color					: #000000;
	text-decoration:none;
}

.info{
	clear : both;
	font-size:13px;
	background-image        : url(../img/footer_bg.gif);
	background-repeat : repeat-y;
	margin:0px 17px;
	padding:5px;
	text-align:right;
	line-height:150%;
}

#copyright{
	border-top  : 1px dashed #666666;
	padding : 8px 0px 3px 0px;
}

.sendmail{
	width:150px;
}

.err_msg{
	color:#ff0000;
}

#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");
}