@charset "utf-8";

/* universal reset
--------------------*/
*{
	margin: 0;
	padding: 0;
}

/* body and base setting
--------------------*/

body {
	font-size: 13px; 
	line-height: 1.385;
	font-weight: normal;
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	*font-size:small;
	*font:x-small;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.385;/* base line height */
	text-align: left;
	display: block;
	margin: 0px;
	font-size:small;
}

table {margin : 0;empty-cells: show; font-size:small;}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
li { list-style: none; }/* link do not want a dot */

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

/* clearfix
-------------------------------------*/
.clearfix:after{/*for modern browser*/
	content: "";
	display: block;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
===== GLOBAL =====================================
*/
body{
	padding-top: 35px;
	text-align: center;/* box centering */
	background: url('../images/130104/body_bg.gif') repeat-x 0 0;
}
a{
	color: #fff;
	text-decoration: none;
	outline: 0;
}
a:hover{ color: #f90; }

.opq a:hover{
	filter:alpha(opacity=70);
	opacity: 0.7;
}
.opqi a:hover img{
	filter:alpha(opacity=70);
	opacity: 0.7;
}
/*
===== HEADER =====================================
*/
#header{
	margin: auto;
	width: 760px;
}
h1 {
	width: 760px;
	height: 222px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/130104/head_title.gif');
}
/*
===== TAB =====================================
*/
ul#tab{
	width: 779px;
	height: 45px;
	margin: 20px auto 0;
}
ul#tab li{
	float: left;
	width: 260px;
	height: 45px;
}
ul#tab li.persist{width: 259px;}
ul#tab li a{
	display: block;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/130104/tab.gif') no-repeat 0 0;
}
ul#tab li.secret  a{ background-position:    0    0; }
ul#tab li.persist a{ background-position: -260px; 0; }
ul#tab li.recipe  a{ background-position: -519px; 0; }
/*
===== CONTAINER =====================================
*/
#container{
	width: 100%;
	padding: 20px 0 30px;
}
body.secret #container { background-color: #ee86b4; }
body.persist #container{ background-color: #88bd43; }
body.recipe #container { background-color: #20a3dd; }
#main{
	width: 950px;
	margin: auto;
}
/*
===== FOOTER =====================================
*/
#footer{
	margin: auto;
	width: 950px;
}
#footer a{
	float: right;
	display: block;
	margin-top: 8px;
	padding-left: 16px;
	background: url('../images/130104/arw_top.gif') no-repeat 0 50%;
}
#footer a:hover{
	background-position: -300px 50%;
}
/*
===== PERSIST =====================================
*/
body.persist #main{
	width: 910px;
	padding: 20px 20px 30px;
	background: #fff;
	position: relative;
	border-radius: 10px;
	behavior: url('../images/130104/PIE.htc');
}
body.persist h2{
	width: 910px;
	height: 61px;
	margin: 0 auto 14px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/130104/per_h2.gif') no-repeat 0 0;
}
body.persist .lead{
	width: 910px;
	height: 308px;
	margin: 0 auto 12px;
	background: url('../images/130104/per_pht.jpg') no-repeat 0 0;
}
body.persist .lead img{
	margin: 30px 0 0 450px;;
}
body.persist .h3clm{
	margin-bottom: 30px;
	padding: 30px;
	border: #88bd43 2px solid;
	text-align: center;
	position: relative;
	border-radius: 10px;
	behavior: url('PIE.htc');
}
body.persist .h3clm h3{
	margin: 0 auto 36px;
	padding-bottom: 5px;
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: #88bd43 2px solid;
}
body.persist .h3clm img{
	margin-bottom: 19px;
}
body.persist .clm1 h3{
	width: 536px;
	height: 36px;
	background: url('../images/130104/per_h3_1.gif') no-repeat 0 0;
}
body.persist .clm2 h3{
	width: 810px;
	height: 36px;
	background: url('../images/130104/per_h3_2.gif') no-repeat 0 0;
}
body.persist .clm2{ margin-bottom: 0; }
/*
===== SECRET =====================================
*/
body.secret #main ul{ margin-bottom: -20px; }
body.secret #main ul li{
	margin-bottom: 20px;
	padding: 14px 20px 20px;
	background: #fff;
	position: relative;
	border-radius: 10px;
	behavior: url('PIE.htc');
}
#footer p{
	margin-left:1.5em;
	padding-top: 8px;
	font-size: 108%;
	color: #fff;
	line-height: 1.5;
	text-indent: -1em;
}
/*
===== RECIPE =====================================
*/
body.recipe .link h2{
	float: left;
	width: 200px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	background: #fff url('../images/130104/rec_h2.gif') no-repeat 50% 50%;
	position: relative;
	border-radius: 10px;
	behavior: url('PIE.htc');
}
body.recipe .menu{
	float: right;
	width: 724px;
	padding-top: 0.5em;
	overflow: hidden;
}
body.recipe .menu ul{
	margin-left: -25px;
}
body.recipe .menu ul li{
	float: left;
	margin: 0 0 0.5em 12px;
	padding-left: 12px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
	border-left: 1px solid #fff;
}
ul.reclist li{
	margin-top: 24px;
	padding: 10px;
	background: #fff url('../images/130104/rec_1_pht.jpg') no-repeat left bottom;
	position: relative;
	border-radius: 10px;
	behavior: url('PIE.htc');
}
li#recipe1{ background-image: url('../images/130104/rec_1_pht.jpg'); }
li#recipe2{ background-image: url('../images/130104/rec_2_pht.jpg'); }
li#recipe3{ background-image: url('../images/130104/rec_3_pht.jpg'); }
li#recipe4{ background-image: url('../images/130104/rec_4_pht.jpg'); }
li#recipe5{ background-image: url('../images/130104/rec_5_pht.jpg'); }
li#recipe6{ background-image: url('../images/130104/rec_6_pht.jpg'); }
ul.reclist li h3{
	width: 930px;
	height: 46px;
	margin-bottom: 12px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/130104/rec_1_h3.gif') no-repeat 0 0;
}
li#recipe1 h3{ background-image: url('../images/130104/rec_1_h3.gif'); }
li#recipe2 h3{ background-image: url('../images/130104/rec_2_h3.gif'); }
li#recipe3 h3{ background-image: url('../images/130104/rec_3_h3.gif'); }
li#recipe4 h3{ background-image: url('../images/130104/rec_4_h3.gif'); }
li#recipe5 h3{ background-image: url('../images/130104/rec_5_h3.gif'); }
li#recipe6 h3{ background-image: url('../images/130104/rec_6_h3.gif'); }
ul.reclist li p{ margin-left: 385px; }
li#recipe1 p{ margin-bottom: 10px; }
li#recipe2 p{ margin-bottom:  3px; }
li#recipe3 p{ margin-bottom:  5px; }
li#recipe4 p{ margin-bottom: 20px; }
li#recipe5 p{ margin-bottom:  2px; }
li#recipe6 p{ margin-bottom: 80px; }