/* CSS Document */

/* Flash */
#top{
width:662px;
height:157px;
}

/* トップメイン左上 */
#top_l{
width:325px;
float:left;
margin:0 0 10px 0;
}

/* ラッピーバルーンって？ */
h2#t_what_t a{
margin:5px 0 0 0;
display:block;
width:325px;
height:125px;
text-indent:-9999px;
background:url(../img/top/t_what.gif) no-repeat 0 0;
}
h2#t_what_t a:hover{background:url(../img/top/t_what.gif) no-repeat 0 -125px;}
#t_what{
width:325px;
height:215px;
}
#t_what_mp{padding:0;}

#t_what_mp a{
background:url(../img/top/bg_shopadd.jpg) no-repeat;
display:block;
widht:325px;
height:216px;
margin-bottom:5px;
text-indent:-9999px;
}
#t_what_mp  a:hover{
background:url(../img/top/bg_shopadd.jpg) no-repeat 0 -216px;
}

h2#t_entrust{background:url(../img/top/t_entrust.gif) no-repeat; height:96px; text-indent:-9999px;}

#entrust1 li{
display:inline;
float:left;
position:relative;
}

#entrust1 li a{
display:block;
height:146px;
background-image:url(../img/top/entrust_c1.gif);
background-repeat:no-repeat;
}

#ent01 a{width:162px; background-position:0 0;}
#ent02 a{width:163px; background-position:-162px 0;}

#ent01 a:hover{width:162px;background-position:-325px 0px;}
#ent02 a:hover{width:163px;background-position:-487px 0px;}

#entrust2 li{
display:inline;
float:left;
position:relative;
}

#entrust2 li a{
display:block;
height:149px;
background-image:url(../img/top/entrust_c2.gif);
background-repeat:no-repeat;
}

#ent03 a{width:162px; background-position:0 0;}
#ent04 a{width:163px; background-position:-162px 0;}

#ent03 a:hover{width:162px;background-position:-325px 0px;}
#ent04 a:hover{width:163px;background-position:-487px 0px;}


#entrust1 li a span,#entrust2 li a span{
	position:absolute;
	top:52px;
	left:11px;
	display:inline-block;
	width:80px;
	font-size:10px;
	color:#000;
}




/* NEWS　お知らせ */
h2#t_news_t a{
display:block;
width:325px;
height:28px;
text-indent:-9999px;
background:url(../img/top/t_news.gif) no-repeat 0 0;
}
h2#t_news_t a:hover{background:url(../img/top/t_news.gif) no-repeat 0 -28px;}

/* ------ added ------ */
#t_news table,
#t_news tr,
#t_news th,
#t_news td{
border: none;
padding:0;
}
/* ------ end added ------ */

#t_news table{margin:10px;}
#t_news th{
vertical-align:text-top;
padding:2px 5px 2px 15px;
background:url(../img/share/ico_arrowp.gif) no-repeat 0 0;
}
#t_news th a{
color:#4D4235;
text-decoration:none;
font-weight:normal;
}
#t_news td{
vertical-align:text-top;
padding:2px 5px;
font-size:10px;
}


/* トップメイン右上 */
#top_r{
width:320px;
float:right;
margin:0 0 10px 0;
}

/* 店長おすすめ */
h2#t_susume_t{
width:320px;
height:71px;
text-indent:-9999px;
background:url(../img/top/t_susume.gif) no-repeat 0 0;
}
#t_susume{
width:298px;
border-top:none;
border-left:6px solid #FFDEDD;
border-right:6px solid #FFDEDD;
border-bottom:10px solid #FFDEDD;
background:#fff;
padding:5px;
}

#t_susume img{
display:block;
float:left;
width:85px;
margin:0 10px 10px 0;
}
#t_susume dl{
float:left;
width:190px;
}
#t_susume dt a{display:block;margin:0 0 3px 0;}
#t_susume dd{font-size:10px;margin:3px 0 10px 0;}

.btn_other a{
float:right;
display:block;
width:112px;
height:15px;
text-indent:-9999px;
background:url(../img/top/btn_other.gif) no-repeat 0 0;
}
.btn_other a:hover{background:url(../img/top/btn_other.gif) no-repeat 0 -15px;}

.btn_omakase a{
display:block;
margin:5px auto 0 auto;
width:292px;
height:57px;
text-indent:-9999px;
background:url(../img/top/btn_omakase.gif) no-repeat 0 0;
}
.btn_omakase a:hover{background:url(../img/top/btn_omakase.gif) no-repeat 0 -60px;}


/* 人気ランキング */
h2#t_rank_t{
height:28px;
text-indent:-9999px;
background:url(../img/top/t_rank.gif) no-repeat 0 0;
}

#t_rank{
margin:10px auto 30px auto;
}

#t_rank th{vertical-align:top;width:130px;text-align:left;}
#t_rank td{vertical-align:top;width:120px;padding:2px 5px;}

