@charset "utf-8";
/* CSS Document */

/* 共通 */

body	{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 145%;
	text-align:center;
	background: url(../img/top/mainbg.jpg) repeat-x;
}

/* ポイントアップ時背景 */

.pointbg	{
	width: 100%;
	background: url(../img/top/pointbg.gif) repeat-y;
	text-align:center;
	margin: 0 auto;
	padding: 0;
}


.container {
	width:950px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/top/container_bg.gif) repeat-y;
}

.container_2 {
	width:950px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
}


.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img	{
	margin: 0;
	padding: 0;
	border: 0;
}

.pan	{
	background: #FFF8DB;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	height: 26px;
	text-align:left;
	padding-left: 10px;
	padding-top: 8px;
}

/* おせち */

.osechibg	{
	width: 100%;
	background: url(../../osechi/osechi2010/common/osechi_bg_top.jpg) repeat-x;
	background-color:#000000;
	text-align:center;
	margin: 0 auto;
	padding: 0;
}

/* head */

.head	{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}

h1	{
	height: 14px;
	padding-top: 3px;
	font-size: 10px;
	font-weight: normal;
	background: #99CC00;
	text-align:center;
	display: block;
	margin: 0;
}

/* headtitle */

.head_title	{
	background: url(../img/top/head_bg.jpg) right no-repeat;
	padding: 0;
	margin: 0;
}


.head_logo	{
	width: 300px;
	float:left;
	padding: 0;
	margin: 0;
}

.head_right	{
	width: 650px;
	float: right;
	padding: 0;
	margin: 0;
	background: url(../img/top/head_bg.jpg) right no-repeat;
}

.head_freearea	{
	padding: 8px;
	text-align:left;
}

/* headtitle */

.head_title	{
	background: url(../img/top/head_bg.jpg) right no-repeat;
	padding: 0;
	margin: 0;
}


.head_logo	{
	width: 300px;
	float:left;
	padding: 0;
	margin: 0;
}

.head_right	{
	width: 650px;
	float: right;
	padding: 0;
	margin: 0;
	background: url(../img/top/head_bg.jpg) right no-repeat;

}

.head_freearea	{
	padding: 8px;
	text-align:left;
}

/* headmenu */

.head_menu	{
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	height: 24px;
	width: 950px;
/*	background: url(../img/top/headmenubg.jpg) repeat-x; */
	}

.head_menu_top	{
	float: left;
	background: url(../img/top/headmenu_topbt.jpg) top left no-repeat;
	width: 135px;
	height: 20px;
	margin: 0;
	padding-top: 4px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.4em;
}


.head_menu_top a:link	{
	color:#FFFFFF;
	text-decoration: none;
}

.head_menu_top a:visited	{
	color:#FFFFFF;
	text-decoration: none;
}

.head_menu_top a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.head_menu_top a:active {
	text-decoration: underline;
	color: #ffffff;
}


#MenuBar1 a:link {
	color: #B70100;
	text-decoration: none;
}
#MenuBar1 a:visited {
	text-decoration: none;
	color: #B70100;
}
#MenuBar1 a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#MenuBar1 a:active {
	text-decoration: underline;
	color: #ffffff;
}

/* 検索エンジン */

.head_search	{
	height: 25px;
	background: #B70100;
	padding-top: 5px;
	margin: 0;
}


.head_search a:link	{
	color:#FFFFFF;
	text-decoration: underline;
}

.head_search a:visited	{
	color:#FFFFFF;
	text-decoration: underline;
}

.head_search a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.head_search a:active {
	text-decoration: underline;
	color: #ffffff;
}

.head_search_left	{
	width: 300px;
	float: left;
	margin: 0;
	text-align:left;
	}

.head_search_right	{
	width: 520px;
	float: right;
	text-align: right;
	padding-right: 14px;
}

.head_search_form	{
	width: 230px;
	float: left;
	text-align:right;
}

.head_search_link	{
	width: 280px;
	float:right;
}


.head_search_icon	{
	padding-right: 10px;
	padding-left: 10px;
	vertical-align:middle;
}

/* 季節の特集 */

.head_special	{
	width: 948px;
	margin: 0;
	padding: 0;
	border: 1px #B70100 solid;
}

.head_special_season	{
	float:left;
	width: 150px;
	margin: 0;
	padding: 0;
	text-align:left;
}

.head_special_topics	{
	float: right;
	width: 790px;
	margin: 0;
	padding: 0;
	text-align:left;
}

.head_special_innner	{
	text-align:left;
	padding-top: 6px;
}

.head_special_wrapper	{
	padding: 0;
	margin: 0;
}

.head_special_title	{
	float: left;
	width: 74px;
}

.head_special_dtl	{
	float: left;
	width: 700px;
}


.head_special a:link	{
	color:#000000;
	text-decoration: underline;
}

.head_special a:visited	{
	color:#000000;
	text-decoration: underline;
}

.head_special a:hover {
	text-decoration: underline;
	color: #000000;
}
.head_special a:active {
	text-decoration: underline;
	color: #000000;
}

/* 休み告知 */

.yasumi	{
	font-weight: bold;
	background: #FFFF99;
	padding: 2px;
}

