/*Y'sCSS----------------------------------------------------------------------------------*/
/*共通のCSS-------------------------------------------------------------------------------*/
* {margin: 0px; padding: 0px;}
a:link {color: #b10038; text-decoration: none;}
a:active {color: #b10038; text-decoration: none;}
a:visited {color: #b10038; text-decoration: none;}
a:hover {color: #b10038; text-decoration: underline;}
img {border: 0px;}
p {color: #000000;}
body {text-align: center; background-color: #fff9f4;}

/*all-------------------------------------------------------------------------------------*/
#all {						/*全体を縛るdiv---------------------------*/
	width: 850px;
	text-align: center;
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	border: solid 1px #aaaaaa;
	margin-top: 10px;
	margin-bottom: 10px;
	}

/*header----------------------------------------------------------------------------------*/
#header {					/*ヘッダーのスタイル----------------------*/
	width: 850px;
	padding: 0px 0px;
	height: 75px;	
	background-image: url(indeximg/ami_header.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: bottom;
	}

#header table {					/*ヘッダーを構成しているtable-------------*/
	width: 830px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 7px;
	}

#header table th {				/*ヘッダーの左側--------------------------*/
	text-align: left;
	}

#header table th p strong {			/*ロゴの上の文字--------------------------*/
	text-align: left;
	color: #444444;
	font-size: 11pt;
	}

#header table th img {				/*ロゴ------------------------------------*/
	margin-top: 3px;
	}

#header table td {				/*ヘッダーの右側--------------------------*/
	text-align: right;
	color: #000000;
	line-height: 150%;
	}

#header table td a{				/*ヘッダーの右側の文字--------------------*/
	color: #a0522d;
	}

/*footer----------------------------------------------------------------------------------*/
#footer {					/*フッターのスタイル----------------------*/
	clear: both;
	background-image: url(indeximg/ami_footer.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top;
	height: 35px;

	}
#footer p{						/*コピーライト--------------------*/
	padding: 8px 0px 0px 0px;
	color: #444444;
	font-size: 90%;
	}

/*ここからトップページ用のcss-------------------------------------------------------------
------------------------------------------------------------------------------------------*/
#header table th h1 {				/*headerの文章のスタイル------------------*/
	text-align: left;
	color: #444444;
	font-size: 11pt;
	}


/*top-------------------------------------------------------------------------------------*/
#top {						/*#flashと#newsを囲っているdiv------------*/
	width:850px;
	height:250px;
}
#top02{
width:600px;
text-align:left;
}
#top02 p{
padding:10px;
font-size:120%
}

/*flash-----------------------------------------------------------------------------------*/
#flash {					/*大きな画像のdiv-------------------------*/
	float:left;
	width:600px;
}



/*news------------------------------------------------------------------------------------*/
#news {						/*お知らせフォームのdiv-------------------*/
	float:right;
	width:250px;
}

#news textarea {				/*お知らせフォームのスタイル--------------*/
	border:1;width:220px;height:220px;
	font-size:9pt;font-family:tahoma;
	border:solid 1px #ffc68e ;	 	/*フォームの枠の太さと色------------------*/
	scrollbar-face-color:#ffc68e ;	 	/*スクロールバー本体の色------------------*/
	scrollbar-highlight-color: #ffe8c9;	/*スクロールバー左側（上）の影------------*/
	scrollbar-shadow-color: #ffe8c9; 	/*スクロールバー右側（上）の影------------*/
	scrollbar-3dlight-color:  #ffe8c9;	/*スクロールバーの左側（下）の影----------*/
	scrollbar-arrow-color: #ffffff; 	/*矢印の色--------------------------------*/
	scrollbar-track-color: #eeeeee; 	/*背面の色--------------------------------*/
	scrollbar-darkshadow-color: #cccccc; 	/*スクロールバー右側（下）の影------------*/
	background-color: white; 		/*テキストボックス内部の色----------------*/
	color: #777777;				/*テキストの文字色------------------------*/
	line-height:220%;			/*テキストの行間--------------------------*/
	padding: 0px 5px 0px 10px;		/*フォーム内の余白------------------------*/
}

/*contents--------------------------------------------------------------------------------*/
#contents {					/*メニューボタンを囲むdiv-----------------*/
	width:850px;
	margin-bottom:12px;
}

#contents table {				/*各メニューボタンを入れているtable-------*/
	width:840px;
	border:none;
}

#contents td {					/*各メニューボタンの幅指定----------------*/
	width:210px;
}

