@charset "UTF-8";
*{
	line-height:140%;
}

body{
	font-size				: 12px;
	color                   : #333333;
	margin					: 0px;
	padding                 : 0px;
	line-height				: 140%;
	font-family				: "verdana", "helvetica", "osaka", "ＭＳ Ｐゴシック", sans-serif;
	text-align              : center;
	/*
	background              : #ffffff url(../img/outer_bg.gif) center top;
	*/
	background-color:#FEFBF3;
}

img{
	border                  : 0px;
}

form{
	margin                  : 0px;
	padding                 : 0px;
}

a:link{
	color                   : #0000FF;

}
a:visited{
	color                   : #0000FF;
}

a:active{
	color                   : #0000FF;
}

a:hover{
	color                   : #0000FF;
	text-decoration:none;
}


#top{
	text-align:left;
	padding                 : 1px 2px 3px 0px;
	margin                  : 0px;
	font-size               : 10px;
	letter-spacing          : 1px;
	font-weight:normal;
	color:#999999;

}

#top a:link{
	color					: #999999;
	text-decoration:none;
}
#top a:visited{
	color					: #999999;
	text-decoration:none;
}
#top a:hover{
	color					: #999999;
	text-decoration:underline;
}
#top a:active{
	color					: #999999;
	text-decoration:underline;
}


#slogo{
	float:left;
	width:180px;
}

#logo{
	float                   : left;
	width                   : 137px;
	height                  : 60px;
	padding                 : 0px;
	margin                  : 0px;
}


#header{
	clear                   : both;
	padding : 3px 4px 0px 12px;
}

#header p{
	float                   : left;
	padding                 : 2px;
	margin                  : 0px;
}

.midashi{
	padding:2px 3px 0px 20px;
	margin:6px 10px;
	font-size:16px;
	background              : #ffffff url(../img/ico_h4.gif);
	background-repeat       : no-repeat;
	float:left;
	width:550px;
	/*border:1px solid #9c856a;*/
}
.midashi span{
	padding:0px 2px;
	color:#FF0000;
	font-size:17px;
}

#login_info{
	float:right;
	width:300px;
	text-align:right;
	padding:8px 10px 0px 0px;
	/*border:1px solid red;*/
}



.title{
	/*border-bottom:1px solid #9c856a;*/
    	background-color:#fff;
    	clear:both;
}

.m_box{
	float:left;
	width:256px;
	height:150px;
	border:1px solid #9c856a;
	padding:5px;
	margin:5px 0px 5px 15px;
}

#back{
	width:100%;
	background-color: red;
}

#outer{
	width					: 950px;
	margin					: 0px auto;
	padding                 : 0px 0px 0px 0px;
	text-align				: left;
	border-left             : 1px solid #9c856a;
	border-right             : 1px solid #9c856a;
	background-color: #ffffff;
}

#tab{
	clear                   : both;
	background-image        : url(../img/tab_bg.gif);
	height                  : 40px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#tab ul{
		padding:14px 0px 0px 0px;
		margin:0px;
}

#tab li{
	margin:0px 2px 0px 10px;
	list-style:none;
	width:150px;
	height:26px;
	float:left;
	padding:0px 0px 0px 0px;
}

#tab_sub{
	clear                   : both;
	background-image        : url(../img/tab_hougen_sub_bg.gif);
	height                  : 38px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}



#tab_sub ul{
		padding:7px 0px 0px 0px;
		margin:0px;
		background-image        : url(../img/tab_hougen_sub_bt.gif);
		background-repeat       : no-repeat;
}

#tab_sub li{
	margin:0px 2px 0px 10px;
	list-style:none;
	float:left;
}


#tab_sub .off a{
       display:block;
       text-decoration:none;
      padding:3px 5px;
       border:solid 1px #9C846A;
       background-color:#FEE28F;
       text-align:center;
       float:left;
       color:#333;
}
#tab_sub .off a:hover{
       border:solid 1px #999;
       background-color:#fff;
       color:#c00;
}

#tab_sub .on a{
       display:block;
       text-decoration:none;
       padding:3px 5px;
       border:solid 1px #9C846A;
       background-color:#FBF2FD;
       text-align:center;
       float:left;
       color:#333;
}
#tab_sub .off a:hover{
       border:solid 1px #999;
       background-color:#fff;
       color:#c00;
}


#middle_left{
	float:left;
	width:640px;
}

#middle_right{
	float:left;
	width:200px;padding:4px;
}

