@charset "utf-8";
/* CSS Document */
/*******************************************************************************
*
* CGI部分用のスタイル
*
* CREATED BY 2009/05/01
* 
********************************************************************************/
#ei_cgibody_box
{
	width: 640px;
}

/*------------------------------------------------------------------------------
* id → ei_stepnavi
*------------------------------------------------------------------------------*/
#ei_stepnavi
{
	padding: 15px 0 0 0;
}

#ei_stepnavi li
{
	float: left;
	height: 68px;
	width: 134px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -4000px;
}

#ei_stepnavi #ei_stepnavi1
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_1.jpg) no-repeat;
}

#ei_stepnavi .ep_stepnavi1
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_1_select.jpg) no-repeat!important;
}

#ei_stepnavi #ei_stepnavi2
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_2.jpg) no-repeat;
}

#ei_stepnavi .ep_stepnavi2
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_2_select.jpg) no-repeat!important;
}

#ei_stepnavi #ei_stepnavi3
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_3.jpg) no-repeat;
}

#ei_stepnavi .ep_stepnavi3
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_3_select.jpg) no-repeat!important;
}

#ei_stepnavi #ei_stepnavi4
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_4.jpg) no-repeat;
}

#ei_stepnavi .ep_stepnavi4
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_4_select.jpg) no-repeat!important;
}

#ei_stepnavi #ei_stepnavi5
{
	width: 104px!important;
	background: url(../images/ei_cgibody/ei_stepnavi/step_next.jpg) no-repeat;
}

#ei_stepnavi .ep_stepnavi5
{
	background: url(../images/ei_cgibody/ei_stepnavi/step_next_select.jpg) no-repeat!important;
}


/*------------------------------------------------------------------------------
* id → ei_step_box
*------------------------------------------------------------------------------*/
#ei_message
{
	padding: 0 0 15px 0;
	background: url(../images/ei_cgibody/ei_step/message_arrow.gif) no-repeat left bottom;
}

#ei_message p
{
	padding: 0.5em 10px 0.5em 10px;
	margin: 1em 0 0 0;
	background: #dddddd;
	font-size: 90%;
	font-weight: bold;
}

#ei_message div
{
	padding: 0 10px 0.7em 10px;
	background: #dddddd;
	font-size: 80%;
}

.ep_step_block
{
	padding: 1em 0 0.7em 0;
	border-bottom: 1px solid #cccccc;
}

.ep_step_block .ep_step_title
{
	float: left;
	width: 125px;
}

.ep_step_block .ep_step_title h3
{
	font-size: 90%;
}

.ep_step_block .ep_step_title img
{
	display: block;
	padding: 0 0 0.5em 0;
}

.ep_step_block .ep_step_title span
{
	display: block;
	padding: 0 0 0 2px;
}

.ep_step_content
{
	float: left;
	width: 515px;
}

.ep_step_content li
{
	padding: 0 0 0.3em 0;
	font-size: 90%;
}

.ep_step_content li li
{
	padding: 0.3em 0 0 20px;
	font-size: 100%;
}

.ep_step_content input
{
	margin: 0 7px 0 0;
	vertical-align: middle;
}

.ep_step_content label
{
	vertical-align: middle;
}

.ep_speed li
{
	float: left;
	width: 85px;
}

.ep_speed2 li
{
	clear: both;
	width: 500px;
	padding: 0 0 20px 0;
}

.ep_speed2 li p
{
	padding: 0 0 0.5em 0;
}

.ep_speed2 li .ep_speed_img
{
	float: left;
	width: 200px;
}

.ep_speed2 li .ep_speed_txt
{
	float: left;
	width: 300px;
}

.ep_speed2 li div input
{
	vertical-align: top;
}

.ep_step_content .ep_match_products img
{
	display: block;
	float: left;
	margin: 12px 0 0 0;
	border: 1px solid #cccccc;
}

.ep_step_content dl
{
	float: left;
	width: 300px;
	padding: 17px 0 0 10px;
}

