@charset "utf-8";

/* ============================================================
サービス
============================================================ */

/* 基本構造
============================================================ */

/*グローバルメニューカレント*/
#gm li#gm04 a {background: url(../img/c/gm-04on.gif) no-repeat;}

/*左メニューカレント*/
#mcM #lm03 a {background: url(../img/c/lm03-on.gif) no-repeat;}

/*サブカテゴリーカレント*/
.space     #mcM ul li#lm03a a,
.network   #mcM ul li#lm03b a,
.operation #mcM ul li#lm03c a {background: #ffecc8 url(../img/c/line-dot_5px.gif) repeat-x bottom;text-decoration: none;}

/* 共通
============================================================ */
#mcC h1 {background: url(../img/service/h1.jpg) no-repeat;}


#mcC h3,
.index #mcC h2 {
	margin: 20px 0 10px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;}

/* h4 */
#mcC h4 {
	margin: 12px 0 10px 23px;
	padding: 0 8px;
	border: 1px solid #8bb5c1;
	background: #e6f2ff;
	color: #424242;
	font-weight: bold;
	font-size: small;
	line-height: 23px;}


#mcC #bx00 p {margin: 0 10px 20px;}

/* index.html
============================================================ */
/* リード文 */
.index #mcC #title h2 {margin: 0 0 11px;background: url(../img/service/lead.gif) no-repeat;}

/* h3 */
.index #mcC h2 {background: url(../img/service/h2l.gif) no-repeat;}
.space #bx01 h3 {background: url(../img/service/h2a.gif) no-repeat;}
.space #bx02 h3 {background: url(../img/service/h2b.gif) no-repeat;}
.space #bx03 h3 {background: url(../img/service/h2c.gif) no-repeat;}
.network #bx01 h3 {background: url(../img/service/h2d.gif) no-repeat;}
.network #bx02 h3 {background: url(../img/service/h2e.gif) no-repeat;}
.network #bx03 h3 {background: url(../img/service/h2f.gif) no-repeat;}
.network #bx04 h3 {background: url(../img/service/h2g.gif) no-repeat;}
.network #bx05 h3 {background: url(../img/service/h2h.gif) no-repeat;}
.operation #bx01 h3 {background: url(../img/service/h2i.gif) no-repeat;}
.operation #bx02 h3 {background: url(../img/service/h2j.gif) no-repeat;}
.operation #bx03 h3 {background: url(../img/service/h2k.gif) no-repeat;}
.space #bx04 h3,
.network #bx06 h3,
.operation #bx04 h3 {background: url(../img/service/h2m.gif) no-repeat;}


#subLink {
	margin-bottom: 11px;
	list-style: none;
	height: 1%;}

#subLink:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}

#subLink li {
	float: left;
	height: 26px;}

#subLink #sl01 {width: 110px;background: url(../img/service/pagelink01-on.gif) no-repeat;}
#subLink #sl02 {width: 124px;background: url(../img/service/pagelink02-on.gif) no-repeat;}
#subLink #sl03 {width: 148px;background: url(../img/service/pagelink03-on.gif) no-repeat;}

#subLink li a {
	display: block;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;}

#subLink #sl01 a {background: url(../img/service/pagelink01.gif) no-repeat;}
#subLink #sl02 a {background: url(../img/service/pagelink02.gif) no-repeat;}
#subLink #sl03 a {background: url(../img/service/pagelink03.gif) no-repeat;}

#subLink li a:hover {background: none !important;}

h1 {clear: both;}

#integration {
	position: relative;
	background: url(../img/service/index_img01-on.png) no-repeat;
	width: 403px;
	height: 404px;
	margin: 0 auto;
	padding: 0;
	list-style: none;}

#integration li {
	position: absolute;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;}

#integration  li a:hover {
	background: none;
	border: none;}

#integration #space {
	top: 14px;
	left: 113px;
	width: 188px;
	height: 158px;}

#integration #operation {
	top: 172px;
	left: 22px;
	width: 185px;
	height: 188px;}

#integration #network {
	top: 172px;
	left: 207px;
	width: 185px;
	height: 188px;}

#integration a {
	display: block;
	background: url(../img/service/index_img01.png) no-repeat;}

#integration #space a {
	width: 188px;
	height: 158px;
	background-position: -113px -14px;}

#integration #operation a {
	width: 185px;
	height: 188px;
	background-position: -22px -172px;}

#integration #network a {
	width: 185px;
	height: 188px;
	background-position: -207px -172px;}

#integration a:hover {background: none;}


/* スペース
============================================================ */
.space #mcC #title h2 {margin: 0 0 11px;background: url(../img/service/lead02.gif) no-repeat;}

.space #mcC #bx01 img,
.space #mcC #bx02 img,
.space #mcC #bx03 img {float: left;}

.space #mcC #bx01 p,
.space #mcC #bx02 p,
.space #mcC #bx03 p {margin: 0 0 10px 147px;}

.space #mcC #bx02 ul {margin: 0 0 10px 164px;}

.space #mcC #bx01 h4,
.space #mcC #bx03 h4 {margin: 0 0 10px 140px;}

.space #mcC #bx01 dl {margin: 0 0 0 149px;}

.space #mcC #bx01 dt {font-weight: bold;}
.space #mcC #bx01 dd {margin: 0 0 13px;}

/* ネットワーク
============================================================ */
.network #mcC #title h2 {margin: 0 0 11px;background: url(../img/service/lead03.gif) no-repeat;}

/* 運用
============================================================ */
.operation #mcC #title h2 {margin: 0 0 11px;background: url(../img/service/lead04.gif) no-repeat;}

.operation #bx01 ol {
	margin: 10px 0 20px 24px;
	padding: 0;}

.operation #bx01 ol li {
	position: absolute;
	left: -9999px;}

.operation #bx01 p img,
.operation #bx02 p img {
	margin-top: 15px;}

.operation #bx02 ol {
	margin: 20px 0 20px 24px;
	padding: 0;}

.operation #bx02 ol li {
	position: absolute;
	left: -9999px;}