@charset "utf-8";

@import url("../packages/tpl20090411/css/import.css");

* {
	margin				:	0;
	padding				:	0;
}

li {
	list-style			:	none;
}

img {
	border				:	none;
	vertical-align		:	bottom;
}

body {
	text-align			:	center;
	color				:	#FFF;
	font-size			:	14px;
	background-color	:	#000;
	font-family			:	Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

* + html body {
	font-family			:	"メイリオ","Meiryo";
}

hr {
	height				:	0;
}

/***/
.clear {
	clear				:	both;
	height				:	0;
}

a {
	color				:	#FFF;
	text-decoration		:	underline;
}

a:hover {
	color				:	#F00;
	text-decoration		:	underline;
}

#preview{
	position			:	absolute;
	border				:	1px solid #ccc;
	background			:	#333;
	padding				:	5px;
	color				:	#fff;
}

/********************** Header Assembly ***********************/
#header {
	width				:	820px;
	margin				:	0 auto;
	font-size			:	12px;
	border				:	1px solid #333;
}

#header .box_1 {
	height				:	80px;
	position:relative;
	background:url(../packages/tpl20090411/img/common/bg_logo.jpg) no-repeat left top;
}

#header .logo {
	width				:	350px;
	height				:	57px;
	position : absolute;
	top : 23px;
	left:0px;
}

#header .box_1 p {
	position:absolute;
	right:5px;
	bottom:5px;
	z-index:1;
}

#header .box_1 h1 {
	padding				:	2px 10px;
	font-size			:	12px;
	font-weight			:	normal;
	color				:	#EFEFEF;
	text-align:left;
}
.S_free{
	position:absolute;
	top:10px;
	left:553px;
}
.cartbtn_N {
	position:absolute;
	top:17px;
	left:690px;
}	
.box_flash {
	font-size:26px;
	color:#FFC;
	text-align:left;
}
.info_jishin {
	width:798px;
	padding:10px;
}
p.bnr_kizuna {
	width:218px;
	float:left;
}
p.bnr_kizuna span {
	display:block;
	width:218px;
}
p.infotxt {
	width:560px;
	padding:10px 0 10px 20px;
	float:right;
	font-size:14px;
	color:#CCC;
	text-align:left;
	line-height:1.6;
}
p.infotxt a{
	color:#F00;
}

/********************** Global Navi Assembly ***********************/

.box_navi li {
	float				:	left;
}
/********************** FotterAssembly ***********************
******************2010年5月1日全面改訂　脇屋******************
******************2011年6月6日全面改訂 脇屋*******************/
#footer {
	clear				:	both;
	width				:	818px;
	margin:0 auto;
}
#footer ul {
	padding-left:10px;
}
#footer ul li {
	float:left;
	padding:0 8px 8px 0;
}
#footer .footer_nav {
	width:808px;
	padding:5px 10px 5px 0;
	text-align:right;
}
#footer .footer_nav a {
	font-size:12px;
	color:#CCC;
}
#footer .footer_nav a:hover {
	color:#F00;
}
#footer .clear p {
	padding:10px 0;
}
/********************** MainAssembly ***********************/
#container {
	width				:	818px;
	margin				:	0 auto;
	text-align			:	left;
	/*display				:	inline-block;*/
	padding				:	0;
	border-left			:	1px solid #353535;
	border-right		:	1px solid #353535;
}

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

/********************** Two-Column(Left)Assembly ***********************/
#leftcolumn {
	width				:	218px;
	float				:	left;
	text-align			:	center;
	padding				:	16px 0 16px 10px;
}

/*********/
#banner_box_1_basic_area {
	margin-bottom: 10px;
}
#banner_box_1_basic_area .pusubnr {
	background-color:#ffffff;
	margin-bottom:5px;
}
/*********/
#bnr_box_3 p {
	margin-bottom:10px;
}
/*********/
#loginarea {
	text-align			:	left;
	width				:	218px;
}
#loginarea .login {
	background-color	:	#A60000;
	padding				:	10px;
	line-height			:	1.4;
	font-size			:	12px;
	border: 1px solid #333333;
	margin-bottom: 5px;
}
#loginarea .login p .box96 {
	width			:	120px;
}

