@charset "utf-8";
/* -----------------------------------------------
CSS file For Francfranc.com.
FileName: 200805_gift.css
----------------------------------------------- */

/* Style Navi Current-------------------- */
ul#style_navi li.gift a	{border-color:#5dc2d0!important;}

/*===============================================
Index
===============================================*/
/* Gift Title -------------------- */
h3.gift a{
	background-image:url(images/h3_gift.gif);
	height:20px;
	width:584px;
	display:block;
	background-repeat:no-repeat;
	}



/* リード文-------------------- */
p.read{
	text-indent:-100000em!important;
	font-size:1px;
	color:#fff;
	line-height:0;
	display:block;
	overflow:hidden;
	height:53px;
	width:584px;
	background:transparent url(images/read.gif) no-repeat top left;
	margin-bottom:25px!important;
	}

/* 導入文（エルベ画像）-------------------- */
div#step01 div.right{float:right; width:193px;}
div#step01 div.left{float:left; width:371px;}
div#step01 h5{background-image:url(images/txt01.gif); width:371px; height:43px; margin-bottom:10px;}


h5.bnr{margin-bottom:10px;}



/* 用意するもの　-------------------- */
div#material{margin-bottom:25px;}
div#material h5{background:transparent url(images/ttl_material.gif) no-repeat top left; height:13px; width:584px; margin-bottom:10px; margin-top:15px;}
div#material div.item{width:184px; display:block; float:left; margin-right:15px;}

	div.item dt{float:left; width:85px; height:85px;}
	div.item dd{float:right; width:94px; height:85px; display:block;}
	div.item p{clear:both; font-size:80%; display:block; padding-top:5px;}
	div.item p.ttl{width:94px; height:12px!important; background-repeat:no-repeat; margin-top:12px;}
	div.item p.price{width:94px; background-repeat:no-repeat; margin-top:10px; height:24px!important;}

	div#box p.ttl{background-image:url(images/m01_ttl.gif);}
	div#flower p.ttl{background-image:url(images/m02_ttl.gif);}
	div#tool p.ttl{background-image:url(images/m03_ttl.gif);}

	div#box p.price{background-image:url(images/m01_price.gif);}
	div#flower p.price{background-image:url(images/m02_price.gif);}


div#tool{float:right!important; margin:0!important;}


/* 母の日　-------------------- */
dl#mother{width:584px!important; background:transparent url(images/line.gif) repeat-y; margin:10px 0!important;}

dl#mother dt{width:132px; display:block; float:left; margin-right:20px; background:transparent url(images/txt_mother.gif) no-repeat top left; height:20px; margin-top:8px;}
dl#mother dd{float:right; display:block; width:416px;}

h5#present{background-image:url(images/h5_present.gif)!important;}
h5#box_flower{background-image:url(images/h5_boxflower.gif)!important;}




/*===============================================
How to
===============================================*/
li#large_bnr{float:left;}
li#small_bnr{float:right;}


div#large  h4{width:584px; height:59px; background:transparent url(howto/images/h4_large.gif) no-repeat top left; display:block; margin-top:25px; margin-bottom:5px;}
div.howto{margin-bottom:15px;}
div.howto div.left{float:left; width:208px;}
div.howto div.right{float:right; width:359px;}

div.howto h5{width:359px; height:27px; background-repeat:no-repeat; display:block; margin-bottom:5px;}

	h5#step1{background-image:url(howto/images/step01_ttl.gif);}
	h5#step2{background-image:url(howto/images/step02_ttl.gif);}
	h5#step3{background-image:url(howto/images/step03_ttl.gif);}
	h5#step4{background-image:url(howto/images/step04_ttl.gif);}
	h5#step5{background-image:url(howto/images/step05_ttl.gif);}
	h5#step6{background-image:url(howto/images/step06_ttl.gif);}
	h5#finish{background-image:url(howto/images/finish_ttl.gif);}
	h5#plus1{background-image:url(howto/images/plus1_ttl.gif);}


dl.point dt{width:33px; height:8px; display:block; background:transparent url(howto/images/img_point.gif) no-repeat top left; margin-bottom:5px;}
dl.point dd{font-size:80%;}

div.image02 div.left{float:left; width:56px; height:58px;}
div.image02 div.right{float:right; width:295px; font-size:80%;}


div.brand div.left{float:left; width:95px; height:95px;}
div.brand div.right{float:right; width:239px;}
div.brand li{font-size:80%;}

div.brand div.left h6{background:transparent url(howto/images/finish_price.gif) no-repeat top left; width:95px; height:95px;}
div.brand h6{background:transparent url(howto/images/helvexff_logo.gif) no-repeat top left; width:170px; height:14px; margin-bottom:3px;}

div#small{margin-top:25px;}
div#small h4{background:transparent url(howto/images/h4_small.gif) no-repeat top left; width:282px; height:59px; display:block; margin-bottom:3px;}
div#small div.left{float:left; width:282px;}
div#small div.right{float:right; width:281px;}





/* Page Sending　-------------------- */
	ul.page_sending{width:179px!important;}
	li.box_flower a		{background-image:url(images/navi_box_flower.gif); width:140px!important; }