@charset "Shift_JIS";
body{
	margin:0px;
	padding:0px;
	background-color:#f2f2ff;
	background-image:url("/share/img/bg_slash.gif");

color:#2D2D2D;

}

input,textarea{font-family:Osaka,;}

form{
	margin:0px;
}

/* added 2008.10.08 */
a:hover { color: tomato; }
a:link { color: #333399; }

/* added 2008.08.04 for IE7 */
#recipeContainer,#mainContainer,.mainContainer td {
        text-align:left;
}
.htb2 {
        width:100%;
}

/* ----------------------------------------------------- */
/* Header & Navigation */
/* ----------------------------------------------------- */

body div#header{
	margin-left:0px;
	width:800px;
	padding:0px;
	text-align:center;
	background-color:#FFFFFF;
	border-top-width:3px;
	border-top-style:solid;
	border-top-color:#FF6633;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#DDDDDD;
	background-image:url("/share/img/bg_header.gif");
	background-repeat:repeat-x;
}

body div#header h1{
	font-size:x-small;
	margin-top:8px;
	margin-left:12px;
	margin-bottom:5px;
	line-height:100%;
	letter-spacing:2px;
}


div#header table.hdrMenu td{
	font-size:11px;
	vertual-align:middle;
	padding-bottom:2px;
}

div#header td div{
	margin-top:2px;
	font-size:12px;
	line-height:120%;
}


body div#navigation{
	margin-left:0px;
	width:800px;
	padding-bottom:0px;
	text-align:left;
	background-color:#FFFFFF;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#DDDDDD;
}


/*Header LogoType*/
#header img.logoType{
	width:220px;
	height:38px;
	border:0px;
	margin-top:0px;
	margin-right:4px;
}

#header img.todayDate{
	height:20px;
	border:0px;
	margin-left:5px;
	margin-right:5px;
}

table.hdrMenu{
	height:25px;
	width:380px;
}

.navigation{
	margin:0px;
	padding:0px;
	width:100%;
	height:27px;
	background-image:url("/share/img/bg_navigation.gif");
	background-repeat:repeat-x;
}



div#navigation table tbody td{
	padding-top:8px;
	padding-bottom:2px;
	padding-left:10px;
	font-size:11px;
	vertical-align:middle;
}



a img{
	border:0px;
	text-decoration: none;
}
/* ----------------------------------------------------- */
/* Main Contents */
/* ----------------------------------------------------- */

body div#contents{
	margin-left:0px;
	width:800px;
	padding-bottom:0px;
	text-align:left;
	background-color:#FFFFFF;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#DDDDDD;
}

	div#contents table.Container{
		width:100%;
	}

	div#contents table.Container td.mainMenu {
		width:180px;
		vertical-align:top;
		}

	div#contents table.Container td.mainContainer {
		vertical-align:top;
		text-align:center;
		}

	div#contents table.Container td.sideMenu {
		width:160px;
		vertical-align:top;
		}

/* ----------------------------------------------------- */
/* Main Menu Navigation */
/* ----------------------------------------------------- */
table.mainMenuNavi{
	margin-top:10px;
	margin-bottom:20px;
	width:175px;
	border-collapse:collapse;
	empty-cells:show;
}

table.mainMenuNavi thead th{
	border-top-width:2px;
	border-top-style:solid;
	border-bottom-width:2px;
	border-bottom-style:solid;
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:14px;
	padding-right:0px;
	font-size:x-small;
}

table.mainMenuNavi tbody th{
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:0px;
/*2009.03.09	font-size:x-small; */
	font-size:80%;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	border-top-width:1px;
	border-top-style:solid;
}

table.mainMenuNavi tbody td{
	padding-top:2px;
	padding-bottom:8px;
	padding-left:12px;
	padding-right:0px;
/*2009.03.09	font-size:x-small; */
	font-size:90%;
	text-indent:0px;
	text-align:left;
	vertical-align:middle;
	line-height:120%;
}

table.mainMenuNavi tbody ul{
margin-top: 2px;
margin-bottom: 0px;
margin-left:20px;
padding-left:0px;
}
table.mainMenuNavi tbody li{
margin-top: 2px;
margin-bottom: 0px;
margin-left:0px;
padding-left:0px;
}



