@charset "utf-8";


/*----------------------------------------------------
緊急速報（marquee）
----------------------------------------------------*/

#topBox {
	height:35px;
	margin-bottom: 10px;
}

#topBoxttl {
	margin-left:10px;
	width:80px;
	height:33px;
	background-color:#F69;
	border: solid 1px #F69;
	float:left;
	vertical-align:middle;
}
#topBoxttl p {
	padding-top:3px;
	color:#FFF;
	text-align:center;
	font-size:18px;
	font-weight:bolder;
}

div#marquee {
	width:670px;
	height:33px;
	background-color:#FFC;
	border: solid 1px #F69;
	float:left;
	vertical-align:middle;
}

#marquee p {
	padding:5px;
	font-size:14px;
	color:#666;
	float:right;
}
#marquee p a {
	font-size:14px;
}


/*----------------------------------------------------
放射性物質検査結果報告
----------------------------------------------------*/

#results {
	margin-bottom:10px;
	width:150px;
}




/*----------------------------------------------------
緊急お知らせ(赤枠)
----------------------------------------------------*/

#Urgentinfo {
	padding:0px 0px 10px 0px;
	}

#Urgentinfo p {
	padding: 5px;
	border: 1px solid #ff0006;
	background-color:#FFFFDF;
	line-height:17px;
	text-indent: 5px;
}

/*----------------------------------------------------
緊急お知らせ(青枠)
----------------------------------------------------*/

#Urgentinfo_blu {
	padding:0px 0px 10px 0px;
	}

#Urgentinfo_blu p {
	padding: 5px;
	border: 1px solid #03F;
	background-color:#FFF;
	line-height:17px;
	text-indent: 5px;
}

/*----------------------------------------------------
緊急お知らせ(青枠M)
----------------------------------------------------*/
#UrgentinfoM {
	width: 595px;
	padding-bottom: 10px;
}

* html #UrgentinfoM {zoom: 1;}

#UrgentinfoM:after {
	content: "";
	display: block;
	clear: both;
}

#Urgentinfo_bluM {
	float: left;
	width: 333px;
	height:28px;
	padding: 0 5px;
	border: 1px solid #03f;
	text-indent: 5px;
	line-height: 28px;
	background: #fff;
}

* html #Urgentinfo_bluM {
	width: 345px;
	height: 30px;
	padding: 0 5px;
	line-height: 28px;
}

/*----------------------------------------------------
放射線測定結果(ロング)
----------------------------------------------------*/

#Urgentinfo_res {
	width: 583px;
	margin-bottom: 10px;
	padding: 0;
}

* html #Urgentinfo_res {width: 595px;}

/*----------------------------------------------------
放射線測定結果(M)
----------------------------------------------------*/

#Urgentinfo_resM {
	float: right;
	width: 240px;
	height: 30px;
	padding: 0;
}

/*----------------------------------------------------
ひよこクラブ緊急お知らせ
----------------------------------------------------*/

#hiyokoinfo_wrap {padding: 10px 0 0 0;}

#hiyokoinfo_wrap #hiyokoinfo {
	padding: 5px;
	border: 1px solid #06c;
	background: #dfffff;
	color: #069;
}

#hiyokoinfo p {
	float: left;
	width: 423px;
	margin-top: 5px;
}
#hiyokoinfo div {
	float: right;
	width: 155px;
}


/*----------------------------------------------------
キャッチ
----------------------------------------------------*/

#catch {
	width: 593px;
	_width: 595px;
	border: 1px solid #7ecef4;
}

#catch p {
	float: left;
	width: 453px;
	height: 198px;
}

#catch ul {
	float: left;
	width: 132px;
	padding: 1px 4px 2px;
	background: #7ecef4;
}

#catch li {
	width: 132px;
	height: 65px;
	display: block;
}

#catch li a {
	display: block;
	position: relative;
}

#catch li a span {
	display: block;
	width: 457px;
	position: absolute;
	left: -457px;
	visibility: hidden;
}

#catch li#tip01 a span {top: -1px;}
#catch li#tip02 a span {top: -66px;}
#catch li#tip03 a span {top: -131px;}

#catch li a img {
	border: 1px solid #fff;
	vertical-align: top;
}
#catch li a:hover img {	border: 1px solid #1d2088;}
#catch li a:hover,
#catch li a:hover span {visibility: visible;}
#catch li a:hover span img {border: none;}


/*----------------------------------------------------
お試しキャンペーン
----------------------------------------------------*/

h2#tryhl {
	margin: 10px 0 5px;
	padding: 2px;
	border-bottom: 1px solid #7ecef4;
}

ul#tryul {
	width: 588px;
	height: 245px;
	padding: 7px 0 0 5px;
	border: 1px solid #e61673;
}

* html ul#tryul {
	width: 595px;
	height: 252px;
}

