@charset "utf-8";
/*= Each CSS =====================================================

	各ページ(テンプレート)専用CSS
		
		1.新着情報
			1-1.一覧
			1-2.詳細
		2.業務実績
			2-1.一覧
			2-2.詳細
		3.会社案内
			3-1.沿革
		4.フォーム（お問い合わせ、採用情報）
		5.サービス案内
		6.サイトマップ
		7.検索結果
		8.ピックアップコンテンツ

==================================================================*/

/* -----------------------------------------------------------------
 * 1.新着情報
 * -------------------------------------------------------------- */
 
 /* -----------------------------------------------------------------
 * 1-1.新着情報　一覧
 * -------------------------------------------------------------- */
 
#contentsArea .infoList {
	margin: 0 0 31px 0;
	padding-left: 0;
}
#contentsArea .infoList li {
	list-style: none outside;
	padding: 0 0 12px 0;
	width: 707px;
	margin-bottom: 11px;
	display: block;
	background: url(../files/img/common/line-main_01.gif) repeat-x left bottom;
}
/* 最後のニュース */
#contentsArea .infoList li:last-of-type {
	padding: 0 0 11px 0px;
	margin-bottom: 0;
	background: none 0;
	border-bottom: 1px solid #DDDDDD;
}
/* 新着アイコン */
#contentsArea .infoList li.new img {
	position: relative;
	top: 1px;
	margin-left: 5px;
}
/* 日付表記 */
#contentsArea .infoList time {
	font-size: 85.8%;
	float: left;
	width: 9em;
	margin: 0 6px 0 10px;
	display: block;
	*width: 8.1em;
	margin: 0 3px 0 10px;
}
/* IE6 */
* html #contentsArea .infoList time { display: inline; }
/* IE7 */
*+html #contentsArea .infoList time { display: inline; }
/* フラグ */
#contentsArea .infoList time + span {
	font-size: 85.8%;
	float: left;
	background: url(../files/img/home/img_03.gif) no-repeat 0 0;
	display: block;
	height: 18px;
	width: 56px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* ニュース */
#contentsArea .infoList time + span.infoNews { background-position: 0 0; }
/* 更新情報 */
#contentsArea .infoList time + span.infoTopics { background-position: 0 -38px; }
/* 採用情報 */
#contentsArea .infoList time + span.infoRecruit { background-position: 0 -19px; }
/* 文字 */
#contentsArea .infoList p {
	margin: 0 0 0 8.5em;
	line-height: 18px;
	font-size: 100%;
	display: block;
	width: 588px;
}
#contentsArea .infoList span + p {
	margin: 0 0 0 14em;
	width: 36.5em;
}
* html #contentsArea .infoList p { width: 520px; }

