@charset "Shift_JIS";
/* 制作者情報 */
/* ブラウザ初期化スタイル */
/* 共通部分のスタイル */
/* 各ページ個別のスタイル */

/*--------------------------------------------------------------------
guideline : ver1.07
since : 2008/11/11
writer : 
last_editday : 2008/11/11
last_editor : 
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
otoiawase
フォームページのcss
--------------------------------------------------------------------*/

/*共通箇所*/

div.commonForm p{
	padding:0 10px 10px 10px;
	font-size:90%;
	line-height:1.8;
	letter-spacing:0;
}
div.commonForm p b{
	font-weight:bold;
}
div.commonForm p span{
	color:#690;
}
div.commonForm table{
	width:522px;
	margin:0 0 0 10px;
	border-top:1px solid #999;
}
html:not([lang*=""]) div.commonForm table{
	border-collapse:separate;
	border-spacing:0;
}
div.commonForm table tr td{
	padding:6px 10px;
	font-size:90%;
}
div.commonForm table tr td.form_index{
	width:30%;
	background:#EEE;
	color:#666;
	border-left:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
div.commonForm table tr td.list_value{
	color:#222;
	border-right:1px solid #999;
	border-bottom:1px solid #CCC;
}
div.commonForm table tr td.form_index span.must{
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	color:#060;
}
div.commonForm table tr.style_name td input{
	width:200px;
	height:1.6em;
}
div.commonForm table tr.style_tel td input{
	height:1.6em;
}
div.commonForm table tr.style_kana td input,
div.commonForm table tr.style_add td input,
div.commonForm table tr.style_e_mail td input,
div.commonForm table tr.style_e_mail_check td input{
	width:300px;
	height:1.6em;
}
div.commonForm table tr.style_field9 td input,
div.commonForm table tr.style_field10 td input,
div.commonForm table tr.style_field11 td input,
div.commonForm table tr.style_field12 td input,
div.commonForm table tr.style_field16 td input,
div.commonForm table tr.style_field17 td input,
div.commonForm table tr.style_field19 td input,
div.commonForm table tr.style_field20 td input,
div.commonForm table tr.style_field21 td input,
div.commonForm table tr.style_field22 td input,
div.commonForm table tr.style_field28 td input,
div.commonForm table tr.style_field30 td input{
	width:300px;
	height:1.6em;
}
div.commonForm table tr.style_field3 td,
div.commonForm table tr.style_field5 td,
div.commonForm table tr.style_field6 td,
div.commonForm table tr.style_field8 td,
div.commonForm table tr.style_field13 td,
div.commonForm table tr.style_field15 td,
div.commonForm table tr.style_field18 td,
div.commonForm table tr.style_field23 td,
div.commonForm table tr.style_field27 td{
	padding:10px;
	text-align:center;
	border-right:1px solid #999;
	background:#DDD;
}
div.commonForm table tr.style_field2 td input,
div.commonForm table tr.style_field4 td input,
div.commonForm table tr.style_field7 td input,
div.commonForm table tr.style_field14 td input{
	vertical-align:middle;
}
div.commonForm table tr.tr_submit td{
	padding:10px;
	border-right:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
}
div.commonForm table textarea{
	width:98%;
	height:120px;
}
div.commonForm a.otoiawase_back{
	display:none;
}

/*お花の定期便サービス*/
div#service01{
	background:url(../../images/service/img01.jpg) no-repeat right 40px;
}
div#service01 dl{
	padding:10px 10px 20px 10px;
}
div#service01 dl dt img{
	display:block;
	margin:0 0 10px 0;
}
div#service01 dl dd{
	font-size:90%;
	letter-spacing:0;
	line-height:1.8;
}
div#service01 dl dd span{
	color:#C00;
}
div#service02 p{
	padding:0 10px 10px 10px;
	color:#360;
}
div#service02 div.serviceBox{
	margin:0 0 10px 0;
	padding:10px;
	background:#F3EFDE;
}
div#service02 h3{
	margin:0 0 10px 0;
	padding:0 0 5px 5px;
	color:#6B5213;
	background:url(../../images/dot01.gif) repeat-x bottom;
	font-size:14px;
}
div#service02 table{
	width:510px;
	margin:0 -15px 0 5px
}
div#service02 table tr td{
	width:160px;
	padding:0 15px 0 0;
	vertical-align:top;
}
div#service02 table tr td img{
	width:160px;
	margin:0 0 5px 0;
}
div#index03 table tr td span.new{
	display:none;
}
div#index03 table tr td h3{
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	background:url(../../images/icon02.gif) no-repeat left 3px;
	font-size:12px;
	font-weight:bold;
	color:#47370E;
}
div#index03 table tr td p{
	display:none;
}

/*--------------------------------------------------------------------
list
商品ページ（一覧） のcss
--------------------------------------------------------------------*/