#contents{
	clear:both;
	height:100%;
	/*
	background-image        : #ffffff url(/img/contents_bg.gif);
	background-repeat       : repeat-y;
	*/
	border-top:1px solid #9c856a;
}

#pankuzu{
	clear                   : both;
	padding : 5px;
}

#left_menu{
	float:left;
	width:638px;
	/*border-right:1px solid #9c856a;*/
	padding:0px 0px 10px 0px;
	height:100%;
	/*background-color       : red;*/
}

#ritou_list li{
	background-color: #E4F6F5;
	list-style:none;
	padding:3px;
	margin:0px;
	float:left;
	border:solid 1px #cccccc;
	width:70px;margin:3px 4px 3px 0px;
}


#right_menu{
	width:300px;
	float:right;
	padding:5px 5px 0px 0px;
}

#search_area{
	padding:5px 10px 0px 5px;
	text-align:center;
}

#search_box{
	margin					: 0px auto;
	padding:5px 10px 0px 10px;
	text-align:left;
	background              : #ffffff url(../img/search_box_bg.gif);
	background-repeat       : no-repeat;
	width:608px;
	height:76px;
}
#search_box .text{
	padding:5px 0px 0px 28px;
	color:#ffffff;
}

#search_box .search_form{
	padding:7px 0px 0px 28px;
}
#search_text{
	padding:4px;
}

#search_submit{
padding:2px;
}

#search_clear{
padding:2px;
}

#bg_h{
	width:100%;
	background              : url(../img/bg_b.gif) center top;
	background-repeat       : repeat-y;
}

#bg_b{
	width:100%;
	background              : url(../img/head_bg.gif) center top;
	background-repeat       : no-repeat;
}

.width350{
	width:350px;
}



#footer{
	clear                   : both;
	padding : 5px 5px 5px 5px;
	text-align:right;
	border-top             : 1px solid #9c856a;
	background-color:#ECDFC9;
}

#bottom_area{
	clear                   : both;
	padding : 2px 5px 5px 5px;
	text-align:center;
}

#copyright{
	color:#ffffff;
	padding : 5px 5px 5px 5px;
	text-align:center;
    background-color:#562C00;
}

.m_box_cl4{
	float:left;
	background              : #ffffff url(../img/hougen_m_title_y.gif);
	background-repeat       : no-repeat;
	width:312px;
	margin:5px 0px 5px 5px;
}

.m_box_cl4 .text{
	clear                   : both;
	border:1px solid #9c856a;
	padding:5px;
	height:180px;
	overflow:hidden;
}

.m_box_cl4 .text ul{
	padding:2px 2px 2px 16px;
	margin:0px;
}

.m_box_cl4 .text ul li{
	padding:0px 0px 1px 0px;
	margin:0px;
}

.m_box_cl4 .text ul li span{
	color:#666666;
	font-size:10px;
}

.m_box_right{
	float:left;
	background              : #ffffff url(../img/hougen_m_title_y.gif);
	background-repeat       : no-repeat;
	width:300px;
	margin:5px 0px 5px 0px;
}

.box_bg{
	float:left;
	height:20px;
	margin:0px 0px 0px 18px;
	background              : url(../img/hougen_m_title_bg.gif) top;

}

.box_title{
	float:left;
	height:18px;
	font-size:12px;
	padding:2px 20px 0px 0px;
	margin:0px 0px 0px 0px;
	background              : url(../img/hougen_m_title_r.gif) right top;
	background-repeat       : no-repeat;
}


.gojyuon{
	width:40px;
	float:left;
	padding:1px 3px 0px 18px;
	margin:0px;
}

.gojyuon li{
	list-style:none;
	margin:5px;
}

.gojyuon li a{
	display:block;
	text-align:center;
	width:40px;
	padding:3px;
	border:solid 1px #000000;
	background-color:#ffffff;
	text-decoration:none;
}

.gojyuon li a:active{
	display:block;
	text-align:center;
	width:40px;
	padding:3px;
	border:solid 1px #000000;
	background-color:#ffffff;
	text-decoration:none;
}

.gojyuon li a:hover{
	display:block;
	text-align:center;
	width:40px;
	padding:3px;
	border:solid 1px #000000;
	background-color:#FFE4E1;
	text-decoration:none;
}

.dsub{
	font-size:10px;
	color:#666666;
}

.list_sub_hougen{
	padding:5px 0px 0px 3px;
}

