@charset "utf-8";
/* CSS Document */
/* index
-----------------------
=common
=Container
-----------------------
 */

/* =common
----------------------------------------------------------------------------- */
body {
	background-image:url(/order/img/bg.png);
}
#Container {
	vertical-align:top;
	color:#505050;
}
#Container img {/* for img margin program in IE */
	border:0;
	vertical-align:bottom;
	padding:0;
	margin:0;
}
.Contents {
	margin:0 auto;
}

.Inner{
	width:902px;
	margin:0 auto;
}

/* clearfix */
.clearfix,
#Navi, 
#Top #Banners, 
#Footer .lists,
#Product .item,
#Product .item .item_info{
	zoom:1;
}
.clearfix:after,
#Navi:after, 
#Top #Banners:after, 
#Footer .lists:after,
#Product .item:after,
#Product .item .item_info:after{
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
/* alpha on mouseover */
#Container a:hover img {
	filter: alpha(style=0, opacity=80);
	opacity:0.8;
	-ms-filter: "alpha(opacity=80)";
	zoom:1;/* for IE */
}
/* for img margin program in IE */
.dis_blo {
	display:block;
}
/* font size */
.txt80 {
	font-size:80%;
	line-height:150%;
}

.txt120 {
	font-size:120%;
	line-height:150%;
}

.txt130 {
	font-size:130%;
	line-height:160%;
}

.red{ color:#b31608;}
.txt_blue{ color:#074b96}
.txt_brown{ color:#61392a}

/* =arrow: specify individual width */
em{
	display:block;
	margin-top:5px;
	background-image:url(../images/arw01.png);
	background-repeat:no-repeat;
	background-position:left center;
}
em a{
	display:inline-block; padding-left:17px;}
	
.qr-code {text-align:center; padding:30px 0;}

/* =Container
----------------------------------------------------------------------------- */
#Navi {
	height:63px;
	background-image:url(/order/img/navi_bg.jpg);
	background-repeat:repeat-x;
	min-width:1100px;
	width: auto !important;
	width: 1100px;
	_width:100%;/*forIE6*/
}
#Navi li {
	width:119px;
	float:left;
}
#Navi li:first-child,#Navi li:last-child{width:118px;}
#Navi .Contents {
	width:950px;
	text-align:center;
	margin:0 auto;/* centering content in firefox */
}
#Container {
	width: 950px;
	margin:0 auto;
}
#Footer {
	margin-top:50px;
	height:200px;
	background-image:url(/order/img/footer_bg01.png);
	background-repeat:repeat-x;
	min-width:1100px;
	width: auto !important;
	width: 1100px;
	_width:100%;/*forIE6*/
}
#Footer .Contents {
	width:1100px;
	height:200px;
	text-align:center;
	margin:0 auto;/* centering content in firefox */
	background-image:url(/order/img/footer_bg02.png);
	background-repeat:no-repeat;
	background-position:0px 35px;
	position:relative;
}
#Footer .toTop {
	position:absolute;
	top:10px;
	left:930px;
}
#Footer .lists {
	position:absolute;
	top:50px;
	left:85px;
	text-align:left;
}
#Footer .lists ul {
	width:170px;
	float:left;
	font-size:80%;
}
#Footer .lists li {
	margin-bottom:5px;
	padding:0px 0px 0px 15px;
	background-image:url(/order/img/footer_arw.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
}
#Footer .lists li a:link {
	color:#487ab2;
	text-decoration:none;
}
#Footer .lists li a:visited {
	color:#487ab2;
	text-decoration:none;
}
#Footer .lists li a:hover {
	color:#487ab2;
	text-decoration:underline;
	padding-bottom:1px;
}
#Footer .lists li a:active {
	color:#487ab2;
	text-decoration:underline;
	padding-bottom:1px;
}
#Footer .Author {
	color:#487ab2;
	text-decoration:none;
	text-align:right;
	font-size:80%;
	position:absolute;
	top:108px;
	left:833px;
}
#Footer .Copyright {
	color:#19416f;
	text-decoration:none;
	text-align:center;
	font-size:80%;
	position:absolute;
	top:170px;
	left:420px;
}
/* ========= Top */
#Top #Main {
	background-image:url(/order/img/main_bg.png);
	background-repeat:repeat-x;
	height:483px;
	min-width:1100px;
	width: auto !important;
	width: 1100px;
	_width:100%;/*forIE6*/
}
#Top #Main .Contents {
	width:950px;
	text-align:center;
	margin:0 auto;/* centering content in firefox */
	padding-top:11px;
	background-image:url(/order/img/main01.jpg);
	background-repeat:no-repeat;
	background-position:0 18px;
}

#Top #Intro {
	position:relative;
	height:270px;
}
#Top #Intro h2 {
	position:absolute;
	top:45px;
	left:50px;
}
#Top #Intro p {
	position:absolute;
	top:90px;
	left:50px;
}
#Top #Intro h3 {
	position:absolute;
	top:30px;
	left:530px;
}

#Top #news{
	margin-bottom:30px;
	border:1px solid #97aec8;
	padding:15px 0;
	background-color:#FFFFFF;
	width:99%;
}
#Top #news img{
	margin-left:25px;
	margin-bottom:10px;
}
#Top #news p{
	margin:0 25px 0;
}
#Top #Banners li {
	float:left;
	margin-right:20px;
	display:block;
	background-color:#218aff;
}
#Top #Banners .first {
	width:475px;
}
#Top #Banners .first {
	width:475px;
}
#Top #Banners .last {
	margin-right:0px;
}


