/* CSS Document */

/*---------------------------------------------------------
‘S‘Μ
---------------------------------------------------------*/
body { background: #FF0066 url(../images/common/bg.gif) left top repeat-x; margin:0; padding:0;/* font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",helvetica,arial,sans-serif;*/
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;}

#all , #page { margin:0; padding:0; }

.clear {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 1%;
	clear: both;
	font-size: 0px;
	display: block;
}

.clear hr{ display:none; height:1px; background-color:#996600;}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; min-height: 1px;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

h1,h2,h3,h4,h5,h6{margin:0;}
li,dt, dd{ list-style-type:none;}
a { text-decoration:none;}
img { border:none;}
p { margin:0; padding:0;}
p.f11 { margin:0; font-size:11px; letter-spacing:0.05em; line-height:1.3; }

p.pagetop a{
	display:block;
	background: url(../images/common/arrow/arrow04.gif) no-repeat right 4px;
	font-size:11px;
	color:#000000;
	margin:0 10px 10px 0;
	text-align:right;
	padding:2px 10px 0 0;
}

p.pagetop a:hover{
	background: url(../images/common/arrow/arrow04_on.gif) no-repeat right 3px;
	color:#FF0066;
}

/*---------------------------
ƒgƒbƒvi•ƒGƒŠƒAj
----------------------------*/
/*------------ƒgƒbƒv•‘Ρ*/
#top { /*height:98px;background:#353535;  border-bottom:2px solid #8D928B;*/ margin:0; padding:0;}
/*------------ƒgƒbƒv•‘Ρ”wŒi•”•ͺ*/


#top #inr { background: url(../images/common/bg_all.jpg) right top no-repeat; }
/**html #top #inr { background: url(../images/common/bg_all_s.jpg) left top no-repeat; }*/

#top #toparea {
	width:990px;
	margin:0 auto;
	border:1px solid #D0D0D0; border-bottom:none;
	/*background: url(../images/common/bg_all.jpg) left top no-repeat;*/
}

#top #toparea #innertoparea { width:960px;  border:1px dotted #FFFFFF; margin:6px auto; border-bottom:none; padding:0 10px; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------
šTOPš
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------
ƒwƒbƒ_[
----------------------------*/
#top #toparea #header { width:960px; height:93px; margin:0; padding:0; background: url(../images/common/bg_header02.jpg) 10px 1px no-repeat; /*border-bottom:4px solid #EBEBD6; */}
/*------------ƒwƒbƒ_Ά*/
#top #toparea #header-L { width:452px;  /*height:87px;*/ float:left; }
#top #toparea #header-L h1 a{ 
	width:94px;
	height:28px;
	background: url(../images/common/logo.jpg) left top no-repeat;
	text-indent:-9999px;
	margin-top:14px;	display:block;
}

/*------------ƒwƒbƒ_‰E*/
#top #toparea #header-R { 
	width:508px;
	height:87px; 
	float:left; 
}

#top #toparea #header-R p { margin:0; padding:14px 0 0 0; font-weight:normal; color:#FFFFFF; text-align:right; font-size:11px;}
/*
#top #toparea #header #header-R h2 { margin:0; padding:48px 0 0 0; font-weight:normal; color:#FFFFFF; text-align:right; font-size:11px;}
#top #toparea #header02 #header-R h2 { margin:0; padding:74px 0 0 0; font-weight:normal; color:#FFFFFF; text-align:right; font-size:11px;}
*/
*html #top #toparea #header-R h2 { padding-top :20px}
*+html #top #toparea #header-R h2 { padding-top :20px}
/*---------------------------
ƒ{ƒgƒ€i•ƒGƒŠƒAj
----------------------------*/
/*------------ƒ{ƒgƒ€•‘Ρ*/
#bottom { background:#353535; /*height:98px;*/ margin:0px;}

/* Then overwrite for Firefox 3 specifically */
#bottom { clear:both;}

#bottom #btmarea {
	width:990px;
	height:55px;
	margin:0px auto;
	border:1px solid #D0D0D0; border-top:none;
	/*background: url(../images/common/bg_all.jpg) left top no-repeat;*/
}

#bottom #btmarea #innerbtmarea{ width:980px;  border:1px dotted #FFFFFF; margin:0 auto 6px auto; border-top:none; height:50px;  }
#bottom #btmarea #footer {  width:960px; margin:0px auto; background: url(../images/common/bg_footer.gif) top left no-repeat; padding:0;}

