/*------------------------------------------------------------
Base
------------------------------------------------------------*/
html, body {
margin:0;
padding:0;
height:100%;
}
body {
font-size:12px; 
line-height:18px;
color:#333333;
font-family:Verdana,Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック', sans-serif;
background:#f7e9cc url("../img/bg.gif") top left repeat-x;
}

/*------------------------------------------------------------
Link
------------------------------------------------------------*/
a:link,
a:visited {color:#0080b9; text-decoration:none;}
a:hover,
a:active {color:#0080b9; text-decoration:underline;}

/*------------------------------------------------------------
Decoration
------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin:0; 
padding:0; 
font-weight:normal;
font-size:12px; 
line-height:18px;
}
ul {
display:block;
margin:0; 
padding:0; 
list-style-type:none;
}
ul li {
display:block;
}
dl, dt, dd, ol,form, fieldset {
margin:0; 
padding:0;
}
img {
border:0;
}
strong {
font-weight:bold;
}
table {
border-collapse:collapse;
border-spacing:0; 
}

.clear {
clear:both;
height:1px;
line-height:1px;
}
.push {
clear:both;
height:56px;
}

/*------------------------------------------------------------
Font size vaiation
------------------------------------------------------------*/
.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}

/*------------------------------------------------------------
Position
------------------------------------------------------------*/
.txt-r {text-align:right;}
.txt-l {text-align:left;}
.txt-c {text-align:center;}

/*------------------------------------------------------------
Layout
------------------------------------------------------------*/
#container {
width:900px;
margin:0 auto -56px auto;
min-height:100%;
height:auto !important;
height:100%;
background:#fbf4e6 url("../img/bg-container.gif") top left repeat-x;
}
#container-inner {
width:860px;
margin:0 auto;
padding:0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
#container-s {
width:900px;
margin:0 auto -56px auto;
min-height:100%;
height:auto !important;
height:100%;
background:#fbf4e6;
}
#container-s-inner {
width:860px;
margin:0 auto;
padding:0;
}

/*------------------------------------------------------------
TOP
------------------------------------------------------------*/
#hdr-top {
margin:0 auto;
overflow:hidden;
padding:0;
}
#hdr-top .hdr-logo {
padding:11px 0 10px 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
#fla {
width:860px;
height:401px;
margin:0 0 18px 0;
}
.fla-bg {
width:860px;
height:401px;
background:url("../img/main-image-bg.jpg") top left no-repeat;
}
.fla-bg ul.btn-list {
padding:328px 0 0 318px;
}
.fla-bg ul.btn-list li {
width:168px;
float:left;
padding:0 4px 0 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
.top-left {
width:420px;
padding:0 20px 0 0;
vertical-align:top;
}
.top-right {
width:420px;
vertical-align:top;
}
.top-left .image,
.top-right .image {}
.top-left h2,
.top-right h2 {}
.top-left .txt,
.top-right .txt {
color:#ffffff;
padding:0 0 12px 0;
background:#cb8343 url("../img/top-bottom.gif") bottom left no-repeat;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
.btn-dtl {
clear:both;
text-align:center;
padding:30px 0;
}


/*------------------------------------------------------------
Pages
------------------------------------------------------------*/
#hdr {
margin:0 auto;
overflow:hidden;
padding:0;
height:74px;
}
#hdr .hdr-logo {
width:92px;
float:left;
padding:18px 0 10px 0;
}
#hdr ul.btn-list {
float:right;
padding:8px 0 0 0;
}
#hdr ul.btn-list li.navi01 {
width:168px;
float:left;
padding:5px 4px 0 0;
}
#hdr ul.btn-list li.navi02 {
width:168px;
float:left;
padding:5px 4px 0 0;
}
#hdr ul.btn-list li.navi02-new {
width:169px;
float:left;
padding:0 3px 0 0;
}
#hdr ul.btn-list li.navi03 {
width:168px;
float:left;
padding:5px 4px 0 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
#hdr-s {
margin:0 auto;
overflow:hidden;
padding:0;
}
#hdr-s .hdr-logo {
width:92px;
padding:11px 0 10px 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
h1.page-title {margin:0 0 20px 0;}
.subtitle {
clear:both;
padding:0 0 0 2px;
margin:0 0 18px 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
.movie-area {
padding:0 0 0 48px;
margin:0 0 20px 0;
}
.movie-content {
background:#fbf4e6;
}

ul.recipe-list-movie {
width:281px;
float:right;
padding:0 48px 0 0;
}
ul.recipe-list-movie li {
width:281px;
padding:0 5px 6px 0;
}
ul.recipe-list-movie li.third {
padding:0 0 6px 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
ul.recipe-list {
padding:0 0 0 2px;
}
ul.recipe-list li {
width:281px;
float:left;
padding:0 5px 6px 0;
}
ul.recipe-list li.third {
padding:0 0 6px 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
.recipe {
clear:both;
width:820px;
padding:42px 0 8px 0;
margin:0 auto;
}
.recipe-s {
clear:both;
width:820px;
padding:10px 0 8px 0;
margin:0 auto;
}
.recipe-bottom {
width:820px;
padding:0 0 11px 0;
background:url("../img/recipe_bottom.gif") bottom left no-repeat;
}
.recipe-top {
width:820px;
padding:20px 0 0 0;
background:url("../img/recipe_top.gif") top left no-repeat;
}
.recipe-bg {
width:820px;
background:url("../img/recipe_bg.gif") top left repeat-y;
}
.recipe-left {
width:220px;
float:left;
padding:56px 30px 0 25px;
}

.recipe-left .btn-print {
text-align:center;
padding:20px 0 60px 0;
}

.recipe-right {
width:515px;
float:right;
padding:0 30px 15px 0;
}
.recipe-right h2.recipe-title {
padding:0 0 4px 0;
}
.recipe-right h3 {
padding:18px 0 8px 0;
}
.recipe-right table {
width:515px;

}
.recipe-right table td {
line-height:20px;
background:url("../img/td-bg.gif") top left repeat-y;
}
.recipe-right table.items td {
padding:0 0 0 16px;
width:50%;
}
.recipe-right table th {
font-weight:bold;
color:#e45022;
vertical-align:top;
padding:0 6px;
background:url("../img/td-bg.gif") top left repeat-y;
}
.recipe-right .recipe01-attn {
padding:8px 0 0 0;
text-align:right;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
.episode-main {
width:830px;
margin:0 auto 30px auto;
}
.episode-dtl {
}
.episode-btn {
width:830px;
height:115px;
background:url("../img/episode-page04.jpg") top left no-repeat;
text-align:center;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
.icn-pagetop {
clear:both;
width:820px;
text-align:right;
margin:0 auto;
}


/*------------------------------------------------------------
Footer
------------------------------------------------------------*/
#ftr {
clear:both;
height:56px;
width:900px;
margin:0 auto;
}

#ftr-copyright {
clear:both;
font-size:9px; 
line-height:100%;
color:#e45022;
text-align:center;
}