.yasumi a:link	{
	color:#CC0000 !important;
	text-decoration: underline;
}

.yasumi a:visited	{
	color:#CC0000 !important;
	text-decoration: underline;
}

.yasumi a:hover {
	text-decoration: underline;
	color: #CC0000 !important;
}
.yasumi a:active {
	text-decoration: underline;
	color: #CC0000 !important;
}


/* main */


.mainContents {
	margin:0;
	padding:0;
}


.main {
	width:800px;
	float:right;
}

/* side */

.left {
	width:150px;
	background-color: #FFF8DB;
}



.side	{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	background: #FFF8DB;
	text-align: center;
}


.side_sp	{
	margin-top: 6px;
	padding: 0;
	text-align:center;
}

.side_sp a:link {
	color: #0000ff;
	text-decoration: underline;
}
.side_sp a:visited {
	text-decoration: underline;
	color: #0000ff;
}
.side_sp a:hover {
	text-decoration: underline;
	color: #0000ff;
}
.side_sp a:active {
	text-decoration: underline;
	color: #0000ff;
}

.side_sp_txt	{
	width: 140px;
	margin: 0 auto;
	font-size: 10px;
	line-height: 130%;
	padding-top: 6px;
	padding-bottom: 4px;
}

.side_ranking	{
	width: 140px;
	margin: 7px auto;
}

.ranking_td	{
	vertical-align:top;
	font-size: 10px;
	line-height: 145%;
	text-align:left;
}

.ranking_td a:link {
	color: #000000;
	text-decoration: none;
}
.ranking_td a:visited {
	text-decoration: none;
	color: #0000ff;
}
.ranking_td a:hover {
	text-decoration: underline;
	color: #0000ff;
}
.ranking_td a:active {
	text-decoration: underline;
	color: #0000ff;
}


.side_link	{
	width: 138px;
	background: #FFFFFF;
	text-align:left;
	border: 1px #FFCC00 solid;
	margin: 6px auto;
	padding-bottom: 5px;
}

.side_link_box	{
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
	text-align:left;
}

.side_link_box a:link {
	color: #000033;
	text-decoration: underline;
}
.side_link_box a:visited {
	text-decoration: underline;
	color: #000033;
}
.side_link_box a:hover {
	text-decoration: underline;
	color: #000033;
}
.side_link_box a:active {
	text-decoration: underline;
	color: #000033;
}

.side_menu	{
	width: 140px;
	margin: 5px auto;
	padding: 0;
}