#loginarea .login .left {
	width				:	120px;
	float				:	left;
}

#loginarea .login .right {
	width				:	60px;
	float				:	right;
	font-size			:	12px;
	text-decoration		:	underline;
	text-align			:	right;
}

/*********/
#cartarea {
	text-align			:	left;
	margin-bottom:10px;
}

#cartarea .cart {
	border				:	1px solid #383838;
	padding				:	6px 15px;
	background:url(../packages/tpl20090411/img/index/bg_cart.gif) repeat-y left top;

}

#cartarea .cart .number {
	font-size			:	12px;
	border-bottom		:	1px dashed #383838;
	padding				:	9px 5px;
}

#cartarea .cart .total {
	color				:	#F00;
	padding				:	9px 5px 10px;
}

#cartarea .cart .priceress {
	font-size			:	12px;
	margin-bottom		:	8px;
	padding				:	5px;
	border				:	1px solid #383838;
}

#cartarea .cart .look {
	text-align			:	center;
}

/*********/
#purpose {
	margin-bottom		:	20px;
	text-align			:	left;
}

#purpose {
	border				:	1px solid #383838;
	background: url(../packages/tpl20090411/img/index/bg_itembox2.gif) repeat-y left top;
	margin-bottom: 10px;
}

#purpose dt {
	margin			:	0 0 10px 0;
}

#purpose dd {
	width				:	88px;
	float				:	left;
	padding				:	0 0 10px 20px;
}

#purpose dd.bottom {
	padding-bottom		:	20px;
}

#purpose dd.dot_1 {	background	:url(../packages/tpl20090411/img/common/side_dot_1.gif) no-repeat 10px 5px;	}
#purpose dd.dot_2 {	background	:url(../packages/tpl20090411/img/common/side_dot_2.gif) no-repeat 10px 5px;	}
#purpose dd.dot_6 {	background	:url(../packages/tpl20090411/img/common/side_dot_6.gif) no-repeat 10px 5px;	}
#purpose dd.dot_7 {	background	:url(../packages/tpl20090411/img/common/side_dot_7.gif) no-repeat 10px 5px;	}
#purpose dd.dot_8 {	background	:url(../packages/tpl20090411/img/common/side_dot_8.gif) no-repeat 10px 5px;	}
#purpose dd.dot_9 {	background	:url(../packages/tpl20090411/img/common/side_dot_9.gif) no-repeat 10px 5px;	}

#purpose dd.dot_1 a:hover {	color	:#CD0B0C;}
#purpose dd.dot_2 a:hover {	color	:#FF9999;}
#purpose dd.dot_6 a:hover {	color	:#FFCC00;}
#purpose dd.dot_7 a:hover {	color	:#006699;}
#purpose dd.dot_8 a:hover {	color	:#99CC00;}
#purpose dd.dot_9 a:hover {	color	:#6600CC;}


/*********/
#guide {
	font-size			:	10px;
	text-align			:	left;
	margin-bottom		:	10px;
}

#guide ul {
}

#guide li.text {
	line-height			:	2;
}

/*********/
#banner_box_2_basic_area {
	margin-top		:	10px;
}
#banner_box_2_basic_area ul li {
	margin-bottom:10px;
}
/********************** Two-Column(Right)Assembly ***********************/
#two_maincolumn {
	width				:	570px;
	padding				:	16px 10px 16px 0;
	float				:	right;
}



#two_maincolumn #message_image{
	width				:	545px;
	margin              :   0 0 18px 12px;
}


#two_maincolumn #message_image p.bannerTxt{
color:#999999;
font-size:12px;
margin:5px 0 0;
text-align:left;
}

