
@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      shinchiku_teiban.css
 Author:         crux
 Style Info:     スタイルベース
----------------------------------------------------------- */

#mainBlock h1,#mainBlock h2,#mainBlock h3,#mainBlock h4,#mainBlock h5,#mainBlock p,#mainBlock dt,#mainBlock dd,#mainBlock span,#mainBlock strong{
	font-size:12px;
	line-height:17px;
	color:#666666;
}

/* chorme/safari 文字間調整 */
@media screen and (-webkit-min-device-pixel-ratio:0){
#mainBlock h1,#mainBlock h2,#mainBlock h3,#mainBlock h4,#mainBlock h5,#mainBlock p,#mainBlock dt,#mainBlock dd,#mainBlock span,#mainBlock strong{
letter-spacing: -0.1em !important;
}
}
.floatLeft{float: left;}
.floatRight{float: right;}
.mgl10{margin-left: 10px;}
.mgl11{margin-left: 11px;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* アンカーリンク */
#teiban01,#teiban02,#teiban03{font-size:0;}

#mainBlock span.red_a{color:#e5004f; font-weight:bold;}
#mainBlock span.red_b{color:#c60000;}
#mainBlock span.bla_a{ font-weight:bold; font-size:13px;}
/*
------------------ リンク設定 ------------------
*/

div#mainBlock ul a{font-size:12px; font-weight:bold;}
div#mainBlock a:link{color: #5083b2; text-decoration: underline;}
div#mainBlock a:visited{color: #5083b2; text-decoration: underline;}
div#mainBlock a:hover{color: #cc0000; text-decoration: underline;}
div#mainBlock a:active{color: #cc0000; text-decoration: underline;}

/*
===========================================================
新築内祝い・引越祝いの定番ギフト
===========================================================
*/

#mainBlock p.catch_lead{margin-top:10px;}

#mainBlock ul.teiban_menu{ /* メニュー */
	margin:20px 0 30px 0;
}

	#mainBlock ul.teiban_menu li { float:left;}
	#mainBlock ul.teiban_menu li p{ text-indent:-9999px;}
	#mainBlock ul.teiban_menu li.senzai a{ /* 洗剤・石鹸 */
		width:235px;
		height:74px;
		display:block;
	}
	#mainBlock ul.teiban_menu li.food a{ /* フード・ドリンク */
		width:235px;
		height:74px;
		display:block;
	}
	#mainBlock ul.teiban_menu li.towel a{ /* タオル */
		width:235px;
		height:74px;
		display:block;
	}

	/* 洗剤・石鹸 */
	#mainBlock ul.teiban_menu li.senzai a{			background:url(/shinchiku/teiban/images/teiban_top_btn01.gif) no-repeat left top;}
	#mainBlock ul.teiban_menu li.senzai a:hover{	background:url(/shinchiku/teiban/images/teiban_top_btn01.gif) no-repeat left -74px;}

	/* フード・ドリンク */
	#mainBlock ul.teiban_menu li.food a{			background:url(/shinchiku/teiban/images/teiban_top_btn02.gif) no-repeat left top;}
	#mainBlock ul.teiban_menu li.food a:hover{	background:url(/shinchiku/teiban/images/teiban_top_btn02.gif) no-repeat left -74px;}

	/* タオル */
	#mainBlock ul.teiban_menu li.towel a{			background:url(/shinchiku/teiban/images/teiban_top_btn03.gif) no-repeat left top;}
	#mainBlock ul.teiban_menu li.towel a:hover{		background:url(/shinchiku/teiban/images/teiban_top_btn03.gif) no-repeat left -74px;}


#mainBlock ul li img.arrow{ /* 商品名アイコン */
	padding:1px 3px 2px 0;
}

#mainBlock li dt p.blue_b {
	color:#004daa;
	font-weight:bold;
}


