@charset "Shift_JIS";
/* ------------------------------------------------------------------

	他ページ共通 CSS
	
------------------------------------------------------------------- */
/*.footer{
padding-top:0;
}*/

.biggest_colomn p{
font-size:12px;
}

.sp_column{
width:950px;
margin-bottom:20px;
}

.sp_main_column{
float:left;
width:750px;
padding:0;
margin:0;
}

.sp_sub_column{
float:right;
width:180px;
margin:0;
}

.icon_sanchoku {
float: left;
padding:0 5px 5px 0;
}


/*====================================================================

	タイトル
	
====================================================================*/

.sp_title{
width: 950px;
background:#eae9e0 url(images/bg_sp_title.jpg) no-repeat 0 0 ;
}

/*--clearfix--*/
.sp_title:after{
content: "";
display: block;
clear: both;
}

.sp_title h2{
float:left;
width:319px;
padding:0 14px 0 43px;
}

.oisogi_bun{
margin-top:5px
}

/* ------------------------------------------------------------------
	タイトルリード
------------------------------------------------------------------- */

.sp_title .read_txt{
opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.8;              /* Safari 1.x */
zoom:1;

float:left;
width:285px;
margin:40px 15px 0 0;
font-weight:normal;
line-height:160%;
background-color:#ffffff;
border:3px solid #68699d;
padding:15px 20px;
}

.sp_title .read_txt span{
font-weight:bold;
font-size:14px;
color:#022741;
}

/* ------------------------------------------------------------------
	商品別締切日
------------------------------------------------------------------- */

.sp_title .fixday{
float:left;
width:228px;
}

.sp_title .fixday h3{
margin:12px 0 2px 0;
}

.sp_title .fixday ul{
width:208px;
margin-left:5px;
}

.sp_title .fixday li{
background:url(images/line_dot_gray.gif) repeat-x left bottom;
padding:5px 0 0 0;
overflow:hidden;
font-size:14px;
line-height:95%;
_line-height:120%;
font-weight:bold;
color:#d8006b;
}

*html .sp_title .fixday li{
height:1%;
}

.sp_title .fixday li.end{
background:none;
}

.sp_title .fixday li p.icon_img{
float:left;
width:47px;
padding-bottom:5px;
}

.sp_title .fixday li p.icon_txt{
float:left;
width:157px;
padding-bottom:5px;
}

.sp_title .fixday li span.icon_name{
font-size:11px;
font-weight:normal;
color:#054b7a;
}

.sp_title .fixday li span.small{
font-size:10px;
color:#d8006b;
padding-left:50px;
}


.sp_title .fixday li p.attention{
clear:both;
padding:4px;
background-color:#f4f4f4;
font-size:11px;
color:#666666;
line-height:130%;
margin:0 0 6px 0;
}

.sp_title .fixday li span.attention2{
padding:4px;
font-size:11px;
color:#5F2871;
font-weight:normal;
line-height:130%;
}





/* ------------------------------------------------------------------
	ナビゲーション
------------------------------------------------------------------- */
.sp_index{
width: 950px;
margin-bottom:20px;
}

.sp_index ul{
padding:0;
overflow: hidden; /*-----float解除------*/
}

* html .sp_index ul{
height:52px; /*-----IE_float解除------*/
}

.sp_index ul li{
float:left;
}

.sp_index ul li a{
display: block;
position: relative;
overflow: hidden;
height: 52px;
}

.sp_index ul li a:hover img{
position: relative;
top:-52px;
height: 52px;	
}

li.nav_arrange a,
li.nav_arrange a:hover img{
background: #00f url(images/nav_arrange_on.jpg) left top no-repeat;
width: 233px;
}

li.nav_bouquet a,
li.nav_bouquet a:hover img{
background: #00f url(images/nav_bouquet_on.jpg) left top no-repeat;
width: 233px;
}

li.nav_pot a,
li.nav_pot a:hover img{
background: #00f url(images/nav_pot_on.jpg) left top no-repeat;
width: 233px;
}

li.nav_prese a,
li.nav_prese a:hover img{
background: #00f url(images/nav_prese_on.jpg) left top no-repeat;
width: 233px;
}