/*listCate*/
div#listCate ul.big{
	width:520px;
	padding:10px;
	background:url(../../images/list/cate_bg.jpg) no-repeat left top #BDE1BD;
	overflow:hidden;
}
div#listCate ul.big li{
	float:left;
	margin:0 20px 0 0;
	padding:0 0 0 16px;
	background:url(../../images/icon04.jpg) no-repeat left center;
	white-space:nowrap;
}
div#listCate ul.big li a{
	font-weight:bold;
	font-size:14px;
}
div#listCate ul.cat_cate_s{
	width:520px;
	padding:10px;
	background:#E9F5E9;
	overflow:hidden;
	border-bottom:1px solid #8ACA8A;
}
div#listCate ul.cat_cate_s li{
	float:left;
	margin:0 20px 0 0;
	padding:0 0 0 10px;
	background:url(../../images/icon01.gif) no-repeat left center;
	white-space:nowrap;
}
div#listCate ul.cat_cate_s li a{
	letter-spacing:0;
	font-size:90%;
}

/*listBody*/
div#listBody ul.cat_sort{
	width:520px;
	padding:10px;
	overflow:hidden;
}
div#listBody ul.cat_sort li{
	float:left;
	margin:0 10px 0 0;
	white-space:nowrap;
}
div#listBody ul.cat_sort li span{
	display:block;
	width:80px;
	height:21px;
	background:url(../../images/list/sort_icon.jpg) no-repeat;
	text-indent:-9999px;
	font-size:0;
}
div#listBody ul.cat_sort li a{
	font-size:x-small;
	color:#553300;
}
div#listBody div.menu{
	padding:0 10px 5px 10px;
	font-size:90%;
	text-align:right;
}
div#listBody div#contents{
	width:526px;
	margin:0 0 10px 0;
	padding:0 7px 10px 7px;
	background:#F3EFDE;
}
div#listBody table{
	width:510px;
}
div#listBody table tr td{
	width:160px;
	padding:15px 8px;
	vertical-align:top;
	background:url(../../images/dot01.gif) repeat-x left bottom;
}
div#listBody table tr td img{
	width:160px;
}
div#listBody table tr td span.new{
	display:block;
	width:65px;
	height:25px;
	background:url(../../images/list/new_icon.jpg) no-repeat;
	text-indent:-9999px;
	font-size:0;
}
div#listBody table tr td h3{
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	background:url(../../images/icon02.gif) no-repeat left 3px;
	font-size:12px;
	font-weight:bold;
	color:#47370E;
}
div#listBody table tr td p{
	font-size:x-small;
	letter-spacing:0;
	color:#948150;
}
div#listBody table tr td p.price{
	padding:0 36px 0 0;
	background:url(../../images/list/price_bg.gif) no-repeat right center;
	color:#006600;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	letter-spacing:0;
}

div#listBody table tr td p.price span{
	color:#dc143c;
	font-size:16px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}

div#listBody table tr td p.price span:before{
	content:"SALE ";
}

div#listBody table tr td p.detail{
	display:block;
	width:84px;
	height:21px;
	margin:5px 0 0 76px;
	background:url(../../images/index/btn01_off.gif) no-repeat;
	text-indent:-9999px;
	font-size:0;
}
div#listBody table tr td p.detail a{
	display:block;
	height:21px;
}
div#listBody table tr td p.detail a:hover{
	background:url(../../images/index/btn01_on.gif) no-repeat;
}
div#listBody div.cathand_list_back{
	width:112px;
	height:18px;
	background:url(../../images/list/back_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
}
div#listBody div.cathand_list_back a{
	display:block;
	height:18px;
}
div#listBody div.cathand_list_back a:hover{
	background:url(../../images/list/back_btn.gif) no-repeat 0 -18px;
}

/*--------------------------------------------------------------------
detail
商品ページ（詳細） のcss
--------------------------------------------------------------------*/

/*detailBody*/
div#detailBody div.cathand_detail{
	width:530px;
	padding:0 5px;
	overflow:hidden;
}
div#detailBody div.cathand_detail_left{
	float:left;
	width:430px;
	margin:0 20px 20px 0;
	padding:0 0 20px 0;
	background:url(../../images/detail/text.gif) no-repeat right bottom;
}
div#detailBody div.cathand_detail_left p{
	display:none;
}
div#detailBody div.cathand_detail_left img{
	width:420px;
	padding:4px;
	background:#EEE;
	border:1px solid #DDD;
	vertical-align:bottom;
}
div#detailBody div.cathand_detail_img{
	float:right;
	width:80px;
	margin:0 0 20px 0;
}
div#detailBody div.cathand_detail_img p{
	display:none;
}
div#detailBody div.cathand_detail_img img{
	width:80px;
	margin:0 0 3px 0;
}
div#detailBody div.cathand_detail_right h2{
	clear:both;
	margin:0;
	padding:0 0 0 20px;
	background:none;
	color:#333;
	background:url(../../images/title_bg03.jpg) no-repeat;
	line-height:30px;
}
div#detailBody div.cathand_detail_right p.de_ad{
	display:none;
}
div#detailBody div.cathand_detail_right p.de_pr{
	padding:10px 20px 10px 20px;
	background:url(../../images/detail/price_bg.jpg) no-repeat left top;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}