.side_menu_bn	{
	background-image: url(../img/top/side_umatan_menubg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 140px;
	text-align:center;
	}
	
.bn_img	{
	padding-bottom: 7px;
}

.side_qr	{
	width: 140px;
	margin: 7px auto;
}


/*　footer　*/

.footer {
	width:950px;
	height:60px;
	background-color:#99CC00;
}


/*　カテゴリーページ　*/

.cat_img	{
	vertical-align: middle;
	text-align: center;
	background: #FFFFFF;
}

.cat_dtl	{
	font-size: 12px;
	vertical-align:top;
	text-align:left;
	background: #FFFFFF;
}

.cat_dtl a:link	{
	text-decoration: underline;
	color: #333333;
}

.cat_dtl a:visited	{
	text-decoration: underline;
	color: #333333;
}

.cat_dtl a:hover	{
	text-decoration: underline;
	color: #333333;
}

.cat_dtl a:active	{
	text-decoration: underline;
	color: #333333;
}

.cat_dtl_bg	{
	background: #cccccc;
	margin: 0;
	padding: 0;
}


/*　商品詳細　*/

.product {
	font-size:14px;
	color:#ff0000;
	font-weight:bold;
	line-height: 140%;
	}
	
.name {
	line-height: 150%;	
}

.space_main_footer {
	height:45px;
}


.p_kago {
	font-size:14px;
}

.box_700_center {
	width:700px;
	margin: 0 auto;
	padding:5px;
	text-align: center;
}

.box_750_beige_center{
	width:750px;
	margin: 0 auto;
	background-color:#f8f8f4;
	text-align:center;
}


/*　買い物カゴフォーム　*/

.form {
	  width:780px;
	  margin: 30px auto 0 auto;
	  padding-top:35px;
	  padding-bottom:35px;
	  border: #999999 1px solid;
	  background:#FFFFFF;
}

.kago_txtarea	{
	vertical-align:top;
	padding: 0 0 0 45px;
	text-align:left;
}

.kago_setsumei	{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.kago_nametag	{
	float:left;
	width: 100px;
	margin: 0;
	padding-top: 5px;
	vertical-align: middle;
}


.kago_name	{
	border-bottom: 1px #666666 solid;
	width: 400px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin: 0 auto;
}

.h2_kago {
	margin: 0;
	padding-top: 0;
	font-size: 20px;
	display: block;
	float: left;
	line-height: 150%;
}

.kago_dtl	{
	width: 390px;
	padding-left: 10px;
	margin: 15px auto;
	height: 55px;

}

.kago_dtl_wrapper	{
	margin-top: 10px;
}


.kago_dtl_left	{
	width: 200px;
	float: left;
}

.kago_dtl_right	{
	width: 185px;
	float: right;
	text-align:left;
	font-size: 11px;
}


.kago_dtl_right a:link	{
	text-decoration: underline;
	color: #333333;
}

.kago_dtl_right a:visited	{
	text-decoration: underline;
	color: #333333;
}

.kago_dtl_right a:hover	{
	text-decoration: underline;
	color: #333333;
}

.kago_dtl_right a:active	{
	text-decoration: underline;
	color: #333333;
}

.kago_bottom_setsumei	{
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	display: block;
	width: 680px;
	text-align:left;
}

.kago_p	{
	text-align:right;
	margin-right:15px;
	padding: 0;
	margin-top: 0;
	display: block;
}



/*　table　*/	

.td_bgcolor_beige_center　{
	background: #E7E6C9;
	color: #000000;
	padding: 3px;
	text-align: center;
}

.td_bgcolor_beige_left　{
	background: #E7E6C9;
	color: #000000;
	padding: 3px;
	text-align: left;
}

.td_bgcolor_light-beige_left　{
	background: #F3F4EC;
	color: #000000;
	padding: 3px;
	text-align: left;
}


/*　色とline-height　*/
.blackb	{
	font-weight:bold;
	}

.black120per	{
	font-size:120%;
	font-weight:bold;
	line-height: 150%;
	}

.black140per {
	font-size:140%;
	font-weight:bold;
	line-height: 150%;
	}

.black180per {
	font-size:180%;
	font-weight:bold;
	line-height: 150%;
	}

.black220per {
	font-size:220%;
	font-weight:bold;
	line-height: 150%;
	}

.white100per {
	color:#ffffff;
	font-weight:bold;
	}

.white120per {
	font-size:120%;
	color:#ffffff;
	font-weight:bold;
	line-height: 150%;
	}

.white140per {
	font-size:140%;
	color:#ffffff;
	font-weight:bold;
	line-height: 150%;
	}


.red100per {
	color:#ff0000;
	font-weight:bold;
	}

.red120per {
	font-size:120%;
	color:#ff0000;
	font-weight:bold;
	line-height: 150%;
	}

.red140per {
	font-size:140%;
	color:#ff0000;
	font-weight:bold;
	line-height: 150%;
	}

.red180per {
	font-size:180%;
	color:#ff0000;
	font-weight:bold;
	line-height: 150%;
	}


.red220per {
	font-size:220%;
	color:#ff0000;
	font-weight:bold;
	line-height: 150%;
	}

.blue100per {
	color:#000099;
	font-weight:bold;
	}


.orange100per {
	color:#ff6600;
	font-weight:bold;
	}

.orange120per {
	font-size:120%;
	color:#ff6600;
	font-weight:bold;
	line-height: 150%;
	}

.orange140per {
	font-size:140%;
	color:#ff6600;
	font-weight:bold;
	line-height: 150%;
	}


.yellow140per {
	font-size:140%;
	color:#fdca00;
	font-weight:bold;
	line-height: 150%;
	}

.yellow180per {
	font-size:180%;
	color:#fdca00;
	font-weight:bold;
	line-height: 150%;
	}

.yellow220per {
	font-size:220%;
	color:#fdca00;
	font-weight:bold;
	line-height: 150%;
	}

.lightbrown100per {
	font-size:100%;
	color:#cc9900;
	font-weight:bold;
	line-height: 150%;
	}

.lightbrown120per {
	font-size:120%;
	color:#cc9900;
	font-weight:bold;
	line-height: 150%;
	}

.lightbrown140per {
	font-size:140%;
	color:#cc9900;
	font-weight:bold;
	line-height: 150%;
	}

.lightbrown220per {
	font-size:220%;

	color:#cc9900;
	font-weight:bold;
	line-height: 150%;
	}

.brown100per {
	font-size:100%;
	color:#660000;
	font-weight:bold;
	line-height: 150%;
	}

.brown120per {
	font-size:120%;
	color:#660000;
	font-weight:bold;
	line-height: 150%;
	}

.brown220per {
	font-size:220%;
	color:#660000;
	font-weight:bold;
	line-height: 150%;
	}

.green100per {
	color:#006600;
	font-weight:bold;
	}

.green140per {
	font-size:140%;
	color:#006600;
	font-weight:bold;
	line-height: 150%;
	}

.green220per {
	font-size:220%;
	color:#006600;
	font-weight:bold;
	line-height: 150%;
	}

/* footer */

.footer	{
	background: #B70100;
	text-align:center;
	font-size: 12px;
	height: 20px;
	padding-top: 10px;
}

.footer a:link {
	color: #ffffff;
	text-decoration: underline;
}
.footer a:visited {
	text-decoration: underline;
	color: #ffffff;
}
.footer a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.footer a:active {
	text-decoration: underline;
	color: #ffffff;
}

/*　その他　*/
.dtl_title {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.dtl_txt10 {
	font-size: 10px;
	color: #000000;
}
.dtl_txt12 {	
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.setumei {
	font-size: 12px;
	line-height: 140%;
	color: #ffffff;
}