@charset "utf-8";

/*-------------------------------------------------------------------------

 　　　　　CSS Import Style

---------------------------------------------------------------------------*/
@import url(base.css);

/* 

	*01 共通
	*02 サービス・ソリューション一覧
	*03 cat_cloud
	*04 supplements
	*05 on-premise
	*06 sitemap
	*07 error
	
	*08 Customer
	
	*00 clearfix

 */


/*-------------------------------------------------------------------------

	　*01 共通
	
---------------------------------------------------------------------------*/
.center {
	text-align:center;
}

#main h3 {
	margin:40px 0 20px 5px;
}
#main h3.spn { margin-top:10px;}
#main p { margin-left:20px; margin-bottom:20px; }
#main dt p,
#main dd p { margin:0; }
#main p.lenon { margin-left:10px; margin-bottom:20px; }

.fl-img { float:left; margin:0 20px 0 0; clear:left;}
.fr-img { float:right; margin:0 20px 0 0; clear:left;}
.fr-img2 { float:right; margin:-20px 0px 0 30px; clear:right;}
.fr-img2 img { margin-bottom:5px;}

.box-category { margin-left:10px;
 margin-top:30px;}

.box-category li {
	position:relative;
	float:left;
	background: url(/service/img/box-bk.gif) repeat-y left bottom;
	width:315px;
	overflow:hidden;
	margin-bottom:23px;
	margin-left:0px;
	margin-right:23px;
	_zoom: 1;
}

.box-category li p { 
	padding:20px 15px 30px 15px;
	line-height:160%;
	overflow:hidden;
	_zoom: 1;
}
.i-link {
	background: url(/img/common/icon-arrow.gif) no-repeat left center;
	padding-left:12px;
	margin-left:0;
}

.box-category li p.link {
	padding:0px 10px 2px 225px;
	line-height:120%;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	font-size:12px;
	background: url(/img/common/icon-arrow.gif) no-repeat 215px 4px;
	display:block;
	margin-bottom:7px;
}

/* アウトリンク */
.box-category li p.o-link {
	padding:0px 10px 2px 225px;
	line-height:120%;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	font-size:12px;
	background: url(/img/common/icon-olink.gif) no-repeat 210px 2px;
	display:block;
	margin-bottom:7px;
}

.box-category li p.link img { vertical-align:middle;}

/* 3列のとき */
.box-category3 { margin-left:10px; margin-top:30px;}

.box-category3 li {
	position:relative;
	float:left;
	background: url(/service/img/box-bk-3dan.gif) repeat-y left bottom;
	width:220px; /* 220px */
	overflow:hidden;
	margin-bottom:23px;
	margin-left:0px;
	margin-right:5px;
	_zoom: 1;
}

.box-category3 li ul.list-dd { font-size:97%;}
.box-category3 li ul.list-dd li { margin-bottom:7px; line-height:130%; background-position:left 3px; width:180px;}

.box-category3 li p { 
	padding:10px 12px 10px 15px;
	line-height:160%;
	overflow:hidden;
	_zoom: 1;
}

.box-category3 li p.link {
	padding:0px 10px 2px 180px;
	line-height:120%;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	font-size:12px;
	background: url(/img/common/icon-arrow.gif) no-repeat 215px 4px;
	display:block;
	margin-bottom:7px;
}

/* アウトリンク */
.box-category3 li p.o-link {
	padding:0px 10px 2px 225px;
	line-height:120%;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	font-size:12px;
	background: url(/img/common/icon-olink.gif) no-repeat 210px 2px;
	display:block;
	margin-bottom:7px;
}

.box-category3 li p.link img { vertical-align:middle;}


img#link1,img#link2,img#link3,img#link4,img#link5 {
	vertical-align:bottom;
	position:absolute;
	bottom:0;
}

.box-category h3,.box-category3 h3 { margin:0;}
#main .box-category h3,#main .box-category3 h3 { margin:0;}

/*
h2 img { margin-top:28px;}
h2.nosp img { margin-top:0px;}
*/

ul.list-dd { margin-bottom:15px; margin-left:20px;
	overflow:hidden;
	_zoom: 1;
}
ul.list-dd li {
	background: url(/img/common/icon-dd.gif) no-repeat left 7px;
	padding-left:12px;
	margin-bottom:5px;
}

table ul.list-dd { 
	margin:-5px 0;
	overflow:hidden;
	_zoom: 1;
}
table ul.list-dd li {
	background: url(/img/common/icon-dd.gif) no-repeat left 7px;
	padding-left:12px;
	margin:8px 0;
	line-height:1.4;
}

