/* =========================================================
■基本的な文字色やフォントサイズ
========================================================= */
	body, h1, h2, h3, h4, th, td, caption, .h1 {
		color: #444;
		font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: x-small; /* macIE */
	}
	@media screen{
		body, h1, h2, h3, h4, th, td, caption, .h1  {
			font-size: x-small; /* WinIE */
		} 
		html>body,
		html>body h1, html>body h2, html>body h3, html>body h4,
		html>body th, html>body td, html>body caption, html>body .h1  {
			font-size: small; /* NS, FF, safari */
		}
	}
	div#serviceTitle h1 {
		margin: 0px; padding: 0px;
	}
/* =========================================================
■【汎用要素】画像要素
========================================================= */
/* -------------------------------------
▽画像全般（すべてボーダー無し）
　⇒ img
------------------------------------- */
	img { border: none; }
/* =========================================================
■【汎用要素】テキストブロック要素
========================================================= */
/* -------------------------------------
▽段落全般
　⇒ p
------------------------------------- */
	p {
		margin: 0px 0px 0.75em;
		/* margin: 0.25em 0px 0.5em; */
		line-height: 1.4em;
	}
	li p {
		margin: 0px 0px 0.5em;
	}
	table.data p,
	div.input p,
	td.input p {
		margin-bottom: 0.5em;
	}
/* =========================================================
■【汎用要素】見出し要素
========================================================= */
/* -------------------------------------
▽表題 の上
　⇒ h1
------------------------------------- */
div.h1{
		margin: 1em 0px 0.75em;
		padding: 6px;
		background: #fee7e7;
}


/* -------------------------------------
▽表題（L字の飾り付き）
　⇒ h2
------------------------------------- */
	h2 {
		margin: 0px 0px 0.75em;
		padding: 4px 8px;
		border-bottom: solid 1px #b41c1b;
		border-left:   solid 4px #b41c1b;
	}
/* -------------------------------------
▽中見出し（“■”マーク付き）
　⇒ h3, h3 span

----- -------------------------------- */
	h3 {
		padding: 0px 0px 0.5em;
		font-weight: bold;
                margin:0;
	}
	h3 span {
		margin-right: 0.2em;
		color: #b41c1b;
	}
/* =========================================================
■【汎用要素】ブロック要素
========================================================= */
/* -------------------------------------
▽セクション
　余白により、画面構成要素のグループ分けを強調する。
　（div, table, ol, ul などに適用）
　⇒ .section
------------------------------------- */
	.section {
		margin-bottom: 1.5em;
	}
	table.section {
		margin-bottom: 1.5em !important;
	}
	dl.section {
		padding-bottom: 0.4em;
	}

	/* リスト場合の余白 */
	li.section,
        p.section  {
		margin-bottom: 0.7em;
	}
        h3.section{
		margin-top: 1.5em !important;
		margin-bottom: 0em !important;        
        }
/* =========================================================
■全体的なレイアウト
　bodyと、【ヘッダー】【メニュー】【コンテンツ】のレイアウト。
　⇒ body, #header, #menu, #contents
========================================================= */
	body {
		margin: 0px; padding: 0px;		
		background: #fff;
	}
	div#header-contents {
		height: 43px;
		background: #fff url("../image/header_bg.gif") repeat-x;
	}
        
	div#header div#header-logo {
		padding: 13px 0px 0px 16px;
	}
	div#header ol#header-navi {
		position: absolute;
		top: 16px; right: 0px;
		margin: 0px;
		padding: 0px 2px 0px 0px;
		list-style: none;
	}
	div#header ol#header-navi li {
		margin: 0px;
		padding: 0px 0px 0px 2px;
                float:left;
	}
        
        
        
        
