@charset "utf-8";
/* CSS Document */

/* #globalNav
------------------------------------------------*/
#globalNav {
	margin-bottom: 10px;
}

/* #flashArea
------------------------------------------------*/
#flashArea {
	margin-bottom: 10px;
}

/* #contents
------------------------------------------------*/
#contents {
	width: 940px;
	margin: 0 auto 30px;
}


/* #service
------------------------------------------------*/
#service {
	margin-bottom: 35px;
}

#service h2 {
	margin-bottom: 5px;
}

#service ul a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* オフィス機器について相談する #officeEquipment
------------------------------------------------*/
/* オフィス設計について相談する #officePlanning
------------------------------------------------*/
/* 人材採用について相談する #acceptance
------------------------------------------------*/
#officeEquipment, #officePlanning, #acceptance {
	width: 310px;
	float: left;
	min-height: 184px;
	_height: 184px;
}

#officeEquipment {
	margin-right: 5px;
	background: url(../img/portal/top/bg_officeEquipment.gif) left bottom no-repeat;
}

#officeEquipmentInner {
	background: url(../img/portal/top/bg_officeEquipmentInner.gif) left top no-repeat;
}

#officePlanning {
	margin-right: 5px;
	background: url(../img/portal/top/bg_officePlanning.gif) left bottom no-repeat;
}

#officePlanningInner {
	background: url(../img/portal/top/bg_officePlanningInner.gif) left top no-repeat;
}

#acceptance {
	background: url(../img/portal/top/bg_acceptance.gif) left bottom no-repeat;
}

#acceptanceInner {
	background: url(../img/portal/top/bg_acceptanceInner.gif) left top no-repeat;
}


/* .section-service
-------------------------------*/
.section-service {
	padding: 9px;
}

.section-service h3 {
	margin-bottom: 10px;
}

.section-service li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../img/portal/top/icon_arrow.gif) left 4px no-repeat;
}

.section-service .last-child {
	margin-bottom: 0;
}

.section-service li a:link {
	color: #fff;
	text-decoration: none;
}

.section-service li a:visited {
	color: #fff;
	text-decoration: none
}

.section-service li a:hover {
	color: #fff;
	text-decoration: underline;
}


/* .layout-2col
-------------------------------*/
.layout-2col li {
	width: 135px;
	float: left;
	color: #fff;
}


/* #primary
------------------------------------------------*/
#primary {
	width: 625px;
	float: left;
}


/* #needs
------------------------------------------------*/
#needs {
	margin-bottom: 30px;
}

#needs h2 {
	margin-bottom: 13px;
}

#needs li {
	width: 204px;
	height:123px;
	float: left;
	margin: 0 6px 15px 0;
}

#needs .right-child {
	margin-right: 0;
}


/* #whatsNew
------------------------------------------------*/
#whatsNew {
	margin-bottom: 60px;	
}

#whatsNew h2 {
	margin-bottom: 20px;
}

#whatsNew dl {
	width: 611px;
	margin-left: 5px;
}

#whatsNew dt, #whatsNew dd {
	height: 20px;
	float: left;
	margin-bottom: 10px;
}

#whatsNew dt {
	clear: both;
	width: 80px;
	padding-left: 3px;
	border-bottom: 1px solid #C1D3E2;
	letter-spacing: 0.1em;
	color: #6d90a3;
}

#whatsNew dd {
	width: 507px;
	padding-left: 20px;
	border-bottom: 1px solid #efefef;
}

#whatsNew dd a, #whatsNew dd a:visited {
	color: #505050;
}

#whatsNew dd a {
	text-decoration: none;
}

#whatsNew dd a:hover {
	text-decoration: underline;
}

#whatsNew p {
	width: 84px;
	margin-left: auto;
	margin-right: 10px;
}

#whatsNew p a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}



/* #groupLink
------------------------------------------------*/
#groupLink h2 {
	margin-bottom: 10px;
}

#groupLink li {
	width: 204px;
	float: left;
	margin-right: 6px;
}

#groupLink .last-child {
	margin-right: 0;
}

#groupLink li a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}


/* #secondary
------------------------------------------------*/
#secondary {
	width: 300px;
	float: right;
}


/* #voice
------------------------------------------------*/
#voice {
	margin-bottom: 30px;
}

#voice h2 {
	margin-bottom: 13px;
}


/* .voiceList
------------------------------------------------*/
.voiceList {
	padding: 8px;
	border: 1px solid #E7E7E7;
}

#voice .first-child {
	border-bottom: none;
}

.sectionVoice {
	width: 252px;
	padding: 15px;
	background: #F6FAF9;
}

.sectionVoice_o {
	width: 252px;
	padding: 15px;
	background: #F6FAF9;
}

.sectionVoice_f {
	width: 252px;
	padding: 15px;
	background: #EEF5ED;
}

.sectionVoice_j {
	width: 252px;
	padding: 15px;
	background: #FFF2EA;
}

.voiceArticle {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CFD2D1;
}

.voiceArticle dd{
	font-weight:bold;
}

.voiceArticle .officeImg {
	float: left;
}

.voiceArticle dl {
	float: right;
}

.voiceArticle dt {
	margin-bottom: 40px;
}

.voiceComment {
	line-height: 1.5;
}

.linkContent {
	width: 51px;
	margin-left: auto;
}

.linkContent a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}


/* #bannerLink
------------------------------------------------*/
#bannerLink {
	margin-bottom: 30px;
	padding-bottom: 15px;
	background: url(../img/portal/top/bg_bannerLink.gif) left bottom no-repeat;
}

#bannerLink ul {
	width: 222px;
	margin: 15px auto 0;
}

#bannerLink ul li {
	margin-bottom: 9px;
}

#bannerLink li a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.isms{
float :right;
}