@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body{
	margin: 0;
       padding: 0;
       background-color: #ffffff; /* ページの背景色 */
       color: #000000; /* 全体の文字色 */file:///C:/Program%20Files%20(x86)/JustSystems/HOMEPAGEBUILDER15/config/cssdata/dummy.htm
       font-size: 100%; /* 全体の文字サイズ */
       height : 100%;
}
h2{
	font-size : 16px;
	font-family: HG丸ｺﾞｼｯｸM-PRO,メイリオ;
background-image : url(img/y8b.gif);background-repeat : repeat-x;background-attachment : scroll;background-position : 0% 0%;
text-indent : 5px;margin : 5px 5px 5px 8px;
line-height : 1.9;
}
h3{
	position: relative; 
 /* 見出しの幅 */
margin : 1.4em 0px 0px 10px; /* 見出しのマージン（上右下左） */
background-color: #ffffff; /* 見出しの背景色 */
font-size: 14px; /* 見出しの文字サイズ */
text-align : left;

}
h4{
	position: relative; 
 /* 見出しの幅 */
margin : 1.2em 0px 0px 10px; /* 見出しのマージン（上右下左） */
background-color: #ffffff; /* 見出しの背景色 */
font-size: 12px; /* 見出しの文字サイズ */
text-align : left;

}
/* --- 全体のリンクテキスト --- */
a:link{
	color: #0000ff; 
}
a:visited{
	color: #800080; 
}
a:hover{
	color: #ff0000; 
}
a:active{
	color: #ff0000; 
}

/* --- コンテナ --- */
#container{
	width : 870px;
	margin: 0px auto;
	background-color: transparent;
	background-image : none;background-repeat : repeat-y;background-attachment : scroll;background-position : left center;background-size : auto auto;background-origin : padding-box;background-clip : border-box;/* メインカラムの背景色 */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c0c0c0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c0c0c0;
	font-family: メイリオ;
}

/* --- ヘッダ --- */
#header{
	background-color: white;
	height: 120px;
	font-family: メイリオ;
}
.h1{
	padding: 5px 0px 0px 10px;
	background-color: transparent;
	background: url(img/head.png) no-repeat scroll 0% 0%;
	height: 70px;
	margin-left: 10px;
	margin-top: 10px;
	font-family: メイリオ;
}
.top{
	margin-bottom: 2px;
	padding: 3px 0px;
	background: url(img/top_back1.gif) repeat-x scroll center top;
	border-bottom-width: 0px;
	border-bottom-style: none;
	margin-top: 0px;
	font-family: メイリオ;
}
/* --- ナビケーション --- */
#nav{
	width: 100%;
	height: 40px;
	font-family: メイリオ;
}
.menu ul{
  margin:0;
  padding:0;
}
.menu ul li{
	list-style-type: none;
	margin : 0px;
	padding: 0px;
	font-size : 14px;
	float: left;
	position: relative;
	width : 140px;
	height: 40px;
	line-height: 40px;
	backgroundcolor :#FF818D;
	
       text-align: center;
	font-weight: bold;

left : 0px;

background : transparent url(img/btn.png) repeat scroll 0% 0%;
}
.menu ul li a{
  color : navy;
  display: block;
  text-decoration: none;
font-family : メイリオ;
font-weight : bolder;



}
.menu ul li:hover, .menu ul li a:hover{
  background : #ff44a2 none repeat scroll 0% 0%;
  color:#fff;
}
.menu ul li ul{
  position: absolute;
  top: 40px;
  width : 100%;
  z-index: 100;
margin-left : 0px;
left : 0px;


background-color : white;
}
.menu ul li ul li{
  visibility: hidden;
  overflow: hidden;
  width : 100%;
  height: 0;
  background : white none repeat scroll 0% 0%;
}
.menu ul li ul li:hover, .menu ul li ul li a:hover{
  background:#FFAFA9;/*ホバー時のサブメニューの背景色*/

color : white;
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;/*サブメニューの高さ*/
  z-index: 10;

}.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/* --- サイドバー --- */
#side{
	float: left;
	width: 210px;
	font-family: メイリオ;
}
/* --- ボックス --- */
div.section{
	width: 200px;/* ボックスの幅 */
	background-color: #fefbd1;/* ボックスの背景色 */
	border: 1px solid #c0c0c0;/* ボックスの境界線 */
	font-size: 80%;/* ボックスの文字サイズ */
	margin: 14px 3px;
	font-family: メイリオ;
           margin-top:10px;
}
div.section h3{
	margin: -5px 5px 1em;/* 段落のマージン（上下、左右） */
	background-color: #d2ffd2;
	line-height: 2em;
	text-indent: 5px;
	font-family: メイリオ;
	font-weight: bold;
}
/* --- メインカラム --- */
#content{
	float: left;
	width: 640px;
	margin-bottom: 10px;
	margin-top: 15px;
	font-family: メイリオ;
}
/* --- ボックス内の段落 --- */
div.section p{
	margin : 1em 10px 1em 8px;
}
/* --- 見出し --- */
/* --- リストエリア --- */
ul.thumbnail{
	width: 100%;
	margin: 0px 0px 0px 5px;
	padding: 30px 0px 0px;
	list-style-type: none;
	font-family: メイリオ;
}