.okinawayougo{
	color:#FF00FF;
	padding-left:2px;
}

.timei{
	color:#800080;
	padding-left:2px;
}

.kotowaza{
	color:#66cc00;
	padding-left:2px;
}

.text_def{
	padding:13px;
}

.gojyuon .on{
	text-align:center;
	width:40px;
	padding:3px;
	border:solid 1px #000000;
	background-color:#FFE4E1;
	font-weight:bold;
}

.def_table{
	margin:10px;
	clear:both;
	width:610px;
	padding:0px;
	border-bottom             : 1px dashed #cccccc;
}

.def_table th{
	width:180px;
	padding:10px 4px 10px 4px;
	background-color:#CCFFFF;
	font-size:13px;
	border-top             : 1px dashed #cccccc;
}

.def_table td{
	padding:10px 4px 10px 4px;
	background-color:#ffffff;
	font-size:13px;
	border-top             : 1px dashed #cccccc;
}

.err_msg{
	color:#FF0000;
}

.bottom_list{
	padding:20px 0px 10px 0px;
}

.bottom_list ul{
	padding:0px;
	margin:0px;
}

.bottom_list ul li{
	list-style:none;
	float:left;
	padding:2px 5px 2px 1px;
}

.bottom_list ul li a:link{
	color					: #999999;
	text-decoration:none;
}
.bottom_list ul li a:visited{
	color					: #999999;
	text-decoration:none;
}
.bottom_list ul li a:hover{
	color					: #999999;
	text-decoration:underline;
}
.bottom_list ul li a:active{
	color					: #999999;
	text-decoration:underline;
}

.right_box_image{
	padding:0px 0px 10px 0px;
	margin:0px 0px 5px 0px;
	clear:both;
}
.right_box_image li{
	padding:3px;
	margin:0px 3px 5px 0px;
	float:left;
	list-style:none;
	border : 1px solid #ddd;
	height:93px;
}

.list_def{
	padding:0px 0px 0px 88px;
	margin:0px;
}

/*

#detail_image a:link img {
	border : 1px solid #ddd;
	margin : 0px;
	padding : 0px;
	
}
#detail_image a:visited img{
	border : 1px solid #ddd;
	margin : 0px;
	padding : 0px;

}
#detail_image a:hover img{
	border			: 1px solid #FF6600;
	margin			: 0px;
	padding			: 0px;
	text-decoration	: none;
	position: relative; 
}

#image_list{
	margin:0px;
	padding:10px;
}

#image_list li{
	list-style:none;
	float:left;
	padding:5px;
}


#image_list a:link img {
	border : 1px solid #ddd;
	margin : 0px;
	padding : 0px;
	
}
#image_list a:visited img{
	border : 1px solid #ddd;
	margin : 0px;
	padding : 0px;

}
#image_list a:hover img{
	border			: 1px solid #FF6600;
	margin			: 0px;
	padding			: 0px;
	text-decoration	: none;
	position: relative; 
}
*/





