@charset "utf-8";
/* CSS Document */
/*******************************************************************************
*
* 共通
*
* CREATED BY 2009/05/01
* 
********************************************************************************/

/*------------------------------------------------------------------------------
* html_tag.
*------------------------------------------------------------------------------*/
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input
{
	padding: 0;
	margin: 0;
}

body
{
	width: 100%;
	background: url(../images/base/body_bg.gif);
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',’ヒラギノ角ゴ Pro W3’,‘Hiragino Kaku Gothic Pro’,sans-serif;
	font-size: 100%;
}

html>/**/body
{
	font-size: 12pt; /* モダンブラウザ向け */
}

h2,h3,h4,h5,h6
{
	font-size: 100%;
}

p
{
	padding: 0 0 0.5em 0;
	margin: 0;
	line-height: 125%;
}

a
{
	color: #0066cc;
	text-decoration: none;
}

a:hover
{
	color: #3399ff;
}

a:visited
{
	color: #003366;
}

img
{
	border: none;
}

li
{
	list-style: none;
}

th
{
	text-align: left;
}

input
{
	font-size: 100%;
}

/*------------------------------------------------------------------------------
* base_id.
*------------------------------------------------------------------------------*/
#ei_wrapper
{
	width: 880px;
	padding: 0 0 0 20px;
	margin: 0 auto 0 auto;
	background: #ffffff;
}

#ei_footer
{
	width: 860px;
	padding: 40px 0 15px 0;
	background: url(../images/ei_footer/ei_footer_bg.gif) repeat-x 0px 20px;
	text-align: center;
}

#ei_center_top
{
	width:880px;
	padding:15px 0 0 0;
	/*background:#eeeeee;*/
}

#ei_center
{
	width:880px;
	/*background:#eeeeee;*/
}

#ei_pagebody
{
	float:left;
	width:660px;
	/*background:#f6f6f6;*/
}

#ei_pagetitle
{
	width: 640px;
	background: url(../images/base/ei_pagetitle/pagetitle_bg.gif) repeat-y;
}

#ei_other_body #ei_pagetitle
{
	width: 860px;
	background: url(../images/base/ei_pagetitle/pagetitle_bg2.gif) repeat-y;
}

h2
{
	width: 640px;
	padding: 0.5em 0 0 0;
	background: url(../images/base/ei_pagetitle/h2_bg.gif) no-repeat;
	font-size: 150%;
	font-weight: normal;
}

h2 span
{
	display: block;
	width: 640px;
	padding: 0 0 0.5em 0;
	background: url(../images/base/ei_pagetitle/pagetitle_bottom.gif) no-repeat bottom;
}

h2 img
{
	padding: 0 8px 0 0;
	vertical-align: middle;
}

#ei_other_body h2
{
	width: 860px;
	padding: 0.5em 0 0 0;
	background: url(../images/base/ei_pagetitle/h2_bg2.gif) no-repeat;
	font-size: 150%;
	font-weight: normal;
}

#ei_other_body h2 span
{
	display: block;
	width: 860px;
	padding: 0 0 0.5em 0;
	background: url(../images/base/ei_pagetitle/pagetitle_bottom2.gif) no-repeat bottom;
}


/*------------------------------------------------------------------------------
* base_class.
*------------------------------------------------------------------------------*/
.ep_clear
{
	clear: both;
}

.ep_pagetop
{
	width: 640px;
	padding: 10px 0 0 0;
	text-align: right;
}

#ei_other_body  .ep_pagetop
{
	width: 860px;
	padding: 10px 0 0 0;
	text-align: right;
}

.ep_btm_pd
{
	padding-bottom:0.5em
}


/*------------------------------------------------------------------------------
* ei_header.
*------------------------------------------------------------------------------*/
#ei_header
{
	width: 860px;
	background: url(../images/ei_header/ei_header_bg.gif) repeat-x bottom;
}

#ei_header .ep_logo
{
	float: left;
	padding: 0 0 4px 0;
	background: url(../images/ei_sidebody/ei_navi/navi_arrow_hover.gif) no-repeat;
}

#ei_header .ep_headinfo
{
	float: left;
	width: 620px;
	background: url(../images/ei_sidebody/ei_navi/ei_navi_nestarrow_hover.gif) no-repeat right top;
}

#ei_header .ep_headinfo .ep_info
{
	text-align: right;
}

#ei_header .ep_headinfo ul
{
	padding: 0 0 0 190px;
}

#ei_header .ep_headinfo li
{
	float: left;
	padding: 0 0 0 60px;
}

#ei_header .ep_headinfo li a
{
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -4000px;
}

#ei_header .ep_headinfo li a:hover
{
	background-position: 0px -35px;
}

#ei_header .ep_headinfo .ep_toplink
{
	height: 35px;
	width: 55px;
	background: url(../images/ei_header/toplink.gif) no-repeat 60px 0px;
}

