﻿@charset "utf-8";

/*All page's css*/

body{
	font: 75% 'Lucida Grande', 'Lucida Sans Unicode', Verdana,Tahoma, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ　Ｐゴシック',Osaka,'Courier New', sans-serif,monospace;
	background-color: #D1ccad;
	background: url(./img/haikei.jpg) repeat top center;
	text-align: center;
	color: #000000;
	scrollbar-base-color: #eeeeee;
    scrollbar-track-color: #eeeeee;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #660000;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-highlight-color: #660000;
    scrollbar-3dlight-color: #FFFF99;
    scrollbar-arrow-color: #660000;
}


/*reset*/

*{
	margin:0px;
	padding:0px;
	font-size:1em;
}

/*
#header {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}


#header h1 {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 20px;

}*/



div#header  {
	width:760px;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding: 0px;
}   


div#header h1{
	padding-left:5px;
    background: #000 ;
    color: #FFF;   
	font-size:1em;
	line-height:20px;
	text-align:left;
}  


/*a*/
a {text-decoration:none;}

a img{border-width: 0;}

a:link{color: #C00;}
a:visited{color: #999;}
a:active{color:red;}
a:hover{color: #F00;}

/*ページトップへ戻る*/
.pagetop {
	text-align: right;
	margin:30px auto;
}
.pagetop a {color: #666666;}
.pagetop a:link{color: #000;}
.pagetop a:visited{color: #D1B2B2;}
.pagetop a:active{color:red;}
.pagetop a:hover{
	color: #660000;
	text-decoration:underline;
	}



li{list-style-type:none;}

.bfont{
	font-weight:bold;
}

br.cr{
	clear:both;
}

span.span1 {display:none;}
span.red {color:#c00;}

/*contents*/

div#box{
	padding:0px;
	width:775px ;
	background: url(./img/syadow.jpg) repeat-y top center;
	margin:0 auto;
	color:#000000;
}



#tenponavi{
	float:left;
	width:235px;
	padding:0px;
	margin:0;
	text-align: center;
	}

#main_contents{
	width:520px;
	float:right;
	height: 750px;
}


div#wrapper{
	width:761px !important;
	color:#000000;
    text-align:left;
	padding:0px;
	margin:0px auto;
	 /*	border:1px solid #000; */
}


div#contener{
	width: 760px;
	clear:both;
	margin-bottom: 10px;
}


div#left{
	width: 200px;
	padding:0px;
	background-color:#FFFFFF;
	text-align: center;
}


#border1 {
  background-image: url("img/line1.gif");
  height: 9px; 
 background-repeat: repeat-x;
	clear:both;
  }


div#footer{
	background-color: #000;
	line-height:20px;
	clear: both;
	width: 761px;
	margin-right: auto;
	margin-left: auto;
	}


p#copy{
	text-align:center;
	/*margin-top:0px;
	padding:0px;*/
    color:#FFFFFF;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif,"ＭＳ　Ｐゴシック", "ヒラギノ角ゴ Pro W3",Osaka,"Courier New", monospace;
}

.bold_r {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

#sub_contents1{
	width:500px;
	margin-top:10px;
	margin-bottom: 20px;
}

#sub_contents2{
	width:500px;
	text-align:center;
	margin-top:20px;
}

.sub2_text{　
	width:400px;
	padding:10px;
	text-align:left;
}

.sub_text{
	padding-top:10px;
}

#sub_contents3{
	width:500px;
	text-align:center;
	margin-top:20px;
}

.sub3_photo{　/* つくしのこだわり */
	width:210px;
	padding:10px;
	text-align:left;
	float:left;
}

.sub3_text{　
	width:230px;
	padding:10px;
	text-align:left;
}

.sub4_photo{
	width:240px;
	text-align:left;
	float:left;
}

.sub4_text{　
	width:250px;
	padding:10px;
	text-align:left;
	margin-left: 10px;
}


#menu_box{/* 2ページ目以降のメニュー */
    width:200px;
	margin-top:10px;
	float:left;
	margin-left:14px;
	}


#menu_box ul {
     width: 200px;
	text-align:left;
	padding:0px;
}

