/* CSS Document */

/* Default ---------------------------------------------------------------- */

:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,iframe {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 

ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/* Layout ----------------------------------------------------------------- */

body {
    text-align: center;
	background: #FFFFFF;
}

#container {
	min-height: 100%;
	margin: 0 auto;
	background: url(../images/containerI_back.gif) top repeat-y;
}

#container-inner {
	width: 900px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(../images/container_back.jpg) top no-repeat;
}

#content {
	position: relative;
	width: 900px;
	margin: 0 auto;
	min-height: 700px;
	_height: 700px;
}

#header, #content, #alpha, #beta, #footer {
    position: relative;
}


#alpha {
	float: left;
	width: 250px;
}

#beta {
	float: left;
	width: 650px;
}

#alpha-inner {
	position: relative;
	width: 220px;
	margin-left: 18px;
	text-align: center;
}

#alpha-inner {
	position: relative;
	width: 220px;
	margin-left: 18px;
	text-align: center;
}

#beta-inner{
	position: relative;
	width: 640px;
	text-align: left;
}


/* Utilities */

#content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

#content-inner {
	display: inline-block; 
}
/* no ie mac \*/
* html #content-inner { height: 1%; }
#content-inner { display: block; }
/* */


/* Content ---------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

p {
	line-height: 1.2em;
}

blockquote, ol, ul {
    margin-left: 30px;
    background-repeat: repeat-y;
}

ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }



/* Style ----------------------------------------------------------------- */

/* Global */

body {
    font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}

.r12 {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

.p12 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

.p12_mac {
	font-size: 13px;
	_font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

.r10 {
	font-size: 10px;
	_font-size: 75%;
	font-weight: normal;
	color: #FFFFFF;
}

/* Header */

#header-inner {
	position: relative;
	width: 900px;
	height: 320px;
}

#header-link {
	position: relative;
	padding: 30px 0px 0px 45px;
}

#header-swf {
	position: relative;
	display: block;
	width: 480px;
	height: 120px;
	top: 120px;
	margin: 0px 0px 0px 330px;
	margin-bottom: -120px;
}

#header-swf2 {
	position: relative;
	display: block;
	width: 480px;
	height: 120px;
	top: -140px;
	margin: 0px 0px 0px 335px;
	margin-bottom: -120px;
}


/* MenuList */

#list-box {
	width: 210px;
	height: 50px;
	padding: 14px 0px 0px 0px;
	text-align: center;
	background: url(../images/list_back.gif) top no-repeat;
}

.list-title {
	margin: 0px 10px 5px 10px;
}

#data-box {
	width: 210px;
	height: 75px;
	padding: 14px 0px 5px 4px;
	text-align: center;
	position: relative;
	background: url(../images/menu_back.gif) top center no-repeat;
}

#data-title {
	text-align: center;
	margin: 10px 10px 5px 10px;
}

/* MenuList Frame */

#menu-container {
	min-height: 100%;
	margin: 0;
	text-align: center;
}

#m-container-inner {
	position: static;
	height: 500px;
	width: 140px;
	margin: 0;
	text-align: center;
	background: url(../images/menu_back.jpg) top no-repeat;
}

.menu-box {
	position: relative;
	height: 75px;
	width: 125px;
	margin: 0px 0px 5px 4px;
	text-align: left;
	background: url(../images/menu_back.gif) top no-repeat;
}

.menu-number {
	position: relative;
	padding: 12px 10px 0px 10px;

}

.menu-title {
	position: relative;
	margin: 0px 8px 5px 8px;
}

#n-container {
	width: 120px;
	position: relative;
	margin: 20px 0px 0px 5px;
}

#next-box {
	position: relative;
	float: left;
	height: 35px;
	width: 55px;
	margin: 15px 5px 5px 0px;
	text-align: center;
	background: url(../images/next_back.gif) top no-repeat;
}

#before-box {
	position: relative;
	float: right;
	height: 35px;
	width: 55px;
	margin: 15px 0px 5px 5px;
	text-align: center;
	background: url(../images/next_back.gif) top no-repeat;
}

.next-title {
	position: relative;
	padding: 10px 0px 0px 0px;
}


/***** Content *****/

/* index */

#index_name {
	width: 585px;
	height: 80px;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	background: url(../images/title_back.gif) top no-repeat;
}

#index_container {
	position: relative;
	padding-left: 30px;
	text-align: left;
}

#index_image {
	width: 500px;
	height: 340px;
	position: relative;
	margin: 20px 25px 0px 0px;
	padding: 30px 40px 0px 40px;
	text-align: center;
	background: url(../images/index_img.gif) top no-repeat;
}


#index_box {
	position: relative;
	width: 580px;
	height: 100%;
	padding: 0px 0px 30px 0px;
}

#index_header {
	font-size: 4px;
	height: 5px;
	width: 580px;
	background: url(../images/index_t.gif) top no-repeat;
}


#index_back {
	width: 580px;
	background: url(../images/index_back.gif) top repeat-y;
}