ul.list-dd-f { margin-bottom:15px; margin-left:20px;}

ul.list-dd-f li {
	background: url(/img/common/icon-dd.gif) no-repeat left 7px;
	padding-left:12px;
	margin-bottom:5px;
	float:left;
	width:205px;
}

ul.list-dd-right { margin-bottom:15px; width:300px;
	clear:right;
	overflow:hidden;
	_zoom: 1;
}

ul.list-dd-right li {
	background: url(/img/common/icon-dd.gif) no-repeat left 7px;
	padding-left:12px;
	margin-bottom:5px;
}

dl.list-dl { margin-bottom:15px; margin-left:20px;}

dl.list-dl dt {
	margin-bottom:5px;
	color:#4f9f87;
}

dl.list-dl dd {
	margin-bottom:10px;
	margin-left:0px;
	background: url(/img/common/icon-dd.gif) no-repeat left 7px;
	padding-left:12px;
}

dl.list-dl dd.end {	margin-bottom:20px;}

dl.list-dl2 { margin-bottom:15px; margin-left:20px;}

dl.list-dl2 dt {
	margin-bottom:5px;
	color:#4f9f87;
}

dl.list-dl2 dd {
	margin-bottom:10px;
	margin-left:0px;
}

dl.list-dl2 dd.end { margin-bottom:20px;}

dl.list-dl3 { margin-bottom:15px; margin-left:20px;}

dl.list-dl3 dt {
	margin-bottom:5px;
	color:#4f9f87;
	font-weight:bold;
}

dl.list-dl3 dd {
	margin-bottom:20px;
	margin-left:15px;
	background: url(/img/common/icon-dd.gif) no-repeat left 7px;
	padding-left:12px;
}
dl.list-dl3 dd table {
	margin-left:0;
	margin-bottom:10px;
}

dl.list-dl3 dd.end {	margin-bottom:20px;}


