@charset "UTF-8";



/* common */

* {

	margin: 0;

	padding: 0;

	font-size: 100%;

	font-style: normal;

	font-weight: normal; 

}

body#popup {

	text-align: left; 

	background: #fff url(../img/bg_popup.gif) 0 0 repeat-x;

	font: 100%/1.5em "Hiragino Kaku Gothic Pro", verdana, arial, Sans-Serif; 

	color: #000; 

}

*html body p { font-size: 80%; }

*+html body p { font-size: 80%; }

html>body p  { font-size: 12px; }

/* -----constructure-----*/

#popup div#header {

	height: 36px; 

	position: relative; 

}

#popup div#container {

	width: 627px; 

}

#popup p.pict {

	min-height: 366px;

	height: auto !important;

	height: 366px;

}

/* -----detail-----*/

#popup div#header h1 {

	position: absolute; 

	top: 11px; 

	left: 525px; 

}

#popup div#header h2{ 

	position: absolute; 

	top: 9px; 

	left: 24px; 

	font-weight: bold; 

}

*html body h2 { font-size: 100%; }

*+html body h2 { font-size: 100%; }

html>body h2  { font-size: 16px; }



#popup div#content p.text {

	padding: 16px 0 0 24px; 

	font-weight: bold;

}

#popup div#content p.pict {

	padding-top: 8px; 

	text-align: center; 

}

/* -----close-----*/

#popup p.close {

	padding: 8px 24px 8px 0; 

	text-align: right; 

}