@charset "utf-8";

/* -----------------------------
  common
----------------------------- */

.page_top {
	text-align:center;
}

.col01{
	color:#663333;
	font-weight:bold;
}

.col02{
	color:#ff6600;
	font-weight:bold;
}

#banner {
	text-align:center;
}

/* -----------------------------
  kousaku07
----------------------------- */

#kousaku0701,
#kousaku0702 {
	width:680px;
	margin:0 0 10px 10px;
	background-image: url(../images/kousaku_bgm.gif);
	background-repeat: repeat-y;
}

#kousaku_body {
	background-image: url(../images/kousaku_bgh.gif);
	background-repeat: no-repeat;
	padding:0 20px;
}

/*-- #kousaku_title --*/

#kousaku_title {
	position: relative;
}
#kousaku_title h1 {
	width:640px;
	padding:27px 0 10px 0px;
}
#kousaku_title h1 img{
	margin-left:20px;
}
#kousaku_title .kousaku_txt {
	text-align:center;
}

#kousaku_title .kousaku_title_btn {
	position: absolute;
	left: 450px;
	top: 34px;
}

/*-- #ingredi --*/

#ingredi,
#howto {
	width:600px;
	margin:0 0 0 20px;
	padding:0 0 20px 0;
}

#ingredi_txt {
	width:290px;
	float:left;
}
#ingredi_ph {
	width:290px;
	float:right;
}

#ingredi_txt ul {
	margin:0 0 20px 0;
	font-size:116%;
}
#ingredi_txt li {
	padding:0 0 0 0.5em;
	text-indent:-0.5em;
}
#ingredi_txt p {
	padding:0 0 0 1em;
	text-indent:-1em;
	color:#CC0000;
}


/*-- #howto --*/

#howto_title{
	margin:0 0 10px 0;
}

#howto_title h2,
#howto_title p{
	float:left;
	margin:0 10px 0 0;
	background-color:#666666;
}

#howto h3 {
	margin:0 0 10px 0;
}

.howto_txt {
	width:260px;
	font-size:116%;
	float:left;
}

.howto_ph {
	width:290px;
	text-align:center;
	float:right;
}

.number01,
.number02,
.number03 {
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.number_end {
	background-image:none;
}

.number01 .howto_txt,
.number02 .howto_txt,
.number03 .howto_txt {
	padding: 0 0 0 30px;
	background-repeat: no-repeat;
	background-position: left top;
}

.number01 .howto_txt {
	background-image: url(../images/number01.gif);
}

.number02 .howto_txt {
	background-image: url(../images/number02.gif);
}

.number03 .howto_txt {
	background-image: url(../images/number03.gif);
}


/* -----------------------------
  kousaku0701
----------------------------- */
#kousaku0701 #howto03 .number03 {
	position:relative;
}
#kousaku0701 #howto03 .number03 .howto_ph {
	position:absolute;
	top: -180px;
	left: 310px;
}
#kousaku0701 #howto03 .number03 .howto_txt{
	padding-bottom:10px;
}

/* -----------------------------
  kousaku0702
----------------------------- */
.howto_subph01,
.howto_subph02 {
	width:140px;
	text-align:left;
}

.howto_subph01 {
	float:left;
}
.howto_subph02 {
	float:right;
}

#kousaku0702 #howto02 .number02 .howto_txt{
	width:570px;
	float:none;
	padding-bottom:10px;
}
#kousaku0702 #howto02 .number02 .howto_ph{
	width:570px;
	margin-left:30px;
}

#kousaku0702 #howto02 .number02 .howto_subph01,
#kousaku0702 #howto02 .number02 .howto_subph02{
	width:280px;
}

#kousaku0702 #howto03 .number03 {
	position:relative;
}

#kousaku0702 #howto03 .number03 .howto_ph {
	position:absolute;
	top: -290px;
	left: 310px;
}
#kousaku0702 #howto03 .number03 .howto_txt{
	padding-bottom:50px;
}
div.bn p {
	font-size:12px ;
	margin-top:10px;
	text-align:center;
}

div.bn p.su{width:330px; margin:10px auto 0px;}
div.bn p.su a{
	font-size:12px ;
	background:url(../images/im_su.jpg) no-repeat;
	width:330px;
	height:85px;
	display:block;
	text-indent: -9000px;}

div.bn p.su a:hover{background:url(../images/im_su_on.jpg) no-repeat;}