@charset "utf-8";
/* ------------------------
*
* 各コンテンツ・ページ　特有スタイルのまとめ
*
* ------------------------- */

/* 各ソリューションインデックス
-------------------------------------*/

#main h2.catch {
margin: 1em 0 0;
padding: 0;
font-size: 1.2em;
color: #00469d;
background: 0 none;
}

p.solCaption {
	margin: 0.5em 0 0;
}

ul.solCaption li {
	margin: 0 0 0 -15px;
}

div#article dl.solList {
}

div#article dl.solList dt {
	padding: 0 15px 0;
	background: none;
	font: bold 110% sans-serif;
	background: url(../img/icn-h3.gif) no-repeat left 0.1em;
}

div#article dl.solList dd {
	margin-bottom: 1em;
	padding: 0.25em 0 0.75em;
	background: none;
	border-bottom: 1px solid #e5e5e5;
}

div#article dl.service_detail {
}

div#article dl.service_detail dt {
	padding: 0 15px 0;
	font: bold 110% sans-serif;
	background: url(../img/icn-h3.gif) no-repeat left 0.1em;
}

div#article dl.service_detail dd dl dt {
	padding: 0;
	margin: 0;
	background: 0 none;
}

div#article dl.service_detail dd dl dd {
	border-bottom: 0;	
	background: url(../img/line-dot-bg.gif) repeat-x left bottom;
}

div#article dl.service_detail dd {
	margin-bottom: 1em;
	padding: 0.25em 0 0.75em;
	background: none;
	border-bottom: 1px solid #e5e5e5;
}

div#article dl.service_detail dd img {
margin-top: 1em;
}

div#article dl.service_detail dl.productlist {
}

div#article dl.service_detail dl.productlist dt {
float: left;
width: 150px;
margin: 20px 0 0;
padding: 0;
}

div#article dl.service_detail dl.productlist dd {
float: left;
width: 460px;
margin: 20px 0 0 30px;
padding: 0;
background: 0 none;
}

div#article dl.service_detail dd .imgbox {
float: right;
margin-left: 20px;
}



/* サービスキャッチコピー */

div#service_catch {
margin-top: 20px;
}

div#service_catch strong {
font-size: 1.2em;
line-height: 1.3em;
}

div#service_catch .txtbox {
float: left;
width: 355px;
}

div#service_catch p {
margin-top: 15px;
}

div#service_catch ul li {
margin-left: -20px;
}

div#service_catch .large_img {
clear: both;
margin-top: 15px;
text-align: center;
}

div#service_catch .imgbox {
float: right;
width: 270px;
margin: 15px 0 0 20px;
text-align: right;
}

/* サービス画像表示用 */

div#article .graf {
marign: 0;
text-align: center;
}







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

/* 各ソリューション一覧
-------------------------------------*/

div#serlist h3 {
margin: 25px 2px 1em;
border: 0;
}

div#serlist {
margin: 0;
padding: 0;
/*border: 5px solid #d5e9f4;*/
}

div#serlist table {
width: 100%;
margin: 0;
padding: 0;
border-collapse: separate;
}

div#serlist table tr td {
width: 50%;
margin: 0;
padding: 10px;
vertical-align: top;
border: 5px solid #d5e9f4;
empty-cells: hide;
}

div#serlist table tr td dl {
margin: 0;
padding: 0;
}

div#serlist table tr td dl dt {
margin: 0;
padding: 0 0 0 25px;
line-height: 1.2em;
color: #111;
background: url(../img/arw_serlist.gif) no-repeat left center;
}

div#serlist table tr td.box_hover dl dt {
background: url(../img/arw_serlist_on.gif) no-repeat left center;
}

div#serlist table tr td dl dd {
margin: 0.7em 0 0;
padding: 1em 0 0;
font-size: small;
line-height: 1.2em;
color: #666;
background: url(../img/line-serlist-bg.gif) repeat-x left top;
}

div#serlist table.noline tr td dl dd {
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
background: 0 none;
}

div#serlist table tr td dl dd p {
margin: 0;
padding: 0;
}


/*-- リンクボックス --*/

.linkbox {
/*margin-top: 20px;
padding: 15px;
width:300px;
border-width: 1px;
border-style: solid;
border-color: #e6e6e6 #e6e6e6 #f2f2f2;*/
}
.box_hover {
background:#e5fcf9;
cursor:pointer;
}

.none {
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	background: 0 none;
}		


/* 各ソリューションパーツ
-------------------------------------*/

/* ----- サービスに関するお問い合わせ ----- */
div#service_inquiry {
margin: 40px 0;
padding: 10px;
border: 5px solid #eee;
}

