@charset "utf-8";
/* CSS Document */

body,
div#header *,
div#artHeader *, /* div#main内、記事ヘッダ */
div#footer * {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #f0f0f0; /* フッタと合わせる */
	font: normal normal 85% /1.5 sans-serif;
	font-family: "Tahoma","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 1px;
	color: #333;
}

/* ----- テーブル設定 ----- */
table {
	/*width: 644px;*/
	margin-top: 0.5em;
	border-collapse: collapse;
}

td, th {
	border: 1px solid #ccd5db;
}

td {
	padding: 0.5em;
}

tr.gray td {
background: #f5fafe;
}

th {
	padding: 0.5em;
	background: #dfebf3;
	font-weight: bold;
	text-align: center;
	color: #303f50;
}

caption { /* 表タイトル、説明 */
	padding: 1.5em 0 0.5em; /* marginに対応していないため forIE */
	text-align: left;
}

caption em { /* キャプション　強調 */
	font-weight: bold;
	font-style: normal;
}

caption strong { /* キャプション より強調 */
	display: block;
	font-weight: bold;
}

.number { /* 数字は右寄せ */
	text-align: right;
}

.center { /*  */
	text-align: center;
}

.right {/*  */
	text-align: right;
}

/* ----- テーブルバリエーション ----- */
div#article table.outline {
	margin-top: 10px;
	/*background: url("../img/table-outline-bg.gif") repeat-x;*/
	border: none; /* 基本形のリセット */
}

table.outline .ex { /* 背景を表示させるため1列目へ指定する */
	padding-top: 5px 0;
}

table.outline th {
	text-align: left;
	color: #002550;
	border-width: 0 0 1px; /* 基本形のリセット */
}

table.outline td {
	text-align: left;
	border-width: 0 0 1px; /* 基本形のリセット */
}

table.outline th {
	width: 25%;
	background: none; /* 基本形のリセット */
}

div#article table.outline ul,
div#article table.outline ol {
margin-top: 0;
margin-bottom: 0.3em;
}

table.outline_no {
	border: none; /* 基本形のリセット+線なし(H201001追加相川） */
}

table.outline_no th,
table.outline_no td {
	border: none; /* 基本形のリセット+線なし(H201001追加相川）*/
}


table.outline .even { /* trには無効なため、thとtdへ指定する。forIE */
	background-color: #f4f4f4;
}

table.plusAnno { /* 注釈つき　テーブル */
	margin-bottom: 0;
}

/* ----- 基本テキストスタイル ----- */
em {
	font-style: italic;
}

strong {
	color: #111;
	font-weight: bold;
}

.attention { /* ご注意系 */
	color: #a40000;
}

.annotation { /* 注釈系 */
	font-size: x-small;
	line-height: 1.2em;
	color: #333;
}

.lineDot { /* ドット下線 */
	background: url("../img/line-dot-bg.gif") left bottom repeat-x;
}

/* ----- リンクカラー設定 ----- */
a:link,
a:visited {
	color: #0f3d73;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* サブカラムのみtext-decorationが逆 */
div#sub a:link,
div#sub a:visited {
	text-decoration: none;
}

div#sub a:hover {
	text-decoration: underline;
}


/* ----- 背景設定 ----- */
div#wrap {
	background: #fff url("../img/header-bg.gif") no-repeat center top;
	text-align: center;
}

div#content {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: /*url("../img/content-bg.gif") center left repeat-y*/;
	text-align: left;
}


/* ------------------------
*
* ヘッダ　div#header
*
* ------------------------- */
div#header {
	margin: 0; /* div#contentの背景を表示 */
	/*background: url("../img/header-bg.gif") no-repeat center top;*/
}

div#header p {
	float: left;
	margin: 0;
}

div#header p img {
	width: 280px;
}

/* ----- ヘッダ内 リスト共通設定 ----- */
div#header ul {
	list-style: none outside;
}

div#header li {
	display: inline;
}

/* ----- お問い合わせ・サイトマップ・採用情報 ----- */
ul#headerNav {
	/*height: 33px;  背景画像の高さ確保のためheader-bg.jpgと合わせる */
	padding: 12px 0 5px;
	text-align: right;
}

html>/**/body ul#headerNav {
	padding: 12px 0 8px;
	text-align: right;
}

/* ----- グローバルナビ ----- */
ul#gNav {
	padding-bottom: 2px;
	/*background: url("../img/gnav-bg.gif") repeat-x;*/
	text-align: right;
}

/* ----- パンくず ----- */
ul#breadcrumb {
	padding: 0.7em 0 1em;
	border-bottom: 1px solid #dedede;
	font-size: 80%; /* IE　hackするか検討 */
}

ul#breadcrumb li a {
	display: inline;
	margin-right: 0.5em;
	padding-right: 1em;
	background: url("../img/breadcrumb-bg.gif") right center no-repeat; /* パンくずリストの「>」マーク */
}

ul#breadcrumb li#act { /* 現在地 */
	background-image: none;
}

ul#breadcrumb em { /* 現在地　強調 */
	font-style: normal;
	font-weight: bold;
}


