@charset "UTF-8";

/* ===================================
	File Name   : popup.css
	Description : Popup Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Saeki
	
	Update Description :
	[2012/07/05] ヘッダボタン追加
	[2012/06/13] 別サイズ定義（詳細検索系）
	[2012/05/21] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Send Mail Page Setting
	3. Search Print Share Setting
	4. Search List Print Page Setting
	5. Search Detail Print Page Setting
	6. Search Menu Print Page Setting
	7. Search Gallery Print Page Setting
	8. Search Coupon Print Page Setting
	*. Clear Fix
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
/* Standard*/
body.Popup { background: url(../img/bg-body.jpg) repeat-x;}

body.Popup #Contents { background: url(../img/bg-contents.jpg) no-repeat center top;}

body.Popup #ContentsInner {
	width: 610px;
	padding-top: 10px;
}

body.Popup #Header {
	width: 610px;
	height: 80px;
	margin: 0px auto 10px;
}

body.Popup #Footer {
	padding: 10px 0px;
	background: #F6F6EF;
}

body.Popup #FooterInner {
	width: 610px;
	margin: 0px auto;
}
body.Popup #FooterInner {
	width: 610px;
	margin: 0px auto;
}

body.Popup .Section {
	width: 590px;
	margin: 0px auto 40px;
}


/* Standard Header */
#Header strong {
	width: 314px;
	height: 80px;
}

#Header ul {
	position: absolute;
	top: 70px;
	right: 0px;
	width: 150px;
	height: 12px;
}

#Header ul a {
	display: block;
	width: 150px;
	height: 12px;
	background: url(../img/btn-back-top.png) no-repeat;
}

#Header ul a:hover { background-position: 0px -12px;}


/* Standard Title */
body.Popup h1 {
	margin: 0px 0px 25px;
	padding: 10px;
	background: #F2EEE5;
	font-size: 108%;
}

body.Popup h1 em {
	margin-right: 5px;
	font-weight: bold;
}

body.Popup h2 {
	margin-bottom: 15px;
	padding: 0px 10px 24px;
	background: url(../img/bg-line-gradient.png) repeat-x bottom;
}

body.Popup h2 span {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 1px 0px 1px 15px;
	background: url(../img/bg-title-line.jpg) no-repeat;
	font-weight: bold;
	font-size: 108%;
}


/* Page Top */
#BtnPageTop {
	padding-bottom: 10px;	
	background: #FFFFFF;
}

#BtnPageTop li {
	width: 640px;
	margin: 0px auto;
	text-align: right;
}

#BtnPageTop li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 132px;
	height: 13px;
	background: url(../img/btn-pagetop.jpg) no-repeat;
}

#BtnPageTop li a:hover { background-position: 0px -13px;}


/* Close Button */
#BtnClose {
	width: 100px;
	height: 30px;
	margin: 0px auto;	
}

#BtnClose a {
	display: block;
	width: 100px;
	height: 30px;
	background: url(../img/btn-close.jpg) no-repeat;
}
#BtnClose a:hover { background-position: 0px -30px;}




/*===== ■*.Clear Fix  =====*/
.PageTopInner:after,
.Section:after,
body#Popup .BtnPageTop:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

*:first-child+html .Section,
*:first-child+html body#Popup .BtnPageTop { zoom: 1;} /* IE7 */