div#service_inquiry div {
display: table-cell;
vertical-align: middle;
}

 /* IE 6 */
    * html div#service_inquiry div {
        display: inline;
        zoom: 1;
    }
 
    /* IE 7 */
    *:first-child+html div#service_inquiry div {
        display: inline;
        zoom: 1;
    }


div#service_inquiry h3 {
margin: 0;
padding: 0;
background: 0 none;
}

div#service_inquiry p {
margin: 0.2em 0 0.5em;
padding: 0;
}

div#service_inquiry .txtbox {
/*float: left;*/
width: 410px;
}

div#service_inquiry .txtbox p {

color: #666;
}

div#service_inquiry .imgbox {
/*float: left;*/
width: 200px;
text-align: right;
}

div#service_inquiry p span.telnumber {
	font-size: 1.5em;
	font-weight: bold;
	color: #638c0b;
	margin-right: 10px;
}



/* ----- サービスに関連した事例 ----- */
div#related_case {
margin-top: 60px;
}

div#related_case ul {
margin: 0.3em 0 0;
padding: 3px 0 0;
list-style-type: none;
background: url(../img/related-case-bg.gif) no-repeat left top;
}

div#related_case ul li {
margin: 0;
padding: 0.5em;
background: url(../img/line-dot-bg.gif) repeat-x left bottom;
}

div#related_case ul li a {
padding: 0.1em 20px 0;
background: url(../../case/img/icn_case.gif) no-repeat left center;
}

div#related_case ul li img {
margin-right: 10px;
vertical-align: middle;
}




/* 会社案内
-------------------------------------*/
dd span.dept { /* 会社概要・アクセス　部署名 */
	display: inline-block;
	width: 15em;
}

/* 会社概要・沿革 */
table#corp {
	margin-top: 40px;
}

table#corp span.year {/*　沿革 */
	padding-right: 1em;
}

/* アクセス　交通手段 */
div#article ul.access {
	list-style: none;
	margin-left: 1em;
}

div#article ul.access li {
	padding-left: 1.2em;
	background: url("../img/sub-list-icon-off.gif") left center no-repeat;
}

div#article ul.access li em {
	display: inline-block;
	width: 17em;
	font-style: normal ;
}

/* ----- 会社案内>採用情報 ----- */

/*　採用情報>採用プロセス */
div#process {
	margin-top: 38px;
	padding:0 15px 15px 15px;
	border: 5px solid #eee;
}

div#process p {
  padding:0 3px 8px 0;
	font: normal bold 12px /1.6 sans-serif;
}

/* 採用情報>募集職種　お問い合わせ窓口 */
div#article dl#RecruitContact dt {
	clear: both;
	float: left;
	width: 4em;
	padding: 0;
	background: none;
}

div#article dl#RecruitContact dd {
	padding: 0;
	margin: 0 0 0 4.1em;
	background: none;
}

/* 採用情報注釈系 */
div#article ul.annotation {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#article ul.annotation li {
	line-height: 1em;
}


/* -----
        トピックス ----- */

/*トピックス一覧リスト部分 */

div#article dl.topics dt {
	padding: 1.5em 0 0 0;
	background: none;
	font-weight: normal;
	color: #333;
}

div#article dl.topics dt img {
margin-right: 10px;
vertical-align: middle;
}

div#article dl.topics dt.ex { /* 先頭 */
	padding-top: 0;
}

div#article dl.topics dd {
	padding: 0.5em 0 1.4em 0;
	background: url("../img/line-dot-bg.gif") left bottom repeat-x;
}

/* トピックス詳細　トップのリンク設定 */

ul#topicsLink {
	margin: 0 0 1em;
	padding: 0 3px 0;
	border-bottom: 5px solid #dedede;
	list-style:none;
}

/* トピックス詳細　日付 */
div#topicsDate {
	clear: both;
}

div#topicsDate img {
margin-right: 10px;
vertical-align: middle;
}

/*　トピックス詳細に含まれる会社概要　余白　*/
div#article dl#topicsCorpWarp {
	padding: 0 1em ;
}

/*　トピックス詳細イレギュラー要素　*/

div#article div.topicsImgLeft { /* 左ボックス */
	float: left;
	padding: 0.5em 0 0 0; /* 文の上に余白 */
	margin: 0 20px 0 0;
}

div#article div.topicsImgRight { /* 右ボックス */
	float: right;
	padding: 0.5em 0 0 0; /* 文の上に余白 */
}

/* ボックスサイズ別 */
div#article div.topicsImgLeft .Box200px,
div#article div.topicsImgRight .Box200px { /* 200pxのボックス */
	width: 200px;
}

div#article div.topicsImgLeft .Box250px,
div#article div.topicsImgRight .Box250px { /* 250pxのボックス */
	width: 250px;
}

div#article div.topicsImgLeft .caption,
div#article div.topicsImgRight .caption { /* イメージの説明 */
	margin: 0.25em 0 0 0;
	text-align: left;
	font: normal 90% /1.4 sans-serif;
}

