@charset "utf-8";

/*	contents css					*/
/*	Last Update:2012/09/01			*/
/*	Last Updater:Hirohide Matsumoto	*/


/* ↓コンテンツメイン↓ */

body{background-image: url(../images/back_tile.jpg);}

#contents_block{
	width: 100%;
}


#contents_back{
	width: 1000px;
	min-height: 690px;
	margin: 0 auto -690px;
	background-image: url(../images/feature1-2_back.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

#contents_index{
	width: 1000px;
	min-height: 690px;
	margin: 0 auto;
	/*background-image: url(../images/feature1-2_back.png);
	background-position: right top;
	background-repeat: no-repeat;*/
	position: relative;
	z-index: 2;
}

#application{
	position:absolute;
	top:510px;
	left:530px;
	z-index:3;
}

#application a:hover{
	border: solid 1px #00000;
	position:relative;
	left:2px;
}

#issue{
	margin-top: 35px;
}

#android{
	position: absolute;
	top: 580px;
	right: 10px;
}

/* ↑コンテンツメインここまで↑ */


/* ↓product・sericeメニュー↓ */

/* ↓product・sericeテーブルレイアウト↓ */

#product{
	display:block;
	height:260px;
	margin-top:30px;
}
.pdc-inner{
	background:url(../images/product.png) no-repeat left top;
	margin-top: 20px;
	padding-left: 50px;
	width: 420px;

}

.srv-inner{
	background:url(../images/service.png) no-repeat left top;
	margin-top: 20px;
	padding-left: 50px;
	width: 420px;
	height: 160px;
}

.srv-inner img{
	margin: 0 0 15px 0;
}

.kumamoto-inner{
	padding-bottom:10px;
}

.kumamoto-inner img{
}

/* ↑product・sericeテーブルレイアウトここまで↑ */

/* ↓productメニューリンクロールオーバー↓ */

/* ↓オクレンジャー↓ */
#agr{
	display: block;
	float: left;
	width: 440px;
	height: 90px;
	text-indent: -9999px;
	background-image: url(../images/menu_agranger.png);
	background-repeat: no-repeat;
}
#agr:hover{
	background-image:url(../images/menu_agranger_on.png);
	cursor: pointer;
}

#okure{
	display: block;
	float: left;
	width: 198px;
	height: 78px;
	text-indent: -9999px;
	background-image: url(../images/menu_okurenjya.png);
	background-repeat: no-repeat;
}

#okure:hover{
	background-image:url(../images/menu_okurenjya_on.png);
	cursor: pointer;
}

/* ↑オクレンジャーここまで↑ */


/* ↓KAZOKU↓ */

#kazoku{
	display: block;
	float: right;
	width: 198px;
	height: 78px;
	text-indent: -9999px;
	background-image: url(../images/menu_kazoku.png);
	background-repeat: no-repeat;
}

#kazoku:hover{
	background-image:url(../images/menu_kazoku_on.png);
	cursor: pointer;
}

/* ↑KAZOKUここまで↑ */

/* ↓ググレンジャー↓ */

#seo{
	display: block;
	float: right;
	width: 198px;
	height: 55px;
	text-indent: -9999px;
	background-image: url(../images/menu_seo.png);
	background-repeat: no-repeat;
}

#seo:hover{
	background-image:url(../images/menu_seo_on.png);
	cursor: pointer;
}

/* ↑ググレンジャーここまで↑ */

/* ↓ガバレンジャー↓ */


#gaba{
	display: block;
	float: left;
	width: 198px;
	height: 55px;
	text-indent: -9999px;
	margin-top: 0px;
	background-image: url(../images/menu_gabarenjya.png);
	background-repeat: no-repeat;
}

#gaba:hover{
	background-image:url(../images/menu_gabarenjya_on.png);
	cursor: pointer;
}

/* ↑MEOここまで↑ */

/* ↓マーケギア↓ */

#markegear{
	display: block;
	float: left;
	width: 198px;
	height: 63px;
	text-indent: -9999px;
	background-image: url(../images/menu_cms.png);
	background-repeat: no-repeat;
}

#markegear:hover{
	background-image:url(../images/menu_cms_on.png);
	cursor: pointer;
}

/* ↑マーケギアここまで↑ */

/* ↓x-log↓ */

/*#x-log{
	display: block;
	width: 70px;
	height: 24px;
	text-indent: -9999px;
	background-image: url(../images/menu_xlog.png);
	background-repeat: no-repeat;
}

#x-log:hover{
	background-image:url(../images/menu_xlog_on.png);
	cursor: pointer;
}*/

/* ↑x-logここまで↑ */

/* ↓クリックアナライザー↓ */

#click{
	display: block;
	float: right;
	width: 198px;
	height: 63px;
	text-indent: -9999px;
	background-image: url(../images/menu_shokuji.png);
	background-repeat: no-repeat;
}

#click:hover{
	background-image:url(../images/menu_shokuji_on.png);
	cursor: pointer;
}

/* ↑クリックアナライザーここまで↑ */

/* ↑product・sericeメニューここまで↑ */

/* ↑product・sericeテーブルレイアウトここまで↑ */

/* ↓serviceメニューリンクロールオーバー↓ */

/* ↓システムインテグレーション↓ */

#integration{
	display: block;
	width: 188px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../images/menu_integration.png);
	background-repeat: no-repeat;
}

#integration:hover{
	background-image:url(../images/menu_integration_on.png);
	cursor: pointer;
}

/* ↑システムインテグレーションここまで↑ */

/* ↓Webマーケティング↓ */

#web{
	display: block;
	width: 188px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../images/menu_webmarketing.png);
	background-repeat: no-repeat;
}

#web:hover{
	background-image:url(../images/menu_webmarketing_on.png);
	cursor: pointer;
}

/* ↑Webマーケティングここまで↑ */

/* ↓インフラサービス↓ */

#infrastructure{
	display: block;
	width: 188px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../images/menu_infrastructure.png);
	background-repeat: no-repeat;
}

#infrastructure:hover{
	background-image:url(../images/menu_infrastructure_on.png);
	cursor: pointer;
}

/* ↑インフラサービスここまで↑ */

/* ↑serviceメニューここまで↑ */

/* ↓新着情報↓　*/

#new{
	float: left;
	width: 47%;
	height: auto;
	padding:10px 10px 3px 10px;
	background-image:url(../images/whatsnew_back.png);
}

.news{
	float: right;
	color:#fff;
	margin:0 50px 0 50px;
}

.lettuce{
	padding-bottom:20px;
}

.new-inner{
	width: auto;
	height: auto;
	padding:6px;
}

#new .date{
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.date{
	margin-left:10px;
}

.adopt,.notice{
	color:#fff;
	padding:0 10px 0 10px;
	text-align:left;
	font-size:9px;
}

.adopt{
	background-color:#F08825;
}

.notice{
	background-color:#145295;
}

#new .update img{
	vertical-align: middle;
	margin: 0 5px;
}

#new .whatsnew{
	text-align: left;
	font-size: 11px;
	padding-left:15px;
}

#new .whatsnew a{
	color: #fff;
	text-decoration: none;
}

#new .whatsnew a:hover{
	color: #ff9900;
	text-decoration: underline;
}

#new a:hover { 
	position:relative;
	left:2px;
}

#new .more{
	display:block;
	width: 100%;
	text-align: right;
	font-size: 11px;
	padding-right: 10px;
}

#new .more a{
	color: #fff;
	text-decoration: none;
}

#new .more a:hover{
	color: #ff9900;
	text-decoration: underline;
}

/* ↑新着情報ここまで↑ */

.clear{
	clear: both;
}