@charset "Shift_JIS";					/*使用する文字コード*/
/*---------------------------------------もくじ
	上から
	
	＜基本設定＞
	■font 設定
	■a:link,a:hover,a:visited  設定
		
	＜共通設定 ＞
	■margin,padding 0 一括指定 
	■strong,img,li,a,などの基本styleの上書き
	■独自拡張子　(class設定)
	■tableLayout（tableの外観の設定）
	■ページトップへ (ページトップへの設定)
	
	＜　基本box指定  2段組レイアウトの設定＞
	■大枠
	■header
	■contents(枠のみ)
	■sidebar
	■foot
	
	＜　contents ページ別指定  ＞
	■contents　見出しタグの共通設定
	■index.html
	■tokutei.html
		
*/
/*---------------------------------------------------------　基本設定　-----------------------------------------------------------*/
table,body{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック";
line-height:1.3em;
font-size:12px;
}

/*通常時のリンク設定*/
a:link {color: #0000FF;}

/*クリック後のリンク設定*/
a:visited {	color: #0000FF;}

/*マウスオーバー時のリンク設定*/
a:hover {color:#FF0000;}

/*----------------------------------------------------------- 共通設定　--------------------------------------------------------*/

/* margin,padding 0 一括指定 */
body,h1,h2,h3,h4,h5,p,table,ul,ol,li,img{margin:0;padding:0;}

/* base style*/
strong{color: #FF0000;}
img{border:none;}
a{text-decoration:none;}
li{list-style:none;}

/* 独自拡張子 */
.bold{font-weight:bold;}
.right{text-align:right;}
.floatL{float:left}
.floatR{float:right}
.clear{clear:both;}
.listNone{list-style:none;}

/*--------------------------------------------------------------------------------------------------------tableLayout*/
/*----------------------------------------------------濃い緑 Dark green*/
.tableLayout01{
border-collapse:collapse;
border-top:solid 1px #82a577;/*border-color*/
border-left:solid 1px #82a577;/*border-color*/
margin:9px 0 9px 21px;
}
.tableLayout01 td,.tableLayout01 th{
border-bottom:solid 1px #82a577;/*border-color*/
border-right:solid 1px #82a577;/*border-color*/
line-height:1.3em;padding:5px;
}
.tableLayout01 th{
background-color:#8edbff;/*見出し色*/
text-align:left;/*左添え*/
}


/*----------------------------------------------------薄い緑　green*/
.tableLayout02{
border-collapse:collapse;
border-top:solid 1px #82a577;/*border-color*/
border-left:solid 1px #82a577;/*border-color*/
margin:9px 0 9px 21px;
}
.tableLayout02 td,.tableLayout02 th{
border-bottom:solid 1px #82a577;/*border-color*/
border-right:solid 1px #82a577;/*border-color*/
line-height:1.3em;padding:5px;
}
.tableLayout02 th{
background-color:#CCFFFF;/*見出し色*/
text-align:left;/*左添え*/
}


/*----------------------------------------------------薄い黄色　yellow*/
.tableLayout03{
border-collapse:collapse;
border-top:solid 1px #ccc;/*border-color*/
border-left:solid 1px #ccc;/*border-color*/
margin:9px 0 9px 21px;
}
.tableLayout03 td,.tableLayout03 th{
border-bottom:solid 1px #ccc;/*border-color*/
border-right:solid 1px #ccc;/*border-color*/
line-height:1.3em;padding:5px;
}
.tableLayout03 th{
background-color:#FFFFCC;/*見出し色*/
text-align:left;/*左添え*/
}

/*----------------------------------------------------tableLayout 見出し色*/
table .center{text-align:center;}/*中央へ添え*/
table .color01{background-color:#CCFFFF;}
table .color02{background-color:#E4FCF2;}
table .color03{background-color:#FFFFCC;}

/*----------------------------------------------------tableLayout font*/
.tableLayout{font-size:0.9em;}

/*--------------------------------------------------------------------------------------------------------トップページへ*/
.pageTop{
margin:7px;
padding:0;
text-align:right;
}
.pageTop a{
padding:3px 18px 3px 3px;
background-image:url(../image/to_top.jpg);
background-repeat:no-repeat;
background-position:100% 50%;
}

.pageTop a:hover,.pageTop a:hover:visited{
text-decoration:underline;
}



/*-------------------------------------------------------　基本box指定　-------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------main box*/
/*all center、全体の隙間をなくす*/

#wrapper2{
padding:0;
width:780px;
background-image:url(../image/background.jpg);
background-repeat:repeat-y;
}
#wrapper{
padding:0;
width:760px;
}
/*--------------------------------------------------------------------------------------------------------header*/
/* headerBox1 - txt */
#header{
padding-bottom:11px;
background-image:url(../image/head_03.jpg);
background-repeat:no-repeat;
background-position:0 100%
}
/*--------------------------------------------------------------------------------------------------------contents*/
/* mainBox1 - navi */
#contentsNavi{
width:180px;
float:left;
background:url(../image/background.jpg);
background-repeat:repeat-y;
}

/* mainBox2 - contents */
#contents{
width:580px;
float:right;
text-align:center;
}
/* mainBox2 - contentsを中央揃え */
#contentsPosition{
margin:0 20px;
padding:0 0 10px 0;
text-align:left;
}
/*------------------------------------------------------------------------------sidebar サイドナビゲーション*/
/* sidebar navi */
#contentsNavi h5,#contentsNavi ol,#contentsNavi ul,#contentsNavi li{
margin:0;
padding:0;
width:180px;
}