/* ------------------------
*
* メインカラム　div#main
*
* ------------------------- */
div#main {
	float: left;
	width: 645px;
	margin-top: 40px;
}

/* ----- 記事ヘッダ ----- */
div#artHeader {
	/*border-bottom: 1px solid #dedede;*/
}

div#artHeader h1 {
	margin: 0;
}

div#artHeader h1.service {
	padding-bottom: 30px;
	background: url(../img/main-h1-bg.gif) no-repeat left bottom;
}

/* artHeader内 ローカルナビゲーション */
div#artHeader ul {
	margin-top: 2em;
	text-align: right;
}

div#artHeader li {
	display: inline;
	padding-right: 2em;
}

div#artHeader em { /* 現在地 */
	font-style: normal;
}

/* artHeader内 ローカルナビゲーション　リンク設定 */
div#artHeader a:link,
div#artHeader a:visited {
	text-decoration: none;
	color: #b4b4b4;
}

div#artHeader a:hover {
	color: #111;
}

div#main h1 {
	font-size: 1.8em;
	padding-bottom: 20px;
	/*background: url("../img/main-h1-bg.gif") left bottom repeat-x;*/
	color: #111;
}

div#main h2 {
	margin: 0;
	padding: 40px 0 12px;
	background: url("../img/main-h2-bg.gif") left bottom no-repeat;
	color: #111;
}

/* ----- 記事本文 ----- */
div#article {
	/*margin: 0 20px;*/
}

div#article img {
border: 0 none;
}

/*　見出し設定 */
div#article h1 { /* トピックス用 */
	margin: 0.75em 0 0;
	padding: 1em;
	background:	#efefef url("../img/note-bg.gif");
	font: normal bold 120% /1.4 sans-serif;
	color: #111;
}

div#article h3 {
	margin: 1.5em 0 0;
	/*border-bottom: 2px solid #111;*/
	font: normal bold 110% /1.4 sans-serif;
	color: #111;
}

div#article h3.icn {
	margin: 1.5em 0 0;
	padding-left: 15px;
	font: normal bold 110% /1.3 sans-serif;
	color: #111;
	background: url(../img/icn-h3.gif) no-repeat left 0.1em;
}

div#article h4 {
	margin-top: 1.5em;
	font: normal bold 100% sans-serif;
	color: #111;
}

/* リスト設定 */
div#article ul,
div#article ol {
	margin: 1em 0 0 2em;
	padding: 0;
}

div#article ul {
	list-style: disc outside;
}

div#article ol {
	list-style: decimal outside;
}

/* リストのネスト設定 */
div#article ul ul,
div#article ul ol,
div#article ol ul,
div#article ol ol {
	margin: 0 0 1em 2em;
}

div#article ul ul {
	list-style-type: circle;
}

div#article li {
	margin: 0.5em 0 0;
	padding: 0;
	line-height: 1.4;
}

/* 記事用 リンクリスト */
div#article ul.link {
	list-style: none;
	margin-left: 1em;
}

div#article ul.link li {
	padding-left: 1em;
	background: url("../img/list-bg-link.gif") left center no-repeat;
}

div#article ul.link ul {
}

div#article ul.link ul li {
	padding-left: 1em;
	background: url("../img/list-bg-link2.gif") left center no-repeat;
}


/* 定義リスト */
div#article dl {
	margin: 1.5em 0;
}

div#article dt {
	padding: 0.5em;
	background: url("../img/line-dot-bg.gif") left bottom repeat-x;
	font-weight: bold;
}

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

/* 関連情報一覧 */
div#article dl.related {
	margin: 2.5em 0 0;
}

div#article dl.related dd {
	padding-left: 0;
}

dl.related span { /* 添付ファイル・別窓リンク*/
	padding-left: 1em;
	font: 80% sans-serif;
	color: #666;
}

/* 本件に関するお問い合わせ先 */
div#article dl.inq {
	padding: 0.5em 1em;
	background: #f6f6e0;
}

div#article dl.inq dt {
	padding-left: 0;
	background: none;
}

div#article dl.inq dd {
	padding: 0.1em 0 0 0;
	background: none;
}

/*　段落設定 */
div#article p {
	margin: 0.7em 0 0;
}

div#article p.annotation { /* 本文注釈 */
	margin-top: 0.5em;
}

div#article p#pageTop { /* ページの先頭へもどる */
	margin: 100px 0 1em;
}

div#article p#pageTop img {
	border: none;
}

/* その他テキスト装飾　設定 */
div.note,
blockquote {
	margin: 1em 0 0;
	padding: 0 0.75em 0.25em;
	background:	#efefef url("../img/note-bg.gif");
}

div.note > *:first-child,
blockquote > *:first-child  {/* div.noteのmarginと相殺が起こるため、paddingで余白を確保 */
	margin-top: 0;
	padding-top: 1em;
}

blockquote {
	padding-bottom: 0.5em;
	font-style: italic
}

blockquote .annotation {
	font-style: normal;
	text-align: right;
}



