@charset "utf-8";
/*==========================================================================
basic_css commonLayout

_1. reset
_2. setup
_3. common
	3.1_container
	3.2_header
	3.3_headerNavi
	3.4_content
	3.5_pageUp
	3.6_footer
_4. class
_5. other

==========================================================================*/


/*==========================================================================
_1. reset
==========================================================================*/

* {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font: normal normal 12px/1.5em "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, san-serif;
}

img,table	{
	border:0px;
}

ul,li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6,p {
	font-weight:normal;
	line-height:2em;
}

strong {
 font-weight:bold;
	line-height:2em;
}

.clear	{
	clear:both;
}


/*==========================================================================
_2. setup
==========================================================================*/

body {
	margin:0px;
	padding:0px;
	position:center;
	background:#ffffff url(../common_img/bg.gif) repeat-x;
	
	
}

a,
a:link {
	color:#1f57b1;
	text-decoration:none;
}

a:visited {
	color:#1f57b1;
	text-decoration:none;
}

a:hover,
a:active {
	color:#1f57b1;
	text-decoration:underline;
}

	
/*==========================================================================
_3. common
	3.1_container
==========================================================================*/

#wrapper{
/*トップラッパーマージン*/
	margin:0px auto 25px auto;
	width:904px;
}



/*==========================================================================
_3. common
	3.2_header
==========================================================================*/
#header	{
 padding:5px 0 0 0;
	font-size:12px;
	line-height:1.4em;
	/*ヘッダー下調整値*/
	margin:0 0 10px 0;
}

#header	#headerLeft{
	float:left;
	width:400px;
}

#header	#headerLeft h1{
	float:left;
	width:284px;
	height:52px;
}

#header	#headerLeft #home{
	float:left;
	padding:28px 0px 0px 27px;
	
}

#header	#headerLeft #home a,
#header	#headerLeft #home a:link,
#header	#headerLeft #home a:visited{
	background:url(../common_img/b_home.gif) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:50px;
	height:12px;
}

#headerRight{
	float:right;
	width:504px;
}
#headerRight #hLink{
	float:right;
	margin:10px 0 10px 0;
}

#headerRight #hLink ul{
 float:right;
}

#headerRight #hLink li{
	float:left;
}

#headerRight li#hLink01 a,
#headerRight li#hLink01 a:link,
#headerRight li#hLink01 a:visited {
	background:url(../common_img/b_recruit.gif) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:58px;
	height:16px;
}

#headerRight li#hLink02 a,
#headerRight li#hLink02 a:link,
#headerRight li#hLink02 a:visited {
	background:url(../common_img/b_contact.gif) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:74px;
	height:16px;
}

#headerRight li#hLink03 a,
#headerRight li#hLink03 a:link,
#headerRight li#hLink03 a:visited {
	background:url(../common_img/b_siteMap.gif) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:86px;
	height:16px;
}

#headerRight li#hLink04 a,
#headerRight li#hLink04 a:link,
#headerRight li#hLink04 a:visited {
	background:url(../common_img/b_english.gif) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:55px;
	height:16px;
}

#headerRight #hSerch-wrapper{
	float:right;
}

#headerRight #hSerch-wrapper #hSerch{
	float:left;
	vertical-align:middle;
	height:19px;
}

#headerRight #hSerch-wrapper #hSerch h5{
	float:left;
	vertical-align:middle;
}

#headerRight #hSerch-wrapper #hSerch01{
	float:left;
}

#headerRight #hSerch-wrapper #hSerch01 .query{
	border:1px solid #DCDCDC;
	vertical-align:middle;
	font-size:12px;
	height:14px;
}

#headerRight #hSerch-wrapper #hSerch01 .submit{
	vertical-align:middle;
}

#headerRight #hSerch-wrapper #hTextSize{
	float:left;
	width:180px;
		height:19px;
}

#headerRight #hSerch-wrapper #hTextSize h5{
	float:left;
	padding-left:5px;
}

#headerRight #hSerch-wrapper #hTextSize li{
	float:left;
	padding-left:5px;
}


#mainWrapper {
	width:904px;
}

#side {
	float:left;
	width:230px;
	margin-left:13px;
}


/*==========================================================================
_3. common
	3.5_banner
==========================================================================*/
#side #sbanner #sbanner00 a,
#side #sbanner #sbanner00 a:link,
#side #sbanner #sbanner00 a:visited{
	background:url(../common_img/other_productindex.gif) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:230px;
	height:55px;
	margin-bottom:8px;
}

#side #sbanner #sbanner00 a:hover {
	background:url(../common_img/other_productindex_on.gif) no-repeat scroll;
}



#side #sbanner #sbanner01 a,
#side #sbanner #sbanner01 a:link,
#side #sbanner #sbanner01 a:visited{
	background:url(../common_img/banner01.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:230px;
	height:116px;
	margin-bottom:8px;
}

#side #sbanner #sbanner01 a:hover {
	background:url(../common_img/banner01_on.jpg) no-repeat scroll;
}