ul#tryul li {
	float: left;
	display: block;
	margin: 0 6px 7px 0;
}
ul#tryul li.w152 {
	width: 152px;
	margin-bottom: 5px;
}
ul#tryul li.w130 {width: 130px;}

ul#tryul li.w260 {width: 260px;}

ul#tryul li a {
	display: block;
	font-size: 11px;
	line-height: 1.3;
	color: #555;
}
ul#tryul li a:hover {color: #00a0e9;}

ul#tryul li img {
	margin-bottom: 3px;
	vertical-align: top;
}

div#tryns {
	width: 587px;
	_width: 595px;
	padding: 3px;
	border-bottom: 1px solid #e61673;
	border-left: 1px solid #e61673;
	border-right: 1px solid #e61673;
	background-color:#FFC;
}



/*----------------------------------------------------
今だけ！期間限定・数量限定
----------------------------------------------------*/

h2#gntihl {
	margin: 20px 0 5px;
	padding: 2px;
	border-bottom: 1px solid #7ecef4;
}

ul#gntiul {
	width: 400px;
	margin: 0 -10px 0 7px;
}

ul#gntiul li a {margin: 0px;}
ul#gntiul li {margin-bottom: 10px;}

ul#gntiul li.gntifloat {
	float: left;
	display: block;
	width: 195px;
	height: 56px;
	margin: 0 10px 10px 0;
	position: relative;
}

ul#gntiul li.gntifloat img,
ul#gntiul li.gntifloat a,
ul#gntiul li.gntifloat span.kkk {position: absolute;}

ul#gntiul li.gntifloat img {
	top: 3px; left: 3px;
	z-index: 10;
}
ul#gntiul li a {font-size: 10px;}
ul#gntiul li.gntifloat a {
	display: block;
	width: 108px;
	_width: 195px;
	height: 50px;
	_height: 56px;
	padding: 4px 5px 0 80px;
	border: 1px solid #a0a0a0;
	color: #55500A0E9;
	top: 0px; left: 0px;
	z-index: 20;
}
ul#gntiul li.gntifloat a:hover {
	border: 1px solid #00a0e9;
	color: #00a0e9;
}
ul#gntiul li.gntifloat span.kkk {
	font-size: 10px;
	top: 35px; left: 80px;
	z-index: 10;
}


/*----------------------------------------------------
お知らせ
----------------------------------------------------*/

h2#infohl {
	margin: 10px 0 5px;
	padding: 2px;
	border-bottom: 1px solid #7ecef4;
	clear: both;
}

dl#infodl {
	width: 400px;
	margin: 0 0 0 7px;
}
dl#infodl dt a {
	padding-left: 18px;
	font-size: 13px;
	background-image: url(http://www.zaiho.jp/images/renewal/c_news_nml_1.gif);
	background-position: 2px 0;
	background-repeat: no-repeat;
}
dl#infodl dt a.red {
	background-image: url(http://www.zaiho.jp/images/renewal/c_news_red_1.gif);
	color: #f00;
}
dl#infodl dt a:hover {background-position: 2px -14px;}

dl#infodl dd {
	display: block;
	width: 393px;
	_width: 395px;
	margin: 0 0 3px 3px;
	border: 1px solid #7ecef4;
	text-align: left;
	background-color: #eaf6fd;
}

dl#infodl dd p {
	margin: 5px;
}


/*----------------------------------------------------
おすすめ・新商品
----------------------------------------------------*/

h2#ossmhl {
	margin: 10px 0 5px;
	padding: 2px;
	border-bottom: 1px solid #7ecef4;
	clear: both;
}

ul#ossmul {
	width: 400px;
	margin: 0 -10px 0 7px;
}

ul#ossmul li {margin-bottom: 10px;}

ul#ossmul li.ossmfloat {
	float: left;
	display: block;
	width: 195px;
	height: 56px;
	margin: 0 10px 10px 0;
	position: relative;
}

ul#ossmul li.ossmfloat img,
ul#ossmul li.ossmfloat a,
ul#ossmul li.ossmfloat span.kkk {position: absolute;}

ul#ossmul li.ossmfloat img {
	top: 4px; left: 4px;
	z-index: 10;
}
ul#ossmul li a {font-size: 10px;}
ul#ossmul li.ossmfloat a {
	display: block;
	width: 108px;
	_width: 195px;
	height: 50px;
	_height: 56px;
	padding: 4px 5px 0 80px;
	border: 1px solid #a0a0a0;
	font-size: 10px;
	color: #55500A0E9;
	top: 0px; left: 0px;
	z-index: 20;
}
ul#ossmul li.ossmfloat a:hover {
	border: 1px solid #00a0e9;
	color: #00a0e9;
}
ul#ossmul li.ossmfloat span.kkk {
	font-size: 10px;
	top: 35px; left: 80px;
	z-index: 10;
}


/*----------------------------------------------------
知って得するキャンペーン情報
----------------------------------------------------*/

