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


/* Style Navi Current-------------------- */
ul#style_navi li.magazine a	{border-color:#69c4ed!important;}


/* Magazine Title -------------------- */
div#magazine{background:transparent url(images/background.jpg) no-repeat top left; width:582px; margin:0 auto;}
div#magazine h3{background:transparent url(images/h_magazine.jpg) no-repeat top left; width:534px; height:107px; margin-bottom:0px!important;}
div#magazine h4{background:transparent url(images/h_ttl.jpg) no-repeat top left; width:446px; height:141px; margin-bottom:0px;}
div#magazine p#read{background:transparent url(images/h_txt.jpg) no-repeat top left; width:534px; height:127px;}
div#magazine ul{margin:0 24px;}

div#title_area{padding:43px 24px 30px 24px;}

div#magazine h5{background:transparent url(images/contents_ttl.gif) no-repeat top left; width:534px; heigth:12px!important; text-indent:-10000em; margin:0 24px; display:block}




p#txt001-1{width:261px; height:65px; display:block; background-image:url(01/images/txt01.gif); margin:3px 0 20px 0!important;}
p#txt002-1{width:282px; height:42px; display:block; background-image:url(02/images/txt01.gif); margin:20px 0 20px 0!important;}
p#txt003-1{width:282px; height:42px; display:block; background-image:url(03/images/txt01.gif); margin:3px 0 20px 0!important;}


div#step02 div.left{float:left; width:156px;}
div#step02 div.right{float:right; width:408px;}


/*===============================================
下層ページヘッダー
===============================================*/
div#page_header{width:501px; height:72px; background:transparent url(images/bg_page_header.jpg) no-repeat top left; padding-left:81px;}
h3#magazine		{width:301px!important; height:43px!important; margin:19px 0 0 0!important; float:left;}
h3#magazine a	{width:301px!important; height:43px!important; background:transparent url(images/s_ttl.jpg) no-repeat top left; display:block; overflow:hidden;}

div#page_header ul{float:right; text-align:right; margin-top:51px; width:194px; display:block;}
div#page_header li {float:left; margin-right:7px;}
div#page_header li a{height:21px; background-repeat:no-repeat; display:block; overflow:hidden; text-decoration:none;}
div#page_header li span{display:none;}
div#page_header li a:hover{background-position:0 -21px;}
div#page_header li.current a{background-position:0 -21px!important;}

	div#page_header li#top a			{background-image:url(images/navi_top.gif); width:48px;}
	div#page_header li#page01 a			{background-image:url(images/navi_01.gif); width:39px;}
	div#page_header li#page02 a			{background-image:url(images/navi_02.gif); width:39px;}
	div#page_header li#page03 a			{background-image:url(images/navi_03.gif); width:39px;}

/*===============================================
下層ページタイトル
===============================================*/
h4#chapter{width:584px; height:27px!important; background-repeat:no-repeat;}
h4.title001{background-image:url(01/images/h4_ttl.gif);}
h4.title002{background-image:url(02/images/h4_ttl.gif);}
h4.title003{background-image:url(03/images/h4_ttl.gif);}




/* 夏の眠りを快適にするためのポイント*/
div#point{padding-bottom:15px; margin-bottom:25px; background:#fff url(02/images/point_footer.gif) no-repeat bottom left; }
div#point h5{background:#fff url(02/images/point_ttl.gif) no-repeat top left; width:584px; height:15px; margin-bottom:20px;}

div#point dl{display:block; width:282px; min-height:108px; _height:108px; margin-bottom:15px;}
div#point dl.left{float:left;}
div#point dl.right{float:right;}
div#point dt{width:108px; display:block; float:left;}
div#point dd{width:163px; display:block; float:right; font-size:80%;}


/* 半身浴のポイント*/
div#hanshinyoku{margin-bottom:25px;}
div#hanshinyoku h5{background:#fff url(03/images/hannshinnyoku_ttl.gif) no-repeat top left; width:282px; height:15px;}
div#hanshinyoku ul{border-left:1px solid #e6577f; border-right:1px solid #e6577f; border-bottom:1px solid #e6577f; padding:5px 0 5px 8px;}
div#hanshinyoku li{width:265px; height:15px; display:block; background-repeat:no-repeat; background-position:top left;}

	li#han01{background-image:url(03/images/hannshinnyoku_01.gif);}
	li#han02{background-image:url(03/images/hannshinnyoku_02.gif); margin-top:10px;}
	li#han03{background-image:url(03/images/hannshinnyoku_03.gif); margin-top:10px;}
	li#han04{background-image:url(03/images/hannshinnyoku_04.gif); margin-top:10px;}