@charset "shift_jis";

/* ================================================================================= */
/* Content Popup ver.																 */
/* ================================================================================= */

#popup #box {
	width: 95%;
}

/* Header ver.
======================================================= */

#popup h1 {
	display: inline;
	float: left;
    width: 207px;
    height: 74px;
}

#popup p#close {
	float:right;
	width:73px;
	margin: 20px 0 0 0;
}


/* Main contentBody
======================================================= */

#popup #contentBody {
	clear: both;
	background: none;
	border-top:3px solid #1e3e63;
	width: 100%;
	text-align:left;
	margin: 0;
	padding: 0
}


/* Main area
======================================================= */
#popup #main {
	width: 742px;
	margin: 30px 0 0 0;
	float:left;
}

/* Hx
------------------------------- */
#popup h2 {
	margin: 0 0 30px 15px;
	clear: both;
}

#popup h2.mar5 {
	margin: 0 0 5px 15px;
	clear: both;
}

#popup h3 {
	margin: 0 0 15px 15px;
	clear: both;
}

/* タイトルがテキストに使用*/
#popup h3.Icon {
	background: url(../img-quick/h3_i.gif) no-repeat 0% 50%;
	padding: 0 0 0 10px;
	line-height: 40px;
}

/* タイトルがテキストに使用（強調色）*/
#popup h3.Iconem {
	background: url(../img-quick/h3_i_em.gif) no-repeat 0% 50%;
	padding: 0 0 0 10px;
	line-height: 40px;
}

#popup h4 {
	margin: 0 0 15px 15px;
	clear: both;
}

/* タイトルがテキストに使用*/
#popup h4.bg {
	background: url(../img-quick/h4_bg.gif) no-repeat 0% 50%;
	padding: 0 0 0 10px;
	line-height: 20px;
}


/* Margin
------------------------------- */

#popup #contentBody .m30 {
	margin: 0 0 30px 0;
	padding: 0 0 0 25px;
	clear: both;
}

#popup #contentBody .m15 {
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	clear: both;
}

#popup #contentBody .m15_2 {
	margin: 0 0 15px 0;
	clear: both;
}

#popup #contentBody .m12 {
	margin: 0 0 12px 25px;
	padding: 0;
}

#popup #contentBody .m12_2 {
	margin: 0 0 12px 0;
	padding: 0 0 0 25px;
	clear: both;
}

#popup #contentBody .m10{
	margin: 0 0 10px 0;
	padding: 0;
}

/* table form
------------------------------- */
/*青いセルときに使用 */
#popup #contentBody table td.linebg_blue {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	padding: 5px 10px;
	background-color: #cae8ee;
}

/*灰色セルときに使用 */
#popup #contentBody table td.linebg_gray {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 5px 10px;
	background-color: #f1f1f1;
}

/*青いセルが最後のときに使用 */
#popup #contentBody table td.linebg_bluebtm {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px 10px;
	background-color: #cae8ee;
}

/*灰色セルときに使用 */
#popup #contentBody table td.linebg_graybtm {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px 10px;
	background-color: #f1f1f1;
}

/*白いセルが最後のときに使用 */
#popup #contentBody table td.linebg_whitebtm {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px 10px;
}

/* input
------------------------------- */
#popup #contentBody input.searcharea {
	width: 200px;
	padding: 2px;
}

#popup #contentBody input.btsearch {
	width: 100px;
	padding: 2px;
}

#popup #contentBody input.btlist {
	width: 250px;
	padding: 2px;
}

/* Parts margin etc */
ul.withIcon1 li {
	background: url(../img-common/arr_g.gif) no-repeat 0% 50%;
	padding: 0 0 0 11px;
	line-height: 20px;
}

/* 角アール枠 */
/*
///////////// すべて x.css に移動 ////////////
#popup .circletp {
}

#popup .circlebtm {
	clear: both;
}

#popup .circlebox1 {
	margin: 0 0 10px 25px;
	border: 0;
	clear: both;
}

#popup .circlebox1 .circlebody {
	background: url(../img-quick/circle-btm_img02.gif) repeat-y 0% 50%;
	padding: 10px;
}
*/

/* footer area
======================================================= */

#popup #footer {
	border-top: 6px solid #5a5a5a;
	clear: both;
	width: 100%;
	
}