table#saleFanc_storeSelect{
	padding:0px;
	margin:0px;
	width:160px;
}

table#saleFanc_storeSelect td{
	padding:0px;
	margin:0px;
}

table#saleFanc_storeSelect td div.chainName{
/*2009.03.09	font-size:xx-small; */
	font-size:85%;
}
table#saleFanc_storeSelect td div.storeName{
/*2009.03.09	font-size:x-small; */
	font-size:90%;
}


/* ----------------------------------------------------- */
/* Footer & Copyright */
/* ----------------------------------------------------- */
body div#footer{
	clear:both;
	margin-top:2px;
	margin-left:0px;
	margin-bottom:0px;
	width:800px;
	padding-top:10px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#DDDDDD;
	font-size:12px;
}

div.copyright{
	margin-top:10px;
	padding-top:6px;
	padding-left:6px;
	padding-right:6px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
}


.calender { background-color: #d3d3d3; border: solid 1px gray; width: 148px }
.calender thead { color: white; font-size: 11px; background-color: gray; width: 148px }
.calender tbody { font-style: normal; font-weight: bold; font-size: 11px; text-decoration: none; width: 148px }
.calender td { background-color: white; padding: 4px }

table.list2buyMemo td,table.list2buyMemo th{
font-size:x-small;
}

table.list2buyMemo td font{
	font-size:80%;
	color:red;
}



/*会員登録時エラー表示*/
div.errMsgTop{
color:red;
font-size:small;
font-weight:bold;
}

div.errMsg{
color:blue;
font-size:x-small;
font-weight:bold;

}

/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear {
clear: both;
}
.logo {
	width:350px;
	float:left;
}
.logo_title {
	font-size: 11px;
	font-weight:bold;
	text-align: center;
	letter-spacing: 2px;
	margin-top:10px;
}
.logo_img img{
	float:left;
	border: 0 none;
	text-decoration: none;
	margin-left:15px;
	padding-bottom:5px;
}
.logo_date img{
	float:right;
	border: 0 none;
	text-decoration: none;
	margin-top: 15px;
}
.header_right {
	width: 448px;
	float:right;
}
.header_navi {
	font-size:11px;
	padding-left: 15px;
}

.header_navi ul {
	list-style-type: none;
	padding: 5px 1px;
	margin: 0;

}
.header_navi li {
	width: 106px;
	float: left;
}

.header_login {
	background-color: #FFE4B5;
	font-size: 10px;
	width: 290px;
	margin-top: 10px;
	padding: 2px;
	float:left;
}

.header_login input{
	width:55px;
	font-size:10px;
}
#login_btn {
	width:50px;
	font-size:11px;
}


div.header_login_msg {	
	display: table;
	margin-top:8px;
	height:30px;
	width:148px;
	float:left;
}  
	* html div.header_login_msg {
		position: relative;
		margin-top:0px;
		text-align: left;
	}  
	*+html div.header_login_msg {
		position: relative;
		margin-top:0px;
		text-align: left;
	}  
div.v_middle {
	display: table-cell;
	vertical-align: middle;
}
	* html div.v_middle {
		position: absolute;
		top: 50%;
	}  
	*+html div.v_middle {
		position: absolute;
		top: 50%;
	}

#breadcrumb {
	font-size:12px;
	vertical-align:middle;
	float: left;
	margin-left:10px;
	margin-top:3px;
	line-height:24px;
}
#hello_msg {
	font-size:12px;
	vertical-align:middle;
	float: right;
	margin-right:10px;
	margin-top:3px;
	line-height:24px;
}
.header_list2buy {
	display: table;
	margin-top:8px;
	padding-right:20px;
	height:30px;
	width: 420px;
	text-align: right;
}
	* html div.header_list2buy {
		position: relative;
		margin-top:0px;
		padding-right:100px;
	}
	*+html div.header_list2buy {
		position: relative;
		width: 320px;
		margin-top:0px;
		padding-right:100px;
	}