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

　　　　　　　　　ヘッダーの基本設定

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


/*---インラインフレームと・ナビボタン・見積りバナーの箱設定---*/
#hed-special{
	width:950px;
	height:300px;
	margin: 5px 0 0 0;
}

/*新たに追記したコード↓*/
@media screen and ( max-width:479px )
{
	#hed-special
	{
		width:100%;
		height:auto;/*追記*/
		margin:0;
		padding:0;
		float:none;
		display:block;/*追記*/
	}

	#hed-special img
	{
		width:100%;
	}

}

/*トランスの箱*/

@media screen and (max width:479px )
{
	#box{
		width:203px;
		height:auto;
		float:none;
		display:inline-block;
		}
}


/*-------------------------------------------------中止してますが復帰予定アリ--------------------------------*/
/*新しく追記　カルーセル横の４ボタン*/
@media screen and ( max-width:479px )
{
	li.transe{
			width:100%;
			height:auto;
			display:inline-block;
			float:none;
	}
	li.transe img{
			width:25%;
	}

}


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

/*---インラインフレームとナビボタンの箱設定---*/
#top-picup{
	width:703px; /*コマースクリエイター用に変更*/ /* 711px - 元数値 */
	height:292px;/*コマースクリエイター用に変更*/ /* 300px - 元数値 */
	float:left;}

/*新しく追記　*/
@media screen and ( max-width:479px )
{
	#top-picup
	{
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		float:none;
		display:block;
	}
}

/*---インラインフレームの設定---*/
#topifreme{
	width:485px; /*コマースクリエイター用に変更*/ /* 500px - 元数値 */
	height:292px; /*コマースクリエイター用に変更*/ /* 300px - 元数値 */
	float:left;
	border:hidden;}



/*４つのボタンを囲う箱*/

/*---ピックアップ　ナビボタン（明日届く商品たくさん！）設定---*/
#top-n-pic-asuchaku{
	width:200px; /*コマースクリエイター用に変更*/ /* 203px - 元数値 */
	height:70px;
	margin:0px 0px 4px 0px;
	float:right;
	display:block;
}

@media screen and ( max-width:479px )
{
	#top-n-pic-asuchaku
	{width:23%;
	height:auto;
	float:none;
	display:block;}

	#top-n-pic-asuchaku img
	{width:23%;}

}

/*---ピックアップ　ナビボタン（会場を盛り上げる特大パネル！）設定---*/
#top-n-pic-panel{
	width:200px; /*コマースクリエイター用に変更*/ /* 203px - 元数値 */
	height:70px;
	margin:0px 0px 4px 0px;
	float:right;
	display:block;
}

@media screen and ( max-width:479px )
{
	#top-n-pic-panel
	{width:23%;
	height:auto;
	float:none;
	display:block;
	}

	#top-n-pic-panel img
	{width:23%;}

}

/*---ピックアップ　ナビボタン（セット品でらくらく景品選び！）設定---*/
#top-n-pic-mokuroku{
	width:200px; /*コマースクリエイター用に変更*/ /* 203px - 元数値 */
	height:70px;
	margin:0px 0px 4px 0px;
	float:right;
	display:block;
}
@media screen and ( max-width:479px )
{
	#top-n-pic-mokuroku
	{width:23%;
	height:auto;
	float:none;
	display:block;}

	#top-n-pic-mokuroku img
	{width:23%;}
}

/*---ピックアップ　ナビボタン（幹事さまを応援キャンペーン）設定---*/
#top-n-pic-present{
	width:200px; /*コマースクリエイター用に変更*/ /* 203px - 元数値 */
	height:70px;
	float:right;
	display:block;
}

@media screen and ( max-width:479px )
{
	#top-n-pic-present
	{width:23%;
	height:auto;
	float:none;
	display:block;}

	#top-n-pic-present img
	{width:23%;}
}

/*---お見積もり景品セット　お姉さん単独バナー---*/
#top-n-mitumori{
	width:23.5%; /*コマースクリエイター用に変更*/ /* 230px - 元数値 */
	height:300px;
	/*float:right;*/
	float: left;
}


/*-お見積もりバナー スマホ版-*/
@media screen and ( max-width:479px )
{
	#top-n-mitumori2{
	width:90%;
	height:90%;
	float:none;
	display:block;
	margin:3% auto;}
	
	#top-n-mitumori2 img{
	width:100%;
	height:100%;
	margin:auto;}
}

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

　　　　　　　　　ヘッダーの基本設定

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

/*---トップページのヘッダー設定---*/
#header-top{
	width:950px;
	/*height:436px;*/
	margin: auto;
}


@media screen and ( max-width:479px )
{
	#header-top
	{	width:100%;
		height:100%;
		float:none;}
}


#header{
	width:950px;
	height:155px;
	margin: auto;
}

/*---タイトル、アイコンのサイズ指定---*/

#hed-title-navi{
	width:950px;
	height:75px;
}

/*---ヘッダバーのテキストのボックス設定---*/
#header-textbox{
	width:950px;
	margin:auto;
}

/*---ヘッダバーのテキスト装飾---*/
#header-text{
	height:20px;
	width:950px;
	margin:0;
	font-size:11px;
	text-align:right;
	color:#FFF;
}


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

　　　　タイトル画像の設定

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