#ei_header .ep_headinfo .ep_toplink a
{
	height: 35px;
	width: 55px;
	background: url(../images/ei_header/toplink_a_bg.gif);
}

#ei_header .ep_headinfo .ep_shoplink
{
	height: 35px;
	width: 100px;
	background: url(../images/ei_header/shoplink.gif) no-repeat 60px 0px;
}

#ei_header .ep_headinfo .ep_shoplink a
{
	height: 35px;
	width: 100px;
	background: url(../images/ei_header/shoplink_a_bg.gif);
}

#ei_header .ep_headinfo .ep_sitemaplink
{
	height: 35px;
	width: 95px;
	background: url(../images/ei_header/sitemaplink.gif) no-repeat 60px 0px;
}

#ei_header .ep_headinfo .ep_sitemaplink a
{
	height: 35px;
	width: 95px;
	background: url(../images/ei_header/sitemaplink_a_bg.gif);
}


/*------------------------------------------------------------------------------
* ei_path.
*------------------------------------------------------------------------------*/
#ei_path
{
	width: 860px;
	padding: 0.5em 0 0.5em 0;
	font-size: 80%;
}

#ei_path li
{
	display: inline;
}

#ei_path li img
{
	vertical-align: middle;
}


/*------------------------------------------------------------------------------
* navi.
*------------------------------------------------------------------------------*/
#ei_navi
{
	width: 200px;
	padding: 0 0 20px 0;
	border-bottom: 3px solid #dddddd;
}

#ei_navi ul
{
	width: 200px;
	padding: 0.5em 0 0.5em 0;
	background: #7294bf url(../images/ei_sidebody/ei_navi/navi_ul_bg.jpg) no-repeat;
}

#ei_navi a
{
	display: block;
	padding: 0.5em 0 0.5em 30px;
	background: url(../images/ei_sidebody/ei_navi/navi_arrow.gif) no-repeat 12px 0.55em;
	font-size: 80%;
	color: #ffffff;
}

#ei_navi a:hover
{
	background: #84aadb url(../images/ei_sidebody/ei_navi/navi_arrow_hover.gif) no-repeat 12px 0.55em;
}

#ei_navi li
{
	width: 196px;
	margin: 0 auto 0 auto;
}

#ei_navi li.ep_select
{
	background: #84aadb;
}

#ei_navi li.ep_select a
{
	background: #84aadb url(../images/ei_sidebody/ei_navi/navi_arrow_hover.gif) no-repeat 12px 0.55em;
}

#ei_navi li.ep_select ul
{
	width: 188px;
	padding: 5px 0 5px 0;
	margin: 0 auto 0 auto;
	background: #7399c7;
	border-bottom: 3px solid #84aadb;
}

#ei_navi li.ep_select li
{
	width: 188px;
	margin: 0 0 0 0;
}

#ei_navi li.ep_select li a
{
	padding: 0.5em 0 0.5em 25px;
	margin: 0 5px 0 5px;
	background: url(../images/ei_sidebody/ei_navi/ei_navi_nestarrow.gif) no-repeat 15px 0.7em;
}

#ei_navi li.ep_select li a:hover
{
	background: #84aadb url(../images/ei_sidebody/ei_navi/ei_navi_nestarrow_hover.gif) no-repeat 15px 0.7em;
}

#ei_navi li.ep_select li a.ep_select
{
	background: #84aadb url(../images/ei_sidebody/ei_navi/ei_navi_nestarrow_hover.gif) no-repeat 15px 0.7em;
}


/*------------------------------------------------------------------------------
* sidebody.
*------------------------------------------------------------------------------*/
#ei_sidebody
{
	float:left;
	width:220px;
}
#ei_sidebody .ep_topics
{
	width: 200px;
	padding: 20px 0 0.5em 0;
	border-bottom: 3px solid #dddddd;
}

#ei_sidebody .ep_topics p
{
	width: 200px;
	padding: 0 0 1em 0;
	font-size: 84%;
	line-height: 135%;
}

#ei_sidebody .ep_topics img
{
	display: block;
	margin: 0 auto 0 auto;
}

#ei_sidebody .ep_topics div
{
	width: 200px;
	background: url(../images/ei_sidebody/ep_topics/solution_bg.gif) no-repeat 0px 28px;
}

#ei_sidebody .ep_topics a
{
	display: block;
	padding: 0 0 0.5em 0;
}


/*------------------------------------------------------------------------------
* ei_other.
*------------------------------------------------------------------------------*/
#ei_other_body #ei_content_box
{
	width: 860px;
}

#ei_other_body #ei_list1
{
	float: left;
	width: 407px;
	padding: 0 20px 0 0;
	background: url(../images/base/dotline_bg.gif) repeat-y right top;
}

#ei_other_body #ei_list2
{
	float: left;
	width: 407px;
	padding: 0 0 0 20px;
}