.main900 {
font-size:0.8em;
width:900px;
margin-left:auto;
margin-right:auto;
}

img {
border:none;
}

/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
topTAB
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/

ul#spOMtop {
float:right;
list-style:none;
width:580px;
margin:0px;
padding:0px;
}
ul#spOMtop li{
list-style:none;
float:left;
width:145px;
margin:0px;
padding:0px;
}
ul#spOMtop a{
display:block;
width:145px;
height:82px;
text-indent:-1000px;
overflow:hidden;
}

a.spOMtopA{
background:url(menu01.jpg) no-repeat 0px 0px;}
a:hover.spOMtopA,.spOMtopA2{
background:url(menu02.jpg) no-repeat 0px 0px;}

a.spOMtopB{
background:url(menu01.jpg) no-repeat -145px 0px;}
a:hover.spOMtopB,.spOMtopB2{
background:url(menu02.jpg) no-repeat -145px 0px;}

a.spOMtopC{
background:url(menu01.jpg) no-repeat -290px 0px;}
a:hover.spOMtopC,.spOMtopC2{
background:url(menu02.jpg) no-repeat -290px 0px;}

a.spOMtopD{
background:url(menu01.jpg) no-repeat -435px 0px;}
a:hover.spOMtopD,.spOMtopD2{
background:url(menu02.jpg) no-repeat -435px 0px;}


/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
title
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/
h2.tit {
background:url(tit_bg.gif) top left repeat;
width:100%;
height:50px;
padding:0px;
text-align:left;
margin:1em 0 0.5em 0;
}


/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
main box
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/

.Mbox01 {
float:left;
width:430px;
margin:0px 5px;
padding:0px;
}


/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
2column box
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/


.boxIM {
width:200px;
float:right;
}

.boxTX {
line-height:1.4em;
width:220px;
float:left;
padding-right:10px;
}



.boxTX,.boxLf2,.boxUB p {
line-height:1.4;
margin-bottom:1em;
padding-bottom:1em;
}

.boxUB {
line-height:1.4;
margin:1em 0;
padding-bottom:1em;
width:900px;
text-align:left;
}

.boxP {
background:url(col_bg.gif) top left repeat-y;
line-height:1.4em;
font-size:0.8em;
color:#666;
width:380px;
min-height:90px;
margin:0px;
padding:0px 30px 0px 20px;
}

.boxL600 {
line-height:1.4em;
width:660px;
float:left;
padding-right:10px;
}

.boxL600s {
line-height:1.4em;
width:580px;
float:left;
padding-right:10px;
}


.boxR300{
width:220px;
float:right;
}


/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
3column box
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/

div.boxFood {
   border:1px solid #ccc; 
   width: 210px;
   height:280px;
   float: left; 
   margin: 5px; 
}


div.boxFoodHS {
border:1px solid #ccc; 
width: 210px;
height:180px;
float: left; 
margin: 5px; 
}

p.boxFoodI{
   text-align: center; 
   margin: 5px;        
}
p.boxFoodC {
   text-align: left; 
   margin: 5px;        
   font-size: 10px;  
   color: #636; 
}


/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
image box(写真風)
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/

/*3列*/
div.boxph03 {
   border:1px solid #ccc; 
   width: 285px;
   height:250px;
   float: left; 
   margin: 5px; 
}

/*4列*/
div.boxph04 {
   border:1px solid #ccc; 
   width: 210px;
   height:200px;
   float: left; 
   margin: 5px; 
}

/*5列*/
div.boxph05 {
   border:1px solid #ccc; 
   width: 165px;
   height:150px;
   float: left; 
   margin: 5px; 
}

p.boxphI{
   text-align: center; 
   margin: 5px;        
}
p.boxphC {
   text-align: left; 
   margin: 5px;        
   font-size: 10px;  
   color: #666; 
}

/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
shop
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/
.shop {
background:url(shop_bg.jpg) repeat-x;
width:auto;
/*width:100%;*/
height:240px;
color:#636;
text-align:left;
line-height:1.3em;
margin:5em 0px;
padding:0px;
}

.shopL {
float:left;
width:390px;
}
.shopC {
float:left;
width:500px;
padding:10px 0;
}
.shopR {
float:right;
width:10px;
}



/*
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
all
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
*/
.foL {
float:left;
}

.foR {
float:right;
}

.clr {	
clear:both;
}

.read {
margin-top:0.5em;
font-size:10px;
color:#666;
}

.top10{
margin-top:10px;
}

.top20{
margin-top:10px;
}

.top30{
margin-top:10px;
}