/* ------ added ------ */

#t_rank table { float: left; }
#t_rank table,
#t_rank th,
#t_rank tr,
#t_rank td
{
	border: none;
	background: none;
}

#t_rank th,
#t_rank td
{
	padding: 0;
}
/* ------ end added ------ */


/* シーンで選ぶ */
h2#t_scene_t{
height:28px;
text-indent:-9999px;
background:url(../img/top/t_scene.gif) no-repeat 0 0;
}

#t_scene{margin:10px 0 0 0; background-color:#E7F4FB; padding:8px 0;}

#scene1,#scene2,#scene3,
#scene4,#scene5,#scene6{
width:130px;
padding:0 0 20px 75px;
margin:0 0 0 5px;
float:left;
}
#scene1{background:url(../img/top/img_wedding.jpg) no-repeat left top;}
#scene2{background:url(../img/top/img_birth.jpg) no-repeat left top;}
#scene3{background:url(../img/top/img_hospital.jpg) no-repeat left top;}
#scene4{background:url(../img/top/img_treasure.jpg) no-repeat left top;}
#scene5{background:url(../img/top/img_chara.jpg) no-repeat left top;}
#scene6{background:url(../img/top/img_other.jpg) no-repeat left top;}

#t_scene h3{height:25px; text-indent:-9999px;}
#scene1 h3{background:url(../img/top/txt_wedding.gif) no-repeat 0 0;}
#scene2 h3{background:url(../img/top/txt_birth.gif) no-repeat 0 0;}
#scene3 h3{background:url(../img/top/txt_hospital.gif) no-repeat 0 0;}
#scene4 h3{background:url(../img/top/txt_treasure.gif) no-repeat 0 0;}
#scene5 h3{background:url(../img/top/txt_chara.gif) no-repeat 0 0;}
#scene6 h3{background:url(../img/top/txt_other.gif) no-repeat 0 0;}

#t_scene ul{
padding:0 0 0 6px;
}
#t_scene li{
padding:0 0 0 12px;
background:url(../img/top/ico_pink.gif) no-repeat 0 3px;
}

/* ラッピーボックスバナー*/
#t_box{margin:10px 0; width:660px;}

#t_box table{border:none; margin:0; padding:0;}

#t_box td{border:none; padding:0; margin:0;}

.t_box_head{background:url(../img/top/boxbn01.gif) no-repeat;}
h3.t_box_head {padding:130px 0 0 520px;text-indent:-9999px;}
h3.t_box_head a{display:block; width:140px; height:70px;}

.t_box_mid{ background:url(../img/top/boxbn02.gif) no-repeat; height:69px; text-indent:-9999px;}

.t_box_under1{float:left; background:url(../img/top/boxbn03.gif) no-repeat; width:327px; height:207px;}
.t_box_under2{float:right; background:url(../img/top/boxbn04.gif) no-repeat; width:333px; height:207px;}

.t_box_under1 p{font-size:14px; color:#684730; padding:80px 15px 5px 28px; line-height:130%;}
.t_box_under1 a{display:block; width:327px; height:48px; text-indent:-9999px;}


/* メディア情報*/
#media img{
	display:block;
}
#media span{
	display:inline-block;
	width:138px;
	padding:10px 30px;
	font-size:10px;
	line-height:2em;
	color:#993300;
	background:url(../../../../img/top/tv-mdl.jpg) repeat-y;
}
/* 人気ランキング*/
#ranking{
	width:660px;
	height:655px;
	background:url(../../../../img/top/ranking.jpg) no-repeat;
	padding:90px 40px 0 65px;
}

#ranking dl{
	width:240px;
	margin:10px 0 0 15px;
	float:left;
	height:170px;
	border-bottom:2px dotted #F90;
}


#ranking dl dt{
	padding-top:5px;
	padding-left:3.5em;
	min-height:38px;
	font-size:14px;
	font-weight:700;
}


#ranking dl#rank01 dt{
	background:url(../../../../img/top/rank01.gif) no-repeat;
	color:#F00;
}

#ranking dl#rank02 dt{
	background:url(../../../../img/top/rank02.gif) no-repeat;
}

#ranking dl#rank03 dt{
	background:url(../../../../img/top/rank03.gif) no-repeat;
}

#ranking dl#rank04 dt{
	background:url(../../../../img/top/rank04.gif) no-repeat;
}

#ranking dl#rank05 dt{
	background:url(../../../../img/top/rank05.gif) no-repeat;
}

#ranking dl dd{
	font-size:10px;
}

#ranking dl dd img{
	float:left;
	margin-right:10px;
}

#ranking dl dd span{
	font-weight:700;
	font-size:13px;
}


/**					フロート対処 clear-fix hack
****************************************************************** */

.clear-fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clear-fix{
	display:inline-block;
}



/*	Mac IE を除く		\*/
* html .clear-fix{
	height:1%;
	

}
.clear-fix{
	display:block;
}