.ep_step_content dt,
.ep_step_content dd
{
	padding: 0 0 0.3em 0;
	font-size: 90%;
}

.ep_step_content .ep_option
{
	width: 515px;
	padding: 5px 0 0.7em 0;
	background: url(../images/base/dotline_bg.gif) repeat-x bottom;
}

.ep_step_content .ep_option h4
{
	padding: 0.7em 0 0.7em 0;
}

.ep_step_content .ep_option h4 span
{
	padding: 4px;
	background: #cccccc;
	font-size: 90%;
}

.ep_step_content .ep_option .ep_point
{
	padding: 0.2em 0 0.2em 24px;
	color: #666666;
}


/* ep_form */
.ep_form_title
{
	float: left;
	width: 215px;
}

.ep_form_title p
{
	padding: 0 20px 0 0;
	font-size: 80%;
}

.ep_form_title h3
{
	font-size: 90%;
}

.ep_form_title img
{
	vertical-align: middle;
}

.ep_form_title span
{
	margin: 0 5px 0 0;
	line-height: 150%;
	vertical-align: middle;
}

.ep_form_content
{
	float: left;
	width: 425px;
	font-size: 92%;
}

.ep_form_content p
{
	padding: 0 0 0 0;
}

.ep_form_content strong
{
	padding: 0 15px 0 0;
}

.ep_form_content span
{
	vertical-align: middle;
}

.ep_form_content input
{
	width: 300px;
	margin: 0 0 0.3em 0;
	vertical-align: middle;
}

.ep_form_content input.ep_number
{
	width: 80px;
}

.ep_form_content .ep_example p
{
	padding: 0 0 0 26px;
	color: #666666;
	text-indent: -28px;
}

.ep_form_content .ep_alert
{
	padding: 0 0 0.5em 0;
}

.ep_form_content .ep_alert p
{
	display: inline;
	padding: 5px 5px 0.3em 5px;
	background: #bc6666;
	color: #ffffff;
	text-indent: inherit;
}

.ep_form_content dt
{
	padding: 0 0 0.3em 0;
	font-weight: bold;
}

