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

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

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


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



/* ------------------------------------------------------------------

	他ページ共通 CSS
	
------------------------------------------------------------------- */


.sp_title{
width: 950px;
height: 253px;
background-color:#CCCC99;
float:left;
}

.sp_index{
width: 950px;
height: 100px;
float:left;
}

.sp_index_top{
width: 950px;
height: 37px;
float:left;
}


.sp_index_top ul{

}
.sp_index_top ul li{
height: 37px;
float:left;
}




.sp_index ul{

}
.sp_index ul li{
height: 85px;
float:left;
}


.sp_subtitle{
width: 950px;
background-repeat:no-repeat;
padding-top:20px;
margin-bottom:20px;
}



/* ------------------------------------------------------------------

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

.goods_3 h4, .goods_2 h4, .goods_4 h4{
	color: #F15F84;
}
.goods_3 h3, .goods_2 h3, .goods_4 h3{
	color: #fc7b08;
}


/* ------------------------------------------------------------------

	横3列文字情報
	
------------------------------------------------------------------- */




.goods_3, .goods_3_main .goods_3_dot{
height: 560px;}

.goods_3 h3{
width: 240px;
height: 50px;
float:left;
font-size:14px;
margin-top:10px;
padding-left:10px;
overflow:hidden;
}
.goods_3 h4{
width: 280px;
float:left;
font-size:14px;
padding-top:7px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
overflow:hidden;
}
.goods_3 h5{
float:left;
width: 280px;
font-size:12px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.goods_3 p{
width: 250px;
height: 70px;
float:left;
font-size:11px;
line-height:13px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}

.sp_goods{
width: 950px;
float:left;
}



/* ------------------------------------------------------------------

	横4列文字情報
	
------------------------------------------------------------------- */



.goods_4, .goods_4_main .goods_4_dot{
height: 450px;}



.goods_4 h3{
width: 200px;
height: 50px;
float:left;
font-size:12px;
margin-top:10px;
margin-top:10px;
padding-left:10px;
overflow:hidden;

}




.goods_4 h4{
width: 200px;
float:left;
font-size:12px;
line-height:15px;
padding-top:7px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
overflow:hidden;
}
.goods_4 h5{
float:left;
width: 200px;
font-size:12px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.goods_4 p{
width: 200px;
float:left;
font-size:11px;
line-height:13px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}




/* ------------------------------------------------------------------

	横2列文字情報
	
------------------------------------------------------------------- */




.goods_2, .goods_2_main .goods_2_dot{
height: 244px;}


.goods_2 h3{
width: 150px;
float:left;
font-size:12px;
margin-top:10px;
margin-bottom:5px;
padding-left:10px;
overflow:hidden;
line-height:18px;
}

.goods_2 h4{
width:195px;
float:left;
font-size:14px;
padding-top:7px;
padding-left:10px;
padding-right:10px;
margin-bottom:2px;
}
.goods_2 h5{
float:left;
width: 170px;
font-size:12px;
padding-left:10px;
padding-right:10px;
margin-bottom:2px;
overflow:hidden;
}
.goods_2 p{
width: 195px;
float:left;
font-size:11px;
line-height:13px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}





/* ------------------------------------------------------------------

　　商品コピー3列の場合

------------------------------------------------------------------- */

.l3{
line-height:15px;}





/* ------------------------------------------------------------------

　　注文する

------------------------------------------------------------------- */
.order2{
margin-left:20px;
margin-bottom:10px;
display:inline;
}

.order3{
margin-left:65px;
margin-bottom:10px;
float:left;
}

.order4{
margin-left:33px;
margin-bottom:10px;
}


/* ------------------------------------------------------------------

	テキストボックスサイズ
		
------------------------------------------------------------------- */


.txtbox2{
width: 210px;
height: 195px;
float:left;
overflow:hidden;
}

.txtbox3{
width: 300px;
height: 133px;
float:left;
overflow:hidden;
}


.txtbox4{
width: 200px;
height: 122px;
float:left;
overflow:hidden;
}


/* ------------------------------------------------------------------

	画像ボックスサイズ
		
------------------------------------------------------------------- */


.goodsimg2{
width: 244px;
height: 244px;
float:left;
}

.goodsimg3{
width: 300px;
height: 300px;
float:left;
}

.goodsimg4{
width: 221px;
height: 221px;
float:left;
}


/* ------------------------------------------------------------------

	メイン
		
------------------------------------------------------------------- */
.goods_2_main{
width: 459px;
height: 244px;
float:left;
background-image:url(images/item_bg.gif);
overflow:hidden;
display:inline;
}

.goods_3_main{
width: 300px;

height: 550px;
float:left;
background-image:url(images/item_bg.gif);
overflow:hidden;
}

.goods_4_main{
width: 221px;
height: 450px;
float:left;
background-image:url(images/item_bg.gif);
overflow:hidden;
}



/* ------------------------------------------------------------------

	横下シャドウ
		
------------------------------------------------------------------- */

.goods_2_shadow{
width: 465px;
height: 7px;
float:left;
background-repeat:repeat-x;
background-image:url(../images/campaign/sp_product/shadow_under2.jpg);
background-color:#FFFFFF;
}

.goods_3_shadow{
width: 304px;
height: 15px;
float:left;
background-repeat:repeat-x;
background-image:url(../images/campaign/sp_product/shadow_under3.jpg);
background-color:#FFFFFF;
}

.goods_4_shadow{
width: 225px;
height: 15px;
float:left;
background-repeat:repeat-x;
background-image:url(../images/campaign/sp_product/shadow_under4.jpg);
background-color:#FFFFFF;
}


/* ------------------------------------------------------------------

	縦シャドウ
		
------------------------------------------------------------------- */

.goods_3{
	width: 304px;
	float:left;
	background-image:url(../images/campaign/sp_product/shadow3.gif);
	display:inline;
	text-align:left;
	background-position: 0;
}

.goods_2{
	width: 463px;
	float:left;
	background-image:url(../images/campaign/sp_product/shadow2.jpg);
	display:inline;
	text-align:left;
	background-position: 0;
	overflow:hiden;
	margin:0px;
}

.goods_4{
	width: 225px;
	float:left;
	background-image:url(../images/campaign/sp_product/shadow4.jpg);
	display:inline;
	text-align:left;
	background-position: 0;
}


/* ------------------------------------------------------------------

	横ドットライン
	
------------------------------------------------------------------- */


.dotline{
width: 950px;
float:left;
height: 20px;

margin:0;
}





/* ------------------------------------------------------------------

	縦ドットライン
	
------------------------------------------------------------------- */


.goods_2_dot{
	width: 15px;
	float:left;
	height: 200px;
	margin-top:-4px;
	background-position: 5px 0px;
	background-repeat:repeat-y;
	display:inline;
}

.goods_3_dot{
	width: 15px;
	float:left;
	height: 550px;
	
	margin-top:-4px;
	background-position: 3px 0px;
}

.goods_4_dot{
	width: 15px;
	float:left;
	height: 465px;
	
	margin-top:-4px;
	background-position: 3px 0px;
}


/* ------------------------------------------------------------------

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

.simekiri{
color:#FF0000
}

/* ------------------------------------------------------------------

	アイコン
	
------------------------------------------------------------------- */
.icon_souryou {
	width: 40px;
	height: 40px;
	padding: 5px 0 5px 5px;
	float: left;
}

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