/*
#outer{
	width					: 784px;
	margin					: 0px auto;
	padding                 : 0px 0px 0px 3px;
	text-align				: left;

}

#menu{
	list-style:none;
	padding:0px;
	margin:0px 0px 10px 0px;

}

#menu ul{
	padding:0px;
	margin:0px;
}

#menu li{
	list-style:none;
	float :left;
	padding:0px 4px 4px 0px;
	margin:0px;
	width:192px;
	height:77px;
}

.index{
	height:420px;
	background-image        : url(../img/index_bg.jpg);
	background-repeat       : repeat-x;
}

.flash{
	text-align:center;
}

.flash ul{
	padding:0px;
	margin:0px;
	height:16px;
	overflow:hidden;
	width:780px;
	margin					: 0px auto;
}

.flash li{
	list-style : none;
	float:left;
	margin:0px;
	padding:0px;
}

#flash_image{
	background-image        : url(../img/index_flash.jpg);
	background-repeat       : no-repeat;
	width:780px;
	height:400px;
	margin					: 0px auto;
}

#flash_load{
	padding:370px 10px 0px 0px;
	text-align:right;
}


.online_shop_btn{
	float:left;
	padding:0px 3px 0px 0px;
	width:93px;
	height:77px;
}

#menu>.online_shop_btn{
	padding                 : 0px 6px 0px 0px;
}

.kaiseki{
	float                   : left;
	width                   : 93px;
	height                  : 77px;
}

#btn_box{
	clear                   : both;
	padding                 : 0px 6px 0px 0px;
	margin                  : 0px 0px 10px 0px;
}

#btn_box ul{
	float                   : right;
	width                   : 500px;
	padding                 : 0px;
	margin                  : 0px;
}

#btn_box li{
	float                   : right;
	list-style              : none;
	padding                 : 0px 0px 0px 5px;
	margin                  : 0px 0px 6px 0px;

}

#menu2{
	height : 24px;
	clear                   : both;
	margin                  : 0px 1px 0px 0px;
	background-image        : url(../img/menu2_bg.jpg);
	background-repeat       : repeat-y;
}

#menu2 ul{
	padding:5px;
	margin:0px;
}

#menu2 li .sitemap{
	width                   : 90px;
}
#menu2 li .agent{
	width                   : 105px;
}
#menu2 li .kyuzin{
	width                   : 90px;
}
#menu2 li .info{
	width                   : 90px;
}
#menu2 li .privacy{
	width                   : 150px;
}


#menu2 li{
	list-style              : none;
	float                   : left;
	padding                 : 0px 0px 0px 51px;
	margin                  : 0px 5px 0px 0px;
}

#menu2 a:link{
	color					: #ffffff;
	text-decoration         : none;
}
#menu2 a:visited{
	color					: #ffffff;
	text-decoration         : none;
}
#menu2 a:hover{
	color					: #ffffff;
	text-decoration         : underline;
}
#menu2 a:active{
	color					: #ffffff;
	text-decoration         : underline;
}



.qr{
	width:175px;
	float:right;
	background-color        : #2D1900;
	padding:4px;
	margin:4px;
	height:50px;
}

.qr .img{
	float:left;
	padding:4px 4px 4px 0px;
	width:37px;
}

.qr .text{
	float:left;
	padding:4px;
	width:126px;
	font-size:10px;
}

.send{
	width:180px;
	float:right;
	background-color        : #2D1900;
	font-size:10px;
	padding:4px;
	margin:4px;
	height:50px;
}

#info{
	float:left;
	line-height:150%;
}

#copy{
	font-size:10px;
	clear                   : both;
	padding:2px;
	color                   : #E6AA00;
	background-color        : #A00000;
}

#bg{
	background-color        : #000000;
}

#mobile_send_form{
	width:120px;
	height:14px;
}

#header{

}

#header_back{
	width:780px;
	height:61px;
	margin					: 0px auto;
	text-align:left;
	background-image        : url(../img/header_back.jpg);
	background-repeat       : no-repeat;
}

#header_back h2{
	padding:0px;
	margin:0px;
}

#header_back ul{
	padding:0px;
	margin:0px;
	height:16px;
	overflow:hidden;
}

#header_back li{
	list-style : none;
	float:left;
	margin:0px;
	padding:0px;
}

#left_menu{
	width:180px;
	height:302px;
	background-image        : url(../img/left_menu_back.gif);
	background-repeat       : no-repeat;
	padding:107px 0px 0px 0px;
}

#left_menu ul{
	padding:0px 0px 0px 24px;
	margin:0px;
}

#left_menu li{
	padding:0px;
	margin:0px;
	list-style:none;
}

#left_menu .top{
	height:53px;
	width:132px;
}

#left_menu .sub{
	height:20px;
	width:132px;
	overflow:hidden;
}

#left_menu>.sub{
	height:33px;
	width:132px;
}

#left_box{
	padding:15px 0px 0px 0px;
}

#left_reservation ul{
	padding:0px;
	margin:0px;
}

#left_reservation li{
	padding:5px 0px 1px 0px;
	margin:0px;
	list-style:none;
	height:25px;
}

.left_text_c{
	padding:10px 3px 5px 0px;
	text-align:center;
	width:170px;
}

#left_sub_btn ul{
	padding:0px;
	margin:0px;
}

#left_sub_btn li{
	padding:5px 0px 1px 0px;
	margin:0px;
	list-style:none;
}

#right_box{
	float:right;
	width:590px;
	color:#ffffff;
	padding: 0px 0px 10px 0px;
}

#right_box h3{
	font-size:18px;
	padding:10px 0px 0px 25px;
	margin:0px;
	background-image        : url(../img/midashi1.gif);
	background-repeat       : no-repeat;
	width:555px;
	height:35px;
	color :#fff0cb;
	letter-spacing          : 2px;
}

#right_box>h3{
	font-size:18px;
	padding:10px 0px 0px 25px;
	margin:0px;
	background-image        : url(../img/midashi1.gif);
	background-repeat       : no-repeat;
	width:580px;
	height:35px;
	color :#fff0cb;
	letter-spacing          : 2px;
}


#right_box h4{
	color:#ffffff;
	font-size:14px;
	padding:4px 0px 0px 10px;
	margin:0px;
	background-image        : url(../img/midashi2.jpg);
	background-repeat       : no-repeat;
	width:580px;
	height:22px;
	letter-spacing          : 1px;
}

#right_box h5{
	color:#ffffff;
	font-size:14px;
	padding:4px 0px 0px 10px;
	margin:15px 0px 0px 0px;
	background-image        : url(../img/midashi2.jpg);
	background-repeat       : no-repeat;
	width:580px;
	height:22px;
	letter-spacing          : 1px;
}

.bl{
	background-image        : url(../img/midashi3.jpg);
	background-repeat       : no-repeat;
}


#pankuzu{
	text-align:right;
	padding:5px;
}

#right_box td{
	border-bottom:1px dashed #666;
}

.err_msg{
	color:#FF0000;
}

.maint_text{
	padding:10px;
	line-height:160%;
	clear:both;
}

.right_image{
	float:right;
	padding:10px;
}

.f10{
	font-size:10px;
}

.def_btn{
	padding:10px 0px 0px 0px;
	margin:0px;
}

.def_btn li{
	list-style:none;
	float:left;
	padding:2px;
}

.image_l{
	padding:0px 0px 10px 0px;
}

.h3_text{
	padding:0px 3px 10px 5px;
}

.fp{
	color : #E7A1A4;
}

.course_menu{
	list-style:none;
	width:280px;

	padding:5px 0px 10px 0px;
	margin:0px;
	float:left;
}

.course_menu li{
	clear :both;
	margin:0px;
}

.course_menu .k{
	float:left;
	width:50px;
}

.course_menu .name{
	float:left;
	width:230px;
}

#menu_detail{
	float:right;
	width:275px;
	padding:5px 5px 0px 0px;
}

#menu_detail_live{
	float:right;
	width:275px;
	padding:5px 5px 0px 0px;
}

#menu_detail_title{
	padding:5px 3px 1px 0px;
	margin:0px 5px 0px 0px;
	font-size:14px;
	border-bottom:1px solid #fff;
}

#menu_detail_title_live{
	padding:5px 3px 1px 0px;
	margin:0px 5px 0px 0px;
	font-size:14px;
	border-bottom:1px solid #fff;
}


.course_menu_sub{
	padding-top:20px;
}

.def_btn{
	text-align:center;
	padding:4px;
	margin-top:20px;
}

#btn_kaisetu{
	padding:3px;
	float:left;
}
#btn_kakudai{
	padding:3px;
	float:left;
}
#btn_onestep{
	margin:3px 12px 3px 3px;
	float:right;
	width:282px;
	height:19px;
	background-image        : url(../emaki/img/onestep_bg.jpg);
	background-repeat       : no-repeat;
}

.btn_next{
	padding:0px 0px 0px 35px;
	float:left;
}

.btn_back{
	padding:0px 35px 0px 0px;
	float:right;
}

#onestep{
	clear:both;
	text-align:center;
	width:580px;
}

#onestep ul{
	padding : 10px;
	margin : 0px auto;
}

#onestep li{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
}

#text_kaisetu{
	border-top:1px dashed #fff;
	padding:10px 0px 10px 0px;
}

.b_top{
	border-top:1px dashed #fff;
	padding:5px 0px 0px 0px;
	margin:5px 0px 0px 0px;

}

.b_top ul{
	padding:0px;
	margin:0px;
}

.b_top li{
	list-style:none;
}

.yoyaku{
	border        : 2px solid #666;
	padding       : 3px;
	margin-bottom : 5px;
	height:100%;
}

.yoyaku ul{
	padding:0px;
	margin:0px;
}
.yoyaku li{
	list-style:none;
	float:left;
	padding:2px 5px 2px 0px;
	margin:0px;
}
.yoyaku .title{
	font-size:15px;
	font-weight:bold;
	color : #E7A1A4;
}

.smap{
	width:270px;
	float:left;
	border : 2px solid #666;
	margin:5px;
}
.smap .title{
	background-color : #cccccc;
	background-image: url(/img/menu2_bg.jpg);
	background-repeat: repeat-y;padding:5px;
}

*/