/* 見出し横のリンクリスト
---------------------------------------- */
.ttlSideLink {
	height: 43px;
	margin: -70px 0 0 0;
	padding: 0 20px;
	position: relative;
	float: right;
	font-size: 12px;
}
#contentsArea .ttlSideLink ul {
	margin: 0;
	padding: 0;
	line-height: 0;
}
#contentsArea .ttlSideLink li {
	line-height: 43px;
	padding: 0 20px 0 0;
	float: left;
	list-style: none outside;
}
#contentsArea .ttlSideLink li:first-child { padding-left: 20px; }
a.rssLink {
	width: 42px;
	display: block;
	background: url(../files/img/home/btn_02.gif) no-repeat left center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
a.rssLink:hover {
	filter: alpha(opacity=70);
	opacity: 0.70;
}

 /* -----------------------------------------------------------------
 * 1-2.新着情報　詳細
 * -------------------------------------------------------------- */
 
/* タイトル内の日付
---------------------------------------- */
.ttlDate {
	display: block;
	font-size: 65%;
}

/* -----------------------------------------------------------------
 * 2.業務実績
 * -------------------------------------------------------------- */
 
 /* -----------------------------------------------------------------
 * 2-1.業務実績　一覧
 * -------------------------------------------------------------- */
 
/* サムネイル付きリスト
---------------------------------------- */
#contentsArea .thumList,
.thumList02{
	padding: 0;
	margin-left: 0;
}
.thumList>li,
.thumList02>li{
	padding: 0 0 12px 0;
	margin: 0 0 11px 0;
	list-style: none outside;
	background: url(../files/img/common/line-main_01.gif) repeat-x left bottom;
}
.thumList li:after,
.thumList02 li:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}
/* 見出し */
.thumList .hgroup,
.thumList02 .hgroup{
	float: right;
	width: 542px;
	margin: 0 0 11px;
	padding: 4px 0 2px;
	background: url(../files/img/common/bg-hgroup_01.gif) repeat-y 0 0;
}
#contentsArea .thumList .hgroup h2,
#contentsArea .thumList .hgroup h3,
#contentsArea .thumList .hgroup h2:after,
#contentsArea .thumList02 .hgroup h3,
#contentsArea .thumList02 .hgroup h4,
#contentsArea .thumList02 .hgroup h3:after{
	margin: 0;
	padding: 0 0 0 13px;
	background: none 0;
	border: 0 none;
}
#contentsArea .thumList .hgroup h2 {
	font-size: 107.2%;
	line-height: 1.2;
	margin-bottom: 2px;
}
#contentsArea .thumList .hgroup h3 {
	color: #666666;
	font-size: 100%;
	line-height: 1.2;
}
/* ページの途中にある場合 thum-list02を指定 */
#contentsArea .thumList02 .hgroup h3 {
	color: #1F1F1F;
	font-weight: bold;
    font-size: 107.2%;
	margin-bottom: 2px;
}
#contentsArea .thumList02 .hgroup h4 {
	color: #666666;
	font-size: 100%;
	line-height: 1.2;
}
/* 画像 */
.thumList img.worksThum,
.thumList02 img.worksThum{
	float: left;
	border: 1px solid #CCCCCC;
}
/* 囲みリスト */
.thumList .ulSiege,
.thumList02 .ulSiege{
	width: 542px;
	float: right;
	font-size: 78.6%;
	padding-left: 0;
}
.thumList .ulSiege li,
.thumList02 .ulSiege li{
	margin: 0 5px 5px 0;
	padding: 5px 5px 3px 5px;
}
/*　カテゴリごとの色分け */
.ulSiege li.catSystem{background: #F0FAFF;}
.ulSiege li.catNetwork{background: #FFEEEE;}
.ulSiege li.catHomepage{background: #FFFFE5;}
.ulSiege li.catAppli{background: #E9EEDE;}
/* テキスト */
.thumList .explain,
.thumList02 .explain{
	float: right;
	width: 542px;
	margin-bottom: 11px;
}
/* タグ */
#contentsArea .thumList .tags,
#contentsArea .thumList02 .tags{
	float: right;
	width: 542px;
	min-height: 30px;
	padding: 0;
	margin: 0;
	position: relative;
}
/* 背景有部分 */
#contentsArea .thumList .tags dt,
#contentsArea .thumList02 .tags dt{ float: left; }
#contentsArea .thumList .tags dt span,
#contentsArea .thumList02 .tags dt span{
	background-color: #FFF5EC;
	border: 1px solid #DDDDDD;
	display: block;
	font-size: 85.8%;
	margin-right: 10px;
	padding: 3px 0;
	width: 110px;
	text-align: center;
}
/* 関連タグ */
#contentsArea .thumList .tags dt + dd,
#contentsArea .thumList02 .tags dt + dd{
	float: left;
	width: 310px;
}
#contentsArea .thumList .tags dd ul,
#contentsArea .thumList .tags dd li,
#contentsArea .thumList02 .tags dd ul,
#contentsArea .thumList02 .tags dd li{
	margin: 0;
	padding: 0;
}
#contentsArea .thumList .tags dd li,
#contentsArea .thumList02 .tags dd li{
	list-style: none outside;
	float: left;
	margin-right: 10px;
	padding: 2px 0;
	word-wrap: normal;
	display: block !important;
}
#contentsArea .thumList .tags dd li a,
#contentsArea .thumList02 .tags dd li a{ word-break: normal; }
/* 詳しく見るリンク */
#contentsArea .thumList .btn,
#contentsArea .thumList02 .btn{
	padding: 0 12px 0 0;
	position: absolute;
	bottom: 3px;
	right: 1px;
}
/* サムネイルなし */
#contentsArea .thumList .noThum .hgroup,
#contentsArea .thumList .noThum .explain,
#contentsArea .thumList .noThum .tags,
#contentsArea .thumList02 .noThum .hgroup,
#contentsArea .thumList02 .noThum .explain,
#contentsArea .thumList02 .noThum .tags,
#contentsArea .thumList .noThum .ulSiege, #contentsArea .thumList02 .noThum .ulSiege{
	float: none;
	width: auto;
}

 /* -----------------------------------------------------------------
 * 2-2.業務実績　詳細
 * -------------------------------------------------------------- */