h2#camphl {
	margin: 10px 0 5px;
	padding: 2px;
	border-bottom: 1px solid #7ecef4;
	clear: both;
}

ul#campul {
	width: 407px;
	padding: 6px 0 0 6px;
	border: 1px solid #e61673;
}

* html ul#campul {width: 415px;}

ul#campul li {
	float: left;
	display: block;
	margin: 0 5px 5px 0;
}
ul#campul li.w130 {width: 130px;}

ul#campul li a {
	display: block;
	font-size: 10px;
	line-height: 1.3;
	color: #555;
}
ul#campul li a:hover {color: #00a0e9;}

ul#campul li img {
	margin-bottom: 3px;
	vertical-align: top;
}


/*----------------------------------------------------
商品ラインナップ
----------------------------------------------------*/

h2#lineuphl {
	margin: 10px 0 5px;
	padding: 2px;
	border-bottom: 1px solid #7ecef4;
	clear: both;
}
div#shinkon_top{
	margin-bottom:10px;
}
div#shinkon{
	margin-bottom:5px;
	margin-left:5px;
}

ul.lineupul {
	width: 415px;
	clear: both;
}

ul.lineupul li {
	float: left;
	width: 95px;
	margin-right: 11px;
}

ul.lineupul li a {display: block;}
ul.lineupul li a img {
	border: 1px solid #fff;
	vertical-align: middle;
}

ul#lineupul1 {padding-bottom: 5px;}
ul#lineupul1 li a {color: #00a0e9;}
ul#lineupul1 li a:hover img {border: 1px solid #00a0e9;}

ul#lineupul2 {
	margin-bottom: 5px;
	padding: 5px 0;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px dashed #6a3906;
}
ul#lineupul2 li a {color: #6a3906;}
ul#lineupul2 li a:hover img {border: 1px solid #6A3906;}

ul#lineupul3 {
	margin-bottom: 5px;
	padding: 5px 0;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px dashed #8fc31f;
}
ul#lineupul3 li a {color: #8fc31f;}
ul#lineupul3 li a:hover img {border: 1px solid #8fc31f;}

ul#lineupul4 {
	margin-bottom: 5px;
	padding: 5px 0;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px dashed #e61673;
}
ul#lineupul4 li a {color: #e61673;}
ul#lineupul4 li a:hover img {border: 1px solid #e61673;}

div.campdiv {
	float: left;
	width: 205px;
	margin-right: 5px;
}

div.campdiv h3 {
	float: left;
	font-size: 12px;
	font-weight: normal;
}

div.campdiv ul {
	float: right;
	width: 125px;
}

div.campdiv1 h3,
div.campdiv1 a {color: #6a3906;}

div.campdiv2 h3,
div.campdiv2 a {color: #8fc31f;}

div.campdiv3 h3,
div.campdiv3 a {color: #e61673;}

div.campdiv4 h3,
div.campdiv4 a {color: #f39800;}

div#campdiv3s {
	float: left;
	width: 200px;
}
div.campdiv4 {float: right;}

div.campdiv3 {width: 200px;}


/*----------------------------------------------------
毎月プレゼントが当る！
----------------------------------------------------*/

h2#prsthl {margin-top: 10px;}

h2#prsthl img {border: 1px solid #e61673;}

div#prstdiv {
	padding: 4px;
	border: 1px solid #e61673;
	border-top: none;
}

div#prstdiv h3 a {
	font-size: 13px;
	line-height: 1.3;
}
div#prstdiv h3 img {
	float: left;
	margin-right: 3px;
}

div#prstdiv p {
	clear: both;
	margin-bottom: 5px;
	padding: 3px 0;
	border-bottom: 1px dashed #e61673;
	line-height: 1.3;
}

div#prstdiv p#prsthimitsu {border: none;}
div#prstdiv p#prsthimitsu a {
	text-decoration: underline;
	color: #555;
}
div#prstdiv p#prsthimitsu a:hover {
	color: #00a0e9;
}


/*----------------------------------------------------
財寶温泉に入ろう！
----------------------------------------------------*/

h2#meijihl {
	margin: 10px 0 5px;
	padding: 2px;
	border-bottom: 1px solid #7ecef4;
	clear: both;
}

div#meijidiv,
p#meijip {margin: 0 12px;}
p#meijip {margin-top: 5px;}



/*----------------------------------------------------
毎月プレゼントが当る！
----------------------------------------------------*/

h2#mottohl {margin-top: 10px;}

h2#mottohl img {border: 1px solid #f8b500;}

div#mottodiv {
	padding: 5px 7px;
	border: 1px solid #f8b500;
	border-top: none;
	text-align: center;
	background: #fffeee;
}

div#mottodiv dt,
div#mottodiv p {text-align: left;}

div#mottodiv dt {
	font-size: 12px;
	color: #ea5514;
}