/* CSS Document */

/* 全体 */
body
{
	background:#f2f2f2 url(http://e-food.jp/img/body4_bg.gif) repeat-y center top;
    margin-right: auto;
	margin-left: auto;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-top: 0px;
}

h1{
   	margin: 2px 0px 2px 8px;
	color: #FFFFFF;
	font-size: 0.8em;
	line-height: 110%;
	font-weight: normal;
	text-align:left;
}

h2{
   	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 110%;
	font-weight: normal;
}

h3 {
   	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #000000;
}

ul,p {
 margin: 0px;
 padding: 0px;
 
}

p {
 line-height: 120%;
}

/* 区切り線 */
.dot { border-style: dotted none none none; border-top-width: 2px; border-top-color: #CCCCCC; height: 2px; width:98%;
} 

.sdot{ border-style: dotted none none none; border-top-width: 2px; border-top-color: #CCCCCC; height: 2px; width:200px;
} 

.line {border-top-color: #9B2828; border-top-width: 2px; width: 900px; text-align: left;}


/* レイアウト各部分*/
#container  {
margin: 0 auto; width:950px; position:relative;
	scrollbar-arrow-color: #777777;
	scrollbar-face-color: #ffffff;
	scrollbar-track-color: #f8f8f8;
	scrollbar-3dlight-color: #f8f8f8;
	scrollbar-highlight-color: #aaaaaa;
	scrollbar-shadow-color: #aaaaaa;
	scrollbar-darkshadow-color: #f8f8f8;
	color: #555555;
	line-height: 100%;
	font-size: 1.0em;
	background-color: #FFFFFF;
}

#header {
   clear: both;
   text-align: left;
   font-size: small;
   line-height: 110%;
   padding-top: 0px;
   background-image: url(../img/back/header_efoodtrs950.jpg);
   background-repeat : no-repeat;
   margin: 0 auto; width:950px; position:relative;
   height: 100px;
}

.logo {
	padding-top: 15px;
	padding-left: 10px;
}

#navi {
   clear: both;
   width: 950px;
   height: 38px;
   text-align: right;
   padding-top: 2px;
   margin-bottom: 2px;
   padding-right:0px;
   background-color:#990003;
}

#navi a:link {color: #FFFFFF;}
#navi a:visited {color: #0000FF;}
#navi a:hover {background-color: #FF9966;}

.pan  {
    font-family: MS ゴシック, Osaka;
	font-size: 12px;
	line-height:1.2em;
	text-decoration: none;
	padding-left: 10px;
}

.topad  {
text-align: center;
}


#search {
   background-color: #ffffff;
   margin-left : auto ; margin-right : auto ;
   text-align:center;
   position:relative;
   font-size: x-small;
   padding-top: 0px;
   padding-bottom: 5px;
}

ul#navibar {
 margin: 0;
 padding: 0;
 width: 900px;
 }
 
ul#navibar:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}

ul#navibar li {
 margin: 0;
 padding: 0;
 float: left;
 width: 112px;
 line-height: 1;
 list-style-type: none;
}

ul#navibar li a {
 padding: 2px 0px; /* ボタンの厚みはここで調整 */
 display: block;
 position: relative; /* IE6でマウス反応領域がおかしいのをFix */
 font-size: 11px;
 color: #FFFFFF;
 text-align: center;
 text-decoration: none;
 background-color: #E9710E;
 border-right: 1px solid #FFFFFF;
 height: 26px;
}

ul#navibar li a:hover {
 padding: 2px 0px; /* ボタンの厚みはここで調整 */
 color: #000;
 background-color:#F5EABA;
}

#left {
   float: left;
   width: 22%;
   font-size: small;
   background-color:#FFFFFF;
   text-align:left;
   padding-left: 10px;
   padding-bottom: 10px;
}

#right {
   font-size: x-small;
    text-align:left;
	padding-left: 10px;
}


#center {
   float: left;
   width: 50%;
   padding-right: 14px;
   padding-left: 14px;
   padding-bottom: 10px;
   text-align:left;
}

.category{
	background-color:#E9710E;
	font-size: 1.2em;
    width: 100%;
	height: 16px;
	color: #FFFFFF;
	padding: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
} 

#footer {
   clear: both;
   text-align: left;
   font-size: small;
   line-height: 110%;
   padding-top: 0px;
   height: 100px;
   background-image: url(../img/back/footer_efoodtrs950.jpg);
} 

#footer a:link {color: #000000;}
#footer a:visited {color: #2255FF;}
#footer a:hover {background-color: #FF9966;}

/* 背景色 */
.bg	{ 
	background-color:#FFFFFF;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;	
	text-align: center;
} 

.bgj	{ 
	background-color:#CC9999;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;	
	text-align: center;
} 

#ad3{clear: both; background-color: #FFCC66; margin-top: 10px; margin-bottom:10px; padding:10; width:100%; margin: 0 auto;}

#ad3red{clear: both; background-color: #CC0000; margin-top: 10px; margin-bottom:10px; padding:10; width:100%; margin: 0 auto;}

a {
	color: #0000CC;
	text-decoration: underline;
}

a:link {
	color: #0000CC;
	text-decoration: underline;
}

a:visited {
	color: #CC0000;
	text-decoration: underline;
}

a:active {
	color: #CC6600;
	text-decoration: underline;
}

a:hover {
	color: #FFF;
	background-color: #E0E0E0;
	text-decoration: none;
}

/* 文字装飾 */
span.font1
{
    font-family: MS ゴシック, Osaka;
	font-size: 10px;
	color: #666666;
	line-height:1.4em;
	text-decoration: none;
}
span.font2
{
    font-family: MS ゴシック, Osaka;
	font-size: 12px;
	line-height:1.2em;
	text-decoration: none;
}

span.font3
{
    font-family: MS ゴシック, Osaka;
	font-size: 13px;

	line-height:1.4em;
	text-decoration: none;
}

.right
{
    font-family: MS ゴシック, Osaka;
	font-size: x-small;
    text-align: right;
	line-height:1.4em;
	line-height:1.4em;
	text-decoration: none;
	clear:both;
	width:200px;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
}

.map
{
  	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align:center;
	width:100%;
}

.post
{
  	font-size:16px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align:center; 
}

.post a {
	color: #2255FF;
	text-decoration: underline;
	}

.post a:link {
	color: #2255FF;
	text-decoration: underline;
	}

.post a:visited {
	color: #CC0000;
	text-decoration: underline;
	}

.post a:active {
	color: #2255FF;
	text-decoration: underline;
	}

.post a:hover {
	color: #FFF;
	background-color: #E0E0E0;
	text-decoration: none;
}

td {
   color: #333333;
}