/* 全体 */
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-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	color: #000000;
	font-size: 1.2em;
	line-height: 110%;
	font-weight: bold;
}

h2{
   	margin-top: 5px;
	margin-bottom: 0px;
	color: #000000;
	font-size: 15px;
	line-height: 100%;
	font-weight: bold;
	
}

h3 {
   	margin-top: 10px;
	margin-bottom: 0px;
	color: #000000;
	font-size: 16px;
	line-height: 100%;
	font-weight: bold;
}


h4 {
   	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000;
}

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

th, td {
  font-size: 13px;
   text-align: left;
}

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

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

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

p {
 line-height: 110%;
 padding: 2px;
 margin: 0px;
 font-size: 14px;
}

/* レイアウト各部分*/
#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;
	font-size: medium;
	color: #000000;
	line-height: 140%;
	background-color: #FFFFFF;
}

#header {
   background-image: url(../img/back/header_efood950.jpg);
   background-repeat : no-repeat;
   width: 950px;
   height: 100px;
   font-size: medium;
   	-moz-border-radius: 10px; /*以下ドロップシャドー Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 5px 5px 10px #CCC; /* Firefox */
  -webkit-box-shadow: 5px 5px 10px #CCC; /* Safari and Chrome */
  box-shadow: 5px 5px 10px #CCC; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc);
margin-bottom: 10px;
}

.logo {
	padding-top: 20px;
	padding-left: 8px;
}

#navi{
   clear: both;
   background-color:#FFFFFF;
   height: 95px;
   padding: 10px 0px 10px 75px;
}

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

.pan a:link{color: #E9710E; text-decoration: none;}
.pan a:visited  {color:#0000CC; text-decoration: none;}
.pan a:hover {background-color:#E0CF9C;}

.topad  {
text-align: center;
}

.title{
   clear: both;
   padding: 0px;
}

#contents {
   float: left;
   width: 63%;
   padding: 15px 10px 20px 20px;
   margin: 0px 0px 0px 0px;
   text-align: left;
   background-color:#FFFFFF;
   font-size: 14px;
}

#rightside {
   padding: 0px 15px 10px 5px;
   margin-left: 630px;
   margin-right: auto;
   background-color:#FFFFFF;
   background-repeat: repeat;
   color: #000000;
   height: auto;
   font-size: small;
     -moz-border-radius: 10px; /*以下、角丸グラデーション* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 5px 5px 10px #CCC; /* Firefox */
  -webkit-box-shadow: 5px 5px 10px #CCC; /* Safari and Chrome */
  box-shadow: 5px 5px 10px #CCC; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc);
}

ul#navibar {
     width: 160px;/*メニューの全体的な横幅を設定*/
 }

ul#navibar li {
 display: inline;/* li要素の隙間を無くす */
 line-height: 1; /* 行間そろえる IE対策 */
 list-style-type: none;
}

ul#navibar li a {
 margin-left: auto;
 padding: 1px 5px; /* ボタンの厚みはここで調整 */
 display: block;
 position: relative; /* IE6でマウス反応領域がおかしいのをFix */
 font-size: 12px;
 color: #E9710E;
 text-decoration: none;
 background-color: #FFFFFF;
 border-bottom: 1px solid #000000;
}

ul#navibar li a:hover {
 color: #000;
 background-color: #FF9933;
}

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

#footer a:hover {background-color: #FF9933}

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;
}

.thairecipe{
	 border-top: solid 1px #C60;
　　　　 border-right: solid 1px #C60; 
               border-bottom: solid 1px #C60; 
               border-left: solid 1px  #C60;
    padding: 8px 8px 8px 8px;
　　background-color: #FFF;
    width:280px;

}

/* 文字装飾 */
span.font1
{
    font-family: MS ゴシック, Osaka;
	font-size: 13px;
	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: 10px;
	line-height:1.2em;
	text-decoration: none;
}
span.font4
{
    font-family: MS ゴシック, Osaka;
	font-size: 14px;
	line-height:1.4em;
	text-decoration: none;
}

p.caption 
{
	font-size: 0.8em;
	line-height:1.3em;
	color: #666666;
	font-stretch: condensed;
}

span.rightcap 
{
	font-size: 0.8em;
	line-height:1.3em;
	color: #666666;
}