/* -------------------------------------
▽テキストリンク全般
　⇒ a （:link, :visited, :hover, :active）
------------------------------------- */
	a:link  { color:#B31919;}
	a:visited { color:#B31919; }
	a:link:hover { color:#B31919; text-decoration: none; }
	a:active  { color:#B31919; }
/* -------------------------------------
▽アイコン付きテキストリンク

　⇒ a.relational ： 関連画面へのリンク（同画面遷移）
　⇒ a.toPagetop  ： このページの先頭へ
------------------------------------- */

	/* 共通設定 */
        a.newWindow,
        a.newHelp,
	a.relational,
	a.backPage,
	a.scrollDown,
	a.toPagetop {
		margin-right: 1em;
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: left 0.1em;
	}
	/* 右寄せの場合のマージン調整 */
	div.sideinfo a.scrollDown,
	div.sideinfo a.toPagetop,
	div.sideinfo a.backPage {
		margin-right: 0px;
		margin-left: 1em;
	}
	/* 各クラスの画像 */
	a.backPage { background-image: url("../image/icon_backpage.gif");}
	a.toPagetop  { background-image: url("../image/icon_pagetop.gif"); } 
	a.relational { background-image: url("../image/icon_arrow.gif"); }

	a.newWindow  { background-image: url("../image/icon_newwin.gif"); }
	a.newHelp  { background-image: url("../image/icon_newwinhelp.gif"); }


/* -------------------------------------
▽アイコン付きテキストリンク

　⇒ a.newHelp ： 別HELP画面へのリンク（別HELP画面POPUP）
------------------------------------- */
	a.newHelp {
	}
	span.newHelpBlock {		
		margin-bottom: 0.5em;
		display:block;
	}

/* -------------------------------------
▽注意内容ブロック
　⇒ div.caution

　※ 見出しの文言（！マーク付加）
　⇒ div.caution p.heading
------------------------------------- */
	div.caution {
		margin-bottom: 0.4em;
		padding: 8px 11px;
		background-color: #fcc;
	}
	/* 見出し文言 */
	div.caution p.heading {
		margin: 0px 0px 0.4em;
		padding-left: 15px;
		background-image: url("../image/icon_caution.gif");
		background-repeat: no-repeat;
		background-position: left 0.2em;
		line-height: 1.2em;
	}
/* -------------------------------------
▽注意事項の箇条書き
　⇒ ul.notice, li.notice , .notice
------------------------------------- */
	ul.notice {
		margin: 0.25em 0px 0px;
		padding: 0px;
	}
	ul.notice li,
	li.notice,
	.notice {
		list-style: none;
		margin: 0px 0px 0.25em 0px;
		padding: 0px 0px 0px 15px;
		background: transparent url("../image/icon_caution_s.gif") no-repeat;
		background-position: left 0.3em;
		line-height: 1.25em;
	}
	li.notice {
		margin-left: -15px;
	}
	ul.notice li li {
		list-style: disc;
		margin: 0px 0px 0.25em 0px;
		padding: 0px;
		background: none;
	}

/* -------------------------------------
▽補足要素
　右寄せで配置
　⇒ div.sideinfo
------------------------------------- */
	div.sideinfo {
		margin: 0.4em 0px;
		text-align: right;
	}




/* -------------------------------------
▽枠決め
　⇒ div.main #menu
------------------------------------- */
#main,
#menu,
#footer{
	margin:20px;
}

/* =========================================================
■【ヘッダエリア】
========================================================= */
	div#serviceTitle {
		width:586px;
	}
/* =========================================================
■【メニューエリア】
========================================================= */
/* -------------------------------------
▽メニューエリアの設定
　⇒ #menu .link ol
　⇒ #menu .link ol li li
------------------------------------- */
#menu .link ol{
	padding-left:20px;
	margin-left:10px;
}
#menu .link ol li{
	background-image: url("../image/icon_scrolldown_r.gif");
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:15px;
}

#menu .link ol li ul{
	
	margin-left:10px;
	padding-left:15px;
}
#menu .link ol li li{
	margin-left:0px;
	background-image: url("../image/icon_scrolldown_r2.gif");
	background-repeat:no-repeat;
	background-position:left top;
	list-style:none;
	padding-left:15px;
}





body,.link ol li li,.link ol li,.link ol{
	margin:0;
	padding:0;
}
/* =========================================================
■【メインエリア】
========================================================= */

/* -------------------------------------
▽ページ説明エリア
　⇒ .headInfo
------------------------------------- */
.headInfo{
	background-color:#eeeeee;
	padding:10px 10px 10px 10px;
        margin-bottom:10px;
}