/* テーブル */
table.basic { margin-left:20px; margin-bottom:30px; margin-top:10px; background-color:#cccccc;}
table.basic th { background-color:#ececef; padding:8px 10px; text-align:left; border:1px solid #fff;}
table.basic th.green { background-color:#c8c8c8; padding:8px 10px; text-align:left;}
table.basic td {
	background-color:#ffffff;
	padding:8px;
	border:1px solid #fff;
}
.nowrap { white-space:nowrap;}
table.basic th.head {
	text-align:center;
	background-color: #3459C3;
	color: #FFF;
}

.noclear { clear:none;}

.spl10 { margin-left:10px;}

.font-b { font-size:120%;}

.box_adobe {
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 5px 10px 20px;
	line-height: 1.4em;
	border: 1px solid #c0c0c0;
}

.box_adobe .right_img {
	float:right;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;}
	
.kome { color:#CC0000;}

.key { margin:10px auto 0px auto;
	 text-align:center;
	clear:both;
	position:relative;
}

p.btn { text-align:center; padding-top:30px;}

.right { text-align:right;}


/*-------------------------------------------------------------------------

	　*02 サービス・ソリューション一覧
	
---------------------------------------------------------------------------*/

#main p.tx-01 { margin-top:20px;
	line-height:220%;
	margin-left:0;
	padding-left:0;
}

ul.list-subm {
	clear: both;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
	overflow: hidden;
}

* html ul.list-subm {   
   height: 1%;   
} 


ul.list-subm li {
	background: url("/img/common/icon-arrow.gif") no-repeat 2px 8px;
	padding-left: 12px;
	margin-bottom: 10px;
	float: left;
	width: 200px;
}
ul.list-subm li ul li {
	font-weight:normal;
	background: url(/img/common/icon-child.gif) no-repeat left 5px;
	padding-left:12px;
	margin:2px 0px 2px 5px;
}

/*-------------------------------------------------------------------------

	　*03 cat_cloud
	
---------------------------------------------------------------------------*/
dl.merit {
	float:left;
	width:323px;
	margin:0 0 20px 20px;
	padding-bottom:8px;
	border:solid 1px #CCC;
	display: inline;
}
.merit dt {
	padding:5px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
	color:#3359c2;
	background: #ececef;
}
.merit dd {
	background: url(/img/common/icon-dd.gif) no-repeat left 7px;
	padding-left:12px;
	margin-left:70px;
}
dl.operation {
	margin:20px;
	padding:20px 20px 5px;
	background:#F6F6F6;
	border:solid 1px #CCC;
}
.operation dt {
	float:left;
	clear:left;
	color:#3359c2;
	font-weight:bold;
}
.operation dd {
	margin-bottom:15px;
	padding-left:3em;
}
.cat_cloud table.basic td {
	background-color:#ffffff;
	padding:8px 8px 8px 45px;
	border:1px solid #fff;
}
table.basic td.merit {
	background:url(../../img/solution/cat_cloud/icon_check.jpg) no-repeat left center #FFF;
}
table.basic td.blank {
	background:url(../../img/solution/cat_cloud/icon_blank.jpg) no-repeat left center #FFF;
}

table.basic td.merit .color {
	color:#148CFA;
	padding-right:5px;
	font-weight:bold;
}
table.basic .color { color:#FB8308; padding-right:5px; font-weight:bold;}

.screen li {
	float:left;
	width:207px;
	margin-left:22px;
	padding-bottom:20px;
	display:inline;
}
.screen li img {
	margin-bottom:10px;
}
.screenMb {
	margin-left:10px;
}
.screenMb li {
	float:left;
	margin-left:10px;
	padding-bottom:20px;
	display:inline;
}
body.mypage table.basic {
	width:660px;
}
body.mypage th {
	width:9em;
	background:#ddeaf3;
}
body.mypage td.ths {
	color:#0b75c3;
	white-space: nowrap;
}
body.mypage td.nowrap {
	white-space: nowrap;
}

body.mypage .backend th {
	background:#dbf3d1;
}
body.mypage .backend td.ths {
	color:#018057;
}

/*-------------------------------------------------------------------------

	　*04 supplements
	
---------------------------------------------------------------------------*/
.lead {
	padding-left:80px;
	height:75px;
	overflow:visible;
	margin-bottom: 15px;
}
.lead h2 {
	color:#3359c2;
	padding-bottom:3px;
	font-size: 18px;
}
.business_support .lead {
	height:170px;
	overflow:visible;
	margin-bottom: 0;
}
.business_support .lead .inner {
	height:170px;
	overflow:visible;
	padding-right:230px;
 background: url(/img/solution/supplements/photo-business.jpg) no-repeat right top;
}
.consulting .lead {
	height:170px;
	overflow:visible;
	margin-bottom: 0;
}
.consulting .lead .inner {
	height:170px;
	overflow:visible;
	padding-right:230px;
 background: url(/img/solution/on-premise/photo-consulting.jpg) no-repeat right top;
}

/* 各ページ テキスト横アイコン */

.mypage .lead { background:url(/img/solution/cat_cloud/pict-mypage.gif) no-repeat left top;}

.bai .lead { background:url(/img/solution/supplements/pict-bai.gif) no-repeat left top;}

.tiiki .lead { background:url(/img/solution/supplements/pict-tiiki.gif) no-repeat left top;}

.customer .lead { background:url(/img/solution/supplements/pict-customer.gif) no-repeat left top;}

.business_support .lead { background:url(/img/solution/supplements/pict-business_support.gif) no-repeat left top;}

.monitoring .lead {	background:url(/img/solution/supplements/pict-monitoring.gif) no-repeat left top;}

.web_sol .lead { background:url(/img/solution/supplements/pict-web_sol.gif) no-repeat left top;}

.catmanager-ex .lead,
.g-answer-navi .lead
 { background: url(/img/solution/on-premise/pict-system.gif) no-repeat left top;}

.consulting .lead { background: url(/img/solution/on-premise/pict-consulting.gif) no-repeat left top;}



.service {
	border-bottom:dotted 1px #CCC;
	padding-bottom:10px;
	overflow:hidden;
}


.service {   
   height: 1%;   
} 

.supplements .link {
	width:570px;
	text-align:right;
	margin-top:-10px;
}
.supplements .link a {
	background:url("/img/common/btn-service.jpg") no-repeat;
	width:110px;
	height:22px;
	display: inline-block;
	padding-left:3px;
	text-align:center;
	font-size:12px;
	line-height:23px;
}

/* 数字のリスト */
ol.list-no {
	margin-left:30px;
	margin-bottom:30px;
	padding-top:10px;}

ol.list-no li {
	/* background: url(/img/common/icon-dd.gif) no-repeat left 7px; */
	/* padding-left:12px; */
	margin-bottom:10px;
	font-size:110%;
	list-style-type: decimal;
	margin-left:20px;
}



/* 導入事例 */

dl.example {
	float: left;
	overflow:hidden;
	width: 207px;
	margin-left:22px;
	padding-top:10px;
	margin-bottom:30px;
	display:inline;
	}

* html dl.example {   
   height: 1%;   
} 

dl.example dt {}

dl.example dd {
	background: url("/img/common/btn-example.jpg") no-repeat left top;
	padding: 3px 7px 3px 28px;
	margin-bottom: 10px;
	margin-top:7px;
	display:block;
}
dl.example dd.btnMypage {
	background: url("/img/common/btn-mypage-s.jpg") no-repeat left top;
	padding: 3px 7px 3px 28px;
	margin-bottom: 10px;
	margin-top:7px;
	display:block;
}

.box-grey {
	background-color:#e7e7e7;
	padding:20px;
	text-align:center;
	clear:both;
	margin-bottom:20px;
	margin-left:20px;
	width:630px;
}

img.btn-link { margin-top:10px;}

.box01 {
	padding:12px 14px;
	margin-bottom:20px;
	margin-left:20px;
	width:325px;
	line-height:180%;
}


/*-------------------------------------------------------------------------

	　*05 on-premise
	
---------------------------------------------------------------------------*/
.catmanager-ex table.basic,
.g-answer-navi table.basic {
	margin-bottom:5px;
}
.catmanager-ex table.basic th,
.g-answer-navi table.basic th {
	width:10em;
}
table.package th {
	background:#ddeaf3;
}
table.function th {
	background:#dbf3d1;
}
table.system th {
	background:#fcdbae;
}
.catmanager-ex table.basic td.ths,
.g-answer-navi table.basic td.ths {
	width:10em;
}
table.package td.ths {
	color:#0b75c3;
}
table.function td.ths {
	color:#018057;
}
table.system td.ths {
	color:#ff6600;
}
table.package ul.list-dd li {
	background: url(/img/common/icon-dd-bl.gif) no-repeat left 7px;
}
table.function ul.list-dd li {
	background: url(/img/common/icon-dd-gr.gif) no-repeat left 7px;
}
table.system ul.list-dd li {
	background: url(/img/common/icon-dd-or.gif) no-repeat left 7px;
}

#main p.btnMypage {
	background: url("/img/common/btn-mypage.jpg") no-repeat left top;
	padding: 3px 7px 3px 18px;
	margin:5px 0;
	display:block;
}

/*-------------------------------------------------------------------------

	　*06 sitemap
	
---------------------------------------------------------------------------*/
#sitemap h2 {
	padding:6px 10px 6px 16px;
	background:#efedee url(/img/sitemap/icon_sitemap.gif) no-repeat left center;
	font-weight:bold;
	margin:0px 0px 15px 0;
	font-size:100%;
	display:block;
	width:660px;
}


#sitemap h3 {
	padding:3px 0px 0px 0px;
	margin:12px 0px 0px 20px !important;
	line-height:1.4em;
	font-size:100%;
}

.sitmap-service { margin-top:10px; margin-bottom:20px;}
.sitmap-service td { vertical-align:top;}
.sitmap-service td.mid { 
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	}

ul.list {
	font-weight:bold;
	background:#FFFFFF;
	margin:7px 0 16px 20px;
	overflow:hidden;
	_zoom: 1;
	}

ul.list li {
	font-weight:normal;
	background: url(/img/common/icon-arrow.gif) no-repeat 2px 7px;
	padding-left:15px;
	margin:4px 0px 4px 5px;
}

ul.list li.out {
	font-weight:normal;
	background: url(/img/common/icon-olink.gif) no-repeat left 5px;
	padding-left:15px;
	margin:4px 0px 4px 5px;
}

ul.list li.out img { vertical-align:middle; margin-left:5px; line-height:1.0em;}

ul.list li ul { margin-bottom:7px; margin-left:0px;}

ul.list li ul li {
	font-weight:normal;
	background: url(/img/common/icon-child.gif) no-repeat left 5px;
	padding-left:12px;
	margin:2px 0px 2px 5px;
}
ul.list li a.support{
	background: url(/img/sitemap/icon-support.gif) no-repeat right ;
	padding-right:12px;
}
li.support a {
	background: url(/img/common/icon-support.gif) no-repeat right;
	width:8em;
	padding-right:12px;
}


/*-------------------------------------------------------------------------

	　*07 error
	
---------------------------------------------------------------------------*/

.error { 
	padding:30px 35px;
	background-color:#efefef;
	width:690px;
	line-height:2.0em;
	margin:40px 0 30px 50px;;
	}

.error h1 { margin:0px 0 20px 0;}

ul.list-navi {
	overflow:hidden;
	margin-bottom:10px;}

ul.list-navi li {
	background: url(/img/common/icon-arrow.gif) no-repeat left 10px;
	padding-left:12px;
	float:left;
	margin-right:20px;
	}


/*-------------------------------------------------------------------------

	　*08 customer
	
---------------------------------------------------------------------------*/
body.customersVoice #main {
	margin-right:-4px;
}
.customersVoice h2 {
	margin-bottom:20px;
}
.chapterLink {
	float:left;
	width:341px;
	margin-right:4px;
	margin-bottom:20px;
	background:url(/img/customer/bg_chapter.jpg) no-repeat top left;
}
.chapterLink:hover {
	background:url(/img/customer/bg_chapter_on.jpg) no-repeat top left;
}
.chapterLink .inner {
	padding:15px 15px 25px;
	_padding-top:0;
	background:url(/img/customer/btn_chapter.jpg) no-repeat bottom left;
}
.chapterLink .photo {
	float:right;
	margin-left:10px;
	display:inline;
}
.chapterLink dl {
	margin-bottom:10px;
}
.chapterLink dt {
	margin-bottom:5px;
}
.chapterLink dd {
	font-size:10px;
}
.chapterLink strong {
	font-weight:bold;
	font-size:12px;
}
.customersVoice h3 {
	margin:20px 0;
	padding:15px 20px;
	background:url(/img/customer/bg_sttl.jpg) no-repeat left center;
	font-size:16px;
	color:#3359c2;
}
.customersVoice img {
	margin-right:8px;
}
.customersVoice span {
	display:block;
	padding-top:8px;
	border-top:dotted 1px #C1C1C1;
	font-size:12px;
	color:#303030;
	text-align:right;
}
.interview dl {
	width:470px;
	float:left;
}
.interview dt {
	margin-bottom:0.5em;
	padding-left:26px;
	background:url(/img/customer/icon_q.gif) no-repeat left top;
	font-weight:bold;
	color: #3359C2;
}
.interview dd {
	margin-bottom:3em;
	padding-left:26px;
	background:url(/img/customer/icon_a.gif) no-repeat left top;
}
.interview img {
	margin-left:15px;
	_margin-left:10px;
	margin-bottom:25px;
}
#main p#thanks {
	margin:15px 0 25px;
	background:url(/img/customer/bg_thanks.gif) no-repeat right center;
	font-weight:bold;
}
.customersVoice #main .example {
	width:265px;
	overflow:visible;
	margin-left:180px;
	padding: 3px 7px 3px 28px;
	background: url(/img/common/btn-example-l.jpg) no-repeat left top;
}
.customersVoice .box-grey {
	width:650px;
	margin:0;
	text-align:left;
}
.customersVoice .box-grey img {
	float:left;
}
.customersVoice .box-grey dl {
	overflow:hidden;
	_zoom:1;
}
.customersVoice .box-grey dl.second {
	margin-top:15px;
	padding-top:15px;
	border-top:dotted 1px #666;
}
.customersVoice .box-grey dt {
	clear:left;
}
/*
.customersVoice .box-grey dt img {
	float:none;
}
*/
.customersVoice .box-grey dd {
	margin-left:100px;
}
.customersVoice .box-grey dd img {
	float:right;
}
/*
.customersVoice .box-grey dd {
	width:265px;
	overflow:visible;
	margin-left:180px;
	padding: 3px 7px 3px 28px;
	background: url(/img/common/btn-example-l.jpg) no-repeat left top;
}
*/


/*-------------------------------------------------------------------------

	*00 clearfix
	
---------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.clearfix {
	display:inline-block;
	clear:both;}

.box-category:after,
ul.kanren-link:after,
.web-flow:after,
ul.list-subm:after,
ul.list-dd-f:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.box-category,
ul.kanren-link,
.web-flow,
ul.list-subm,
ul.list-dd-f {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .box-category,
* html ul.kanren-link,
* html web-flow,
* html ul.list-subm,
* html ul.list-dd-f { height: 1%; }

.box-category,
ul.kanren-link,
.web-flow,
ul.list-subm,
ul.list-dd-f { display: block; }
/* End hide from IE-mac */

.clear {
	clear:both;
}