#bottom #btmarea ul { padding:28px 0 0 0; margin:0; float:left;}
p:not(\*|*) #bottom #btmarea ul { float:none;}

#bottom #btmarea li { font-size:11px; color:#FFFFFF; display:inline; background: url(../images/common/arrow/arrow02.gif) 5px 2px no-repeat; padding-left:15px; }
#bottom #btmarea li a { color:#FFFFFF; }
#bottom #btmarea li a:hover { background-color:#FF0066; }
#bottom #btmarea p { margin:0; color:#FFFFFF; float:right; padding:28px 0 0 0; }

/*------------ƒiƒrƒQ[ƒVƒ‡ƒ“*/
#top #toparea ul#top-navi{ width:452px; font-size:11.5px; padding:0; margin:15px 0 0 0; /*background-color:#FF0000;*/background:url(../images/common/bg_topnavi.jpg) left bottom no-repeat;}
*html #top #toparea ul#top-navi{ margin-top:14px; }
#top #toparea #top-navi li{ width:110px; height:32px; float:left; font-weight:bold; text-align:center; margin-right:4px;}

#top #toparea #top-navi li#web a{ width:110px; height:20px; padding-top:12px; display:block; background: url(../images/common/topnavi-web.gif) left bottom no-repeat; color:#00C7CC; }
#top #toparea #top-navi li#web a:hover { background: url(../images/common/topnavi-web_on.gif) left bottom no-repeat; color:#FFFFFF; }

#top #toparea #top-navi li#ec a { width:110px; height:20px; padding-top:12px; display:block; background: url(../images/common/topnavi-ec.gif) left bottom no-repeat; color:#34CC00;}
#top #toparea #top-navi li#ec a:hover { background: url(../images/common/topnavi-ec_on.gif) left bottom no-repeat; color:#FFFFFF; }

#top #toparea #top-navi li#it a { width:110px; height:20px; padding-top:12px; display:block; background: url(../images/common/topnavi-it.gif) left bottom no-repeat; color:#FF42A0; }
#top #toparea #top-navi li#it a:hover { background: url(../images/common/topnavi-it_on.gif) left bottom no-repeat; color:#FFFFFF; }

#top #toparea #top-navi li#system a { width:110px; height:20px; padding-top:12px; display:block; background: url(../images/common/topnavi-system.gif) left bottom no-repeat; color:#CC9900;}
#top #toparea #top-navi li#system a:hover { background: url(../images/common/topnavi-system_on.gif) left bottom no-repeat; color:#FFFFFF; }

/*---------------------------
ƒZƒ“ƒ^[iƒsƒ“ƒNƒGƒŠƒAj
----------------------------*/
#centerarea { width:990px; margin:-10px auto; border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0; padding:0;}
html:\66irst-child #centerarea { margin:0 auto; }

#centerarea #innercenterarea { width:980px; border-left:1px dotted #FFFFFF; border-right:1px dotted #FFFFFF; margin:6px auto; padding:0; }
*:first-child+html #centerarea #innercenterarea { margin-top:0px; }
*html #centerarea #innercenterarea { margin-top:0; }


#centerarea #contentarea{ width:958px; background-color: #EBEBD6; margin:0 auto; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:10px 0 10px 0;}

#centerarea #contentarea #photo01 { width:900px; margin:30px auto; display:block; }
#centerarea #contentarea #abouttrim { width:900px; margin:0 auto; background: url(../images/page/abouttrim.jpg) left top no-repeat; }
#centerarea #contentarea #abouttrim p { width:870px; font-size:11px; padding:25px 10px 25px 10px; margin:0 auto;  background:url(../images/page/under.gif) right bottom no-repeat;}

#centerarea #contentarea #topicsarea { width:958px; border-top:1px solid #FFFFFF; background-color:#99CC99; margin:10px 0px -6px 0px; }
*html #centerarea #contentarea #topicsarea { width:958px; }

#centerarea #contentarea #topicsarea #note { width:942px; border:1px solid #333333; margin:8px auto -11px auto; background: #F9F9F2 url(../images/page/under.gif) 850px bottom no-repeat; }
*html #centerarea #contentarea #topicsarea #note { margin-bottom:-14px; }
*:first-child+html #centerarea #contentarea #topicsarea #note { margin-bottom:-14px; }

