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

@import "base.css";
@import "baselayout.css";


/* ▼インデックスレイアウト */

#GNavi li.Home a {
	margin: 0px 0px 0px 188px;
	width: 95px;
	height: 26px;
	background: url(../img/share/bg_navi.jpg) no-repeat 0px -26px;
}

/* ▼メインエリア */


#TopMainTitle {
	width: 554px;
	margin: 0px 0px 0px 147px;
	text-align: left;
	position: absolute;
	top: 147px;
	float: left;
}


/* ▼コンテンツエリア */

#Contents {
	width: 880px;
	margin: 20px 0px 0px 0px;
	background: url(../img/share/bg_contents.gif) top right repeat-y;
	float: left;
}


/* ▼実績 */

#ResultArea {
	width: 624px;
	margin: 0px 0px 13px 0px;
	float: left;
}

#ResultArea a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;

}

.Results {
	width: 624px;
	margin: 0px 0px 10px 0px;
	float: left;
}

.ResultsLeft {
	width: 307px;
	float: left;
}

.ResultsRight{
	width: 307px;
	float: right;
}


/* ▼ニュースリリース on twitter */

#Twitter {
	width: 624px;
	margin: 0px 0px 20px 0px;
	background: url(../img/index/tbg_twitter.jpg) bottom right no-repeat;
	float: left;
}

.BgTwitter {
	width: 624px;
	text-align: left;
	float: left;
}

#TitleTwitter {
	display: block;
	text-indent: -9999px;
	outline: none;
	width: 624px;
	height: 65px;
	background: url(../img/index/ttitle_twitter.jpg) top left no-repeat;
	float: left;
}

.TwitterBox {
	width: 609px;
	padding: 4px 0px 12px 15px;
	float: left;
}


/* ▼ソリューション */

#Solution {
	width: 624px;
	background: url(../img/index/tbg_solutions.jpg) bottom right no-repeat;
	float: left;
}

.BgSolution {
	width: 624px;
	background: url(../img/index/bg_title.jpg) top right no-repeat;
	text-align: left;
	float: left;
}

#TitleSolution {
	display: block;
	text-indent: -9999px;
	outline: none;
	width: 194px;
	height: 42px;
	background: url(../img/index/ttitle_solutions.jpg) top left no-repeat;
	float: left;
}

.SolutionBox {
	width: 609px;
	padding: 4px 0px 12px 15px;
	float: left;
}

.SolutionBox ul {
	width: 609px;
	float: left;
}

.SolutionBox li {
	width: 292px;
	margin: 8px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	text-align: left;
	float: left;
}

.SolutionBox li a {
	width: 292px;
	padding: 12px 0px 13px 30px;
	color: #333333;
	text-decoration: none;
	background: url(../img/index/tbg_bo_solutions.jpg) left no-repeat;
	display: block;
}

* html .SolutionBox li a {
	padding: 14px 0px 11px 30px;
}

*+html .SolutionBox li a {
	padding: 14px 0px 11px 30px;
}

.SolutionBox li a:hover {
	color: #FFFFFF;
	background: url(../img/index/tbg_bo_solutions_f2.jpg) left no-repeat;
}


/* ▼サービス */

#Service {
	width: 624px;
	margin: 20px 0px 0px 0px;
	background: url(../img/index/tbg_crea_mark.jpg) bottom left no-repeat;
	float: left;
}

.Creation {
	width: 307px;
	padding: 0px 10px 0px 0px;
	float: left;
}

.Marketing {
	width: 307px;
	float: right;
}

.BgService {
	width: 307px;
	background: url(../img/index/bg_title.jpg) top right no-repeat;
	text-align: left;
	float: left;
}

#TitleCreation {
	display: block;
	text-indent: -9999px;
	outline: none;
	width: 215px;
	height: 42px;
	background: url(../img/index/ttitle_creation.jpg) top left no-repeat;
}

#TitleMarketing {
	display: block;
	text-indent: -9999px;
	outline: none;
	width: 235px;
	height: 42px;
	background: url(../img/index/ttitle_marketing.jpg) top left no-repeat;
}

/*WinIE5.5*/
.Creation ul {
	width: 276px;
	padding: 0px 0px 15px 0px;
	text-align: left;
	float: left;
}

/*Normal*/
.Creation ul {
	padding: /**/0px 0px 15px 16px;
}

/*WinIE5.5*/
.Creation li {
	border-bottom: none;
}

/*Normal*/
.Creation li {
	border-bottom: /**/1px solid #EAEAEA;
}

.Creation li a {
	width: 276px;
	margin: 4px 0px;
	padding: 8px 0px 8px 14px;
	color: #333333;
	text-decoration: none;
	background: url(../img/share/bg_link.gif) left no-repeat;
	display: block;
}

.Creation li a:hover {
	color: #FFFFFF;
	background: url(../img/share/bg_link_creation.gif) left no-repeat;
}

/*WinIE5.5*/
.Marketing ul {
	width: 276px;
	padding: 0px 0px 15px 0px;
	text-align: left;
	float: left;
}

/*Normal*/
.Marketing ul {
	padding: /**/0px 0px 15px 16px;
}

/*WinIE5.5*/
.Marketing li {
	border-bottom: none;
}

/*Normal*/
.Marketing li {
	border-bottom: /**/1px solid #EAEAEA;
}

.Marketing li a {
	width: 276px;
	margin: 4px 0px;
	padding: 8px 0px 8px 14px;
	color: #333333;
	text-decoration: none;
	background: url(../img/share/bg_link.gif) left no-repeat;
	display: block;
}

.Marketing li a:hover {
	color: #FFFFFF;
	background: url(../img/share/bg_link_marketing.gif) left no-repeat;
}