@charset "UTF-8";

.searchArea{
	margin-bottom:30px;
	padding:1px;
	border:1px solid #ccc;
}

.searchArea table{
	width:716px;
}

.searchArea table th {
	position: relative;
	width:9em;
	padding:10px 15px 10px 35px;
	font-size:14px;
	text-align:left;
	background:#eee url(img/ic_search.gif) 12px 7px no-repeat;
}

.searchArea table th span {
	position: absolute;
	top: 8px;
	right: 8px;
}

.searchArea table th span a {
	background: none;
	padding: 0;
}

.searchArea table td{
	padding:8px 15px 8px 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px dotted #ccc;
}

.searchArea table td.title{
	font-weight:bold;
}

.searchArea a{
	display:inline-block;
	padding:0 18px;
	line-height:1.5em;
	background:url(img/link_arrow.gif) 0 3px no-repeat;
}

.searchAreaPage {
	margin: 0 0 20px;
}
.searchAreaPage table {
	font-size:12px;
}
.searchAreaPage a {
	display:inline-block;
	padding:0 18px;
	line-height:1.5em;
	background: url(../../common/img/ic_pagelink.gif) 0 3px no-repeat;
}


.listSection{
	margin:0 0 25px 0;
}

.listSection h3 {
	width:720px;
	line-height: 20px;
	padding: 0;
	margin: 0 0 15px;
	font-size: 14px;
	font-weight:normal;
	background: url(../../common/img/tit/tit_bg_visitor.gif) 0 0 no-repeat;
}

.listSection h3 strong {
	display:inline-block;
	font-weight: bold;
	background:#fff;
	margin: 0 0 0 15px;
	padding: 0 10px;
	color: #379c00;
}

.listSection table{
	padding:1px;
	border-collapse: collapse;
	border:1px solid #848484;
}

.listSection table th{
	padding:8px 12px;
	font-size:12px;
	text-align:center;
	background:#C7E181;
	border-left: 1px solid #fff;
}

.listSection table th.no{
	border-left:0;
}

.listSection table td{
	padding:8px 12px;
	font-size:12px;
	text-align:left;
	border-left:1px solid #e3e0f0;
	border-bottom:1px solid #e3e0f0;
}

.listSection table td a{
	font-weight:bold;
}

.listSection table td.no{
	width:80px;
	text-align:center;
	border-left:0;
}

.listSection table td.corner{
	text-align:center;
	width:220px;
}

.listSection li {
	margin: 0 0 5px;
}

.listSection li ul {
	padding: 5px 0 0;
}


/* JASON Setting */
#CompanySearch {
	border: 1px #CCCCCC solid;
	padding: 10px;
	margin-bottom: 10px;
	background: #F5FAF8;
}

#CompanySearch dl {
	clear: both;
	padding: 0px 0px 0px 0px;
}

#CompanySearch dl dt {
	background: url(img/mark_search.jpg) no-repeat left 0px;
	padding: 5px 0px 15px 30px;
	line-height: 1.1;
}

#CompanySearch dl dt strong {
	display: block;
	float: left;
	padding: 0px 5px 0px 0px;
}

#CompanySearch dl dt ul {
	float: left;
}

#CompanySearch dl dt ul li {
	background: url(img/arrow_right-blue.jpg) no-repeat left 3px;
	padding: 0px 0px 0px 12px;
}

#CompanySearch dl dd {
	padding: 0px 0px 30px 25px;
}

#CompanySearch dl#CornerSearch dd ul li {
	float: left;
	padding: 0px 1px 2px;
}

#CompanySearch dl#CornerSearch dd ul li a {
	display: block;
	background: url(img/btn_01-general.jpg) no-repeat;
	width: 165px;
	height: 35px;
}

#CompanySearch dl#CornerSearch dd ul li a#BtnSales {background: url(img/btn_02-sales.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnSchool {background: url(img/btn_03-school.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnFamily {background: url(img/btn_04-family.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnSmart-Social {background: url(img/btn_05-smart-social.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnPC {background: url(img/btn_06-pc.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnDevice {background: url(img/btn_11-device.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnAsia {background: url(img/btn_07-asia.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnSolution {background: url(img/btn_08-solution.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnCloud {background: url(img/btn_09-cloud.jpg)}
#CompanySearch dl#CornerSearch dd ul li a#BtnMeeting {background: url(img/btn_10-meeting.jpg)}

#CompanySearch dl#CornerSearch dd ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#CompanySearch dl#CornerSearch dd ul li a span {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

#CompanySearch dl#Sound50Search dd ul li {
	float: left;
	background: url(img/arrow_right-blue.jpg) no-repeat 3px 6px;
	padding: 0px 15px 5px 17px;
	line-height: 1.1;
}

#CompanySearch dl#Sound50Search dd ul li a {
	display: block;
	border: 1px solid #0099CC;
	padding: 5px;
	height: 16px;
	width: 18px;
	text-align: center;
}

#CompanySearch dl dd ul li a:link {
	color: #0099CC;
	text-decoration: none;
}

#CompanySearch dl#Sound50Search dd ul li a:hover {
	background: #0099CC;
	color: #fff;
	text-decoration: none;
}

#CompanySearch dl#KeywordSearch dt {
	float: left;
	background: url(img/mark_search.jpg) no-repeat left 5px;
	padding: 10px 10px 15px 30px;
}