#menu_box ul li {
     float: left;
     list-style-type: none;
}
/*#menu_box ul li a#food { 
     display: block;
     width: 43px;
     height: 175px;
     margin-left: 0px;
     background: transparent url(img/menu_food.jpg) no-repeat 0px 0px;
}
#menu_box ul li a#food:hover,
#menu_box ul li a#food:active {  
     background-position: 0px;
     background: transparent url(img/menu_food_o.jpg) no-repeat 0px 0px;
}
#menu_box ul li a#drink {  
     display: block;
     width: 43px;
     height: 175px;
     margin-left: 5px;
     background: transparent url(img/menu_drink.jpg) no-repeat 0px 0px;
}
#menu_box ul li a#drink:hover,
#menu_box ul li a#drink:active { 
     background-position: 0px;
     background: transparent url(img/menu_drink_o.jpg) no-repeat 0px 0px;
}

#menu_box ul li a#osusume {  
     display: block;
     width: 43px;
     height: 175px;
     margin-left: 5px;
     background: transparent url(img/menu_osusume.jpg) no-repeat 0px 0px;
}
#menu_box ul li a#osusume:hover,
#menu_box ul li a#osusume:active { 
     background-position: 0px;
     background: transparent url(img/menu_osusume_o.jpg) no-repeat 0px 0px;
}

#menu_box ul li a#tenpo { 
     display: block;
     width: 43px;
     height: 175px;
     margin-left: 5px;
     background: transparent url(img/menu_tenpo.jpg) no-repeat 0px 0px;
}
#menu_box ul li a#tenpo:hover,
#menu_box ul li a#tenpo:active { 
     background-position: 0px;
     background: transparent url(img/menu_tenpo_o.jpg) no-repeat 0px 0px;
}
*/


#topmenu_box{/* indexページのメニュー */
    width:200px;
	margin-top:10px;
	float:left;
	}

#topmenu_box ul {
     width: 200px;
	text-align:left;
	padding-left:3px;
}

#topmenu_box ul li {
     float: left;
     list-style-type: none;
}

#topmenu_box ul li a#food { 
     display: block;
     width: 43px;
     height: 175px;
     margin-left: 0px;
     background: transparent url(img/menu_food.jpg) no-repeat 0px 0px;
}
#topmenu_box ul li a#food:hover,
#topmenu_box ul li a#food:active {  
     background-position: 0px;
     background: transparent url(img/menu_food_o.jpg) no-repeat 0px 0px;
}
#topmenu_box ul li a#drink {  
     display: block;
     width: 43px;
     height: 175px;
     margin-left: 5px;
     background: transparent url(img/menu_drink.jpg) no-repeat 0px 0px;
}
#topmenu_box ul li a#drink:hover,
#topmenu_box ul li a#drink:active { 
     background-position: 0px;
     background: transparent url(img/menu_drink_o.jpg) no-repeat 0px 0px;
}

#topmenu_box ul li a#osusume {  
     display: block;
     width: 43px;
     height: 175px;
     margin-left: 5px;
     background: transparent url(img/menu_osusume.jpg) no-repeat 0px 0px;
}
#topmenu_box ul li a#osusume:hover,
#topmenu_box ul li a#osusume:active { 
     background-position: 0px;
     background: transparent url(img/menu_osusume_o.jpg) no-repeat 0px 0px;
}

#topmenu_box ul li a#tenpo { 
     display: block;
     width: 43px;
     height: 175px;
     margin-left: 5px;
     background: transparent url(img/menu_tenpo.jpg) no-repeat 0px 0px;
}

#topmenu_box ul li a#tenpo:hover,
#topmenu_box ul li a#tenpo:active { 
     background-position: 0px;
     background: transparent url(img/menu_tenpo_o.jpg) no-repeat 0px 0px;
}




/*#topics_box{
    width:290px;
}*/


#newsbox{
	width:500px;
	/*margin-top:10px;*/
	margin-bottom:10px;
	text-align:left;
	background-position:center center;
	background-repeat: no-repeat;
	background-image: url(img/rogo_tsukushi_mini.gif);
	margin-top: 5px;
	}

#news{ 
	width:490px;
	height:140px;
	overflow:auto;
	font-size:12px;
	border:solid 1px #CCCCCC;
	padding-left:3px;
	}

#news a{
		color:#ff0000;
		font-size:12px;
		text-decoration:none;
		}

#news a:hover{
		color:#ff0000;
		text-decoration:underline ;
		}

div#footer{
	clear: both;
}
#topmenu ul li {

     float: left;
     list-style-type: none;
}
span.hidden {
	display: none;
}