.clear { /*　記事内クリア　画像フロート後 */
	clear: both;
	padding-top: 0.5em;
}

/* プライバシーポリシー
-------------------------------------*/

/* 定義リスト　プライバシーポリシー用 */
div#article dl.policy {
	margin: 1.5em 0;
}

div#article dl.policy dt {
	padding: 0.25em 0;
	background: none;
	font-weight: bold;
}

div#article dl.policy dd {
	margin: 0;
	padding: 0 0 0.25em 0;
	background: none;
}

/* 署名っぽいやつ */
p.flush-right {
	text-align:right;
}

/* 上下マージン調整 */
dl.policy table{
	margin: 20px 0 0;
}

/* リンク */
a.link {
	padding-left: 0.7em;
	background: url("../img/list-bg-link.gif") left center no-repeat;
}

/* サイトマップ
-------------------------------------*/
div#article dl.siteMap {
	width: 100%;
	margin: 1em 0 0 0;
	padding: 0 0 0.75em 0;
	border-bottom: 1px solid #ccc;
	clear: both;
}

div#article dl.siteMap dt {
	float: left;
	width: 35%;
	padding: 0 0 0.5em 1em;
	background: url("../img/list-bg-link.gif") 0 7px no-repeat;
}

div#article dl.siteMap dd {
	float: right;
	width: 58%;
	margin: 0;
	padding: 0 0 0 1em;
	background: none;
}

div#article dl.siteMap ul li {
	padding: 0 0 0 1em;
	background: url("../img/list-bg-link2.gif") left center no-repeat;
	border-bottom: none;
	list-style: none;
}

div#article dl.siteMap dt a:link { /* リンク設定 */
	text-decoration: none;
	color: #111;
}

div#article dl.siteMap dt a:hover { /* リンク設定 */
	text-decoration: underline;
	color: #111;
}

/* ----- 事例紹介 ----- */

div#article .case-block {
	margin: 30px 0 0 0;
}

/*
div#article .case-block div.case-title		{ border:solid 1px #CCC;background:url("../../common/img/ico_title_case.gif") no-repeat 10px center #EEE;padding:10px 10px 10px 24px; }
*/
div#article .case-block div.case-title h3	{ color:#333;margin:0;padding:0;border:none;background:none; }
div#article .case-block div.case-description{ float:left;line-height:1.35;width:486px;margin-bottom:30px; }
div#article .case-block img.arrow			{ margin-right:5px; }
div#article .case-block div.case-thumbneil	{ float:right;width:160px;margin:10px 0 30px; }
div#article .case-block div.case-thumbneil p{ padding-left:20px;margin:0; }
div#article .case-block div.case-thumbneil p.thumbneil img	{ margin-bottom:5px; }
div#article .case-block div.case-thumbneil p.site			{  }
div#article .case-block div.case-thumbneil p.copyright		{ font-size:90%;line-height:1;color:#999; }

div#article .case-block table {
	font-size: 100%;
	line-height: 1.5em;
	width: 573px;
	margin: 0 0 20px 0;
	padding: 0;
	border: none 0;
}

div#article .case-block table tr td {
	border: 0 none;
}

div#article .case-block table tr td.wpc2 {
	font-size: 90%;
	line-height: 1.2em;
}

div#article table.btm-block {
	background: #EBD6D6;
	border: 1px solid #663333;
}

div#article .case-block02 {
	margin: 20px 0 0;
}

div#article .case-block02 table {
	font-size: 90%;
	line-height: 1.5em;
	margin: 0 0 0 35px;
	padding: 0;
	width: 573px;
	border: none 0;
}

div#article .case-block02 table tr td {
	margin: 0;
	padding: 5px 0;
	border: 0 none;
}

div#article .case-block02 table tr td table {
	width: 100%;
	margin: 0;
	padding: 0;
}


div#newcase {
margin: 25px 0 0;
padding: 15px;
border-top: 1px solid #d8dde1;
background: #f0f6fa;
}

div#newcase h2 {
margin: 0;
padding: 0;
font-size: 1.2em;
line-height: 1em;
color: #333;
background: 0 none;
}

div#newcase dl {
margin: 1em 0 0;
padding: 0;
background: 0 none;
}

div#newcase dl dt {
margin: 0.5em 0 0;
padding: 0 0 0 20px;
font-weight: normal;
background: url(../../case/img/icn_case.gif) no-repeat left 0.2em;
}

div#newcase dl dd {
margin: 0.3em 0 0;
padding: 0 20px 1em;
}

div#newcase dl dd ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#newcase dl dd ul li {
margin: 0;
padding: 0;
color: #666;
}