#contentsNavi li{
text-align:center;
}

#contentsNavi img{
vertical-align:top;
}

#contentsNav a{display:block;}

/* #shouhin navi上の3項目*/
ol#shouhin{
padding-top:1px;
padding-bottom:3px;
}
/* win IE only \*/*html ol#shouhin{padding-top:0;margin-top:1px;}/**/

#shouhin li{
margin:4px 0;
padding:0;
}
/*navi menuとburnerの余白部分*/
ul#burner{
padding:12px 0;
}

/* win IE only \*/*html ul#burner{padding-top:14px;}/**/

/*--------------------------------------------------------------------------------------------------------footer*/
#footer{
margin:0;
padding:5px 0px;
text-align:center;
color:#FFFFFF;
background-color:#0044a9;
background-image:url(../image/footer_01.jpg);
background-repeat:no-repeat;
background-position:0 0;
clear:both;
}
/* win IE only \*/*html #footer{height:1%;}/**/

#footer a{color:#FFFFFF;}
#footer a:hover{color:#FFFF00;}

/*-------------------------------------------------　contents ページ別指定　--------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------共通*/
/*h2*/
#contents h2{margin:10px 0;}

/*h3*/
#contents h3{
font-size:16px;
color:#0066FF;
background-image:url(../image/h3_bg.jpg);
background-repeat:repeat-x;
background-position:0 100%;
padding:5px;
margin:15px 0 10px 8px;
}

/*--------------------------------------------------------------------------------------------------------index.html*/
#index01,#index01 h3,#index02,#index02 div{background-repeat:no-repeat;}

.indexs #contentsPosition p{margin:0 10px;}
.indexs #contentsPosition * p{margin:0}

/*h3*/
.indexs #contents h3{padding:0;background:none;margin:10px 0;}
.indexs #index01 h3,.indexs #index02 h3{margin:0;padding:0;}

.indexs .bold strong{color:#333333}
/*----------------------------------------------------------------------- #index01 [骨なし魚の切り身の特徴]*/
#index01{
margin-top:16px;
padding-bottom:2px;
border-left:1px solid #3399ff;
border-right:1px solid #3399ff;
background-color:#FFFFCC;
background-image:url(../image/bar_blue02.jpg);
background-position:0 100%;
font-size:1.16em;
}

.indexs #index01 h3{
padding-top:2px;
background-image:url(../image/bar_blue01.jpg);
background-position:0 0;
}
#index01 p{padding:7px 4px 0 7px;}
#index01 p img{margin-bottom:7px;}

