﻿@charset "utf-8";
/*--------------------------------------------------------------
TAB
--------------------------------------------------------------*/
#TabArea{
	clear:both;
	width: 730px;
}

#tabheader {
	width:730px;
	margin-top:10px;
	}

#tabheader ul#tab{
	width:730px;
	height:35px;	
	background:url(../images/img_btn/tab_bg.gif) no-repeat;
	}


#tabheader ul#tab li {
	float:left;
}


/* ------------------------------------*/
body#HomeIndex #tabheader ul#tab li a{
	display: block;
	width: 242px;
	height:35px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;		
}

	
body#HomeIndex #tabheader ul#tab li p.TabAreabox1 a{
	background: #ffffff url(../images/img_btn/solution_tab_1off.gif) no-repeat;
	background-position: left top;
	margin-right:2px;	
}

body#HomeIndex #tabheader ul#tab li p.TabAreabox2 a{
	background: #ffffff url(../images/img_btn/solution_tab_2off.gif) no-repeat;	
	background-position: left top;	
	margin-right:2px;	
}

body#HomeIndex #tabheader ul#tab li p.TabAreabox3 a{
	background: #ffffff url(../images/img_btn/solution_tab_3off.gif) no-repeat;	
	background-position: left top;	
}



body#HomeIndex #tabheader ul#tab li.selected p.TabAreabox1 a{
	background: #ffffff url(../images/img_btn/solution_tab_1off.gif) no-repeat;
	background-position: left bottom;		
	margin-right:2px;		
}

body#HomeIndex #tabheader ul#tab li p.TabAreabox1 a:hover{
	background: #ffffff url(../images/img_btn/solution_tab_1off.gif) no-repeat;	
	background-position: left -35px;	
	margin-right:2px;
}

body#HomeIndex #tabheader ul#tab li.selected p.TabAreabox1 a:hover{
	background: #ffffff url(../images/img_btn/solution_tab_1off.gif) no-repeat;	
	background-position: left bottom;	
	margin-right:2px;			
}	

body#HomeIndex #tabheader ul#tab li.selected p.TabAreabox2 a{
	background: #ffffff url(../images/img_btn/solution_tab_2off.gif) no-repeat;	
	background-position: left bottom;	
	margin-right:2px;	
}

body#HomeIndex #tabheader ul#tab li p.TabAreabox2 a:hover{
	background: #ffffff url(../images/img_btn/solution_tab_2off.gif) no-repeat;	
	background-position: left -35px;	
	margin-right:2px;		
}

body#HomeIndex #tabheader ul#tab li.selected p.TabAreabox2 a:hover{
	background: #ffffff url(../images/img_btn/solution_tab_2off.gif) no-repeat;	
	background-position: left bottom;	
	margin-right:2px;		
}


body#HomeIndex #tabheader ul#tab li.selected p.TabAreabox3 a{
	background: #ffffff url(../images/img_btn/solution_tab_3off.gif) no-repeat;	
	background-position: left bottom;	
}

body#HomeIndex #tabheader ul#tab li p.TabAreabox3 a:hover{
	background: #ffffff url(../images/img_btn/solution_tab_3off.gif) no-repeat;	
	background-position: left -35px;
}

body#HomeIndex #tabheader ul#tab li.selected p.TabAreabox3 a:hover{
	background: #ffffff url(../images/img_btn/solution_tab_3off.gif) no-repeat;	
	background-position: left bottom;
}

/* ------------------------------------*/

#TabArea{
/*	padding-bottom:30px;*/
}

body#HomeIndex #TabAreabox1,
body#HomeIndex #TabAreabox2,
body#HomeIndex #TabAreabox3{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;	
}

#TabAreabox2 ul li.List,
#TabAreabox2 ul li.List2B{
	float:left;
}

#TabAreabox2 ul li.Space{
	margin-right:12px;
}


#TabAreabox2 ul li.List a{
	display: block;	
	width:203px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;	
	padding-left:20px;
	padding-right:10px;	
	border: 1px solid #CDCDCD;
	font-size:1.2em;
	line-height:130%;
	background: url(../images/yazirusi4.gif) no-repeat;	
	background-position: 10px 8px;
}

#TabAreabox2 ul li.List2B a{
	display: block;	
	width:204px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;	
	padding-left:20px;
	padding-right:10px;	
	border: 1px solid #CDCDCD;
	font-size:1.2em;
	line-height:130%;
	background: url(../images/yazirusi4.gif) no-repeat;	
	background-position: 10px 8px;
}

#TabAreabox2 ul li.List a:hover,
#TabAreabox2 ul li.List2B a:hover{
	border: 1px solid #FF9900;
	background-color:#FFF6CF;	
}

#TabAreabox3 ul li {
	float:left;
}

#TabAreabox3 ul li.Space{
	margin-right:12px;
}


#TabAreabox3 ul li.List a{
	display: block;	
	width:327px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;	
	padding-left:20px;
	padding-right:10px;	
	border: 1px solid #CDCDCD;
	font-size:1.2em;
	line-height:130%;
	background: url(../images/yazirusi4.gif) no-repeat;	
	background-position: 10px 8px;
}

#TabAreabox3 ul li.List a:hover{
	border: 1px solid #FF9900;
	background-color:#FFF6CF;	
}

#TabAreabox3 ul li.List2{
	width:329px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:5px;	
	padding-left:6px;
	padding-right:10px;	
	font-size:1.2em;
	line-height:130%;
}


/*--------------------------------------------------------------
Business TAB
--------------------------------------------------------------*/
body#BusinessIndex #tabheader ul#tab li a{
	display: block;
	width: 181px;
	height:35px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;		
}