/*■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■ コンテンツエリア ■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■*/

	#mainBlock ul li{
		position:relative;
	}

	#mainBlock ul li img {text-align:center;}
	#mainBlock ul li table{width:726px;}
	#mainBlock ul#main_contents01 li dl,
	#mainBlock ul#main_contents02 li dl,
	#mainBlock ul#main_contents03 li dl{position:absolute;}



	/*▽▽▽▽▽▽▽▽▽ 洗剤・石鹸 ▽▽▽▽▽▽▽▽▽*/

	#mainBlock ul#main_contents01 li dl.BOX1{ top:110px; left:23px; /* 花王　アタックネオ抗菌ＥＸパワーお洗たくセット */		}
	#mainBlock ul#main_contents01 li dl.BOX2{ top:338px; left:19px; /* Ｐ＆Ｇ　ボールド 香りのセット */	}
	#mainBlock ul#main_contents01 li dl.BOX3{ top:94px; left:281px; /* トップナノックスギフト */	}
	#mainBlock ul#main_contents01 li dl.BOX4{ top:250px; left:20px; /* 花がさね */	}
	#mainBlock ul#main_contents01 li dl.BOX5{ top:258px; left:18px; /* 炭酸美肌浴セット */	}
	#mainBlock ul#main_contents01 li dl.BOX6{ top:240px; left:5px; margin:0 10px 0 0; /* ザ・ボディショップ　ボディケアセット　ピンクグレープフルーツ */	}
	#mainBlock ul#main_contents01 li dl.BOX7{ top:240px; left:12px; margin:0 10px 0 0; /* ザ・ボディショップ　ボディケアセット　マンゴー */	}

	#mainBlock ul#main_contents01 li.bottomBg01{
		background:url(/shinchiku/teiban/images/teiban_senzai_bg.gif) no-repeat left top;
		width:726px;
		height:43px;
		clear:both;
		text-align:center;
	}
	#mainBlock ul#main_contents01 li.bottomBg01 img.leftImg {
		margin-right:80px;
	}


	/*▽▽▽▽▽▽▽▽▽ フード・ドリンク ▽▽▽▽▽▽▽▽▽*/

	#mainBlock ul#main_contents02 li dl.BOX1{ top:94px; left:12px; /* トンデンファーム　バラエティセット */	}
	#mainBlock ul#main_contents02 li dl.BOX2{ top:136px; left:222px; /* 銀座千疋屋　まるごとみかんぜりぃ */	}
	#mainBlock ul#main_contents02 li dl.BOX3{ top:82px; left:25px; /* ベーコンセット */		}
	#mainBlock ul#main_contents02 li dl.BOX4{ top:82px; left:207px; /* ゴディバ　アイスクリームギフトセット */		}
	#mainBlock ul#main_contents02 li dl.BOX5{ top:92px; left:268px; /* カゴメ　ナチュラルギフト */		}
	#mainBlock ul#main_contents02 li dl.BOX6{ top:115px; left:48px; /* ドレッシング３本詰合せ */		}

	#mainBlock ul#main_contents02 li.bottomBg02{
		background:url(/shinchiku/teiban/images/teiban_food_bg.gif) no-repeat left top;
		width:726px;
		height:49px;
		clear:both;
		text-align:center;
	}

	/*▽▽▽▽▽▽▽▽▽ タオル ▽▽▽▽▽▽▽▽▽*/

	#mainBlock ul#main_contents03 li dl.BOX1{ top:105px; left:29px;  /* 今治謹製　フェイスタオル */	}
	#mainBlock ul#main_contents03 li dl.BOX2{ top:117px; left:275px; /* 今治謹製　バスタオル */	}
	#mainBlock ul#main_contents03 li dl.BOX3{ top:138px; left:250px;  /* 極上タオル */	}
	#mainBlock ul#main_contents03 li dl.BOX4{ top:14px; left:280px;  /* 今治タオル オーガニック */	}
	#mainBlock ul#main_contents03 li dl.BOX5{ top:73px; left:485px;  /* 雲ごこち　バス・フェイスタオル */	}

	#mainBlock ul#main_contents03 li.bottomBg03{
		background:url(/shinchiku/teiban/images/teiban_towel_bg.gif) no-repeat left top;
		width:726px;
		height:49px;
		clear:both;
		text-align:center;
	}
