@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;
}

.bled_navi .free{
	font-weight: bold;
}

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

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

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

.sp_title_inc{
float:left;
width:722px;
}

.sp_title h2{
padding:20px 0 0 36px;
}

.oisogi_bun{
margin-top:5px
}


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

.sp_title .read_txt{
width:380px;
padding:25px 0 15px 50px;
font-weight:normal;
line-height:160%;
color:#005594;
}

.sp_title .read_txt .free{
	font-weight: bold;
}


/* ------------------------------------------------------------------
	ナビゲーション
------------------------------------------------------------------- */
.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_original a,
li.nav_original a:hover img{
background: #00f url(images/nav_original_on.jpg) left top no-repeat;
width: 251px;
}

.bnr .oisogi_bnr{
	margin-top: 8px;	
}


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

.product-row3 p.catch{
color:#005594;
}

.product-row3 h4{
color:#ffa800;
}



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

	商品レイアウト
	
====================================================================*/
h3.sp_subtitle{
margin:0 0 20px 0;
}
ul.product-row2.last,
ul.product-row3.last,
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_yellow.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 5px 0;
padding:0 4px 0 0;
}

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

ul.product-row3 li p.product_pic img{
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_yellow.gif) repeat-x left bottom;
}

ul.product-row3 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-row3 li p.detail-fmaterial{
font-size:11px;
line-height:130%;
padding:6px 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;
}



/* ------------------------------------------------------------------
	商品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_yellow.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_rightcolumn.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:#FF5A00;
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:180px;
margin-top:20px;
color:#3a78b2;
}

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

.sp_colum p.tit{
text-align:center;
padding:5px 15px;
background-color:#acdaec;
font-weight:bold;
color:#01668f;
margin:10px 10px 0 10px;
border-left:4px solid #7ecdec;
border-right:4px solid #7ecdec;
}


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

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

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