#two_maincolumn #message_text{
	border:solid 1px #353535;
	padding:5px;
	width				:	535px;
	margin              :   0 0 10px 12px;
	font-size:14px;
	line-height:150%;
	color               :   #cccccc;
}
#two_maincolumn #message_text a{
	color               :   #ffcc00;
}
#two_maincolumn #pickup{
width:537px;
	margin              :   0 0 0 12px;
}
#two_maincolumn #pickup h3{
margin:0 0 20px;
	background :#000000 url(../packages/tpl20090411/img/index/top_ttl_bg.jpg) no-repeat 0px -16px;
}
#two_maincolumn #pickup .pickup_list{
width:537px;
margin-bottom:20px;
}
#two_maincolumn #pickup .pickup_list .left_item{
width:267px;
float:left;
}
#two_maincolumn #pickup .pickup_list .right_item{
width:267px;
float:right;
}

#two_maincolumn #pickup .pickup_list:after,#two_maincolumn #pickup .pickup_list .left_item:after,#two_maincolumn #pickup .pickup_list .right_item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#two_maincolumn #pickup .pickup_list .left{
width:90px;
float:left;
}
#two_maincolumn #pickup .pickup_list .right{
width:168px;
float:right;
}
#two_maincolumn #pickup .pickup_list .right p{
margin-top:10px;
font-size:87%;
color:#cccccc;
line-height:130%;
letter-spacing:0px;
}

#two_maincolumn #pickup .pickup_list .right .title_p{
margin-top:0;
}
#two_maincolumn #pickup .pickup_list .right .title_p a{
font-size:14px;
color:#ffcc00;
line-height:150%;
}

/*********************************************/

#container .white_box .logout {
	text-align			:	right;
	margin				:	0 0 30px 0;
}

#container .white_box .logout a {
	color				:	#FFF;
	text-decoration		:	underline;
}

#container .white_box .logout a:hover {
	color				:	#F00;
	text-decoration		:	underline;
}

/*********************************************/

.logout {
	text-align			:	right;
	margin				:	0 20px 30px 0;
}





/********************** best5 ***********************/
#recomendrankingarea {
margin:0 auto;
width:545px;
}

#recomendrankingarea h2{
margin-bottom:14px;
}

#recomendrankingarea #recomendwrapp{
width:513px;
border:solid 1px #666666;
padding:16px 16px 0;
font-size:12px;
line-height:150%;
margin-bottom:18px;
}

#recomendrankingarea #first_item{
width:513px;
padding-bottom:24px;
}
#recomendrankingarea #first_item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#recomendrankingarea #first_item .left{
width:267px;
text-align:left;
float:left;
}
#recomendrankingarea #first_item .right{
width:246px;
float:right;
}

#recomendrankingarea #first_item .code_p{
}
#recomendrankingarea #first_item .title_p{
font-size:15px;
font-weight:bold;
}
#recomendrankingarea #first_item .price_p{
margin-bottom:2em;
/letter-spacing:-1px;
}

#recomendrankingarea #second_listarea{
border-top:dashed 1px #666666;
padding-top:28px;
}
#recomendrankingarea .second_list{
width:513px;
margin-bottom:34px;
}
#recomendrankingarea .second_list:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

#recomendrankingarea .second_list .second_list_left{
width:265px;
float:left;
}
#recomendrankingarea .second_list .second_list_right{
width:248px;
float:right;
}

#recomendrankingarea .second_item{
width:243px;
}
#recomendrankingarea .second_item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

#recomendrankingarea .second_item .left{
width:85px;
float:left;
padding:0 0 12px;
margin:0;
}
#recomendrankingarea .second_list .second_list_left .second_item .left{
width:90px;
text-align:left;
}

#recomendrankingarea .second_item .right{
width:150px;
float:right;
}
#recomendrankingarea .second_item .price_p{
margin-bottom:1em;
/letter-spacing:-1px;
}
#recomendrankingarea .second_item .cap_p{
font-size:12px;
line-height:150%;
}