/*
div#detailBody div.cathand_detail_right p.de_pr:after{
	content:"（税込み）"
}*/
div#detailBody div.cathand_detail_right p.de_se{
	padding:10px 20px 10px 20px;
	background:url(../../images/detail/price_bg.jpg) no-repeat left top;
	color:#ff6666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align:left;
}
/*
div#detailBody div.cathand_detail_right p.de_se:after{
	content:"キャンペーン価格（税込み）"
}*/
div#detailBody div.cathand_detail_right p.de_ka{
	padding:10px 20px 10px 20px;
	text-align:left;
	background:#E9F5E9;
	border-bottom:1px solid #8ACA8A;
}
div#detailBody div.cathand_detail_right p.de_ka:after{
	content:"　　　※価格は税込み表記です";
}
div#detailBody div.de_de{
	padding:15px 20px;
	border-top:1px solid #FFF;
	background:#E9F5E9;
	font-size:90%;
	letter-spacing:0;
}
div#detailBody img.emono1_acc_image,
div#detailBody img.emono1_acc_image_acc,
div#detailBody img.emono1_acc_image_ana,{
	display:none;
}

/*detailList*/
div#detailList ul{
	width:535px;
	height:50px;
	margin:20px 0 20px 0;
	padding:5px 0 5px 5px;
	background:url(../../images/detail/navi.jpg) no-repeat;
}
div#detailList ul li{
	float:left;
	width:170px;
	height:50px;
	margin:0 10px 0 0;
	text-indent:-9999px;
	font-size:0;
}
div#detailList ul li.li03{
	margin:0;
}
div#detailList ul li a{
	display:block;
	width:170px;
	height:50px;
}
div#detailList ul li.li01 a:hover{
	background:url(../../images/detail/navi.jpg) no-repeat -5px -65px;
}
div#detailList ul li.li02 a:hover{
	background:url(../../images/detail/navi.jpg) no-repeat -185px -65px;
}
div#detailList ul li.li03 a:hover{
	background:url(../../images/detail/navi.jpg) no-repeat -365px -65px;
}
div#detailList p{
	width:112px;
	height:18px;
	margin:0 0 20px 10px;
	background:url(../../images/list/back_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
}
div#detailList p a{
	display:block;
	height:18px;
}
div#detailList p a:hover{
	background:url(../../images/list/back_btn.gif) no-repeat 0 -18px;
}

/*detailRelation*/
div#detailRelation div#contents{
	width:526px;
	margin:0 0 10px 0;
	padding:0 7px 10px 7px;
	background:#F3EFDE;
}
div#detailRelation table{
	width:510px;
}
div#detailRelation table tr td{
	width:160px;
	padding:15px 8px;
	vertical-align:top;
	background:url(../../images/dot01.gif) repeat-x left bottom;
}
div#detailRelation table tr td img{
	width:160px;
}
div#detailRelation table tr td span.new{
	display:block;
	width:65px;
	height:25px;
	background:url(../../images/list/new_icon.jpg) no-repeat;
	text-indent:-9999px;
	font-size:0;
}
div#detailRelation table tr td h3{
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	background:url(../../images/icon02.gif) no-repeat left 3px;
	font-size:12px;
	font-weight:bold;
	color:#47370E;
}
div#detailRelation table tr td p{
	font-size:x-small;
	letter-spacing:0;
	color:#948150;
}
div#detailRelation table tr td p.price{
	color:#006600;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	letter-spacing:0;
}
div#detailRelation table tr td p.detail{
	display:block;
	width:84px;
	height:21px;
	margin:5px 0 0 76px;
	background:url(../../images/index/btn01_off.gif) no-repeat;
	text-indent:-9999px;
	font-size:0;
}
div#detailRelation table tr td p.detail a{
	display:block;
	height:21px;
}
div#detailRelation table tr td p.detail a:hover{
	background:url(../../images/index/btn01_on.gif) no-repeat;
}
div#detailRelation div.cathand_list_back{
	width:112px;
	height:18px;
	background:url(../../images/list/back_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
}
div#detailRelation div.cathand_list_back a{
	display:block;
	height:18px;
}
div#detailRelation div.cathand_list_back a:hover{
	background:url(../../images/list/back_btn.gif) no-repeat 0 -18px;
}