﻿@charset "UTF-8";
/***************************************************
   HTML All Class Element Styles
***************************************************/
html {  }
body { font-family:Meiryo; font-size: 13px; line-height: 20px; color: #333333;  }
a {  }
a:hover {  }
.cb { clear: both; font-size: 0; }




/***************************************************
   Header Area Element Styles
***************************************************/



/***************************************************
   Footer Area Element Styles
***************************************************/




/***************************************************
   Sidebar Area Element Styles
***************************************************/
#sidebar { width:148px; float: left; }
#menu_back { background: url(img/sidebar_back.png) no-repeat; width: 160px; height: 770px; position: relative; top: 10px; left: -6px; }
#menu_back .in { width: 148px; position: relative; left: 6px; top: 5px; }

.top_info{font-size:20px; 
			color:#F00; 
			font-weight:bold; 
			text-align:center;
			}
.top_info a { text-decoration:underline;
				color:#F00;}
.top_info a:hover {color:#F60;}
.top_info a:active {color:#F00;}							

.menu_01 { width: 148px; height: 41px; }
.menu_01 a { width: 148px; height: 41px; background: url(img/menu_01.jpg) no-repeat; display: block; }
.menu_01 a:hover { width: 148px; height: 41px; background: url(img/menu_01_on.jpg) no-repeat; }
.menu_01_active { width: 148px; height: 41px; background: url(img/menu_01_on.jpg) no-repeat; display: block; }
.menu_02 { width: 148px; height: 40px; }
.menu_02 a { width: 148px; height: 40px; background: url(img/menu_02.jpg) no-repeat; display: block; }
.menu_02 a:hover { width: 148px; height: 40px; background: url(img/menu_02_on.jpg) no-repeat; }
.menu_02_active { width: 148px; height: 40px; background: url(img/menu_02_on.jpg) no-repeat; display: block; }
.menu_03 { width: 148px; height: 40px; }
.menu_03 a { width: 148px; height: 40px; background: url(img/menu_03.jpg) no-repeat; display: block; }
.menu_03 a:hover { width: 148px; height: 40px; background: url(img/menu_03_on.jpg) no-repeat; }
.menu_03_active { width: 148px; height: 40px; background: url(img/menu_03_on.jpg) no-repeat; display: block; }
.menu_04 { width: 148px; height: 40px; }
.menu_04 a { width: 148px; height: 40px; background: url(img/menu_04.jpg) no-repeat; display: block; }
.menu_04 a:hover { width: 148px; height: 40px; background: url(img/menu_04_on.jpg) no-repeat; }
.menu_04_active { width: 148px; height: 40px; background: url(img/menu_04_on.jpg) no-repeat; display: block; }

.menu_05 { width: 148px; height: 40px; }
.menu_05 a { width: 148px; height: 40px; background: url(img/menu_05.jpg) no-repeat; display: block; }
.menu_05 a:hover { width: 148px; height: 40px; background: url(img/menu_05_on.jpg) no-repeat; }
.menu_05_active { width: 148px; height: 40px; background: url(img/menu_05_on.jpg) no-repeat; display: block; }
.menu_06 { width: 148px; height: 40px; }
.menu_06 a { width: 148px; height: 40px; background: url(img/menu_06.jpg) no-repeat; display: block; }
.menu_06 a:hover { width: 148px; height: 40px; background: url(img/menu_06_on.jpg) no-repeat; }
.menu_06_active { width: 148px; height: 40px; background: url(img/menu_06_on.jpg) no-repeat; display: block; }
.menu_07 { width: 148px; height: 40px; }
.menu_07 a { width: 148px; height: 40px; background: url(img/menu_07.jpg) no-repeat; display: block; }
.menu_07 a:hover { width: 148px; height: 40px; background: url(img/menu_07_on.jpg) no-repeat; }
.menu_07_active { width: 148px; height: 40px; background: url(img/menu_07_on.jpg) no-repeat; display: block; }
.menu_08 { width: 148px; height: 40px; }
.menu_08 a { width: 148px; height: 40px; background: url(img/menu_08.jpg) no-repeat; display: block; }
.menu_08 a:hover { width: 148px; height: 40px; background: url(img/menu_08_on.jpg) no-repeat; }
.menu_08_active { width: 148px; height: 40px; background: url(img/menu_08_on.jpg) no-repeat; display: block; }
.menu_09 { width: 148px; height: 40px; }
.menu_09 a { width: 148px; height: 40px; background: url(img/menu_09.jpg) no-repeat; display: block; }
.menu_09 a:hover { width: 148px; height: 40px; background: url(img/menu_09_on.jpg) no-repeat; }
.menu_09_active { width: 148px; height: 40px; background: url(img/menu_09_on.jpg) no-repeat; display: block; }

.menu_10 { width: 148px; height: 40px; }
.menu_10 a { width: 148px; height: 40px; background: url(img/menu_10.jpg) no-repeat; display: block; }
.menu_10 a:hover { width: 148px; height: 40px; background: url(img/menu_10_on.jpg) no-repeat; }
.menu_10_active { width: 148px; height: 40px; background: url(img/menu_10_on.jpg) no-repeat; display: block; }

.menu_11 { width: 148px; height: 40px; }
.menu_11 a { width: 148px; height: 40px; background: url(img/menu_11.jpg) no-repeat; display: block; }
.menu_11 a:hover { width: 148px; height: 40px; background: url(img/menu_11_on.jpg) no-repeat; }
.menu_11_active { width: 148px; height: 40px; background: url(img/menu_11_on.jpg) no-repeat; display: block; }

.menu_12 { width: 148px; height: 40px; }
.menu_12 a { width: 148px; height: 40px; background: url(img/menu_12.jpg) no-repeat; display: block; }
.menu_12 a:hover { width: 148px; height: 40px; background: url(img/menu_12_on.jpg) no-repeat; }
.menu_12_active { width: 148px; height: 40px; background: url(img/menu_12_on.jpg) no-repeat; display: block; }

.menu_13 { width: 148px; height: 40px; }
.menu_13 a { width: 148px; height: 40px; background: url(img/menu_13.jpg) no-repeat; display: block; }
.menu_13 a:hover { width: 148px; height: 40px; background: url(img/menu_13_on.jpg) no-repeat; }
.menu_13_active { width: 148px; height: 40px; background: url(img/menu_13_on.jpg) no-repeat; display: block; }

.menu_14 { width: 148px; height: 40px; }
.menu_14 a { width: 148px; height: 40px; background: url(img/menu_14.jpg) no-repeat; display: block; }
.menu_14 a:hover { width: 148px; height: 40px; background: url(img/menu_14_on.jpg) no-repeat; }
.menu_14_active { width: 148px; height: 40px; background: url(img/menu_14_on.jpg) no-repeat; display: block; }

.menu_15 { width: 148px; height: 40px; }
.menu_15 a { width: 148px; height: 40px; background: url(img/menu_15.jpg) no-repeat; display: block; }
.menu_15 a:hover { width: 148px; height: 40px; background: url(img/menu_15_on.jpg) no-repeat; }
.menu_15_active { width: 148px; height: 40px; background: url(img/menu_15_on.jpg) no-repeat; display: block; }

.menu_21 { width: 148px; height: 40px; }
.menu_21 a { width: 148px; height: 40px; background: url(img/menu_21.jpg) no-repeat; display: block; }
.menu_21 a:hover { width: 148px; height: 40px; background: url(img/menu_21_on.jpg) no-repeat; }
.menu_21_active { width: 148px; height: 40px; background: url(img/menu_21_on.jpg) no-repeat; display: block; }

.menu_22 { width: 148px; height: 40px; }
.menu_22 a { width: 148px; height: 40px; background: url(img/menu_22.jpg) no-repeat; display: block; }
.menu_22 a:hover { width: 148px; height: 40px; background: url(img/menu_22_on.jpg) no-repeat; }
.menu_22_active { width: 148px; height: 40px; background: url(img/menu_22_on.jpg) no-repeat; display: block; }

.menu_23 { width: 148px; height: 40px; }
.menu_23 a { width: 148px; height: 40px; background: url(img/menu_23.jpg) no-repeat; display: block; }
.menu_23 a:hover { width: 148px; height: 40px; background: url(img/menu_23_on.jpg) no-repeat; }
.menu_23_active { width: 148px; height: 40px; background: url(img/menu_23_on.jpg) no-repeat; display: block; }


.menu_24 { width: 148px; height: 40px; }
.menu_24 a { width: 148px; height: 40px; background: url(img/menu_24.jpg) no-repeat; display: block; }
.menu_24 a:hover { width: 148px; height: 40px; background: url(img/menu_24_on.jpg) no-repeat; }
.menu_24_active { width: 148px; height: 40px; background: url(img/menu_24_on.jpg) no-repeat; display: block; }

.menu_25 { width: 148px; height: 40px; }
.menu_25 a { width: 148px; height: 40px; background: url(img/menu_25.jpg) no-repeat; display: block; }
.menu_25 a:hover { width: 148px; height: 40px; background: url(img/menu_25_on.jpg) no-repeat; }
.menu_25_active { width: 148px; height: 40px; background: url(img/menu_25_on.jpg) no-repeat; display: block; }

.menu_26 { width: 148px; height: 40px; }
.menu_26 a { width: 148px; height: 40px; background: url(img/menu_26.jpg) no-repeat; display: block; }
.menu_26 a:hover { width: 148px; height: 40px; background: url(img/menu_26_on.jpg) no-repeat; }
.menu_26_active { width: 148px; height: 40px; background: url(img/menu_26_on.jpg) no-repeat; display: block; }

.menu_27 { width: 148px; height: 40px; }
.menu_27 a { width: 148px; height: 40px; background: url(img/menu_27.jpg) no-repeat; display: block; }
.menu_27 a:hover { width: 148px; height: 40px; background: url(img/menu_27_on.jpg) no-repeat; }
.menu_27_active { width: 148px; height: 40px; background: url(img/menu_27_on.jpg) no-repeat; display: block; }


/***************************************************
   Contents Area Element Styles
***************************************************/

.outl1 { width:500px; height:51px; 
		background-image:url(img/outl_bk.jpg); text-align:center;
		}
		

.outl1 a{ border:#39F 1px solid;width:500px; height:50px;display:block;}	

.outl1 a:hover, a:active{ border:#C39 1px solid;
			color:#C39;}
			
.outl2 { width:520px; height:51px; 
		background-image:url(img/outl_bk2.jpg); text-align:center;
		}
		

.outl2 a{ border:#39F 1px solid;width:520px; height:50px;display:block;}	

.outl2 a:hover, a:active{ border:#C39 1px solid;
			color:#C39;}			
					
			
.text1 { font-size:13px; line-height:170%; margin-left:10px; margin-bottom:10px;}

.text2 { font-size:13px; line-height:170%; margin-left:10px; margin-bottom:20px;}

.komidasi { font-size:14px; font-weight:bold; margin-bottom:10px;}

.komidasi2 { font-size:14px; font-weight:bold; margin-bottom:10px; color:#552c30;}

.midasi {border-bottom:#552c30 1px solid; padding-left:10px; font-size:14px; font-weight:bold; margin-bottom:10px;}	

.midasi2 {border-bottom:#552c30 1px solid; border-left:3px solid #552c30; padding-left:10px; font-size:14px; font-weight:bold; margin-bottom:10px;}	
		
.midasi3 { background-color:#552c30;
			color:#FFF;
		
		padding:5px 10px; font-size:15px; font-weight:bold; margin-bottom:10px;}
		
.midasi4 { color:#000;
		
		padding-left:10px; font-size:14px; font-weight:bold; margin-bottom:10px;}
		

.midasi5 { color:#552c30;
		
		padding-left:10px;border-bottom:#552c30 1px dotted; font-size:14px; font-weight:bold; margin-bottom:10px;}

.pr {
			 width:480px;
		 text-align:center;
		  font-size:16px; 
		  font-weight:bold;
		  line-height:150%;
		  margin-bottom:20px;}
		  
.pr a{ text-decoration:underline;
		}		  
		
.pl5 { padding-left:5px; }	
.pl10 { padding-left:10px; }	
.pl15 { padding-left:15px; }		

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }	
.pr15 { padding-right:15px; }		