/* 見出し
---------------------------------------- */
.midashiWorks {
	margin: 50px 0 40px 17px;
}
/* タイトル内の会社名
---------------------------------------- */
.hDetail {
	font-size: 70%;
	display: block;
}

/* 紹介会社名or商品名
---------------------------------------- */
#contentsArea h2.ttlCompany {
	background: none;
	border: none;
	padding: 10px 0 0 15px;
	border-top: 1px dotted #999;
}

#contentsArea h2.ttlCompany:after {
	background: none;
}

/* 導入前の課題・要望　導入後の成果
---------------------------------------- */
#contentsArea .themeBox {
	
}
#contentsArea .resultBox {
	
}
#contentsArea .themeBox h2 {
	background: url(../files/img/works/ttl-theme.png) no-repeat;
}
#contentsArea .resultBox h2 {
	background: url(../files/img/works/ttl-result.png) no-repeat;
}
#contentsArea .themeBox h2,
#contentsArea .resultBox h2 {
	padding: 0;
	margin: 0;
	border: none;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 707px;
	height: 45px;
	-ms-filter: none;
	filter: none;
}
#contentsArea .themeBox h2:after {
	background: none;
}
#contentsArea .resultBox h2:after {
	background: none;
}
#contentsArea .themeBox ul,
#contentsArea .resultBox ul {
	background: #F9F9F9;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 10px;
}
#contentsArea .themeBox ul {
	border-left: 1px solid #0D8AD4;
	border-right: 1px solid #0D8AD4;
	border-bottom: 1px solid #0D8AD4;
}
#contentsArea .resultBox ul {
	border-left: 1px solid #FF7800;
	border-right: 1px solid #FF7800;
	border-bottom: 1px solid #FF7800;
}
#contentsArea .themeBox ul li,
#contentsArea .resultBox ul li {
	margin-bottom: 10px;
}
#contentsArea .themeBox ul li {
	color: #0D8AD4;
}
#contentsArea .resultBox ul li {
	color: #FF7800;
}
#contentsArea .themeBox ul li span,
#contentsArea .resultBox ul li span {
	color: #1F1F1F;
}

/* -----------------------------------------------------------------
 * 3.会社案内
 * -------------------------------------------------------------- */
 
/* -----------------------------------------------------------------
 * 3-1.会社案内　沿革
 * -------------------------------------------------------------- */
#history > section {
	border-top: 1px solid #CCC;
}

#history > section:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
/* 年 */
#history h2 {
	font-size: 114.3%;
	float: left;
	width: 125px;
	background: none;
	border-top: 2px solid #CCC;
	border-left: none;
	border-right: none;
	border-bottom: none;
	line-height: inherit;
	margin: 0;
	padding: 12px 0 15px 15px;
}
#history h2:after {
	background: none;
}
#history dl {
	float: right;
	width: 545px;
	margin: 0;
	padding: 15px 10px 0 10px;
}
/* 月 */
#history dl dt {
	display: block;
	float: left;
	width: 45px;
	margin-bottom: 10px;
}
/* 内容 */
#history dl dd {
	display: block;
	margin-left: 55px;
	margin-bottom: 10px;
}
/* 月が無い場合の内容 */
#history p.notMonth {
	float: right;
	width: 490px;
	margin: 0;
	padding: 15px 10px 10px 0;
}

