@charset "UTF-8";


/*-------------------------------
■タグへのスタイル
--------------------------------*/

body {
	margin:0px;
	font-size:80%;
	text-align:center;
	color:#222222;
	font-family: "ＭＳ Ｐ ゴシック",Arial;
}

form,p,h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
}

p {
	line-height:160%;
	word-wrap:break-word;
}

div {
	text-align:left;
}

img {
	border:0px;
}

.clear {
	clear:both;
}



/*-------------------------------
■基本レイアウト
--------------------------------*/

#pagesize {
	width:640px;
	margin:0px auto;
}

#header {
	height:75px;
	background-repeat:no-repeat;
	background-image:url(../../img/header_bg.jpg);
}

#header h1 {
	float:left;
	margin:10px 5px 5px 10px;
	width:282px;
	height:52px;
	text-indent:-9999px;
	font-size:1%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(../../img/logo_recipe.gif);
}

#header img {
	float:right;
	margin:5px 10px 10px 10px;
	vertical-align:middle;
}

#wrap {
	margin:0px 0px 20px 0px;
}

#left_menu {
	width:170px;
	margin-right:10px;
	float:left;
}

#main {
	width:460px;
	margin-top:10px;
	float:right;
}

.img_right {
	float:right;
	margin:10px;
}

.img_left {
	float:left;
	margin:0px 10px 10px 10px;
}


/*-------------------------------
■左メニュー
--------------------------------*/

#left_menu h3 {
	width:170px;
	height:20px;
	margin:0px;
	text-indent:-9999px;
	font-size:1%;
}



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

#left_menu li {
	margin:0px;
	padding:0px;
	list-style:none;
	text-indent:-9999px;
	font-size:1%;
}

#left_menu a {
	display:block;
	margin:0px 0px -3px 0px;
	padding:0px;
	width:170px;
	height:29px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	overflow:hidden;
}

#left_menu h3#taku {background-image:url(../../img/lm_taku.gif);}
#left_menu h3#yuderu {background-image:url(../../img/lm_yuderu.gif);}
#left_menu h3#niru {background-image:url(../../img/lm_niru.gif);}
#left_menu h3#musu {background-image:url(../../img/lm_musu.gif);}
#left_menu h3#yaku {background-image:url(../../img/lm_yaku.gif);}
#left_menu h3#itameru {background-image:url(../../img/lm_itameru.gif);}
#left_menu h3#ageru {background-image:url(../../img/lm_ageru.gif);}
#left_menu h3#tenpi {background-image:url(../../img/lm_tenpi.gif);}

#left_menu a#lm01 {
	background-image:url(../../img/lm01.gif);
}

#left_menu a#lm02 {
	background-image:url(../../img/lm02.gif);
}

#left_menu a#lm03 {
	background-image:url(../../img/lm03.gif);
	height:30px;
}
#left_menu a#lm04 {
	background-image:url(../../img/lm04.gif);
}

#left_menu a#lm05 {
	background-image:url(../../img/lm05.gif);
}

#left_menu a#lm06 {
	background-image:url(../../img/lm06.gif);
	height:30px;
}
#left_menu a#lm07 {
	background-image:url(../../img/lm07.gif);
}

#left_menu a#lm08 {
	background-image:url(../../img/lm08.gif);
	height:30px;
}

#left_menu a#lm09 {
	background-image:url(../../img/lm09.gif);
}

#left_menu a#lm10 {
	background-image:url(../../img/lm10.gif);
	height:30px;
}
#left_menu a#lm11 {
	background-image:url(../../img/lm11.gif);
	height:30px;
}
#left_menu a#lm12 {
	background-image:url(../../img/lm12.gif);
	height:30px;
}

#left_menu a#lm13 {
	background-image:url(../../img/lm13.gif);
	height:30px;
}

#left_menu a#lm14 {
	background-image:url(../../img/lm14.gif);
}

#left_menu a#lm15 {
	background-image:url(../../img/lm15.gif);
	height:30px;
}

#main h2 {
	height:56px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
}

#main h2#rice {background-image:url(../../img/h_rice.gif);}
#main h2#omelet {background-image:url(../../img/h_omelet.gif);}
#main h2#spinach {background-image:url(../../img/h_spinach.gif);}
#main h2#broccoli {background-image:url(../../img/h_broccoli.gif);}
#main h2#strice {background-image:url(../../img/h_strice.gif);}
#main h2#taro {background-image:url(../../img/h_taro.gif);}
#main h2#bpotato {background-image:url(../../img/h_bpotato.gif);}
#main h2#vege {background-image:url(../../img/h_vege.gif);}
#main h2#friedc {background-image:url(../../img/h_friedc.gif);}
#main h2#chees {background-image:url(../../img/h_chees.gif);}
#main h2#clam {background-image:url(../../img/h_clam.gif);}
#main h2#iridori {background-image:url(../../img/h_iridori.gif);}
#main h2#ume {background-image:url(../../img/h_ume.gif);}
#main h2#sweet {background-image:url(../../img/h_sweet.gif);}
#main h2#yakiimo {background-image:url(../../img/h_yakiimo.gif);}