/*------------------------------------------------------------------------ #index02 [おすすめセット]*/
#index02{
margin-top:16px;
margin-bottom:16px;
border-left:1px solid #ff9900;
border-right:1px solid #ff9900;
background-color:#FFFFCC;
background-image:url(../image/bar_orenge01.jpg);
background-position:0 0;
}

#index02 div.bg01{
padding:9px 8px 5px 9px;
background-image:url(../image/bar_orenge02.jpg);
background-position:0 100%;
}

#index02 .floatL{
width:220px;
}

#index02 div.floatR{
background:none;
width:280px;
padding:0;
}

#index02 div.floatR h3{color:#FF3300}
#index02 div.floatR p{margin-top:12px;}
#index02 div.floatR ul{padding:0;margin:5px 0 0 0;}
#index02 div.floatR ul li{padding:0;margin:0;}


#index02 p.right{clear:both;margin:0;padding:0;}

/*------------------------------------------------------------------------ tabel [MARUEI骨なし魚の定番メニュー早見表] */

/*table*/
.indexs table.tableLayout03{
padding:0;
margin:10px 0;
}
/*th*/
.indexs table th{margin:0;padding:0;}
.indexs table th img{margin:0;}
.indexs table th span{
display:block;
padding:0;
padding:0 5px;
color:#666666;
font-size:16px;
}
/*td*/
.indexs table td img{margin-right:3px;}
.indexs table td span{font-size:8pt;line-height:1.1em;}

/*------------------------------------------------------------------------ index.html clear*/
/*clear float*/
.indexs table td span:after,
#index01:after,
#index02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*IE only \*/*html .indexs table td span,*html #index01,*html #index02{height:100%;}
/*/.indexs table td span,#index01{display:inline-block;}/**/ 


/*------------------------------------------------------------------------------------------------------- tokutei.html*/
/*-------------------------------- h3 */
.tokutei #contents h3{
padding:5px 0;
margin:5px 0 0 0;
text-indent:30px;
background-image:url(../image/mark.gif) no-repeat;
font-size:14px;
}
/*-------------------------------- h3 height 指定*/
/*最新ブラウザ用 height*/
.tokutei #contents h3{
min-height:15px;
max-height:900%;
}
/* win mac IE用 height */
*html .tokutei #contents h3{
height:15px;/*win IE 5.5以下 : padding上下を含めたもの*/
voice-family:"\"}\"";
voice-family:inherit;
height:25px;/*win,mac IE*/
}
/*-------------------------------- p */
.tokutei #contents p{margin-left:10px;}

/*-------------------------------- ul */
.tokutei #contents ul{
padding:0;
margin:5px 0;
}
.tokutei #contents li{
padding:0;
margin:6px 0 0 10px;
}

/*-------------------------------- .tableLayout上書き */

.tableLayout02 .center{background-color:#8edbff;font-weight:bold;}
table th{font-weight:normal;}

/*-------------------------------- .tokuteiTable [ご注文方法について][プライバシー/著作権について]の  tableのlayout */
.tokuteiTable{
padding:0;
margin:10px 0 20px 20px;
}

/*-----------------------------------------------------------------------.tokuteiNavi base*/
.tokuteiNavi{background-color:#fff;margin:5px 0;}
.tokuteiNavi td{background-color:#8edbff;padding:0;}
.tokuteiNavi td a{
padding:10px 3px;
margin:0;
display:block;
color:#333333;
text-align:center;
}

/*-----------------------------------------------------------------------.tokuteiNavi height*/
/*最新ブラウザ用 height*/
.tokuteiNavi td a{
min-height:30px;
max-height:900%;
}
/* win mac IE用 height */
*html .tokuteiNavi td a{
height:30px;/*win IE 5.5以下 : padding上下を含めたもの*/
voice-family:"\"}\"";
voice-family:inherit;
height:10px;/*win,mac IE*/
}
/*-----------------------------------------------------------------------.tokuteiNavi font*/
/*\*/*html .tokuteiNavi td a{font-size:0.9em;}/**/

/*-----------------------------------------------------------------------.tokuteiNavi link*/
.tokuteiNavi td a:link{color:#333333;}
.tokuteiNavi td a:visited{color:#333333;}
.tokuteiNavi td a:hover{background-color:#FFFFCC;}