/* -----------------------------------------------------------------
 * 4.フォーム（お問い合わせ、採用情報）
 * -------------------------------------------------------------- */
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
/* input */
input,textarea {
	border: 1px solid #999;
	padding: 2px;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea { margin-right: 5px;}
/* focus for ie7 */
input:focus[type="text"],
input:focus[type="password"],
input:focus[type="url"],
select:focus,
textarea:focus { background-color: #FFC;}
/* focus for ie7 */
input.focus { background-color: #FFC;}
/* textarea */
textarea {
	height: 140px;
}
/* label */
label {	margin-right: 5px;}
/* フォーム用テーブル
---------------------------------------- */
.tableForm {
	table-layout: fixed;
}
/* th */
.tableForm th {
	width: 200px;
	white-space: normal;
}
/* 幅調整 */
.tableForm .post { width: 8em;}
.tableForm .tel { width: 12em;}
.tableForm .short { width: 140px;}
.tableForm .middle { width: 238px;}
.tableForm .long { width: 390px; }
/* 必須 */
.tableForm th span.required {
	color: #0059B3;
	display: inline-block;
}
.tableForm tr.required td { background-color: #FFFFE5;}
/* 補足 */
.tableForm .txtSub {
	color: #666;
	display: inline-block;
}
/* 補足説明 */
.tableForm .hint {
	 color: #666;
	 border-left: 2px solid #0059B3;
	 padding-left: 5px;
	 margin-top: 5px;
}
/* エラー表示 */
.tableForm input.error,
.tableForm textarea.error { border-color: #F00;}
.tableForm tr.error td { background-color: #FEE;}
.tableForm ul.error {
	color:#F00;
	list-style: none outside;
	padding-left: 0;
	margin-top: 5px;
}
.error_privacy {
	 color:#F00;
	 display:block;
	 text-align: center;
}
/* 一番右ラベル */
.tableForm tr td + td {
	vertical-align: middle;
	border-left: none;
	width: 2.6em;
	padding: 0;
	text-align: center;
}
.tableForm tr td:nth-last-child(2) { border-right: none; }
.tableForm tr td:last-child span {
	color: #FFF;
	font-size: 85.8%;
	padding: 0.2em 0.3em;
	text-shadow: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.tableForm tr td:last-child span.ok { background-color: #329B07; }
.tableForm tr td:last-child span.error { background-color: #F00; }

/* 非表示 */
.hidden {
	visibility: hidden;
}

/* 郵便番号 */
.tableForm .postMark,
.tableForm .post,
.tableForm .postHint {
	float: left;
}
.tableForm .postMark,
.tableForm #address { margin-top: 5px; }

/* リストマークなしのリスト
---------------------------------------- */
.tableForm .ulInner {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: inline;
}
.tableForm .ulInner li { list-style: none outside;}
.tableForm .ulInner li {
	margin: 0 0 0.5em 0;
	display: inline-block;
}
.tableForm .ulInner li.lastChild { margin:0;}
.tableForm .ulInner + div { margin: 0.5em 0 0 0; }

/*------------------------------------------------
	警告・通知
--------------------------------------------------*/
#warning {
	margin: 0 0 10px 17px;
	padding: 10px 0 10px 10px;
	width: 680px;
}

#warning {
	border: 1px solid #FFD2D0;
	background: #FFF5EF;
	color: #EA1913;
}

#warning div.common {
	font-size: 16px;
	line-height: 1.5;
}

#warning div.warnings {
	font-size: 12px;
	line-height: 1.3;
}

/* -----------------------------------------------------------------
 * 5.サービス案内
 * -------------------------------------------------------------- */
/* サービス一覧
---------------------------------------- */
#serviceList dl.col {
	display: block;
    cursor: pointer;
	width: 345px;
	float: left;
	margin: 0;
	border: 1px solid #DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FBFBFB;
	background: -moz-linear-gradient(#fff, #F6F6F6);
	background: -webkit-linear-gradient(#fff, #F6F6F6);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F6F6F6));
	background: -o-linear-gradient(#fff, #F6F6F6);
	background: linear-gradient(#fff, #F6F6F6);
}
#serviceList dl.col:hover {
    background: #fff;
}
#serviceList dl.colR {
	float: right;
}
#serviceList dt {
	padding: 10px 10px 10px 25px;
	background: url(../files/img/common/icn_02.gif) no-repeat 10px 14px;
}
#serviceList dt a {
    color:#333;
    text-decoration: none;
}
#serviceList dd p {
	float: left;
	margin: 0;
	width: 106px;
	text-align: center;
}
#serviceList dd ul {
	margin: 0 0 12px 105px;
    padding-left: 0;
	list-style: none outside;
}
#serviceList dd li {
	padding: 0 10px 0 15px;
	line-height: 1.4;
	background: url(../files/img/common/icn_10.gif) no-repeat 2px 7px;
	margin-bottom: 0.4em;
	font-size: 85.8%;
}

#serviceList .hlGroup {
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
}
#serviceList .hlGroup2 {
	padding-top: 10px;
	border-bottom: 0 none;
    margin-bottom: 35px;
}