#rankingarea {
width:545px;
margin:0 auto;
}
#rankingarea .rankingwrapp{
width:545px;
font-size:12px;
line-height:150%;
margin-bottom:18px;
}
#rankingarea .rankingwrapp .rankinglist{
width:545px;
margin-bottom:18px;
}
#rankingarea .rankingwrapp .rankinglist:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#rankingarea .rankingwrapp h3{
margin-bottom:18px;
}
#rankingarea .rankingwrapp .ranking_itemlist{
width:261px;
border:solid 1px #666666;
}
#rankingarea .rankingwrapp .leftlist{float:left;}
#rankingarea .rankingwrapp .rightlist{float:right;}
#rankingarea .rankingwrapp .ranking_itemlist h4{
background:url(../packages/tpl20090411/img/commonhd_bg.gif) left top no-repeat;
border-bottom:solid 1px #666666;
line-height:100%;
font-size:16px;
padding:9px 16px 9px;
margin-bottom:24px;
}


.ranking_item{
width:245px;
margin:0 0 30px 15px;
}
.ranking_item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.ranking_item .left{
width:85px;
float:left;
}
.ranking_item .right{
width:155px;
float:right;
}

.ranking_item .rank_p{
margin-bottom:8px;
}
.ranking_item .code_p{
font-size:12px;
line-height:120%;
}
.ranking_item .title_p{
font-size:12px;
}
.ranking_item .price_p{
font-size:12px;
/letter-spacing:-1px;
}

/*********************************************/
/*====================================================
左カラム、フッター改訂にあたり作成
2010年3月15日　脇屋
2010年6月9日　改定　脇屋
=====================================================*/
#message_text_new ul {
	border:#333333 solid 1px;
	margin-bottom:10px;
}
#message_text_new ul li p {
	padding:5px 8px;
	color:#999999;
	text-align:left;
}
#message_text_new .intotoroku {
	padding:0px 0px 8px 15px;
	font-size:12px;
	color:#999999;
	background:url(../packages/tpl20090411/img/index/bg_card.gif) no-repeat left top;
}
#message_text_new .intotoroku a {
	font-size:16px;
	color:#999999;
}
#message_text_new .intotoroku a:hover {
	color:#CC0000;
}
#message_text_new .intodeliv a {
	display:block;
	width:216px;
	height:45px;
}
.QAbnr,
.side_noshi,
.side_letter,
.side_doukon {
	margin-bottom:5px;
}
/*
-----------------------アイテムリンクボックス*/
#itemlink {
	width: 218px;
	margin-bottom:10px;
}
#itemlink dt {
	margin:25px 0 20px 0;
}
#guide .guide_new {
	margin:5px 0;
}
#guide .guide_old {
	margin-bottom:2px;
}
/*
--------------------------7月15日デザイン改変のため追記　脇屋*/
#guide .guide_new_fax,
#guide .guide_new_excel {
	position:relative;
	margin-bottom:5px;
}
#guide .guide_new_fax a, 
#guide .guide_new_excel a {
	display:block;
	width:195px;
	height:34px;
	position:absolute;
	left:12px;
	bottom:10px;
}
/*
--------------------------10月22日デザイン改変のため追記　脇屋*/
#guide .mediabox {
	margin:5px 0;
}

/*
--------------------------12月13日料理米特集ページのため追記　ROCOZ*/
#two_maincolumn #ryourimai_image{
	width				:	545px;
	margin              :   0 0 18px 12px;
}

#two_maincolumn #bamboo_image{
	width				:	545px;
	margin              :   0 0 18px 12px;
}
/*
-----------------------------2011年3月28日　絆プロジェクトのため追記*/
#kizuna {
	width:545px;
	margin:0 0 18px 12px;
}
#kizuna .kizuna_txt {
	padding:5px;
	color:#CCC;
}
#kizuna .kizuna_txt a {
	color:#F00;
}