body#BusinessIndex #tabheader ul#tab li p.TabAreabox0 a{
	background: #ffffff url(../business/images/img_btn/solution_tab_0off.gif) no-repeat;
	background-position: left top;
	margin-right:2px;	
}
	
body#BusinessIndex #tabheader ul#tab li p.TabAreabox1 a{
	background: #ffffff url(../business/images/img_btn/solution_tab_1off.gif) no-repeat;
	background-position: left top;
	margin-right:2px;	
}

body#BusinessIndex #tabheader ul#tab li p.TabAreabox2 a{
	background: #ffffff url(../business/images/img_btn/solution_tab_2off.gif) no-repeat;	
	background-position: left top;	
	margin-right:2px;	
}

body#BusinessIndex #tabheader ul#tab li p.TabAreabox3 a{
	background: #ffffff url(../business/images/img_btn/solution_tab_3off.gif) no-repeat;	
	background-position: left top;	
}

/* ------------------------------------*/
body#BusinessIndex #tabheader ul#tab li.selected p.TabAreabox0 a{
	background: #ffffff url(../business/images/img_btn/solution_tab_0off.gif) no-repeat;
	background-position: left bottom;		
	margin-right:2px;		
}

body#BusinessIndex #tabheader ul#tab li p.TabAreabox0 a:hover{
	background: #ffffff url(../business/images/img_btn/solution_tab_0off.gif) no-repeat;	
	background-position: left -35px;	
	margin-right:2px;
}

body#BusinessIndex #tabheader ul#tab li.selected p.TabAreabox0 a:hover{
	background: #ffffff url(../business/images/img_btn/solution_tab_0off.gif) no-repeat;	
	background-position: left bottom;	
	margin-right:2px;			
}


body#BusinessIndex #tabheader ul#tab li.selected p.TabAreabox1 a{
	background: #ffffff url(../business/images/img_btn/solution_tab_1off.gif) no-repeat;
	background-position: left bottom;		
	margin-right:2px;		
}

body#BusinessIndex #tabheader ul#tab li p.TabAreabox1 a:hover{
	background: #ffffff url(../business/images/img_btn/solution_tab_1off.gif) no-repeat;	
	background-position: left -35px;	
	margin-right:2px;
}

body#BusinessIndex #tabheader ul#tab li.selected p.TabAreabox1 a:hover{
	background: #ffffff url(../business/images/img_btn/solution_tab_1off.gif) no-repeat;	
	background-position: left bottom;	
	margin-right:2px;			
}	

body#BusinessIndex #tabheader ul#tab li.selected p.TabAreabox2 a{
	background: #ffffff url(../business/images/img_btn/solution_tab_2off.gif) no-repeat;	
	background-position: left bottom;	
	margin-right:2px;	
}

body#BusinessIndex #tabheader ul#tab li p.TabAreabox2 a:hover{
	background: #ffffff url(../business/images/img_btn/solution_tab_2off.gif) no-repeat;	
	background-position: left -35px;	
	margin-right:2px;		
}

body#BusinessIndex #tabheader ul#tab li.selected p.TabAreabox2 a:hover{
	background: #ffffff url(../business/images/img_btn/solution_tab_2off.gif) no-repeat;	
	background-position: left bottom;	
	margin-right:2px;		
}


body#BusinessIndex #tabheader ul#tab li.selected p.TabAreabox3 a{
	background: #ffffff url(../business/images/img_btn/solution_tab_3off.gif) no-repeat;	
	background-position: left bottom;	
}

body#BusinessIndex #tabheader ul#tab li p.TabAreabox3 a:hover{
	background: #ffffff url(../business/images/img_btn/solution_tab_3off.gif) no-repeat;	
	background-position: left -35px;
}

body#BusinessIndex #tabheader ul#tab li.selected p.TabAreabox3 a:hover{
	background: #ffffff url(../business/images/img_btn/solution_tab_3off.gif) no-repeat;	
	background-position: left bottom;
}

/* ------------------------------------*/
body#BusinessIndex #TabAreabox0,
body#BusinessIndex #TabAreabox1,
body#BusinessIndex #TabAreabox2,
body#BusinessIndex #TabAreabox3{
	clear:both;
	padding-top:23px;
}

body#BusinessIndex #tabheader {
	margin-top:0px;
	}

/* ------------------------------------*/
body#BusinessIndex #SolutionTab #TabNavi{
	margin-top:20px;
	height:55px;
}

body#BusinessIndex #SolutionTab #TabNavi ul li{
	float:left;
	background:url(../images/img_btn/solution_tab_1on.gif) no-repeat;	
}


body#BusinessIndex #SolutionTab #TabNavi ul li a{
	display: block;
	width: 242px;	
	height: 35px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url(../images/img_btn/solution_tab_2on.gif) no-repeat;
	margin-right:2px;
}

body#BusinessIndex #SolutionTab #TabNavi ul li.TabNavi_Solution a{
	background-position: left top;
}

body#BusinessIndex #SolutionTab #TabNavi ul li.TabNavi_Search a{
	margin-right:178px;
	background-position: -177px top;
}

body#BusinessIndex #SolutionTab #TabNavi ul li.TabNavi_Solution a:hover{
	background-position: left -35px;
}

body#BusinessIndex #SolutionTab #TabNavi ul li.TabNavi_Solution a.active{
	background-position: left bottom;
}

body#BusinessIndex #SolutionTab #TabNavi ul li.TabNavi_Search a:hover{
	background-position: -177px -35px;
}

body#BusinessIndex #SolutionTab #TabNavi ul li.TabNavi_Search a.active{
	background-position: -177px bottom;
}