.setumei h2{					/*各メニューボタンの説明のコメント--------*/
	text-align:center;
	font-size:11pt;
	padding:1px 3px;
	font-weight: normal;
}





/*下層ページの共通のCSS-------------------------------------------------------------------*/
/*mein------------------------------------------------------------------------------------*/
#mein{					/*ヘッダーとフッター以外を囲むdiv-----------------*/
	clear: both;
	width: 850px;
	background-image: url(indeximg/ami_mein.jpg);
	}

/*mein(container)-------------------------------------------------------------------------*/
#container {					/*メニューの右側を囲むdiv-----------------*/
	float: right;
	width: 650px;
	text-align: center;
	line-height: 170%;
	background-color: #ffffff;
	}

/*mein(container)(container1)-------------------------------------------------------------*/
#container1 {					/*パンくずとページの説明を囲むdiv---------*/
	width: 610px;
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
	text-align: left;
	}

#container1 p{					/*業務内容のリストのスタイル--------------*/
	clear: both;
	text-align: left;
	}

#pankuzu{					/*パンくずのスタイル----------------------*/
	font-size: 80%;
	color: #777777;
	}

#pankuzu a{
	color: #ffa500;
	}

#pankuzu a:hover{
	color: #ffa500;
	}

#title{						/*ページの見出し--------------------------*/
	float: left;
	}

#title h1 {
	font-size: 18px;
	margin-right: 20px;
	}

#setumei{					/*ページの説明----------------------------*/
	float: left;
	}

#setumei h2 {
	font-size: 80%;
	font-weight: normal;
	line-height: 120%;
	}

/*mein(container)(container2)-------------------------------------------------------------*/
#container2 {					/*ページごとの内容が入るdiv---------------*/
	width: 610px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	clear: both;
	text-align: left;
	border-top: dotted 1px #888888;
	padding: 10px 0px 0px 0px;
	}

#container2 dl dd{				/*文頭揃え用------------------------------*/
	padding-left: 1em;
	}

.syasin{					/*写真用----------------------------------*/
	float: right;
	border: 8px solid #E1E1E1;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	}

.iro{						/*文字色変更用----------------------------*/
	color: #229922;
	}

.iro1{						/*文字色変更用----------------------------*/
	color: #dd5520;
	}

.obi {						/*見出しの帯用----------------------------*/
	display: block;
	background-color: #fff382;
	padding: 0px 8px 0px 8px;
	font-size: 110%;
	clear: both;
	}

.backimage1{					/*バックに入れる画像----------------------*/
	background-image: url(sideimg/cul_02.jpg);
	background-repeat: no-repeat;
	background-color: white;
	background-position: right bottom;
	}

.backimage2{					/*バックに入れる画像----------------------*/
	background-image: url(sideimg/cul_03.jpg);
	background-repeat: no-repeat;
	background-color: white;
	background-position: right bottom;
	}

.backimage3{					/*バックに入れる画像----------------------*/
	background-image: url(sideimg/results_01.jpg);
	background-repeat: no-repeat;
	background-color: white;
	background-position: right bottom;
	}

.migi1{						/*右寄せ用--------------------------------*/
	text-align: right;
	}

.migi2{						/*右寄せ用--------------------------------*/
	float: right;
	}

.naka{						/*センター揃え用--------------------------*/
	text-align: center;
	}

.yohaku1{					/*左の余白用------------------------------*/
	margin-left: 4em;
	}

.yohaku2{					/*左の余白用------------------------------*/
	margin-left: 2em;
	}

/*mein(container)(container3)-------------------------------------------------------------*/
#container3{					/*ページのトップに戻る、トップに戻る------*/
	width: 610px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
	}

/*mein(menu)------------------------------------------------------------------------------*/
#menu{						/*メニューを囲むdiv-----------------------*/
	width: 180px;
	float: right;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 3px;
	}

#menu p {					/*メニューの文字--------------------------*/
	font-size: 100%;
	margin-top: 5px;
	width: 180px;
	background-color: #ffffff;
	display: block;
	}

#menu p a{
	display: block;
	padding: 15px 10px 3px 10px;
	width: 160px;
	color: #555555;
	font-weight: bold;
	}

#menu p a:link, #menu p a:visited{
	display: block;
	}

#menu p a:hover{
	font-size: 110%;
	color: #ff3000;
	}