#centerarea #contentarea #topicsarea #note dl { width:890px; margin:10px auto; background: url(../images/page/whatnew.jpg) left top no-repeat; font-size:11px; padding:30px 0 20px 10px; line-height:1.6;}
#centerarea #contentarea #topicsarea #note dt , #centerarea #contentarea #topicsarea #note dd , #centerarea #contentarea #topicsarea #note dd a { display:inline;}
#centerarea #contentarea #topicsarea #note dt { background: url(../images/common/arrow/arrow01.gif) 10px 2px no-repeat; padding-left:40px; }
#centerarea #contentarea #topicsarea #note dd { letter-spacing:0.05em; }
#centerarea #contentarea #topicsarea #note dd a{ color:#0066CC; }
#centerarea #contentarea #topicsarea #note dd a:hover{ border-width:0px; border-bottom-width:1px; border-style:dotted; text-decoration: none; border-color:#0066CC; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------
’†ƒy[ƒW
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------
ƒwƒbƒ_[/ƒtƒbƒ^[
----------------------------*/
						
#top #toparea #header02 { width:960px; margin:0; padding:0; background: url(../images/common/bg_header.jpg) left bottom no-repeat; height:93px;}
#bottom #btmarea #footer02 { width:960px; margin:0 auto ; background: url(../images/common/bg_footer02.gif) top left no-repeat; padding:0;}

/*---------------------------
ƒTƒCƒh
----------------------------*/
#centerarea #sidearea{ width:226px; border-right:1px dotted #333333; float:left; margin-bottom:2px; }
*hrml #centerarea #sidearea{ margin-bottom:0; padding-bottom:0;}
#centerarea #sidearea dl{ width:200px; letter-spacing:0.05em; margin:0 auto;}
#centerarea #sidearea dt{ font-weight:bold; font-size:12px; }
#centerarea #sidearea dd{
	color:#666666;
	font-size:11px;
	margin:1px 0 1px 22px;
	width:142px;
	height:16px;
	padding:6px 0 0 30px;
	background: #FFFFFF url(../images/common/arrow/arrow03.gif) 10px 8px no-repeat ;
}
#centerarea #sidearea dd a{ color:#666666;} 
#centerarea #sidearea dt { display:block; width:200px; height:35px; }

/*----HOME*/
#centerarea #sidearea dt#home { background: url(../images/common/sidenavi_home_on.gif) left top no-repeat; color:#343434;}
#centerarea #sidearea dt#home a{ 
	display:block;
	background: url(../images/common/sidenavi_home.gif) no-repeat;
	width:155px;
	height:22px;
	padding:13px 0 0 45px;
	color:#FFFFFF;
}
#centerarea #sidearea dt#home a:hover{ background: url(../images/common/sidenavi_home_on.gif) left top no-repeat; color:#343434; } 

/*----WEB*/
#centerarea #sidearea dt#web { background: url(../images/common/sidenavi_web_on.gif) left top no-repeat; color:#00C7CC;}
#centerarea #sidearea dt#web a{ 
	display:block;
	background: url(../images/common/sidenavi_web.gif) no-repeat;
	width:155px;
	height:22px;
	padding:13px 0 0 45px;
	color:#FFFFFF;
}
#centerarea #sidearea dt#web a:hover{ background: url(../images/common/sidenavi_web_on.gif) left top no-repeat; color:#00C7CC; } 

/*----EC*/
#centerarea #sidearea dt#ec span {
	background: url(../images/common/sidenavi_ec_on.gif) left top no-repeat;
	color:#37CD04;
	display:block;
	width:155px;
	height:22px;
	padding:13px 0 0 45px;
 }

#centerarea #sidearea dt#ec a{ 
	background: url(../images/common/sidenavi_ec.gif) no-repeat;
	color:#FFFFFF;
	display:block; 
	width:155px;
	height:22px;
	padding:13px 0 0 45px;
}

#centerarea #sidearea dt#ec a:hover{ background: url(../images/common/sidenavi_ec_on.gif) left top no-repeat; color:#37CD04; } 
#centerarea #sidearea dd.ec{ border : 1px solid #37CD04; }
#centerarea #sidearea dd.ec a{ display:block; }
#centerarea #sidearea dd.ec a:hover { color:#37CD04; }

/*----IT*/
#centerarea #sidearea dt#it span{
	background: url(../images/common/sidenavi_it_on.gif) left top no-repeat;
	color:#FF42A0;
	display:block;
	width:155px;
	height:22px;
	padding:13px 0 0 45px;
 }