/* ========= Sub pages */
.Sub #Main {
	background-image:url(/order/img/main_sub_bg.png);
	background-repeat:repeat-x;
	height:164px;
	min-width:1100px;
	width: auto !important;
	width: 1100px;
	_width:100%;/*forIE6*/
}
.Sub #Main .Contents {
	width:950px;
	text-align:center;
	margin:0 auto;/* centering content in firefox */
	padding-top:11px;
}

.Sub h2{
	margin:35px 0 30px 0;
}

.Sub h3{
	background-image:url(/order/img/ttl_bg.png);
	background-repeat:no-repeat;
	height:35px;
	width:950px;
	padding:4px 0 0 30px;
	font-size:120%;
	font-weight:normal;
	color:#141011;
	margin:30px 0 12px 0;
}

.Inner table{
	width:760px;
	background-color:#FFF;
}

.Inner td{
	border:#a1afb7 1px solid;
	vertical-align:top;
	padding:10px 20px;
}
.Inner table .blue{
	background-color:#dde7ed;
}

/* ========= Product */

/* ------ intro_common */
#Product .intro{
	width:903px;
	position:relative;
	margin-left:25px;
}
#Product .intro dl{
	position:absolute;
}

#Product .intro dt{
	margin-bottom:15px;}

/* intro01 */
#Product #intro01{
	background-image:url(../images/product/intro01.jpg);
	background-repeat:no-repeat;
	height:214px;
}
#Product #intro01 dl{
	position:absolute;
	top:40px;
	left:40px;
	width:520px;
}
	
/* intro02 */
#Product #intro02{
	background-image:url(../images/product/intro02.jpg);
	background-repeat:no-repeat;
	height:206px;
}
#Product #intro02 dl{
	top:30px;
	left:340px;
	width:510px;
	color:#9fc0d9;
}

/* intro03 */
#Product #intro03{
	background-image:url(../images/product/intro03.jpg);
	background-repeat:no-repeat;
	height:164px;
}
#Product #intro03 dl{
	top:30px;
	left:40px;
	width:510px;
}

#Product .txt01{
margin:0px 0 15px 30px;}

/* ------ item_common */
#Product .item{
	margin:20px 0 20px 25px;
}

#Product .item .image{
	float:left;
	width:530px;
}
#Product .item .texts{
	float:right;
	width:363px;
}

#Product .item h5{ font-size:130%; font-weight:bold;}
#Product .item .item_info{
	background-color:#ebebcb;
	padding:10px;
	margin-top:20px;}
#Product .item .item_info img{
	float:left;
	width:110px;
}
#Product .item .item_info p{
	float:right;
	width:210px;
	padding:5px 0;
}

#Product .story{ margin-top: 20px;
background: url(../images/product/story_bg.png) no-repeat top;
font-size: 110%;
padding: 60px 20px 20px;
}

#Product .story .txt_brown{font-size: 110%;}

/*thumbnails(navigation)
#Product #thum {margin:10px auto 30px 2px;}
#Product #thum li{
	float:left;
}*/

/*thumbnails(navigation)*/
#Product #new_thum {width: 924px; margin:10px auto 30px auto;}
#Product #new_thum li{float:left; margin-bottom: 10px;}
#Product #new_thum li:nth-child(odd){margin-right: 10px;}

/* bt */
#Product .bt{
	display:block;
}
#Product .bt img{
	display:block;
	margin:8px auto 16px;}
#Product .bt2{
	padding-bottom:30px;}

/* ========= Order */

#Order .Inner p{
	margin-bottom:20px;}
	
#Order .Inner p strong{
	font-size:120%;
}
#Order .Inner p strong span{
	color:#9b1823;
}

	
/* ========= Profile */

#Profile .Inner p em{
	margin-top:20px;}
	
#Profile .Inner .td01{
	width:100px;
}

/* ========= Recruit */

#Recruit .Inner .td01{
	width:110px;
}

#Recruit .Inner p{
	margin-bottom:20px;}

/* ========= Recipe */
	
/* ========= Store */
#Store .Inner p{
	margin-bottom:20px;}
	
#Store .Inner th,#Store .Inner td{
	padding:5px 20px;
}

#Store .Inner th{
	background-color:#043f75;
	color:#dde7ed;
	text-align:left;
	font-weight:normal;
	border:#a1afb7 1px solid;
}

#Store .Inner .td01{
	width:130px;
}
#Store .Inner .item td{  
	color:#043f75;
	text-align:center;
	letter-spacing:0.5em;
}
#Store .Inner .item01{
	background-color:#7aa6c1;
	width:250px;
}
#Store .Inner .item02{
	background-color:#a2b2ba;
}

	
/* ========= Recipe */
.recipe_box{
	background-image:url(../images/recipe/recipe_bg01.jpg);
	width:920px;
	padding:0 0 5px 0;
	margin:20px auto 0 auto;
}

.recipe_box h5{
	background-image:url(../images/recipe/recipe_name.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:55px;
	display:block;
	padding:20px 0 0 80px;
	font-size:120%;
	color:#2f2c2c;
}

.recipe_box02{
	background-image:url(../images/recipe/recipe_bg02.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 0 15px 0;
	padding:12px 30px 16px 63px;
}

.recipe_box02 h6{
	font-weight:normal;
	padding-bottom:8px;}
	
.recipe_box02 ul{
	margin-right:40px;
	float:left;
}

.recipe_box02 ol li span{
	color:#f4a93d;
	font-weight:bold;
	margin-right:5px;}


/* ========= Contact */

#Contact .Inner p strong{
	font-size:120%;
	color:#084486;
	line-height:150%;
	display:block;
	margin-top:5px;
}