@charset "utf-8";

/* Popup CSS
========================================== */
@import url(common.css);

body.popup {
	background-image: none;
	padding: 30px 0 30px 30px;
}

	/* header
	---------------------------------------- */
	body.popup div#header {
		width: 640px;
		height: 47px; 
		overflow: hidden;
		position: relative; 
		background: transparent url(../images/common/bg_dotline_w.gif) 0 100% repeat-x;
	}
		body.popup div#header h1 { 
			position: absolute;
			top: 0px;
			left: 0px;
			line-height: 0;			
		}
		body.popup div#header p.close { 
			position: absolute;
			top: 0px;
			right: 0px;
			line-height: 0;			
		}

	/* contents
	---------------------------------------- */
	body.popup div#contents {
		width: 640px;
		padding: 30px 0 30px 0;		
	}

	/* footer
	---------------------------------------- */
	body.popup div#footer { 
		width: 640px;
		background: transparent url(../images/common/bg_dotline_w.gif) 0 0 repeat-x;
	}
	body.popup div#footer p {
		padding: 30px 0 0 0;
		text-align: right;
	}


/* Spiral Market YOKOHAMA Popup CSS
========================================== */
	body#fguide-market-yokohama div#intro-sec {
		padding: 0 0 30px 0;
	}
	body#fguide-market-yokohama div#intro-sec div.pict {
		float: left;
		background: transparent url(../images/common/bg_pict_264px.gif) 0 0 no-repeat;
		width: 264px;
		height: 201px;
	}
		body#fguide-market-yokohama div#intro-sec div.pict p {
			margin: 2px 2px;
		}
		
	body#fguide-market-yokohama  div#intro-sec div.info {
		float: right;
		width: 350px;
	}
	
	body#fguide-market-yokohama div#intro-sec div.info p { margin: 0 0 25px 0; }
	body#fguide-market-yokohama div#intro-sec div.info p.last { margin: 0; }
	
	body#fguide-market-yokohama div#intro-sec div.text p { margin: 0 0 25px 0; }
	body#fguide-market-yokohama div#intro-sec div.text p.last { margin: 0; }
	
/* AMOEM Popup CSS
========================================== */
	body#fguide-amoem div#contents {
		background-image: none;
	}
	
	body#fguide-amoem h2 {
		font-size: 134%;
		line-height: 1.6;
		font-weight: bold;	
	}
	
	body#fguide-amoem h3 {
		font-size: 117%;
		line-height: 1.6;
		font-weight: bold;
		color: #e04c5c;
		background-color: #f4f4f4;
		padding: 3px 9px;
		margin: 30px 0 0 0;
	}
	
	body#fguide-amoem h4 {
		font-size: 117%;
		font-weight: bold;
	}
	body#fguide-amoem h4.lead {
		margin: 0 0 20px 0;
	}
	body#fguide-amoem p.lead {
		margin: 0 0 25px 0;
		font-size: 84%;
	}
	body#fguide-amoem p.lead2 {
		margin: 3px 0 0 9px;
		font-weight: bold;
	}
	
		/* btn-sec
		---------------------------------------- */
		#fguide-amoem div#btn-sec {
			margin: 25px 0 30px 0;
		}
		#fguide-amoem div#btn-sec div.textbtn {
			width: 205px;
			min-height: 44px;
			height: auto !important;
			height: 44px;
			float: left;
			background: #f4f4f4 url(../images/common/bg_textbtn_03.gif) 0 100% no-repeat;
		}
		#fguide-amoem div#btn-sec div.textbtn p {
			background: transparent url(../images/common/bg_dotline_w.gif) 0 0 repeat-x;
			padding: 12px 5px 10px 10px;
		}
		#fguide-amoem div#btn-sec div#center {
			margin: 0 12px;
		}

	body#fguide-amoem div.info-unit {
		background: transparent url(../images/common/bg_dotline_w.gif) 0 100% repeat-x;
		padding: 30px 0 30px 12px;
	}
	body#fguide-amoem div.info-unit-last {
		background: none;
		padding: 30px 0 0 12px;
	}
	
	body#fguide-amoem dl dt {
		background: transparent url(../images/common/icon_square.gif) 0 0.4em no-repeat;
		padding: 0 0 0 15px;
		margin: 0 0 5px 0;
	}
	body#fguide-amoem dl dt.bold { font-weight: bold; }
	body#fguide-amoem dl dd {
		padding: 0 0 0 15px;
		font-size: 84%;
		line-height: 1.6;
		margin: 0 0 25px 0;
	}
	body#fguide-amoem dl dd.none {
		margin: 0;
	}
	body#fguide-amoem ul li {
		background: transparent url(../images/common/icon_square.gif) 0 0.4em no-repeat;
		padding: 0 0 0 15px;
		margin: 0 0 5px 0;
	}
	body#fguide-amoem ul li.none {
		background: none;
		padding: 0;
		margin: 0 0 5px 0;
	}