div#newcase dl dd ul li img {
margin-right: 5px;
vertical-align: middle;
}

div#newcase ul.goto {
float: right;
margin: 0.7em 0 0;
padding: 0;
list-style-type: none;
}
div#newcase ul.goto li {
margin: 0;
padding: 0 0 0 10px;
background: url(../img/arw01.gif) no-repeat left center;
}

div#casebox {
margin: 0;
padding-left: 15px;
}

div#casebox .caseinfo {
float: left;
width: 195px;
margin: 25px 15px 0 0;
}

div#casebox .caseinfo dl {
width:100%;
margin: 0;
}

div#casebox .caseinfo dl dt {
margin: 0;
padding: 0;
background: 0 none;
}

div#casebox .caseinfo dl dd {
margin: 0;
padding: 0;
background: 0 none;
}

div#casebox .caseinfo ul,
div#casebox .caseinfo ul li {
margin: 0;
padding: 0;
list-style-type: none;
}

div#casebox .caseinfo ul li.date {
margin: 0.5em 0;
color: #666;
font-size: 0.8em;
}

div#casebox .caseinfo ul li.category img {
margin-top: 0.5em;
margin-right: 5px;
}

/* ----- 事例会社名リンク -----*/
div#main #article dl.corpdata {
margin: 10px 0 0;
padding: 5px;
border: 4px solid #eee;
}

div#article dl.corpdata dt,
div#article dl.corpdata dd {
margin: 0;
padding: 0;
background: 0 none;
}


div#basicinfo {
margin: 25px 0 0;
}

div#basicinfo .txtbox {
float: left;
width: 375px;
margin-right: 20px;
}

div#basicinfo dl.corpdata {
margin-top: 10px;
}

div#basicinfo dl.corpdata dt {
margin: 0;
padding: 0;
font-size: 0.9em;
font-weight: normal;
color: #666;
}

div#basicinfo dl.corpdata dd {
margin: 0;
padding: 0;
}

div#basicinfo dl.corpdata dt span {
margin-right: 10px;
font-weight: bold;
font-size: 1.2em;
color: #111;
}

div#basicinfo .txtbox ul {
margin-top: 0;
}

div#basicinfo .imgbox {
float: left;
width: 250px;
}


/* ----- 事例ページ送り -----*/
div#article ul#page {
margin: 40px 0 0;
padding: 10px 0 0;
list-style-type: none;
border-top: 5px solid #ddd;
}

div#article ul#page li {
float: left;
width: 240px;
margin: 0;
padding: 0;
}


div#article ul#page li.paginator {
width: 405px;
text-align: right;
}


/* ----- 関連リンク ----- */
div#article #relatedlink {
margin-top: 35px;
}

div#article #relatedlink h2 {
margin: 0;
padding: 0;
font-size: 1em;
background: url(../img/line-dot-bg.gif) repeat-x left bottom;
}

div#article #relatedlink ul {
margin: 0 0 0 9px;
padding: 0;
list-style-type: none;
}

div#article #relatedlink ul li {
float: left;
width: 200px;
margin: 10px 10px 0 0;
border: 1px solid #ccc;
}

div#article #relatedlink ul li a {
display: block;
padding: 10px 10px 10px 25px;
background: url(../img/arw01.gif) no-repeat 10px center;
}

div#article #relatedlink ul li a:hover {
background: #eee url(../img/arw01.gif) no-repeat 10px center;
}


/* ----- clearの設定一覧 -----*/

div#article dl.service_detail dd:after,
div#article dl.service_detail dl.productlist:after,
div#service_catch:after,
div#service_inquiry:after,
div#main .servicebox ul:after,
div#article #relatedlink ul:after,
div#article ul#page:after,
div#basicinfo:after,
.caseinfo:after,
div#newcase:after,
div#casebox:after,
ul#topicsLink:after,
div#article dl.siteMap:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	 overflow: hidden;
}

* html div#article dl.service_detail dd,
* html div#article dl.service_detail dl.productlist,
* html div#service_catch,
* html div#service_inquiry,
* html div#main .servicebox ul,
* html div#article #relatedlink ul,
* html div#article ul#page,
* html div#basicinfo,
* html .caseinfo,
* html div#newcase,
* html div#casebox,
* html ul#topicsLink,
* html div#article dl.siteMap
{height: 1%;}

*+html body div#article dl.service_detail dd,
*+html body div#article dl.service_detail dl.productlist,
*+html body div#service_catch,
*+html body div#service_inquiry,
*+html body div#main .servicebox ul,
*+html body div#article #relatedlink ul,
*+html body div#article ul#page,
*+html body div#basicinfo,
*+html body .caseinfo,
*+html body div#newcase,
*+html body div#casebox,
*+html body ul#topicsLink,
*+html body div#article dl.siteMap
{height: 1%;}