@charset "utf-8";
/* -----------------------------------------------
CSS file For Francfranc.com.
FileName: style.css
----------------------------------------------- */
@import url(layout.css);
@import url(season.css);

/* Navigation -------------------- */
li.style a{background-position:0 -15px;}

/* Side -------------------- */
div#side h2 a{height:80px!important; margin-bottom:10px!important;}

ul#style_navi {margin-top:2px;}
ul#style_navi li	{text-indent:-10000em; font-size:0.1px; line-height:0;}
ul#style_navi li a{width:186px; border-left:4px solid #ccc; height:82px; display:block; text-decoration:none; overflow:hidden;}


/*navi*/
ul#backnumber 			{width:190px; height:35px; margin-bottom:5px; display:block; overflow:hidden;}
ul#backnumber li		{float:left;}
ul#backnumber li a		{height:35px; display:block;  text-indent:-10000em; color:#fff; line-height:0; font-size:1px;}
ul#backnumber li a:hover{background-position:0 -35px;}
	li#back a			{background-image:url(../../style/common/images/backnumber_back.gif); width:32px;}
	li#this_month a		{background-image:url(../../style/common/images/backnumber.gif); width:126px;}
	li#next a			{background-image:url(../../style/common/images/backnumber_next.gif); width:32px;}

ul#backnumber li.current a{background-position:0 -35px!important;}

/*backnumber*/
p#backnumber_list a{
	display:block;
	background:transparent url(../../style/common/images/bnr_backnumber.gif) no-repeat top left;
	width:190px;
	height:20px;
	margin-top:10px;
	}

p#backnumber_list a:hover{background-position:0 -20px;}

div#side h4{
	text-indent:-10000em;
	font-size:0.1px;
	line-height:0;
	display:block;
	width:190px;
	height:15px;
	background-repeat:no-repeat;
	margin-top:35px;
	margin-bottom:5px;
	}

	h4.pickup		{background-image:url(/jp/style/common/images/ttl_campaign.gif);}
	h4.onlineshop	{background-image:url(/jp/style/common/images/ttl_onlineshop.gif);}
	h4.month		{background-image:url(/jp/style/common/images/ttl_month.gif); margin-bototm:0!important;}


/*old backnumber*/
ul#old				{background:transparent url(../images/line_444.gif) repeat-x top left; padding-top:1px;}
ul#old li a			{height:73px; width:190px; display:block;}
ul#old li a:hover	{background-position:0 -73px;}
ul#old li#magazine a{background-image:url(../../style/common/images/bnr_old_magazine.gif);}
ul#old li#gift a	{background-image:url(../../style/common/images/bnr_old_gift.gif);}


/* Main -------------------- */
h3.mainimage{text-indent:0!important; height:286px!important;}
h5.right{float:right;}
h5.left{float:left;}

div#menu{margin-top:25px;}



/*floatレイアウト-------------------- */
div.step{
	margin-bottom:25px;
}
div.step div.left,
div.step div.right{width:282px;}

div.step div.left{float:left;}
div.step div.right{float:right;}




/*商品詳細-------------------- */
div#product{clear:both;}
div#product h5{
	text-indent:-10000em;
	font-size:0.1px;
	line-height:0;
	background-image:url(/jp/style/common/images/h5_product.gif);
	height:14px;
	width:584px;
	display:block;
	margin-top:35px;
	}

div#product p{line-height:1.3; font-size:80%;}
div#product dl{float:left; width:108px; margin-right:11px; display:block;}
div#product dl.break{margin-right:0!important;}
div#product dt{margin-bottom:8px;}
div#product dt span{border:1px solid #ccc; display:block;}
div#product dt a{border:1px solid #ccc; width:106px; height:106px; display:block;}
div#product dt a:hover{border-color:#999!important;}

div#product div.step{margin:10px 0 0 0!important; clear:both;}

div#product dd p.name a:hover{color:#ccc!important;}

div#product p.caption{margin-top:15px; color:#d60078; font-size:100%!important; line-height:1.6!important;}
div#product p.txt{margin-top:15px; font-size:100%!important; line-height:1.6!important;}





	/* Page Sending-------------------- */
	ul.page_sending{
		width:191px;
		height:13px;
		line-height:0;
		margin-top:3px;
		}
	
	
	ul#foot{margin-left:auto; margin-right:auto;}
	
	ul.page_sending li	{float:left;}
	ul.page_sending li a{display:block; background-repeat:no-repeat; text-indent:-10000em; font-size:1px; width:38px; height:13px; overflow:hidden; text-decoration:none!important; color:#fff;}
	ul.page_sending li a:hover{background-position:0 -13px;}
	
		li.top a		{background-image:url(/jp/style/common/images/magazine/navi_top.gif); width:39px!important;}
		li.chapter01 a	{background-image:url(/jp/style/common/images/magazine/navi_01.gif);}
		li.chapter02 a	{background-image:url(/jp/style/common/images/magazine/navi_02.gif);}
		li.chapter03 a	{background-image:url(/jp/style/common/images/magazine/navi_03.gif);}
		li.chapter04 a	{background-image:url(/jp/style/common/images/magazine/navi_04.gif);}
	
		li#current a	{background-position:0 -13px!important;}
	
	div#page_sending{text-align:center; padding:4px 0 5px 0; _padding:7px 0 8px 0; margin-top:25px!important; background:transparent url(/jp/style/common/images/bg_pagesending.gif) repeat-x top left;}