/* ------------------------
*
* サブカラム　div#sub
*
* ------------------------- */
div#sub {
	float: right;
	width: 225px;
	margin-top: 40px;
}

div#sub img {
	border: none;
}

div#sub h3 {
	margin: 0;
	padding: 0;
	background: url("../img/sub-h3-bg.gif") left bottom repeat-x;
	color: #111;
}

div#sub h3#subHead { /* サブカラム見出し「ソリューション一覧」など */
	margin: 0 2px 0 0;
	padding: 1em 0 10px 10px;
	background: none;
}

div#sub p {
	margin: 1em 0 0;
}

/* ----- リスト設定 ----- */

/* サブカラム用 リンクリスト（含ローカルナビゲーション） */
div#sub ul.link {
	list-style: none;
	margin: 0; /* div#contentの背景を表示 */
	padding: 0;
}

div#sub ul.link li a {
	height: 100%;
	padding: 0.15em 0 0.15em 28px;
	background: url("../img/sub-list-icon-off.gif") 10px 50% no-repeat;
}

div#sub ul.link li a:hover {
	background: url("../img/sub-list-icon-on.gif") 10px 50% no-repeat;
}

/* サブカラム　ローカルナビゲーション div#subの記述は、セレクタの獲得ポイントのため */
div#sub #locNav h2 {
	margin: 0; /* div#contentの背景を表示 */
	padding: 0;
	color: #111;
}

div#sub #locNav {
	border: 1px solid #ccc;
	padding: 9px;
}

div#sub #locNav ul {
	height : 100%; /* hasLayout width指定は不可。 */
}

div#locNav ul li {
	width: 100%; /* hasLayout */
	border-top: 1px solid #dedede;
}

div#locNav ul li#head { /* 一番目のリストはborder非表示 */
	border: none;
}

div#sub #locNav ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#locNav ul ul li {
	padding: 1px 0 0; /* background-imageを表示（上の破線1px）　*/
	background: url("../img/sub-locnav-bg02.gif") center top no-repeat;
	border: none;
}

#locNav ul ul li#head { /* 一番目のリストは背景非表示 */
	padding-top: 0; /* 破線1pxがないため、上へ詰める */
	background-image: none;
}

#locNav ul a {
	display: block;
	margin-right: 1px; /* div#contentの背景を表示(右の実線1px) */
}

div#sub #locNav ul li a:hover { /*　ローカルナビは、hoverで背景色変更 */
	text-decoration: none;
	background-color: #eff4f8;
}

#locNav ul li em { /* 現在地 */
	display: block;
	height: 100%; /* hasLayout width指定は不可。 */
	margin-right: 1px; /* div#contentの背景を表示(右の実線1px) */
	padding: 0.15em 0 0.15em 28px;
	background: #eff4f8 url("../img/sub-list-icon-on.gif") 10px 50% no-repeat;
	font-style: normal;
	color: #0f3d73; /* リンクカラーと合わせる */
}

/* お問い合わせ */
div#sub dl.inq {
	margin: 1em 0 0;
	font-size: x-small;
	color: #333;
}

div#sub dl.inq dt {
	margin: 0.7em 0 0;
	padding: 0.5em 0 0;
	font-weight: bold;
	color: #333;
	border-top: 1px solid #ccc;
}

div#sub dl.inq dd {
	margin: 0.2em 0 0;
	padding: 0;
	color: #666;
}

div#sub dl.inq dd.telnumber {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	color: #638c0b;
}

/* サブカラムその他ボックス */
div#sub .box {
	margin-top: 20px;
	padding: 9px;
	border: 1px solid #ccc;
}

/* ------ バナー ------ */

div#banner-area {
margin-top: 10px;
}

div#banner-area ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}


/* ------------------------
*
* アイコン表示　div#main
*
* ------------------------- */

img.popwin {
margin-left: 5px;
vertical-align: middle;
}

img.icn_lft {
margin: -0.1em 0.3em 0 0;
vertical-align: middle;
}

img.icn_rgt {
margin: -0.1em 0 0 0.3em;
vertical-align: middle;
}



/* ------------------------
*
* フッタ　div#footer
*
* ------------------------- */
div#footer {
	clear: both;
	width: 100%;
	margin: 0;
	background: #f0f0f0 url("../img/footer-bg.gif") left top repeat-x;
	color: #646464;
	text-align: center;
}

div#footer a {
	color: #646464;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

div#footer ul {
	width: 920px;
	margin: 0 auto;
	_margin: 0;
	padding: 1.25em 0;
	font-size: 85%;
	list-style: none outside;
}

div#footer li {
	float: left;
	width: 201px;
	margin: 0;
	padding: 0;
	text-align: left;
}

div#footer li.copy {
	width: 719px;
	text-align: right;
}

address { /* CopyrightcWebproduce Corporation All Rights Reserved */
	text-align: right;
	font-style: normal;
}

/* ----- clearの設定一覧 -----*/
div#content:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	 overflow: hidden;
}

/* for modern brouser */
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearfix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
/* End hide from IE-mac */