#centerarea #sidearea dt#it a {
	background: url(../images/common/sidenavi_it.gif) left top no-repeat;
	color:#FFFFFF;
	display:block;
	width:155px;
	height:22px;
	padding:13px 0 0 45px;
 }

#centerarea #sidearea dt#it a:hover{ background: url(../images/common/sidenavi_it_on.gif) left top no-repeat; color:#FF42A0; } 
#centerarea #sidearea dd.it{ border : 1px solid #FF42A0; }
#centerarea #sidearea dd.it a{ display:block; }
#centerarea #sidearea dd.it a:hover { color:#FF42A0; }

/*----SYSTEM*/
#centerarea #sidearea dt#system span{ 
	display:block;
	background: url(../images/common/sidenavi_system_on.gif) no-repeat;
	width:155px;
	height:22px;
	padding:13px 0 0 45px;
	color:#CC9900;
}
#centerarea #sidearea dt#system a{ 
	display:block;
	background: url(../images/common/sidenavi_system.gif) no-repeat;
	width:155px;
	height:22px;
	padding:13px 0 0 45px;
	color:#FFFFFF;
}
#centerarea #sidearea dt#system a:hover{ background: url(../images/common/sidenavi_system_on.gif) left top no-repeat; color:#CC9900; }
#centerarea #sidearea dd.sys{ border : 1px solid #CC9900; }
#centerarea #sidearea dd.sys a{ display:block; }
#centerarea #sidearea dd.sys a:hover { color:#CC9900; }

#centerarea #sidearea ul#side_bnr{ width:200px;  margin:10px auto 0 auto; padding:0px;}
#centerarea #sidearea #sidearea li{ margin:10px 0; }


#page_ec , #page_it , #page_system , #page_other { width:720px; float:right; }

#centerarea #rightarea { width:720px;/* margin-right:10px;*/ min-height:894px;}

#centerarea #rightarea h2 { background: url(../images/page/bg_h3.jpg) no-repeat; font-size:11px; font-weight:normal; height:20px; padding: 8px 0 0 40px; letter-spacing:0.05em; }

#centerarea #rightarea h3 { background: url(../images/page/bg_h4.gif) no-repeat; font-size:11px; font-weight:normal; letter-spacing:0.05em; color:#FFFFFF; height:15px; margin-top:10px; padding:7px 0 0 35px ; }
#centerarea #rightarea .box { width:680px; border:1px solid #343434; border-top:2px solid #343434; background-color:#F8F8F8; padding: 14px; line-height:1.4; font-size:12px; color:#333333; letter-spacing:0.05em; }
#centerarea #rightarea .box p { margin:10px 0; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------
šECš
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#page p#ec_location { width:166px; height:20px; background: url(../images/page/bg_location_ec.gif) center bottom no-repeat;  margin-top:19px; /* margin-top:5px; vertical-align:bottom;*/ }
*html #page p#ec_location { margin-top:11px; }