.ep_form_content dt input,
.ep_form_content li input
{
	width: 20px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.ep_form_content li
{
	float: left;
	width: 200px;
	vertical-align: middle;
}

.ep_form_content dd
{
	display: inline;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

.ep_form_content dd input
{
	margin: 0 5px 0 5px;
}

.ep_form_content textarea
{
	height: 250px;
	width: 420px;
	font-size: 92%;
}

.ep_form_content textarea.ep_confirm
{
	background: #ffffff;
	border-style: none;
	color: #333333;
}

.ep_form_content .ep_prn_ran dt
{
	width:100px;
	float:left;
	padding:0.2em 0 0.3em 0;
}

.ep_form_content .ep_prn_ran dd
{
	width:150px;
	float:left;
	padding:0 0 0.3em 0;
}

.ep_loading
{
	padding: 24px 0 24px 22px;
	margin: 0 0 0 0;
	background: url(../images/ei_cgibody/ei_step/loading.gif) no-repeat left center;
}

.ep_error
{
	padding: 24px 0 24px 0;
	margin: 0 0 0 0;
}


/* ep_thanks */
.ep_thanks h3
{
	padding: 0 0 1em 0;
}

.ep_thanks h3 img,
.ep_thanks h3 span
{
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.ep_thanks p
{
	padding: 0 0 1em 0;
	font-size: 85%;
}

.ep_thanks p span
{
	font-size: 95%;
	color: #666666;
}


/*------------------------------------------------------------------------------
* id → ei_stepresult
*------------------------------------------------------------------------------*/
#ei_stepresult
{
	clear: both;
	padding: 1em 0 0 0;
}

.ep_stepresult_block
{
	width: 640px;
	padding: 10px 0 10px 0;
	background: #dddddd;
}

.ep_stepresult_block .ep_stepresult_title
{
	float: left;
	width: 195px;
	padding: 0 10px 0 10px;
}

.ep_stepresult_block .ep_stepresult_title h3
{
	font-size: 90%;
}

.ep_stepresult_block .ep_stepresult_content
{
	float: left;
	width: 425px;
}

.ep_stepresult_block .ep_stepresult_content dl
{
	clear: both;
	width: 425px;
	font-size: 90%;
}

.ep_stepresult_block .ep_stepresult_content dt
{
	float: left;
	width: 125px;
	padding: 0 0 0.5em 0;
}

.ep_stepresult_block .ep_stepresult_content dd
{
	float: left;
	width: 300px;
	padding: 0 0 0.5em 0;
}

.ep_stepresult_block .ep_stepresult_content dd p
{
	padding: 0 0 0 0;
}


/* ep_gray_bg */
.ep_gray_bg
{
	background: #818286;
}

.ep_gray_bg .ep_stepresult_content
{
	padding: 0 0 7px 0;
	background: #818286 url(../images/ei_cgibody/ei_step/ep_gray_bg.gif) no-repeat left bottom;
}

.ep_gray_bg h3
{
	padding: 0.4em 0 0 0;
	color: #ffffff;
}

.ep_gray_bg p
{
	width: 290px;
	padding: 5px 5px 0 5px;
	background: #ffffff url(../images/ei_cgibody/ei_step/ep_gray_bg_p_bg.gif) no-repeat;
	font-weight: bold;
}


/* ep_skyblue_bg */
.ep_skyblue_bg
{
	background: #7da7d9;
}

.ep_skyblue_bg .ep_stepresult_content
{
	padding: 0 0 7px 0;
	background: #7da7d9 url(../images/ei_cgibody/ei_step/ep_skyblue_bg.gif) no-repeat left bottom;
}

.ep_skyblue_bg h3
{
	padding: 0.4em 0 0 0;
	color: #ffffff;
}

.ep_skyblue_bg p
{
	width: 290px;
	padding: 5px 5px 0 5px;
	background: #ffffff url(../images/ei_cgibody/ei_step/ep_skyblue_bg_p_bg.gif) no-repeat;
	font-weight: bold;
}


/* ep_blue_bg */
.ep_blue_bg
{
	background: #0072bb;
}

.ep_blue_bg .ep_stepresult_content
{
	padding: 0 0 7px 0;
	background: #0072bb url(../images/ei_cgibody/ei_step/ep_blue_bg.gif) no-repeat left bottom;
}

.ep_blue_bg h3
{
	padding: 0 0 0 0;
}

.ep_blue_bg p
{
	width: 290px;
	padding: 5px 5px 0 5px;
	margin: 35px 0 0 0;
	background: #ffffff url(../images/ei_cgibody/ei_step/ep_blue_bg_p_bg.gif) no-repeat;
	font-weight: bold;
}


/*------------------------------------------------------------------------------
* id → ei_decide_btn
*------------------------------------------------------------------------------*/
#ei_decide_wbtn
{
	width: 620px;
	padding: 10px 10px 1.5em 10px;
}

#ei_decide_gbtn
{
	width: 620px;
	padding: 10px 10px 1.5em 10px;
	background: #dddddd;
}

#ei_decide_wbtn p,
#ei_decide_gbtn p
{
	padding: 0.5em 10px 1.2em 10px;
	font-size: 90%;
}

#ei_decide_wbtn p strong,
#ei_decide_gbtn p strong
{
	display: block;
	width: 600px;
	text-align: center;
}

#ei_decide_wbtn p span,
#ei_decide_gbtn p span
{
	font-size: 80%;
}

#ei_decide_wbtn div,
#ei_decide_gbtn div
{
	width: 620px;
	text-align: center;
}

#ei_decide_wbtn div img,
#ei_decide_gbtn div img
{
	padding: 0 5px 0px 5px;
	vertical-align: middle;
}