#flow {
	margin-top:40px;
}


#flow ol {
	margin:0px 0px 0px 0px;
	padding:0px;
}

#flow li {
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 20px;
	border-bottom:#C2C2C2 1px dashed;
	background-repeat:no-repeat;
	background-position:top left;
	line-height:160%;
	word-wrap:break-word;
}

#flow img {
	float:left;
	margin:0px 10px 10px 0px;
}

#flow li#flow1 {background-image:url(../../img/n01.gif);}
#flow li#flow2 {background-image:url(../../img/n02.gif);}
#flow li#flow3 {background-image:url(../../img/n03.gif);}
#flow li#flow4 {background-image:url(../../img/n04.gif);}
#flow li#flow5 {background-image:url(../../img/n05.gif);}
#flow li#flow6 {background-image:url(../../img/n06.gif);}
#flow li#flow7 {background-image:url(../../img/n07.gif);}
#flow li#flow8 {background-image:url(../../img/n08.gif);}
#flow li#flow9 {background-image:url(../../img/n09.gif);}



#footer_group {
	color:#666666;
	text-align:right;
	padding-top:20px;
}

#footer_group img {
	vertical-align:middle;
}


#footer {
	color:#666666;
	font-size:85%;
	text-align:center;
	border-top:#C2C2C2 1px dashed;
	padding-top:5px;
	margin:5px 0px 10px 0px;
}

#zairyou_photo {
	float:right;
	width:280px;
}

#zairyou_box {
	width:170px;
	float:left;
	margin-right:10px;
	border:#666666 1px dashed;
	padding:10px;
}

#zairyou_box table {
	padding:0px;
	margin:0px;
	width:100%;
	border:0px;
}

#zairyou_box td {
	padding:2px;
	text-align:right;
	font-size:12px;
	border-bottom:#EEEEEE 1px solid;
}

#zairyou_box th {
	padding:2px;
	text-align:left;
	font-size:12px;
	border-bottom:#EEEEEE 1px solid;
}

.num {
	padding:0px;
	margin:0px;
	float:right;
}

.item {
	padding:0px;
	margin:0px;
	float:left;
}


/*-------------------------------
■トップコンテンツメニュー
--------------------------------*/

#main h1#mainv_top {
	width:570px;
	height:310px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/mainv_top.jpg);
}

#ct_menu {
	width:680px;
	margin:20px 0px 0px 15px;
}

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

#ct_menu li {
	margin:0px 7px 10px 7px;
	padding:0px;
	list-style:none;
	float:left;
}



#ct_menu a#ctm01 {
	display:block;
	width:210px;
	height:175px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	overflow:hidden;
	background-image:url(../../img/ctm01.gif);
}

#ct_menu a#ctm02 {
	display:block;
	width:210px;
	height:175px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	overflow:hidden;
	background-image:url(../../img/ctm02.gif);
}

#ct_menu a#ctm03 {
	display:block;
	width:210px;
	height:175px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	overflow:hidden;
	background-image:url(../../img/ctm03.gif);
}

#ct_menu a#ctm04 {
	display:block;
	width:210px;
	height:175px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	overflow:hidden;
	background-image:url(../../img/ctm04.gif);
}

#ct_menu a#ctm05 {
	display:block;
	width:210px;
	height:175px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	overflow:hidden;
	background-image:url(../../img/ctm05.gif);
}


/*-------------------------------
■01スタイル
--------------------------------*/

/*--メインビジュアル--*/
#ct01 h1 {
	width:570px;
	height:165px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/mainv_01.jpg);
}

/*--ヘッダー--*/
#ct01 h2 {
	width:469px;
	height:24px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h01a.gif);
}


/*-------------------------------
■02スタイル
--------------------------------*/

/*--メインビジュアル--*/
#ct02 h1 {
	width:570px;
	height:165px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/mainv_02.jpg);
}

/*--ヘッダー--*/
#ct02 h2 {
	width:369px;
	height:51px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h02a.gif);
}

#ct02 h3#h02b {
	width:570px;
	height:16px;
	margin:20px 0px 10px 0px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h02b.gif);
}

#ct02 h3#h02c {
	width:570px;
	height:16px;
	margin:20px 0px 10px 0px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h02c.gif);
}

#ct02 h4 {
	width:570px;
	height:14px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h02d.gif);
}


/*-------------------------------
■03スタイル
--------------------------------*/

/*--メインビジュアル--*/
#ct03 h1 {
	width:570px;
	height:165px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/mainv_03.jpg);
}

/*--ヘッダー--*/
#ct03 h2 {
	width:435px;
	height:24px;
	margin-bottom:20px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h03a.gif);
}

#ct03 h3#h03b {
	width:570px;
	height:16px;
	margin:20px 0px 10px 0px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h03b.gif);
}

#ct03 h3#h03c {
	width:570px;
	height:16px;
	margin:20px 0px 10px 0px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h03c.gif);
}

#ricehow {
	width:380px;
	font-size:75%;
	border:#666666 1px solid;
}

