@charset "shift_jis";

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrap {
	margin: 0 0 30px 25px;
}

.container {
	margin-top: 20px;
}

.recipe-name {
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	margin-top: 10px;
}

.school-name {
	font-size: 0.8em;
	margin: 5px 0 0 0;
}

#main img {
	margin: 0 0 10px 0;
}

.left-box {
	float: left;
	width: 270px;
	text-align: center;
	border: #CCCCCC 1px solid;
}


.right-box {
	float: right;
	width: 270px;
	text-align: center;
	border: #CCCCCC 1px solid;
}

.column {
	width: 543px;
	padding:10px;
	border: #CCCCCC 1px solid;
}

.column .recipe-name {
	height:60px;
	*font-size:1em;
}

.column ul{
	margin:-10px 0 0 0;
	float:left;
}

.column li{
	width:265px;
}

.column li img{
	float:left;
	margin:0 10px 0 0;
	*margin:10px 10px 0 0;
}

.column .button img{
	margin:0 0 0 50px;
}

.report {
	float:left;
	margin:0 0 0 15px;
	width:263px;
	line-height:1.4em;
}

.report img {
	margin:0 0 5px 0;
}

.top-copy {
	font-size: 1.0em;
	line-height: 1.9em;
}

.top-copy-ex {
	color: #BE0604;
}

.bar {
	margin: 40px 0 0 0;
}

#school {
	margin: 40px auto 0;
}

#bknumm {
	margin: 20px 0 30px 40px;
}


/* ---------- recipe-page ---------- */

#zairyo span, #tukurikata span {
	color:#BD182B;
}

#contents_1 {
	position:relative;
	left:0;
	width:540px !important;
	height:auto;
	padding:32px 0px 0 32px;
	background: url(../images/common/cork2.jpg) repeat-y 0 0;
}

#contents_2 {
	position:relative;
	left:0;
	width:540px !important;
	height:auto;
	margin:0;
	padding:28px 0px 28px 32px;
	background: url(../images/common/cork2.jpg) repeat-y 0 0;
}

#contents_2 p img {
	display:block;
	position:relative;
	margin:28px 0 0 0;
	left:100px;
}

#contents_2 li{
	list-style-type: decimal;
}

#contents_image {
	padding:0;
	float:left;
	width:275px;
}

#zairyo {
	padding:0;
	margin-left:28px;
	height:auto;
	float:left;
	background:url(../images/common/zairyou_yoko.jpg) repeat-y;
}



#zairyo_bottom {
    background: transparent url(../images/common/zairyou_soko.jpg) no-repeat 0 6px;    
    width: 213px;
    height: 8px;
}

	#zairyo_bottom[id] {
	
		background: transparent url(../images/common/zairyou_soko.jpg) no-repeat 0 0 !important;  
	}

#zairyo_bottom2 {
    background: transparent url(../images/common/tsukurikata_soko.jpg) no-repeat 0 6px;    
    width: 514px;
    height: 8px;
}

	#zairyo_bottom2[id] {
		background: transparent url(../images/common/tsukurikata_soko.jpg) no-repeat 0 0 !important;  
	}

#zairyo table {
	margin-left:10px;
	margin-bottom:15px;
}

	#zairyo table td {
		vertical-align:top;
		padding:1px 1px 0 0;
	}

.image_bottom {
	vertical-align:bottom;
}

#tukurikata {
	width:512px;
	background:url(../images/common/tsukurikata_yoko.jpg) repeat-y;	
}

	#tukurikata p {
		margin-bottom:20px;
		padding: 0 30px;
	}
	
	#tukurikata .recipeTitle {
		margin:10px 0 4px -20px;
		padding-left: 0;
		font-weight:bold;
		color:#C88324;
	}
		
	#tukurikata ol {
		width:420px;
		position:relative;
		left:30px;
		padding:0 30px;
		margin-bottom:26px;
		line-height:1.3em;
	}
	
	#tukurikata .light {
		width:420px;
		position:relative;
		left:30px;
		padding:0 30px;
		margin-bottom:10px;
		line-height:1.3em;
	}
	
	#tukurikata li {
		margin-bottom:5px;
	}
	
	
	#tukurikata .box {
		margin-left:36px;
		margin-top:-15px;
		width:450px;
	}
	
	html>body #tukurikata .box {
		margin-left:28px;
	}

.c_bottom {
	clear:both;
	height:100%;
}

#mainimg {
	background-image:url(../images/main_ouchirecipe.jpg);
	height: 220px;
	width: 580px;
	margin-bottom:18px;
	background-repeat: no-repeat;
	z-index: 99;
}

.recipetitle {
    font-size: 1.1em;
    font-weight: bold;
    color: #D3961C !important;
}

.btn_print {
	display:block;
	width:275px;
	text-align:center;
	margin:20px 0 0 !important;
}

.c1 {
	clear: both;
}