/*
-----------------------------2011年4月14日　メンテナンス・GW営業時間告知のため追記　ROCOZ*/

.mente {

	width:545px;
	margin:0 0 18px 12px;
}

.mente .mente_title {
	color: #F90;
	font-weight: bold;
}

.mente .gw_title {
	color: #F90;
	font-weight: bold;
}

.mente .mente_txt {
	padding:5px;
	color:#CCC;
}
.mente .mente a {
	color:#F00;
}

.mente strong{
	color:#FFF;
	font-weight: bold;
}
/* カレンダー用CSS */
table.calendar {
    border-collapse: collapse;
    color: #333333;
    font-size: 12px;
    left: 24px;
    line-height: 1.5;
    top: 482px;
    width: 190px;
	background-color:#ffffff;
}
table.calendar .today {
    background-color: #990000;
    font-weight: bold;
	color:#ffffff;
}

table.calendar .shukkabi {
    background-color: #FF9966;
    font-weight: bold;
	color:#ffffff;
}

table.calendar td {
    text-align: center;
}

table.calendar th {
    text-align: center;
    font-weight: normal;
}

table.calendar th.sunday {
	color: #ff0000;
}

table.calendar caption{
	background-color:#660000;
    color: #ffffff;
	padding:5px auto 5px auto;
	line-height:1.5;
}

#calendar_area .calendar_left{
	float: left;
}

#calendar_area .calendar_right{
	float: right;
}

#calendar_side .calendar_box{
	margin-bottom:10px
}

#calendar_side table.calendar {
	width:217px;
}

/* 現在の注文状況用CSS */
div.top_order{
	height:285px;
	width:248px;
	overflow:scroll;
	overflow-x:hidden;
	margin-top:-20px;
}

div.top_order ul{
	margin:0 5px 5px 5px;
	color: #CCCCCC;
   	 font-size: 12px;

}

div.top_order ul li{
	line-height : 2;
}

div.top_order ul li.time_li{
	background:url(../packages/tpl20090411/img/top/arrow.jpg) no-repeat left 8px;
	padding-left:12px;
}

div.top_order ul.time{
	font-color:#999999;
	font-weight:bold;
}

div.top_order ul.item{
	font-color:#cccccc;
	font-weight:normal;
}

div.top_order ul.item li.total{
	text-align:right;
}

div.top_order ul.item{
	border-bottom:dotted 2px #484848;
}

div.top_order ul li.li_left{
	float:left;
	width:150px;
	white-space:nowrap;
}
#fbbox {
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}
/*
-------------------------------2011年6月28日　シリーズページへ産地表示へのリンクバナー挿入のため追記　脇屋*/
.tosanchi {
	margin:0 auto;
	width:560px;
	padding:5px 0 10px;
}

/*-------------------------------2011年8月8日以降 KT*/

a#filter:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}
.topfilter {
	background-color:#ffffff;
}
.box_navi {
	background-color:#ffffff;
}
.LP_bnrL li,.LP_bnrR li {
	margin:0 0 10px 0;
	background-color:#fff;
}


/**************** .top_voice setting *****************/
.top_service {
	margin-bottom	:	42px;
    padding-left	:	8px;
}

.top_service .top_ttl_box {
	margin-top	:	20px;
	margin-bottom	:	17px;
}

.top_service li {
    float			:	left;
    width			:	362px;
    padding-right	:	12px;
    padding-bottom	:	17px;
    font-size:.83em;

}

.top_service li a {
	text-decoration:none;
}

.top_service li span {
	text-decoration: underline;
}


.top_service li.last {
	padding-right	:	0;
}

.top_service .service_btm_box li {
	width			:	180px;
    padding-right	:	4px;
    padding-bottom	:	17px;
}

.top_service .service_btm_box li.last {
	padding-right	:	0;
}

.top_service li img {
	margin-bottom	:	4px;
}