#ricehow h4 {
	width:204px;
	height:11px;
	margin:10px 0px 0px 10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h03d.gif);
}

#ricehow p {
	margin:5px 10px 10px 10px;
}


/*-------------------------------
■04スタイル
--------------------------------*/

/*--メインビジュアル--*/
#ct04 h1 {
	width:570px;
	height:165px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/mainv_04.jpg);
}

/*--ヘッダー--*/
#ct04 h2 {
	width:435px;
	height:24px;
	margin-bottom:20px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h04a.gif);
}

.type8 {
	border-top:#7F7F7F 2px solid;
	padding-top:5px;
}

.type8_left {
	width;147px;
	float:left;
	margin-right:10px;
}

.type8 p {
	font-size:90%;
	line-height:150%;
}


.type8_right {
	width:413px;
	float:right;
}

#ct04 h4 {
	height:24px;
	margin-top:5px;
	padding:10px 0px 0px 20px;
	color:#720000;
	font-weight:bold;
	font-size:100%;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../../img/point.gif);
}

#ct04 h3 {
	height:46px;
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:1%;
	background-position:left bottom;
	background-repeat:no-repeat;
}

#ct04 h3#h04b {
	background-image:url(../../img/h04b.gif);
}

#ct04 h3#h04c {
	background-image:url(../../img/h04c.gif);
}

#ct04 h3#h04d {
	background-image:url(../../img/h04d.gif);
}

#ct04 h3#h04e {
	background-image:url(../../img/h04e.gif);
}

#ct04 h3#h04f {
	background-image:url(../../img/h04f.gif);
}

#ct04 h3#h04g {
	background-image:url(../../img/h04g.gif);
}

#ct04 h3#h04h {
	background-image:url(../../img/h04h.gif);
}

#ct04 h3#h04i {
	background-image:url(../../img/h04i.gif);
}


/*--レシピリンク--*/
.recipe04 {
	margin:10px 0px 0px 0px;
}

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

.recipe04 li {
	margin:0px 10px 0px 0px;
	padding:0px;
	float:left;
	list-style:none;
}

.recipe04 a {
	width:180px;
	height:25px;
	display:block;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	overflow:hidden;
}

.recipe04 a.spinach {
	background-image:url(../../img/recipe-spinach.gif);
}

.recipe04 a.broccoli {
	background-image:url(../../img/recipe-broccoli.gif);
}

.recipe04 a.rice {
	background-image:url(../../img/recipe-rice.gif);
}

.recipe04 a.steamed-rice {
	background-image:url(../../img/recipe-steamed-rice.gif);
}

.recipe04 a.taro {
	background-image:url(../../img/recipe-taro.gif);
}

.recipe04 a.beef-potato {
	background-image:url(../../img/recipe-beef-potato.gif);
}

.recipe04 a.vegetables {
	background-image:url(../../img/recipe-vegetables.gif);
}

.recipe04 a.yakiimo {
	background-image:url(../../img/recipe-yakiimo.gif);
}

.recipe04 a.omelet {
	background-image:url(../../img/recipe-omelet.gif);
}

.recipe04 a.fried-chicken {
	background-image:url(../../img/recipe-fried-chicken.gif);
}

.recipe04 a.cheesecake {
	background-image:url(../../img/recipe-cheesecake.gif);
}



/*-------------------------------
■05スタイル
--------------------------------*/

/*--メインビジュアル--*/
#ct05 h1 {
	width:570px;
	height:165px;
	margin-bottom:10px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/mainv_05.jpg);
}

/*--ヘッダー--*/
#ct05 h2 {
	width:388px;
	height:24px;
	margin-bottom:20px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h05a.gif);
}

#ct05 h3 {
	height:16px;
	margin:20px 0px 20px 0px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h05b.gif);
}

#ct05 img#flow {
	margin-left:25px;
}


/*-------------------------------
■06スタイル
--------------------------------*/

/*--ヘッダー--*/
#ct06 h1 {
	width:384px;
	height:24px;
	margin-bottom:20px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h06a.gif);
}

/*-------------------------------
■07スタイル
--------------------------------*/

/*--ヘッダー--*/
#ct07 h1 {
	width:178px;
	height:23px;
	margin-bottom:20px;
	text-indent:-9999px;
	font-size:1%;
	background-repeat:no-repeat;
	background-image:url(../../img/h07a.gif);
}


.atbox {
	border:#C2C2C2 1px solid;
	font-size:90%;
	margin-top:20px;
}

.atbox li {
	margin:0px 0px 5px 0px;
	padding:0px;
}

.atbox ol {
	margin-bottom:10px;
}

.atbox p {
	margin:5px 15px 5px 15px;
}

#ct07 h2 {
	background-color:#C2C2C2;
	color:#FFFFFF;
	font-size:120%;
	padding:3px;
}

.pagetop {
	font-size:90%;
	text-align:right;
	margin-top:10px;
}

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

#atshort li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 20px;
	list-style:none;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:left 30%;
	border-bottom:#C2C2C2 1px dashed;
	background-image:url(../../img/at_icon.gif);
}