/* --- リスト項目 --- */
ul.thumbnail li{
	width : 30%; 
       float: left;
margin-left : 5px;
}

/* --- 項目内容 --- */
ul.thumbnail dl{
	width : 100%; 
       margin: 0 auto; 
       font-size: 80%;
}

/* --- 写真エリア --- */
ul.thumbnail dt{
       height : 90px; 
       margin-bottom: 5px; 
text-align : center;
}
ul.thumbnail dt img{
	border: 1px #808080 solid; 
}

/* --- キャプションエリア --- */
ul.thumbnail dd{
	margin : 0px 0px 3px 10px;
       height : 8em; 
       line-height: 120%;
text-indent : 10px;

text-align : left;
width : 90%;
}

/* --- clearfix --- */
.clearFix::after{
	content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
}
.clearFix{
	min-height: 1px;
}
/* --- 新着情報エリア --- */
div.update{
       width : 630px;
       font-size: 80%;
       margin-left : 5px;
       margin-bottom : 14px;
height : 240px;
}

/* --- 新着リスト --- */
div.update dl{
       width: 100%; 
       margin : 0px 0px 0px 5px;
       border-top: 1px #c0c0c0 dotted;
       font-wight:bold; 
       line-height:1.6em;
}

/* --- 日付エリア --- */
div.update dt{
	font-size: 14px;
	font-wigth: bold;
	width: 9em;
	margin-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-left-width: 7px;
	border-left-style: solid;
	border-bottom-coler: #666666;
	padding-top: 2px;
	padding-left: 8px;
	padding-bottom: 2px;
	foat: left;
	clear: both;
	font-weight: bold;
	font-family: メイリオ;
}

/* --- 本文エリア --- */
div.update dd{
	font-size: 100%;
	line-height: 20px;
	margin-left: 11em;
	margin-top: -1.6em;
	margin-bottom: 10px;
	margin-bottom-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 8px;
	padding-reight: 15px;
	width: 460px;
	font-family: メイリオ;
}

/* --- clearfix --- */
.clearFix::after{
	content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix{
	min-height: 1px;
}
/* --- 新着情報エリア --- */
div.recipe{
	width : 630px;
       font-size: 80%;
       margin-left : 5px;
       margin-bottom : 14px;
}

/* --- フッタ --- */
#footer{
	clear: left; 
       margin : 0px auto;
       width : 100%;
       background-color: #ffe080; 
       line-height : 2;
}
.p{
	font-family : メイリオ;
margin-left : 10px;
margin-right : 5px;
line-height : 3em;
margin-top : 5px;
}
.p.justift{
text-align: justify;
}
/* --- メインカラム --- */
/* --- コンテナ --- */
#subcontens{
	background-color: #ffffff;
	background: none repeat scroll 0% 0%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c0c0c0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c0c0c0;
	margin-left: 0px;
	padding-left: 3px;
	font-family: メイリオ;
}
.a-table{
	width: 90%;
	border-collapse: collapse;
	margin-left: 15px;
	margin-top: 15px;
	font-family: メイリオ;
}
.a-table th{
       width : 85%;
       padding: 6px;
       text-align: left;
       vertical-align: top;
       color: #333;
       background-color : white;
       border: 1px solid #b9b9b9;
       font-family : メイリオ;
       font-weight : normal;
}
.a-table td{
       width : 15%;
       padding: 6px;
       background-color : #f5febc;
       border: 1px solid #b9b9b9;
       font-family : メイリオ;
}
.a-table{
       width : 90%;
       border-collapse: collapse;
       margin-left : 15px;
       margin-top : 15px;
}
.a-table th{
       width : 85%;
       padding: 6px;
       text-align: left;
       vertical-align: top;
       color: #333;
       background-color : white;
       border: 1px solid #b9b9b9;
       font-family : メイリオ;
       font-weight : normal;
}
.a-table td{
       width : 15%;
       padding: 6px;
       background-color : #f5febc;
       border: 1px solid #b9b9b9;
       font-family : メイリオ;
}
.r-table{
	width: 90%;
	border-collapse: collapse;
	margin-left: 15px;
	margin-top: 15px;
	font-family: メイリオ;
}
.r-table th{
       width : 60%;
       padding: 6px;
       text-align: left;
       vertical-align: top;
       color: #333;
       background-color : white;
       border: 1px solid #b9b9b9;
       font-family : メイリオ;
       font-weight : normal;
font-size : 14px;
}
.r-table td{
       width : 40%;
       padding: 6px;
       background-color : #ffffca;
       border: 1px solid #b9b9b9;
       font-family : メイリオ;
font-size : 14px;
}
.s-table{
	width: 95%;
	border-collapse: collapse;
	margin-left: 15px;
	margin-top: 10px;
	font-family: メイリオ;
}

div.kaityou-photo{
	width : 300px; 
       margin : 20px 0px 70px 400px;
       padding : 1px 0px 0px;  
       list-style-type: none;
height : 100px;
}

p{
	font-family : メイリオ;
margin-left : 10px;
margin-right : 5px;
line-height : 1.3;
}