li.nav_original a,
li.nav_original a:hover img{
background: #00f url(images/nav_original_on.jpg) left top no-repeat;
width: 251px;
}



/* ------------------------------------------------------------------
	文字色
------------------------------------------------------------------- */

.simekiri{
color:#FF0000
}

.product-row2 p.catch,
.product-row3 p.catch,
.product-row4 p.catch{
color:#3a78b2;
}

.product-row2 h4,
.product-row3 h4,
.product-row4 h4{
color:#312570;
}



/*====================================================================

	商品レイアウト
	
====================================================================*/
h3.sp_subtitle{
margin:0 0 20px 0;
}
.sp_main_column ul.product-row2.last,
.sp_main_column ul.product-row3.last,
.sp_main_column ul.product-row4.last{
background:none;
margin:0 0 10px 0;
}
/* ------------------------------------------------------------------
	商品2列
------------------------------------------------------------------- */

ul.product-row2{
padding:0 0 0 0;
margin:0 0 20px 0;
background:url(images/line_dot_gray.gif) repeat-x left bottom;
overflow:hidden; /*----- float解除------*/
}

*html ul.product-row2{
height:1%; /*----- float解除------*/
}

ul.product-row2 li{
float:left;
width:355px;
margin:0 10px;
_display:inline;/*IE6hack*/
}

ul.product-row2 li p.catch{
line-height:110%;
overflow:hidden;
margin:0 0 5px 0;
padding:0;
}

*html ul.product-row2 li p.catch{
height:1%;
}


ul.product-row2 li p.catch img{
float:left;
margin:0 5px 0 0;
}

ul.product-row2 li p.product_pic{
float:left;
widows:168px;
}

ul.product-row2 li p.product_pic img{
border:1px solid #dfdfdf;
}



ul.product-row2 li h4{
padding:0 0 2px 0;
}
ul.product-row2 li p.price{
padding:0 0 2px 0;
font-weight:bold;
background:url(images/line_dot_product.gif) repeat-x left bottom;
}

ul.product-row2 li p.detail-size{
font-size:11px;
line-height:130%;
padding:6px 0 0 34px;
background:url(images/icon_size.gif) no-repeat left 4px;
}

ul.product-row2 li p.detail-fmaterial{
font-size:11px;
line-height:130%;
padding:6px 0 0 34px;
background:url(images/icon_fmaterial.gif) no-repeat left 6px;
}

ul.product-row2 .txtbox{
/*--最小の高さ--*/
float:left;
margin:0 0 0 10px;
width:168px;
min-height:142px;
height:auto !important;
height:142px;
}

ul.product-row2 .order{
text-align:right;
margin-bottom:20px;
}
/* ------------------------------------------------------------------
	商品3列
------------------------------------------------------------------- */

ul.product-row3{
padding:0 0 0 0;
margin:0 0 20px 0;
background:url(images/line_dot_gray.gif) repeat-x left bottom;
overflow:hidden; /*----- float解除------*/
}

*html ul.product-row3{
height:1%; /*----- float解除------*/
}

ul.product-row3 li{
float:left;
width: 230px;
margin:0 10px;
_display:inline;/*IE6hack*/
}

ul.product-row3 li p.catch{
line-height:110%;
overflow:hidden;
margin:0 0 0 0;
padding:0 4px 0 0;
}

ul.product-row3 li p.catch img{
float:left;
padding:0 5px 0 0;
}

ul.product-row3 li p.product_pic img{
margin-top:5px;
border:1px solid #dfdfdf;
}

ul.product-row3 li h4{
padding:5px 5px 2px 5px;
}
ul.product-row3 li p.price{
padding:0 5px 3px 5px;
font-weight:bold;
background:url(images/line_dot_product.gif) repeat-x left bottom;
}

ul.product-row3 li p.detail-size{
font-size:11px;
line-height:130%;
padding:4px 0 0 34px;
background:url(images/icon_size.gif) no-repeat left 4px;
}

ul.product-row3 li p.detail-fmaterial{
font-size:11px;
line-height:130%;
padding:2px 0 0 34px;
background:url(images/icon_fmaterial.gif) no-repeat left 2px;
}

