body{background-image:url("img/back.jpg");
background-repeat:repeat-x;
margin-top:0px;
line-height:1.4em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#m_ok{
    color: white;
}

a:link{color:#09F;
text-decoration:none}

a:visited{color:#09F;
}

a:hover{color:#333333;
text-decoration: underline}


.all{width:900px;
     text-align: left; 
    margin: 0 auto;
background-color:#FFFFFF;
color:#333333;
font-size:14px;}

.head{width:900px;
    height:179px;
	margin:0;
	margin-bottom:8px}
	
.head_top{width:900px;
    height:54px;
	text-align:right}
	
.head_menu{width:900px;
    height:75px;
	background-image:url(img/menu_b.jpg);
	background-repeat:repeat-x;
}

.main-all{width:900px;}

.main{width:900px;
    margin-top:8px;}

.main_top_l{width:630px;
margin-right:20px;
float:left;
;}

.main_top_r{width:250px;
float:left;
;}

.main_top_l p{ margin-right:12px}
.main_top_r p{ margin-left:12px}
.main_top_r img{margin-bottom:5px}

.main-m{width:840px;
    margin-top:15px;
	padding:0px 30px}
	
.main-sab01{width:120px;
    margin-right:5px;
float:left;
border:#666 1px dotted;
padding:10px;
line-height:1.8em;
background-color: #F4F4F4;
text-align:right;
margin-bottom:15px
}

.main-sab02{width:670px;
float:left;
border:#666 1px dotted;
padding:10px;
line-height:1.8em;
margin-bottom:15px}



.food_in{width:900px;
    height:90px;
    color:#333333;
    font-size:11px;
	margin: 0 auto;
    clear:left;
	padding-top:15px

;}

.food{width:auto;
     text-align: left; 
    margin: 0 auto;
	background-image:url(img/black.gif);
	background-repeat:repeat-x
}





.side img{
margin-bottom:8px;}

.side-box{width:142px;
    padding:8px;
    border-color:#333333;
    border:solid 1px;
    background-color:#eee;
    text-align: left;
    margin-bottom:15px;
float:left;}

.bar01{background-image:url("img/bar01.jpg");
    background-repeat:no-repeat;
	background-color:#09F;
    font-size:15px;
    padding:3px 20px;
    margin-bottom:5px;
color:#FFFFFF;}

.bar02{background-image:url("img/bar02.jpg");
    background-repeat:no-repeat;
	background-color:#000000;
    font-size:15px;
    padding:3px 30px;
    margin-bottom:8px;
color:#FFFFFF;
font-family:}

.head_menu img{float:left;
}


#menu01 a {
display: block;
overflow: hidden;
height:0px;
width:140px;
padding-top:75px;
background-image: url(img/menu_01.jpg);
background-repeat:no-repeat;
text-align: center;
margin: 0px;
float:left;
}

#menu01 a:hover {
background-image: url(img/menu_o_01.jpg);
background-repeat:no-repeat;
}

#menu02 a {
display: block;
overflow: hidden;
height:0px;
width:140px;
padding-top:75px;
background-image: url(img/menu_02.jpg);
background-repeat:no-repeat;
text-align: center;
float:left;
}

#menu02 a:hover {
background-image: url(img/menu_o_02.jpg);
background-repeat:no-repeat;
}

#menu03 a {
display: block;
overflow: hidden;
height:0px;
width:140px;
padding-top:75px;
background-image: url(img/menu_03.jpg);
background-repeat:no-repeat;
text-align: center;
float:left;
}

#menu03 a:hover {
background-image: url(img/menu_o_03.jpg);
background-repeat:no-repeat;
}

#menu04 a {
display: block;
overflow: hidden;
height:0px;
width:140px;
padding-top:75px;
background-image: url(img/menu_04.jpg);
background-repeat:no-repeat;
text-align: center;
float:left;
}

#menu04 a:hover {
background-image: url(img/menu_o_04.jpg);
background-repeat:no-repeat;
}

#menu05 a {
display: block;
overflow: hidden;
height:0px;
width:140px;
padding-top:75px;
background-image: url(img/menu_05.jpg);
background-repeat:no-repeat;
text-align: center;
float:left;
}

#menu05 a:hover {
background-image: url(img/menu_o_05.jpg);
background-repeat:no-repeat;
}

#menu06 a {
display: block;
overflow: hidden;
height:0px;
width:140px;
padding-top:75px;
background-image: url(img/menu_06.jpg);
background-repeat:no-repeat;
text-align: center;
float:left;
}

#menu06 a:hover {
background-image: url(img/menu_o_06.jpg);
background-repeat:no-repeat;
}

#menu07 a {
display: block;
overflow: hidden;
height:0px;
width:140px;
padding-top:75px;
background-image: url(img/menu_07.jpg);
background-repeat:no-repeat;
text-align: center;
float:left;
}

#menu07 a:hover {
background-image: url(img/menu_o_07.jpg);
background-repeat:no-repeat;
}

a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=50);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=50)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1
}

#formWrap {
	width:700px;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}



#information{margin-right:12px}


#information ul {
   margin:0;
   padding:0;
   list-style:none;
}

#information li {
   padding:8px 0px 8px 8.3em;
   text-indent: -7em;
   border-bottom:1px solid #ddd;
   list-style:none;
   background-image:url(img/00001_r12_c2.jpg);
   background-repeat:no-repeat;
   background-position:0px 10px;
}

#information li span {
   display:inline-block;
   width:7em;
   text-indent:0;
   
}

#information li a {
   text-decoration:underline;
   color:#000;
}

#information li a:hover {
   text-decoration:underline;
   color:#09F;

}

.selector11{  
    border:#ccc solid 1px;  
    display:block;  
    padding:8px 0px;
	margin-bottom:10px;
	font-size:15px}  
.selector11b{  
    border-left:#ccc solid 6px;  
    padding:0px 8px 
} 

.work01{ width:400px;
border:solid 1px #666666;
float:left;
margin-right:15px;
margin-bottom:15px;
padding:5px}

.work02{ width:400px;
border:solid 1px #666666;
float:left;
margin-bottom:15px;
padding:5px}

.work01 p{ margin:8px}
.work02 p{ margin:8px}

.work03{ width:838px;
border:solid 1px #666666;
margin-bottom:15px;
background-color:#000}

#top{ position:relative;
width:900px; height:271px;
}



#slideshow {
   position: relative;
   width:  900px; /* 画像の横幅に合わせて記述 */
   height: 271px; /* 画像の高さに合わせて記述 */
}

#topin{ position:absolute;
top:0px;left:0px;}

#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

#slideshow img.end-active {
	position:absolute;
top:0px;left:0px;
   z-index: 20;
   opacity: 1.0;
}


.headnavi {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}


.head_menu_navi {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.head_menu_navi div:not(:last-child) {
    border-right: 1px solid #cccccc;
}