/* -------------------------------------
▽グループ
　枠線で、内容をグループ化
　⇒ div.group
------------------------------------- */
	div.group {
		margin-bottom: 0.4em;
		padding: 8px 11px;
		border: solid 1px #ccc;
		background-color: #fff;
	}
	* html table.cols div.group {
		width: 100%;
	}
/* -------------------------------------
▽ボックス要素の幅指定

　⇒ div.halfFull : 表示領域の半分を占めるボックス要素。
------------------------------------- */
	div.halfFull {
		width: 55%;
	}
	html>body div.halfFull {
		width: 259px;
	}


/* -------------------------------------
▽リスト：字下げ用（ddの代わり）
　⇒ .dd
------------------------------------- */

p.dd,div.dd {
		margin: 0px 0px 0 15px;
                display:block;
        
	}
/* -------------------------------------
▽リスト：アイコン付のリンクがリスト内に入った場合
　⇒ .nodot
------------------------------------- */
li.nodot{
        list-style:none;
	margin: 0 0 0 -15px;
        }
        
/* -------------------------------------
▽リスト全般（汎用の箇条書き）
　⇒ ul, ol
------------------------------------- */
	ul {
		margin: 0 0 0 15px;
		padding: 0px 0px 0.25em;
	}
	ol {
		margin: 0 0 0 25px;
		padding: 0px 0px 0.25em;
	}
	li ol {
		padding-bottom: 0px;
	}
	li {
		margin: 0px;
		padding: 0px;
		line-height: 1.25em;
		padding-bottom: 10px;
	}

	li li{
		padding-bottom: 0px;
	}
/* -------------------------------------
▽定義リスト全般
　⇒ dl
------------------------------------- */
	dl {
		margin: 0px;
	}
	dl dt {
		margin-bottom: 0.4em;
	}
	dl dd {
		margin: 0px 0px 1em 15px;
		line-height: 1.4em;
	}
	dl dd li {
		line-height: 1.4em;
	}
        
        
        


        
        
/* -------------------------------------
▽セルのアラインメント指定

　⇒ .aLeft   : 【水平】左側合わせ
　⇒ .aRight  : 【水平】右側合わせ
　⇒ .aCenter : 【水平】中央合わせ
　⇒ .vTop    : 【垂直】上合わせ
　⇒ .vBottom : 【垂直】下合わせ
　⇒ .vMiddle : 【垂直】中央合わせ
------------------------------------- */
	/* 【水平】左側合わせ */
	tr.aLeft th, th.aLeft,
	tr.aLeft td, td.aLeft {
		text-align: left !important;
	}
	/* 【水平】右側合わせ */
	tr.aRight th, th.aRight,
	tr.aRight td, td.aRight {
		text-align: right !important;
	}
	/* 【水平】中央合わせ */
	tr.aCenter th, th.aCenter,
	tr.aCenter td, td.aCenter {
		text-align: center !important;
	}
	/* 【垂直】上合わせ */
	tr.vTop th, th.vTop,
	tr.vTop td, td.vTop {
		vertical-align: top !important;
	}
	/* 【垂直】下合わせ */
	tr.vBottom th, th.vBottom,
	tr.vBottom td, td.vBottom {
		vertical-align: bottom !important;
	}
	/* 【垂直】中央合わせ */
	tr.vMiddle th, th.vMiddle,
	tr.vMiddle td, td.vMiddle {
		vertical-align: middle !important;
	}
/* -------------------------------------
▽データ表現用のテーブル
　枠線付き・項目名の背景色指定ありの表組みです。
　⇒ table.data
  ------------------------------------- */
	table.data {
		border-collapse: collapse;
		border-spacing: 0px;
		margin-bottom: 0.4em;
		border-right: solid 1px #ccc; border-bottom: solid 1px  #ccc;
		empty-cells: show;
	}
	html>body table.data {
		border-collapse: separate;
	}

	table.data th, table.data td {
		border-left: solid 1px #ccc; border-top: solid 1px #ccc;
		padding: 0.4em;
		line-height: 1.25em;
	}
	table.data th {
		background-color: #ddd;
		font-weight: normal;
		text-align: left;
	}













/* =========================================================
■【フッタエリア】
========================================================= */
/* -------------------------------------
▽フッタエリア ライン
　⇒ #footer
------------------------------------- */

#footer{
	border-top:1px solid #B31919;
	padding:20px 0;
}