ul.product-row3 li p.detail-material{
font-size:11px;
line-height:130%;
padding:2px 0 0 34px;
background:url(images/icon_material.gif) no-repeat left 2px;
}

ul.product-row3 li p.detail-fmaterial{
font-size:11px;
line-height:130%;
padding:2px 0 0 34px;
background:url(images/icon_fmaterial.gif) no-repeat left 2px;
}

ul.product-row3 .txtbox{
/*--最小の高さ--*/
min-height:135px;
height:auto !important;
height:135px;
}

ul.product-row3 .order{
text-align:center;
margin-bottom:20px;
}

ul.product-row3 .order_2days{
text-align:center;
margin-bottom:5px;
}



/* ------------------------------------------------------------------
	商品4列
------------------------------------------------------------------- */

ul.product-row4{
padding:0 0 0 0;
margin:0 0 20px 0;
background:url(images/line_dot_gray.gif) repeat-x left bottom;
overflow:hidden; /*----- float解除------*/
}

*html ul.product-row4{
height:1%; /*----- float解除------*/
}

ul.product-row4 li{
float:left;
width: 168px;
margin:0 9px 0 10px;
_display:inline;/*IE6hack*/
}

ul.product-row4 li p.catch{
line-height:110%;
overflow:hidden;
margin:0 0 5px 0;
padding:0 4px 0 0;
}

ul.product-row4 li p.catch img{
float:left;
margin:0 5px 0 0;
}

ul.product-row4 li p.product_pic img{
border:1px solid #dfdfdf;
}

ul.product-row4 li h4{
padding:5px 5px 2px 5px;
}
ul.product-row4 li p.price{
padding:0 5px 5px 5px;
font-weight:bold;
background:url(images/line_dot_product.gif) repeat-x left bottom;
}

ul.product-row4 li p.detail-size{
font-size:11px;
line-height:130%;
padding:6px 0 0 34px;
background:url(images/icon_size.gif) no-repeat left 6px;
}

ul.product-row4 li p.detail-fmaterial{
font-size:11px;
line-height:130%;
padding:6px 0 0 34px;
background:url(images/icon_fmaterial.gif) no-repeat left 6px;
}

ul.product-row4 .txtbox{
/*--最小の高さ--*/
min-height:130px;
height:auto !important;
height:130px;
}

ul.product-row4 .order{
text-align:center;
margin-bottom:20px;
}

/*====================================================================

	右カラム
	
====================================================================*/

/* ------------------------------------------------------------------
	ランキング
------------------------------------------------------------------- */

.sp_ranking{
background:#fff5f8 url(images/bg_rightcolumn01.gif) repeat 00;
padding-bottom:20px;}


.sp_ranking h2{
}

.sp_ranking ul{
}

.sp_ranking li{
padding:0 15px 15px 15px;
}

.sp_ranking li p img{
border:1px solid #f1f1f1;
}

.sp_ranking li p a{
font-weight:bold;
color:#0b9a9f;
text-decoration:none;
}

.sp_ranking li p a:hover{
text-decoration:underline;
}

.sp_ranking li p span.price{
font-size:11px;
font-weight:normal;
color:#333333;
}

/* ------------------------------------------------------------------
	コラム
------------------------------------------------------------------- */
.sp_colum{
background:#fff5f8 url(images/bg_rightcolumn02.gif) repeat left bottom;
padding-bottom:160px;
margin-top:20px;
color:#0d7478;
}

.sp_colum p{
padding:10px 15px;
}

.sp_colum p.tit{
text-align:center;
padding:5px 10px;
background-color:#39bec3;
font-weight:bold;
color:#ffffff;
margin:10px 10px 0 10px;
border-left:4px solid #0d7478;
border-right:4px solid #0d7478;
}


/* ------------------------------------------------------------------
	特集
------------------------------------------------------------------- */
.sp_tokushu{
margin-top:20px;
}

.sp_tokushu h3{
margin-bottom:10px;
}

.sp_tokushu ul li{
padding:0 0 5px 0;
}