#serviceList .hlGroup:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#serviceList .hlGroup2:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
/* コラム
---------------------------------------- */
#contentsArea .BoxedItemBox {
	background: #F2FAFF;
	border-bottom: 1px solid #E4EDF3;
	margin: 0 0 20px 17px;
	position: relative;
}
#contentsArea .BoxedItemBox:before {
	content: 'column';
	font-size: 35px;
	top: 0;
	left: 10px;
	height: 1em;
	width: 6em;
	color: #D3EEFF;
	position: absolute;
}
#contentsArea .BoxedItemBox h2 {
	background: none;
	-ms-filter: none;
	filter: none;
	color: #0D8AD4;
	border: none 0;
	margin-bottom: 0;
	padding: 15px 5px 10px 14px;
}
#contentsArea .BoxedItemBox h2:after { display: none; }
#contentsArea .BoxedItemBox ul {
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 10px;
}
#contentsArea .BoxedItemBox ul li {
	margin-bottom: 10px;
	color: #0D8AD4;
}
#contentsArea .BoxedItemBox ul li span {
	color: #1F1F1F;
}
#contentsArea .BoxedItemBox p {
	padding-top: 5px;
	padding-left: 14px;
	padding-right: 20px;
}
/* -----------------------------------------------------------------
 * 6.サイトマップ
 * -------------------------------------------------------------- */
/* サイトマップ　レイアウト
---------------------------------------- */
#sitemap .col1-1 {
	overflow: hidden;
	margin-bottom: 10px;
}
#sitemap .col1-1 .col {
	width: 345px;
	float: left;
}
#sitemap .col1-1 ul {
	padding-left: 0;
}
#sitemap .col1-1 .colR {
	float: right;
}
#sitemap li {list-style: none outside;}
/* リンク 矢印
---------------------------------------- */
#sitemap li a {
	padding: 2px 0 2px 15px;
	background: url(../files/img/common/icn_04.gif) no-repeat left center;
}

/* -----------------------------------------------------------------
 * 8.ピックアップコンテンツ
 * -------------------------------------------------------------- */
/* TERRACE MAIL Security */
.stepList {
	list-style: none outside;
	padding: 0;
	text-align:center;
}
.step {
	width: 24%;
	margin-right: 1%;
	display: inline-block;
	vertical-align: top;
	font-size: 85.8%;
	text-align:left;
}
.step.type2 {
	width: 32%;
}
.step img,
.step.type2 img {
	display: block;
	margin: 0 auto 1.5em;
	height: auto;
}
.step ul {
	padding-left: 0;
}