@charset "utf-8";

/**
*
*	colorio
*	popup.css
*/

/*************************************************************************
 *		ポップアップ用のCSSを定義
*************************************************************************/

/*HTML要素設定用CSS*/
@import "/common/css/common_utf8.css";
@import "/common/css/popup_utf8.css";
@import "reset.css";
@import "module.css";
@import "popup_print.css";

/*------------------------------------------------------------
*	layout
*/
body {
	color: #333;
	font-size: 95%; /* default 14.97px相当 */
	background: #fff;
}
p,li,dd,th,td {
	line-height: 1.4em;
}

#popup_contents{
	text-align:center;
}
#popup_contents #contents_inner{
	width:500px;
	margin:30px auto;
	text-align:left;
}
#popup_contents.w689 #contents_inner{
	width:689px;
	margin:30px auto;
	text-align:left;
}

#popup_contents.w640 #contents_inner{
	width:640px;
	margin:30px auto;
	text-align:left;
}

#popup_contents.w870 #contents_inner{
	width:870px;
	margin:30px auto;
	text-align:left;
}


/*------------------------------------------------------------
*	Heading
*/
#popup_contents div.colorio_h1{
	width:500px;
	background:url(/products/colorio/common_wide/images/popup/h1_w500_bg.gif) repeat-y;
}
#popup_contents div.colorio_h1 h1{
	width:500px;
	background:url(/products/colorio/common_wide/images/popup/h1_w500_bg_t.gif) no-repeat;
}
#popup_contents div.colorio_h1 h1 span{
	display:block;
	background:url(/products/colorio/common_wide/images/popup/h1_w500_bg_b.gif) no-repeat left bottom;
	padding:10px 20px;
	font-size:115%;
}

#popup_contents.w689 div.colorio_h1{
	width:689px;
	background:url(/products/colorio/common_wide/images/popup/h1_w689_bg.gif) repeat-y;
}
#popup_contents.w689 div.colorio_h1 h1{
	width:689px;
	background:url(/products/colorio/common_wide/images/popup/h1_w689_bg_t.gif) no-repeat;
}
#popup_contents.w689 div.colorio_h1 h1 span{
	display:block;
	background:url(/products/colorio/common_wide/images/popup/h1_w689_bg_b.gif) no-repeat left bottom;
	padding:10px 20px;
	font-size:115%;
}

#popup_contents div.colorio_h2{
	width:500px;
	background:url(/products/colorio/common_wide/images/popup/h2_w500_bg_t.gif) no-repeat;
}
#popup_contents div.colorio_h2 h2{
	background:url(/products/colorio/common_wide/images/popup/h2_w500_bg_b.gif) no-repeat left bottom;
	padding:6px 20px;
}

#popup_contents.w689 div.colorio_h2{
	width:689px;
	background:url(/products/colorio/common_wide/images/popup/h2_w689_bg_t.gif) no-repeat;
}
#popup_contents.w689 div.colorio_h2 h2{
	background:url(/products/colorio/common_wide/images/popup/h2_w689_bg_b.gif) no-repeat left bottom;
	padding:6px 20px;
}
#popup_contents .area_flv{
	margin:0 0 20px 0;
	border:1px solid #999;
}