#side #sbanner #sbanner02 a,
#side #sbanner #sbanner02 a:link,
#side #sbanner #sbanner02 a:visited{
	background:url(../common_img/banner02.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:230px;
	height:73px;
	margin-bottom:8px;
}

#side #sbanner #sbanner02 a:hover {
	background:url(../common_img/banner02_on.jpg) no-repeat scroll;
}



#side #sbanner #sbanner03 a,
#side #sbanner #sbanner03 a:link,
#side #sbanner #sbanner03 a:visited{
	background:url(../common_img/banner03.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:230px;
	height:63px;
	margin-bottom:8px;
}

#side #sbanner #sbanner03 a:hover {
	background:url(../common_img/banner03_on.jpg) no-repeat scroll;
}

#side #sbanner #sbanner04 a,
#side #sbanner #sbanner04 a:link,
#side #sbanner #sbanner04 a:visited{
	background:url(../common_img/banner04.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:230px;
	height:117px;
	margin-bottom:8px;
}

#side #sbanner #sbanner04 a:hover {
	background:url(../common_img/banner04_on.jpg) no-repeat scroll;
}

#side #sbanner #sbanner05 a,
#side #sbanner #sbanner05 a:link,
#side #sbanner #sbanner05 a:visited{
	background:url(../common_img/powersolution_bunner.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:230px;
	height:52px;
	margin-bottom:8px;
}

#side #sbanner #sbanner05 a:hover {
	background:url(../common_img/powersolution_bunner_on.jpg) no-repeat scroll;
}

#side #sbanner #sbanner06 a,
#side #sbanner #sbanner06 a:link,
#side #sbanner #sbanner06 a:visited{
	background:url(../common_img/eo_banner_off.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:230px;
	height:60px;
	margin-bottom:8px;
}

#side #sbanner #sbanner06 a:hover {
	background:url(../common_img/eo_banner_on.jpg) no-repeat scroll;
}

#side #sbanner #sbanner07 a,
#side #sbanner #sbanner07 a:link,
#side #sbanner #sbanner07 a:visited{
	background:url(../common_img/banner05.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:230px;
	height:63px;
	margin-bottom:8px;
}

#side #sbanner #sbanner07 a:hover {
	background:url(../common_img/banner05_on.jpg) no-repeat scroll;
}

#privacy{
	margin-top:20px;
}

#privacyIcon{
	float:left;
}

#privacyBox{
}

#privacyBox p{
}
.bPrivacy {
	float:right;
}

.bPrivacy a,
.bPrivacy a:link,
.bPrivacy a:visited{
	background:transparent url(../common_img/arrow02.gif) no-repeat scroll 0 0.3em;
	margin:0 0px 5px;
	padding:0 0 0px 10px;
}

/*==========================================================================
_3. common
	3.6_pageUp
==========================================================================*/
#pageUp {
	width:655px;
	/*ページ最上部へ戻る*/
	margin-top:20px;
}

.pageUpIcon{
	float:right;
}
#pageUp .pageUpIcon a,
#pageUp a:link,
#pageUp a:visited {
	background:transparent url(../common_img/pageUp.gif) no-repeat scroll left top;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:124px;
	height:11px;
	padding:0px 0px 10px 0px;
}

#pageUp .pageUpBg{
}

/*==========================================================================
_3. common
	3.7_footer
==========================================================================*/

#footerWrapper{
	position:center;
}

#footerWrapper #footerNavi01{
	margin:0 auto 10px auto;
	width:904px;
}

#footerWrapper #footerNavi01 li{
	float:left;
}

#footerNavi02Wrapper{
	background:#f5f5fb url(../common_img/bg_footer.gif) repeat-x;
	padding:10px 0 0 0 ;
}
#footerNavi02{
	margin:0px auto;
	width:904px;
}

#footerNavi02 #link{
	width:500px;
	float:left;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
}
#footerNavi02 li{
	float:left;
}
#footerNavi02 li a{
	text-decoration:none;
	color:#333333;
}

#footerNavi02 li a:hover,
#footerNavi02 li a:active {
	text-decoration:underline;
}

#plugin{
	margin:0px auto;
	padding:8px 0px 50px 0px;
	width:904px;
}

#copyright{
	float:right;
	width:330px;
}

#plugin li{
	float:left;
	margin:0px 5px 0px 0px;
}


/*==========================================================================
_4. class
==========================================================================*/
.icon01{
	padding:0 0.2em;
	margin-left:10px;
}

.icon02{
	padding:0 0.1em;
}

.txtRed {
 font-weight:bold;
	color:#ff0000;
}
.txtSmall {
 font-size:80%;
}

#qupte {
 background:url(../common_img/i_jump2.gif) no-repeat 35px 6px;
}


/*==========================================================================
_ 　2009/01/09　textarea link
==========================================================================*/

.textarea_link a,
.textarea_link a:link{
	color:#2c7af9;
	text-decoration:none;
}


.textarea_link a:visited {
	color:#2c7af9;
	text-decoration:none;
}

.textarea_link a:hover,
.textarea_link a:active {
	color:#2c7af9;
	text-decoration:underline;
}