.location { display:block; font-size:11px; color:#FFFFFF; padding:0px; letter-spacing:0.05em; text-align:center; padding-top:5px;}

/*#ec dl#ec_sample dl , #ec dl#ec_sample dt , #ec dl#ec_sample dd { width:164px;}*/
#page_ec dl.ec_sample { width:164px; float:left; margin:0 6px 4px 0;}
#page_ec dl.ec_sample dt { border-bottom:1px solid #999999; margin:0;  color:#666666; font-size:11px; line-height:1.0; }
#page_ec dl.ec_sample dd { border-top:1px solid #343434; margin:0; }
#page_ec dl.ec_sample dd img { width:162px; height:137px; border:1px solid #999999; margin-top:5px; display:block; }
#page_ec dl.ec_sample dd img a{ width:162px; height:137px; border:1px solid #999999; margin-top:5px; display:block; }
#page_ec dl.ec_sample dd a:hover { width:162px; height:137px; display:block; opacity:0.7;  filter: alpha(opacity=60); }
.mgnone { margin-right:0;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------
šITš
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#page p#it_location { width:166px; height:20px; background: url(../images/page/bg_location_it.gif) center bottom no-repeat; margin-top:19px; }
*html #page p#it_location { margin-top:11px; }

#page_it p#itsolution { background: url(../images/page/bg_itsolution.jpg) right bottom no-repeat; padding-right:260px; min-height:156px;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------
šSYSTEMš
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#page p#sys_location { width:166px; height:20px; background: url(../images/page/bg_location_sys.gif) center bottom no-repeat; margin-top:19px; /* margin-top:5px;*/ /*vertical-align:bottom;*/ }
*html #page p#sys_location { margin-top:11px; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------
š‚»‚Μ‘Όš
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#page p#other_location { width:182px; height:20px; background: url(../images/page/bg_location_other.gif) center bottom no-repeat; margin-top:19px; }
*html #page p#other_location { margin-top:11px; }

#centerarea #rightarea .box02 { width:680px; border:1px solid #343434; border-top:2px solid #343434; background-color:#F8F8F8; padding: 14px; line-height:1.4; font-size:12px; color:#333333; letter-spacing:0.05em; margin-top:10px;}

/*-----‰οŽΠŠT—v*/
#centerarea #rightarea table#company { width:626px; margin:10px auto; }
#centerarea #rightarea #company #inner_company{ margin:0 auto; padding:20px 0 ;}

#centerarea #rightarea #company #inner_company td{ border-bottom:1px dotted #333333; letter-spacing:0.1em; }

/*-----ƒvƒ‰ƒCƒoƒV[ƒ|ƒŠƒV[*/
#centerarea #rightarea .box02 .poricy { width:626px; margin:10px auto ;font-size:11px; }
#centerarea #rightarea #pol h4 { background:none; color:#333333; font-size:12px; margin:40px 0 20px 10px; padding:0; letter-spacing:0.1em; }
#centerarea #rightarea #pol h5 { font-weight:normal; color:#333333; font-size:11px; margin:0 0 20px 20px; padding:0; letter-spacing:0.1em; font-weight:normal; }
#centerarea #rightarea #pol dt , #centerarea #rightarea .box02 dd { letter-spacing:0.05em;  }
#centerarea #rightarea #pol dt { margin-bottom:5px; }
#centerarea #rightarea #pol dd { margin: 0 0 10px 12px; line-height:1.2; }
#centerarea #rightarea #pol p#info { font-size:11px; color:#333333; line-height:1.2; margin:40px 0 0 50px; }

/*-----‹l*/
#centerarea #rightarea #wan p#leed{ letter-spacing:0.1em; padding: 20px 30px 10px 30px; background:none; color:#333333; font-size:12px;margin-bottom:15px; }
#centerarea #rightarea .box02 #wanted {	width:682px; margin:10px 0; color:#333333; }

#centerarea #rightarea #wanted h3{
	height:15px;	
	font-size:11px;
	color:#FFFFFF;
	padding:5px 0 0 30px;
	border-bottom:2px solid #333333;
	background: url(../images/page/bg_wanted.gif) left top no-repeat; 
	margin:0;
	font-weight:normal;
}

#centerarea #rightarea .box02 #wanted dl{ width:642px; padding: 10px 0; margin:0 auto; }
#centerarea #rightarea .box02 #wanted dt{ font-weight:bold; margin:10px 0 20px 15px; }
#centerarea #rightarea .box02 #wanted dt#wa_sys{ color:#CC9900;}
#centerarea #rightarea .box02 #wanted dt#wa_web{ color:#00C7CC;}
#centerarea #rightarea .box02 #wanted dt#wa_it{ color:#FF42A0;}
#centerarea #rightarea .box02 #wanted dt#wa_ec{ color:#37CD04;}
#centerarea #rightarea .box02 #wanted dt#wa_ow{ color:#999900;}

#centerarea #rightarea .box02 #wanted dd{ margin-bottom:2px; margin:0 0 0 25px; padding:0;}
#centerarea #rightarea .box02 #wanted dd.detail{ font-size:11px; margin-top:10px; padding-bottom:15px; border-bottom:1px dotted #333333;}

#centerarea #rightarea .box02 #wanted ul{ width:642px; margin:0 auto; }
#centerarea #rightarea .box02 #wanted li{ margin:10px 0 20px 15px; padding: 10px 0; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------
š‚¨–β‚’‡‚ν‚Ήš
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#centerarea #rightarea table#contact { width:626px; margin:10px auto 30px auto; }
#centerarea #rightarea #contact #inner_contact{ margin:0 auto ; padding:20px 0 ; }

#centerarea #rightarea #contact #inner_contact td{ border-bottom:1px dotted #333333; letter-spacing:0.1em; }

#centerarea #rightarea #contact input{ font-size:10px; }

/*----ƒ[ƒ‹ƒtƒH[ƒ€’˜μŒ */
#copy { display:none;}