@charset "utf-8";

/* top page
-------------------------------------------------------------------------------------------------------*/

#top #promoArea {
	margin-bottom: 20px;
}

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

#top #topflow {
	margin-bottom: 20px;
	padding-top: 4px;
	background: url(../images/top_bg01.gif) no-repeat left top;
}

#top #topflow #topflowInner {
	background: url(../images/top_bg02.gif) no-repeat left bottom;
}

#top #topflow .point {
	padding-top: 2px;
	background: url(../images/top_bg06.gif) no-repeat left top;
}

#top #topflow .point ul {
	padding: 5px 10px;
	background: url(../images/top_bg07.gif) no-repeat left bottom;
	font-size: 85%;
	list-style: none;
}

#top #topflow .point ul li {
	padding-left: 15px;
	background: url(../images/top_mark_flow.gif) no-repeat left 2px;
}

#top #topflow .leftContent {
	padding: 10px 15px;
	width: 312px;
	float: left;
}

#top #topflow .rightContent {
	margin-left: 351px;
	padding: 10px 15px;
}

#top #service {
	margin-left: -25px;
	background: url(../images/top_bg08.gif) no-repeat 25px bottom;
	height: 108px;
}

#top #service li {
	margin-left: 25px;
	list-style: none;
	float: left;
}


* html #top #service li {
	display: inline; /* ダブルマージン回避 */
}

#top .topcross {
	margin-bottom: 20px;
	padding-top: 4px;
	background: url(../images/top_bg01.gif) no-repeat left top;
}

#top .topcross .topcrossInner {
	padding-bottom: 4px;
	background: url(../images/top_bg03.gif) no-repeat left bottom;
}

#top .topcross .leftContent {
	width: 342px;
	float: left;
}

#top .topcross .rightContent {
	width: 342px;
	margin-left: 351px;
}

* html #top .topcross .rightContent {
	margin-left: 348px;
}

#top .topcross .contentInner {
	margin: 0 14px;
	background: url(../common/images/bg_dotline.gif) repeat-x bottom left;
	min-height: 85px;
}

* html #top .topcross .contentInner {
	height: 85px;
}

#top .topcross h3 {
	padding: 8px 10px 10px 0;
	float: left;
}

#top .topcross p {
	margin: 0 14px 0 0;
	padding: 8px 0 10px 82px;
	font-size: 92%;
}

#top .topcross .kinds {
	padding: 15px 14px 10px;
	list-style: none;
	font-size: 85%;
}

#top .topcross .kinds li {
	padding-left: 12px;
} 

#top .topcross .detail {
	margin: 0 1px;
	padding: 10px 14px 6px;
	width: 312px;
	background: #e8e7e7;
	list-style: none;
	font-size: 85%;
}

#top .topcross .detail li {
	display: inline;
}

#top .topcross #web .kinds li {
	background: url(../images/top_mark_web.gif) no-repeat left 3px;
}

#top .topcross #mobile .kinds li {
	background: url(../images/top_mark_mobile.gif) no-repeat left 3px;
}

#top .topcross #creative .kinds li {
	background: url(../images/top_mark_creative.gif) no-repeat left 3px;
}

#top .topcross #signage .kinds li {
	background: url(../images/top_mark_signage.gif) no-repeat left 3px;
}

/*コンサルティング部分*/

#top #consulting {
	margin-bottom: 20px;
	padding-top: 4px;
	background: url(../images/top_bg04.gif) no-repeat left top;
}

#top #consulting h3 {
	padding: 8px 0 10px 14px;
	float: left;
}

#top #consulting .topcrossInner {
	padding-bottom: 4px;
	background: url(../images/top_bg05.gif) no-repeat left bottom;
}

#top #consulting p {
	margin: 0 14px 0 90px;
	padding: 8px 0 10px;
	background: url(../common/images/bg_dotline.gif) repeat-x bottom left;
	font-size: 92%;
}

#top #consulting .kinds {
	margin-left: 90px;
	padding: 15px 14px 15px 0;
}

* html #top #consulting .kinds {
	width: 588px; /* IE6でHaslayoutをtrueにするため */
}

*:first-child+html #top #consulting .kinds {
	width: 588px; /* IE7でHaslayoutをtrueにするため */
}

#top #consulting .kinds li {
	background: url(../images/top_mark_consulting.gif) no-repeat left 3px;
	width: 280px;
	float: left;
}

#top #consulting .detail {
	clear: both;
	width: 663px;
}

/*↑コンサルティング部分終了*/


#top #news dt {
	padding: 15px 0;
	color: #ff9700;
	float: left;
}

#top #news dd {
	padding: 15px 0 15px 10em;
	background: url(../common/images/bg_dotline.gif) repeat-x left bottom;
}

#top #news dt.listFirst,
#top #news dd.listFirst {
	padding-top: 0;
}

#top #news dd span {
	padding-left: 10px;
	display: block;
	background: url(../images/top_mark_news.gif) left 6px no-repeat;
}

/* sitemap
-------------------------------------------------------------------------------------------------------*/

#sitemap ul {
	list-style: none;
}

#sitemap ul.leftList {
	margin-left: 20px;
	float: left;
}

#sitemap ul.rightList {
	margin-left: 345px;
}

#sitemap ul li {
	padding-left: 15px;
	background: url(../images/sitemap_mark01.gif) no-repeat left 4px;
}

#sitemap ul li li {
	margin-left: 45px;
	padding-left: 12px;
	background: url(../images/sitemap_mark02.gif) no-repeat left 5px;
}

#sitemap ul li li li {
	margin-left: 70px;
	padding-left: 12px;
	background: url(../images/sitemap_mark03.gif) no-repeat left 5px;
}

/* privacy
-------------------------------------------------------------------------------------------------------*/

#privacy h3 {
	margin: 25px 0 10px;
	text-align: center;
}

#privacy .section {
	margin: 0 auto 30px;
	width: 652px;
}

#privacy p.date {
	text-align: right;
}

#privacy ul.alpha li {
	margin-bottom: 10px;
	list-style: none;
}

#privacy p.sign {
	text-align: right;
}

#privacy #privacymark {
	margin: 0 auto 35px;
	padding: 35px 18px 0;
	width: 615px;
	background: url(../common/images/bg_dotline.gif) left top repeat-x;
}

#privacy #privacymark dt {
	float: left;
	width: 110px;
}

#privacy #privacy02 h3 {
	margin: 10px 0;
	color: #ff9b0b;
	text-align: left;
}

#privacy #privacy02 ol {
	margin: 0 0 1em 25px;
}

#privacy #privacy02 ul {
	margin: 0 0 1em 15px;
}

/* compliance
-------------------------------------------------------------------------------------------------------*/

#compliance h3 {
	color: #ff9b0b;
}

#compliance h4 {
	margin-bottom: 10px;
	padding: 4px 8px;
	background: url(../images/compliance_bg_h4.gif) no-repeat;
}

#compliance dt {
	font-weight: bold;
}

#compliance dd {
	margin-bottom: 10px;
}

/* about
-------------------------------------------------------------------------------------------------------*/

#about h3 {
	margin-bottom: 10px;
	padding: 5px 0;
	background: url(../common/images/bg_dotline.gif) left bottom repeat-x;
}

#about h3 span {
	padding: 3px 3px 3px 5px;
	border-left: 3px solid #ff9700;
	color: #ff9700;
}