#hed-taitle a{
	width:260px;
	height:47px;
	margin:22px 0px 0px 0px;
	background-image:url(../hedar-picture/r-title.gif);
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;
}

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

　　　　　　　○月○日以降にお届けの項目

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

#hed-haitatu-back{
	}


#hed-haitatu{
	width:202px;
	height:42px;
	float:left;
	margin:27px 0px 0px 10px;
	font-size:12px;
}

#haitatu-text2{}

@media screen and ( max-width:479px )
{
	#hed-haitatu-back
	{
		display:inline-block;
		width:42%;
		vertical-align:middle;
	}
	#hed-haitatu
	{
		display:inline-block;
		width:auto;
		height:auto;
		margin:0;
		font-size:8px;
		float:none;
		line-height:14px;
	}
	#hed-haitatu strong
	{
		font-size:8px;
	}
}


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

　　　　ヘッダーアイコン・ダイヤル画像の設定

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

#hed-info{
	width:477px;
	height:75px;
	float:right;
}

/*-送料・買い物かご・特定・お問合せ　ブロック-*/
#hed-info p.hed-block{
	margin:0 0.4%;
	display:inline-block;
	vertical-align:0%;
}

/*-テキストリンク-*/
#hed-textlink{
	height:47px;
	width:84px;
	margin:0 0 0 1%;
	display:inline-block;
	vertical-align:45%;
	font-size:8pt;
	color:#000;
	font-family: "メイリオ", sans-serif;
}

/*-相談ダイヤル画像-*/
#hed-tel{
	width:183px;
	height:100px;
	display:inline-block;
	margin:5px 0px 0px 0px;
	float:none;
}

/*-景品の専属スタッフが対応します！-*/
#hed-txt-p{
	margin:-3% 0 0 6%;
}


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

　　　　　　　ヘッダーメニューの設定

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

.hed-00 a{
	float:left;
	display:block;
	text-indent:-9999px;
}

#hed-menu{
	width:980px;
	height:36px;
	margin:auto;
	position:relative;
	left:-14px;
}


/*-ヘッダーメニュー左側の余白-*/
#hed-spece1{
	width:15px;
	height:36px;
	float:left;
	background:url(../hedar-picture/hed-menu00.gif) no-repeat;}


#hed-1 a{
	width:157px;
	height:36px;
	background:url(../hedar-picture/hed1.gif) no-repeat;}
/*オンマウス入替設定*/
#hed-1 a:hover{background:url(../hedar-picture/hed1-r.gif) no-repeat;}


#hed-2 a{
	width:158px;
	height:36px;
	background:url(../hedar-picture/hed2.gif) no-repeat;}
/*オンマウス入替設定*/
#hed-2 a:hover{background:url(../hedar-picture/hed2-r.gif) no-repeat;}


#hed-3 a{
	width:158px;
	height:36px;
	background:url(../hedar-picture/hed3.gif) no-repeat;}
/*オンマウス入替設定*/
#hed-3 a:hover{background:url(../hedar-picture/hed3-r.gif) no-repeat;}


#hed-4 a{
	width:159px;
	height:36px;
	background:url(../hedar-picture/hed4.gif) no-repeat;}
/*オンマウス入替設定*/
#hed-4 a:hover{background:url(../hedar-picture/hed4-r.gif) no-repeat;}


#hed-5 a{
	width:158px;
	height:36px;
	background:url(../hedar-picture/hed5.gif) no-repeat;}
/*オンマウス入替設定*/
#hed-5 a:hover{background:url(../hedar-picture/hed5-r.gif) no-repeat;}


#hed-6 a{
	width:160px;
	height:36px;
	background:url(../hedar-picture/hed6.gif) no-repeat;}
/*オンマウス入替設定*/
#hed-6 a:hover{background:url(../hedar-picture/hed6-r.gif) no-repeat;}


/*-ヘッダーメニュー右側の余白-*/
#hed-spece2{
	width:15px;
	height:36px;
	float:left;
	background:url(../hedar-picture/hed-menu11.gif) no-repeat;
}


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

　　　　　　　　　　ｈ2の設定

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

h2{
	font-size:12px;
	color:#333;
	margin:7px 0px 0px 2px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left; 
}


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

　　　　ヘッダー　あす着・幹事様へのプレゼント

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

/*-あす着対応商品画像-*/
#hed-picture-asuraku{
	height:44px;
	width:687px;
	margin:12px 0px 0px 0px;
	background-image:url(../hedar-picture/ausraku2.jpg);
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;

}

/*-あす着対応商品ボタン画像-*/
#hed-picture-asuraku2 a{
	height:30px;
	width:131px;
	display:block;
	float:right;
	text-indent:-9999px;
	margin:11.3px 3px;
	background-image:url(../hedar-picture/asu-nabi1.png);
	background-repeat:no-repeat;}
/*オンマウス入替設定*/
#hed-picture-asuraku2 a:hover{background:url(../hedar-picture/asu-nabi2.png) no-repeat;}



/*-幹事様へプレゼント画像-*/
#hed--picture-plesent a{
	height:48px;
	width:239px;
	margin:7px 0px 0px 0px;
	display:block;
	background-image:url(../hedar-picture/present.gif);
	float:right;
	text-indent:-9999px;}
/*オンマウス入替設定*/
#hed--picture-plesent a:hover{background:url(../hedar-picture/present-2.gif) no-repeat;}