#CompanySearch dl#KeywordSearch dd input#TxtSearch {
	border: 4px solid #333;
	padding: 3px;
	width: 286px;
	height: 20px;
}

#CompanySearch dl#KeywordSearch dd input#BtnSearch {
	border: none;
	background: url(img/btn_search.jpg) no-repeat;
	width: 70px;
	height: 30px;
	cursor: pointer;
	vertical-align:middle;
}

#CompanyList dl dt {
	background: url(img/bg_general.jpg) no-repeat;
	padding: 8px 0px 0px 22px;
	width: 706px;
	height: 20px;
	line-height: 1.1;
	font-weight: bold;
	color: #fff;
}

#CompanyList dl dd {
	padding: 10px 10px 40px;
}

#CompanyList dl dd table {
	border-collapse: collapse;
	border: 1px solid #CCC;
	width: 100%;
}

#CompanyList dl dd table thead th {
	background: #F8BACD;
	border: 1px solid #CCC;
	padding: 3px;
	text-align: center;
}

#CompanyList dl dd table tbody td {
	border: 1px solid #CCC;
	padding: 3px;
	height: 45px;
	text-align: center;
}

#CompanyList dl dd table tbody td.CellNumber {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#CompanyList dl dd table tbody td.CellGroup {
	width: 100px;
	font-size: 11px;
	color: #C91149;
}

#CompanyList dl dd table tbody td.CellCompany {
	width: 230px;
	text-align: left;
}
#CompanyList dl dd table tbody td.CellCompany a {
	font-weight: bold;
}
#CompanyList dl dd table tbody td.CellTitle {
	text-align: left;
}

#CompanyList dl dd table tbody td.CellHP {
	width: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#CompanyList dl dd table tbody td.ChangeColor {
	background: #FDEAF0;
}

#CompanyList dl#ListSales dt {background: url(img/bg_sales.jpg) no-repeat;}
#CompanyList dl#ListSales dd table thead th {background: #F58373;}
#CompanyList dl#ListSales dd table tbody td.ChangeColor {background: #FDE5E1;}
#CompanyList dl#ListSales dd table tbody td.CellGroup {color: #D92810;}

#CompanyList dl#ListSchool dt {background: url(img/bg_school.jpg) no-repeat;}
#CompanyList dl#ListSchool dd table thead th {background: #A4D770;}
#CompanyList dl#ListSchool dd table tbody td.ChangeColor {background: #E1F2CF;}
#CompanyList dl#ListSchool dd table tbody td.CellGroup {color: #4F9208;}

#CompanyList dl#ListFamily dt {background: url(img/bg_family.jpg) no-repeat;}
#CompanyList dl#ListFamily dd table thead th {background: #81D1E4;}
#CompanyList dl#ListFamily dd table tbody td.ChangeColor {background: #CDEDF4;}
#CompanyList dl#ListFamily dd table tbody td.CellGroup {color: #0283A0;}

#CompanyList dl#ListSmartSocial dt {background: url(img/bg_smart.jpg) no-repeat;}
#CompanyList dl#ListSmartSocial dd table thead th {background: #ABABAB;}
#CompanyList dl#ListSmartSocial dd table tbody td.ChangeColor {background: #DEDEDE;}
#CompanyList dl#ListSmartSocial dd table tbody td.CellGroup {color: #585858;}

#CompanyList dl#ListPC dt {background: url(img/bg_pc.jpg) no-repeat;}
#CompanyList dl#ListPC dd table thead th {background: #F4D686;}
#CompanyList dl#ListPC dd table tbody td.ChangeColor {background: #FBF1D7;}
#CompanyList dl#ListPC dd table tbody td.CellGroup {color: #D9A110;}

#CompanyList dl#ListDevice dt {background: url(img/bg_device.jpg) no-repeat;}
#CompanyList dl#ListDevice dd table thead th {background: #29D6C5;}
#CompanyList dl#ListDevice dd table tbody td.ChangeColor {background: #96EDE4;}
#CompanyList dl#ListDevice dd table tbody td.CellGroup {color: #198E83;}

#CompanyList dl#ListAsia dt,
#CompanyList dl#ListSolution dt,
#CompanyList dl#ListCloud dt,
#CompanyList dl#ListMeeting dt {background: url(img/bg_business.jpg) no-repeat;}
#CompanyList dl#ListAsia dd table thead th,
#CompanyList dl#ListSolution dd table thead th,
#CompanyList dl#ListCloud dd table thead th,
#CompanyList dl#ListMeeting dd table thead th {background: #C59BD7;}
#CompanyList dl#ListAsia dd table tbody td.ChangeColor,
#CompanyList dl#ListSolution dd table tbody td.ChangeColor,
#CompanyList dl#ListCloud dd table tbody td.ChangeColor,
#CompanyList dl#ListMeeting dd table tbody td.ChangeColor {background: #ECDEF2;}
#CompanyList dl#ListAsia dd table tbody td.CellGroup,
#CompanyList dl#ListSolution dd table tbody td.CellGroup,
#CompanyList dl#ListCloud dd table tbody td.CellGroup,
#CompanyList dl#ListMeeting dd table tbody td.CellGroup {color: #7C3C98;}



#CompanySearch dl dt,
#CompanySearch dl dd ul {
	/zoom: 1;
}

#CompanySearch dl dt:after,
#CompanySearch dl dd ul:after {
	content: '';
	display: block;
	clear: both;
}