#index_text {
	padding: 10px 0px 0px 0px;
	margin: 0px 15px 10px 15px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #EEEEEE;
}

#index_footer {
	margin-top: -10px;
	_margin-top: 0px;
	width: 580px;
	background: url(../images/index_u.gif) top no-repeat;
}


/* list */

#list-set {
	position: relative;
	padding-left: 35px;
	text-align: center;
}

.list-parts {
	position: relative;
	float: left;
	width: 140px;
	height: 60px;
	padding: 14px 0px 0px 0px;
	text-align: center;
	background: url(../images/list_back.gif) top no-repeat;
}

#list-container {
	position: relative;
	padding-left: 30px;
	text-align: left;
}

.list-field {
	margin: 0px 0px 20px 0px;
}

ol.list_text {
	padding: 0px 10px 0px 5px;
}

ol.list_text li {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 10px 5px 0px;
	color: #222222;
}


/* recipe */

#data_images {
	position: relative;
	padding-left: 10px;
	text-align: left;
}

#embassy_name {
	height: 80px;
	padding: 0px 0px 20px 30px;
	background: url(../images/title_back.gif) top no-repeat;
}

.recipe_container {
	position: relative;
	padding-left: 30px;
	text-align: left;
}

.recipe_title {
	width: 580px;
	height: 50px;
	margin-left: 1px;
	padding: 0px 0px 20px 0px;
	background: url(../images/recipe_title.gif) top no-repeat;
}

.recipe_imagebox {
	position: relative;
	float: left;
	width: 320px;
	height: 220px;
	margin-left: 1px;
	padding: 0px 0px 20px 0px;
	background: url(../images/image_back.gif) top no-repeat;
}

.recipe_image {
	position: relative;
	width: 300px;
	height: 200px;
	margin: 10px 0px 0px 10px;
}

.ingredients_box {
	position: relative;
	float: left;
	width: 260px;
}

.ingredients_inner {
	position: relative;
	float: right;
	width: 240px;
	height: 100%;
	margin-bottom: 20px;
}

.print_btn {
	position: relative;
	width: 240px;
	height: 50px;
	background: url(../images/print_back.gif) top no-repeat;
}

.ingredients_header {
	font-size: 5px;
	height: 5px;
	width: 240px;
	background: url(../images/ingredients_header.gif) top no-repeat;
}

.ingredients_back {
	width: 240px;
	background: url(../images/ingredients_back.gif) top repeat-y;
}

.ingredients_title {
	width: 240px;
	height: 30px;
	background: url(../images/ingredients_title.gif) top no-repeat;
}

.ingredients_text1 {
	float: left;
	width: 70%;
	height: 100%;
}

.ingredients_text2 {
	float: left;
	width: 25%;
	height: 100%;
}

ul.ing_text1 {
	padding: 10px 0px 0px 0px;
}

ul.ing_text1 li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #EEEEEE;
}

ul.ing_text2 {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

ul.ing_text2 li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #EEEEEE;
}

.ingredients_under {
	width: 240px;
	height: 100%;
	color: #EEEEEE;
}

.ingredients_footer {
	width: 240px;
	background: url(../images/ingredients_footer.gif) top no-repeat;
}


.recipe_box {
	position: relative;
	width: 585px;
	height: 100%;
	padding: 0px 0px 30px 0px;
}

.recipe_header {
	font-size: 4px;
	height: 5px;
	width: 585px;
	background: url(../images/recipe_header.gif) top no-repeat;
}

.recipe_t {
	height: 30px;
	width: 585px;
	background: url(../images/recipe_t.gif) top no-repeat;
}

.recipe_back {
	width: 585px;
	background: url(../images/recipe_back.gif) top repeat-y;
}

ol.recipe_text {
	padding: 10px 10px 0px 5px;
}

ol.recipe_text li {
	font-size: 13px;
	font-weight: bold;
	color: #EEEEEE;
}

.recipe_under {
	width: 585px;
	height: 5px;
	color: #EEEEEE;
}

.recipe_footer {
	margin-top: -10px;
	_margin-top: 0px;
	width: 585px;
	background: url(../images/recipe_footer.gif) top no-repeat;
}



#footer {
	position: static;
	bottom: 0px;
}

#footer-inner {
	text-align: right;
	padding: 0px 30px 10px 0px;
}

br.fclear {
	clear: left;
}

br.fclear2 {
	clear: right;
}


h1 {
	font-size: 24px;
	font-weight: bold;
	color: #EEEEEE;
	padding: 25px 0px 0px 20px;
}


h2 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 15px 0px 0px 20px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFBB;
	padding: 5px 10px 0px 15px;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #EEEEEE;
	padding: 10px 0px 0px 0px;
}

h5 {
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 0 20px 0 20px;
}



/*LINK*/
a:link{text-decoration:none;color:#330000;}
a:visited{text-decoration:none;color:#660000;}
a:active{text-decoration:none; color:#660000;}
a:hover {text-decoration:underline; color:#990000;}