#sentaku a:link, #sentaku a:visited{		/*選択ページのメニュー--------------------*/
	background-color: #ffffff;
	text-align: right;
	color: #ff3000;
	font-style: ablique;
	}

/*opera-------------------------------------------------------*/
.opera {					/*ブラウザ対応用のdiv-------------------- */
	clear: both;
	}





/*ここからサイトマップ用のcss-------------------------------------------------------------
------------------------------------------------------------------------------------------*/
#sitemap {					/*サイトマップのバックの白色のdiv---------*/
	width: 810px;
	background-color: #ffffff;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	}

#sitemap1 {					/*サイトマップの内容を入れるdiv-----------*/
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px 0px;
	line-height: 170%;
	}

#sitemap1 table{				/*サイトマップの内容を入れるtable---------*/
	clear: both;
	margin-left: 10px;
	margin-top: 10px;
	text-align: left;
	}

#sitemap1 table tr th, #sitemap1 table tr td,{
	padding: 5px 3px;
	vertical-align: top;
	}

#tensen{					/*サイトの説明の下の点線------------------*/
	border-top: dotted 1px #888888;
	clear: both;
	margin-top: 10px;
	font-size:90%;
	}




/*ここからメール用のCSS-------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
#container table {				/*テーブル位置----------------------------*/
	text-align: center;
	}

#mail1 {					/*メールフォームを囲むdiv-----------------*/
	width: 580px;
	margin-top:10 px;
	height: 350px;
	clear: both;
	}

#mail1 table{					/*メールフォームのtable-------------------*/
	width: 550px;
	boder: 0;
	text-align: left;
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px
	}

#mail1 p{					/*メールフォームの項目---------------------*/
	text-align: left;
	font-size: 90%;
	}

#mail2{						/*ワイズプラスカンパニーの情報-------------*/
	margin-top: 20px;
	text-align: center;
	}

.hissu {					/*(必須)のカラー---------------------------*/
	color: red;
	}

.tadasi {					/*但し書きのスタイル-----------------------*/
	text-align: center;
	font-size: 80%;
	color: red;
	}

#thanks {					/*サンキュー画面のスタイル-----------------*/
	margin-top:120px;
	width: 610px;
	height: 280px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
	}


/*ここからレシピ一覧のcss-----------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.reci1{						/*レシピ一覧の左側を囲むdiv---------------*/
	width: 300px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.reci2{						/*レシピ一覧の右側を囲むdiv---------------*/
	width: 300px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.reci{						/*1つ1つのレシピ情報を囲むdiv-------------*/
	width: 298px;
	margin-bottom: 10px;
	border: 1px solid #bbbbbb;
	float: right;
	}

.reci img{					/*レシピのサムネイル画像------------------*/
	float: right;
	}

.reci p{					/*レシピの料理名--------------------------*/
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-right: 10px;
	}

.reci p a{
	display: block;
	width: 278px;
	}




/*ここからレシピ(作り方)のcss-------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.recipe{					/*レシピ詳細用のdiv-----------------------*/
	width: 610px;
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin-bottom: 20px;
	}

.recipenext{					/*前のレシピへ、次のレシピへ用------------*/
	text-align: right;
	font-size: 80%;
	}

.recipe table{					/*レシピの内容が入るtable-----------------*/
	width: 610px;
	text-align: left;
	line-height: 100%;
	}

.recipe table tr td{
	vertical-align: top;
	text-align: left;
	line-height: 160%;
	}

.recipe dl{					/*材料用----------------------------------*/
	clear: both;
	}

.recipe dt{					/*材料名用--------------------------------*/
	float: left;
	color: #d20418;
	}

.recipe dd{					/*分量用----------------------------------*/
	color: #681514;
	}

.recipe ol, .recipe ul{				/*作り方用--------------------------------*/
	margin-left: 30px;
	}

.recipe img{					/*料理画像用------------------------------*/
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
	}

.mame1{						/*豆知識(mame-1.html)のバックイメージ用---*/
	background-image: url(recipe/img/mame_01.jpg);
	background-repeat: no-repeat;
	background-color: white;
	background-position: right bottom;
	}

.mame2{						/*豆知識(mame-2.html)のバックイメージ用---*/
	background-image: url(recipe/img/mame_02.jpg);
	background-repeat: no-repeat;
	background-color: white;
	background-position: right bottom;
	}
.mame3{						/*豆知識(mame-3.html)のバックイメージ用---*/
	background-repeat: no-repeat;
	background-color: white;
	background-position: right bottom;
	}