@charset "utf-8";
/* CSS Document */

/*-------------------------------------
*
* for RESET
*-------------------------------------- */
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}

fieldset, img {
	border: none;
}


/*-------------------------------------
*
* リンク設定
*-------------------------------------- */
a:link {
	color: #7166cd;/* #7186cd */
	text-decoration: under-line;
}

a:visited {
	color: #7166cd;/* #7186cd */
	text-decoration: under-line;
}

a:hover {
	color: #0068b7;
	text-decoration: none;
}

/*-------------------------------------
*
* 見出し設定
*-------------------------------------- */
h1 {
	margin: 16px 0 0;
	padding: 0;
	text-align: center;
	font: normal bold 140% /1.4 Arial, sans-serif;
}

div#mainArt h1,/* 記事内h1 */
h1.lTtl,
div.listIndex h2 {
	width: 608px;
	margin: 0 0 24px;
	padding: 14px 0 0;
	text-align: left;
	font: normal bold 160% /1.2 Arial, sans-serif;
	background: url("../images/ttl_bg.gif") no-repeat;
}

div#mainArt h1 span,
h1.lTtl span,
div.listIndex h2 span {
	display: block;
	padding: 0 16px 14px;
	background: url("../images/ttl_bg2.gif") no-repeat left bottom;
}

div#mainArt h1 .subttl{
	font:bold 80% /1.0 Arial, sans-serif;
	background:none;
	padding: 8px 0;
}

div#siteMap h1 {
	margin-bottom: 24px;
}

div#error h1 { /* エラーページ用 */
	width: 880px;
	margin: 24px 0;
	padding: 0;
	font: normal bold 160% /1.2 Arial, sans-serif;
	text-align: left;
}

div#mainArt h2 { /* 記事内h2 */
	margin: 0 0 1.5em;
	padding: 0;
	font-weight: bold;
	font-size: 135%;
	background-image: none;
}

div#wide h2,/* 1カラム用 */
div#mainArt h2.listTtl,
div.listIndex h2.listTtl{
	margin: 24px 0;
	padding: 0 0 0 18px;
	font-size: 135%;
	font-weight: bold;
	background: url("../images/sttl_bg.gif") no-repeat center left;
}

div#mainArt h2.ttl {
	margin: 32px 0 24px;
	padding: 0 0 0 18px;
	font-size: 135%;
	font-weight: bold;
	background: url("../images/sttl_bg.gif") no-repeat center left;
}

div#siteMap h2 {
	clear: left;
	margin: 0;
	padding: 0 0 8px 24px;
	border-bottom: 1px solid #e5e5e5;
	font: normal bold 130% /1.2 Arial, sans-serif;
	background: url("../images/sitemap_h2_bg.gif") no-repeat 0 0.12em;
}

h3 {
}

div.contact h3,
div#mainArt h3.ttl {
	margin: 0 0 8px;
	padding: 0 0 0 12px;
	background: url("../images/address_h3_bg.gif") no-repeat left 0.35em;
}

div#mainArt h3 {
	margin: 12px 0 5px;
	font: normal bold 110% /1.4 Arial, sans-serif;
}

div.note h3,
div.newsReleases h3 {
	margin: 0 0 0.5em;
	font-weight: bold;
	color: #000;
}

h4 {
	margin: ;
	padding: ;
	font: ;
	background: # ("") ;
}

div#mainArt h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h5 {
	margin: ;
	padding: ;
	font: ;
	background: # ("") ;
}

/*-------------------------------------
*
* 基本フォント設定
*-------------------------------------- */
p {
	margin: 0 0 1em;
}

blockquote {
	margin: ;
	padding: ;
	font: ;
	background: # ("");
}

ins { /* 追記 */
	margin: ;
	padding: ;
	font: ;
	background: # ("");
}

address {
	margin: ;
	padding: ;
	font: normal normal 90% /1.5 sans-serif;
}

em {
	color: #;
	font-style: italic;
}

strong {
	color: #;
	font-weight: bold;
}

abbr {	/* 略語 */
	border-bottom: 1px dotted #cccccc;
	cursor: help;
}


/*-------------------------------------
*
* リスト設定
*-------------------------------------- */
/*--- 通常リスト設定 ---*/
ul,
ol {
	margin: 0 0 1em 1.25em;
	padding: 0;
}

ul {
	list-style: disc outside;
}

ol {
	list-style: decimal outside;
}

/*--- リストのネスト設定 ---*/
ul ul,
ul ol,
ol ul,
ol ol {
	margin: 0 0 0.5em 1em;
}

ul ul {
	list-style-type: circle;
}

ul li { /* マーカーに画像を使う場合 */
}

li {
	margin: 0;
	padding: 0 0 0.25em;
}

div#wide li { /* 1カラム用 */
	padding-bottom: 0.5em;
}




/*--- 定義リスト設定 --- */
dl {
	margin-bottom: 1em;
}

dt {
	margin-bottom: 0.5em;
	font-weight: bold;
}

dd {
	margin: 0 0 1em 0.5em;
	padding: 0;
}


/*-------------------------------------
*
* カラム設定と記事設定
*-------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font: normal normal 75% /1.4 メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font: normal normal 80% /1.4 Arial, sans-serif;*/
	text-align: center;
	color: #333333;
	background: #eff5f8 url("../images/body_bg.gif") repeat-y center top;
}


#wrapper {
	text-align: left;
	background: url("../images/wrapper_bg.jpg") no-repeat center top;
}

#gHeader {
	width: 944px;
	margin: 0 auto;
	padding: 0 2px;
	position: relative;
	
}

div#main {
	width: 948px;
	margin: 0 auto;
}

div#wide,
div#siteMap,
div#error { /* 1カラム用 */
	margin: 0 32px;
}

div#siteMap {
	padding-bottom: 64px;
}

div#error {
	height: 400px;
}

#content {
	float: left;
	width: 608px;
	margin-top: 32px;
	padding: 0 32px;
}

#sub {
	float:left;
	width: 240px;
	margin-top: 32px;
}

div#contentsList { /* フッタのリンクリスト */
	clear: left; /* パンくずのfloat */
	width: 926px;
	margin: 0 auto;
	padding: 24px 0 16px 24px;
	background: #f2f7f9 url("../images/contents_list_bg.gif") no-repeat center bottom;
}

#gFooter {
	clear: both;
	width: 100%;
	background: #6571c0;
	/* background: #6585c0 url("../images/gfooter_bg.gif") repeat-x left top;*/
}

.classify  {
	/*position: relative;*/
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #dddddd;
}

.classify p {
	margin-bottom: 0.5em;
}

p.logo {
	float: left;
	width: 144px;
	/*position: absolute;
	top: 0;
	left: 0;*/
}

.classify dl {
	margin: 0;
	padding: 0 0 16px;
	background: url("../images/line_dot.gif") repeat-x left bottom;
}

.classify dt {
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 130%;
}

.classify dd {
	margin: 0;
	padding: 0;
}

.classify h3 {
	margin: 16px 0 0;
	padding: 0;
	font-weight: bold;
}

.classify div {
	float: left;
	width: 464px;
	/*margin-left: 144px;*/
}

.section {
	border-top: 1px solid #dddddd;
}

div.section div {
	padding-top: 16px;
	background: url("../images/line_dot.gif") repeat-x left top;
}

div.last {
	padding-bottom: 16px;
	border-bottom: 1px solid #dddddd;
}


/*-------------------------------------
*
* イメージ用ユニット設定
*-------------------------------------- */
.imgUnit {
	margin: 0;
	padding: 0;
}

.imgUnit p {
	float: left;
	width: 400px;
}

.imgUnit img {
	float: left;
	width: 192px;
	margin-left: 16px;
}



/*--- ローカルナビ --- */
#locNav {
	margin: 0 0 32px;
	padding: 0;
	list-style: none outside;
}

#locNav li {
	margin: 0;
	padding: 0;
}
	
#locNav li a {
	display: block;
	width: 240px;
	padding: 0.8em 0;
	/*min_height: 40px;
	line-height: 40px;*/
	text-decoration: none;
	color: #000000;
	background: url("../images/locnav_off.gif") no-repeat left bottom;
}

#locNav li span {
	display: block;
	padding: 0 1em 0 1.8em;
	background: url("../images/icon_arrow_01.gif") no-repeat 1em 0.35em;
}

#locNav li.level2 span {
	margin-left: 1em;
}

#locNav li.level3 span {
	margin-left: 2em;
}

#locNav li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #d55b5b url("../images/locnav_on.gif") no-repeat left bottom;
}

#locNav li a:hover span,
#locNav li.act span,
#locNav li.lastAct span {
	background: url("../images/icon_arrow_02.gif") no-repeat 1em 0.35em;
}

#locNav li.last a { /* 一番下 */
	background:#ffffff url("../images/locnav_last_off.gif") no-repeat left bottom;
}

#locNav li.last a:hover { /* 一番下 */
	background: #d55b5b url("../images/locnav_last_on.gif") no-repeat left bottom;
}

/*--- 現在地 --- */
#locNav li.act a {
	width: 240px;
	/*min_height: 40px;
	line-height: 40px;*/
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: #d55b5b url("../images/locnav_b.gif") no-repeat left bottom;
}

#locNav li.lastAct a {
	width: 240px;
	/*min_height: 40px;
	line-height: 40px;*/
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: #d55b5b url("../images/locnav_last_b.gif") no-repeat left bottom;
}

#locNav li.act span,
#locNav li.lastact span {
	padding-left: 1.8em;
	background: url("../images/icon_arrow_05.gif") no-repeat 1em 0.35em;
}

/*--- 親リンク ---*/
#locNav li.location a {
	font-weight: bold;
	/*color: #aa1c0e;*/
}

#locNav li.location a:hover {
	color: #ffffff;
}

/*--- ソートメニュー --- */
ul#sortMenu {
	margin: -13px 0 16px;
	*margin-top: 0;
	padding: 14px 0 0 0;
	*padding-top: 5px;
	list-style: none outside;
	background: url("../images/sub_sortmenu_bg.gif") repeat-y;
}

ul#sortMenu h3 {
	margin: 12px 0 10px;
	padding: 0;
}

ul#sortMenu li {
	margin: 0;
	padding: 0 6px;
	border-bottom: 1px solid #e5e5e5;
}

ul#sortMenu ul {
	margin: 0 6px 14px;
	padding: 0;
	list-style: none outside;
}

ul#sortMenu ul li {
	margin: 0 0 0.25em;
	padding: 0 0 0 10px;
	border: none;
	background: url("../images/icon_arrow_01.gif") no-repeat 0 0.5em; 
}

ul#sortMenu li.last  {
	margin: 0;
	padding-bottom: 8px;
	border: none;
	background: url("../images/sub_sortmenu_last.gif") no-repeat left bottom;
}

ul#sortMenu li.last li {
	margin: 0 6px;
}

ul#sortMenu li.last h3 {
	margin-left: 6px;
}

ul#sortMenu a:link,
ul#sortMenu a:visited {
	color: #000;
	text-decoration: none;
}

ul#sortMenu li em { /* 現在地 */
	font-style: normal;
	font-weight: bold;
	color: #c32212;
}

ul#sortMenu a:hover {
	text-decoration: underline;
	color: #c32212;
}

/*-------------------------------------
*
* 装飾フォント設定
*-------------------------------------- */
.attention { /* ご注意系 */
}

div#mainArt h2.annotation { /* 注釈系見出し */
	margin: 32px 0 0.2em;
	font-size: 85%;
}

.annotation { /* 注釈系 */
	font-size: 85%;
	line-height: 1.4;	
	color: #777777;
	
}

.number { /* 数字は右寄せ */
	text-align: right;
}

#pageTop { /* ページトップへ戻る */
	clear: both;
	width: 934px;
	margin: 0 auto;
	padding: 85px 16px 0 0;
	text-align: right;
	background: #eff5f8 url("../images/pagetop_bg.gif") no-repeat center bottom;
}

p#copy { /* copyright */
	float: left;
	padding: 0;
	color: #ffffff;
}

p.core { /* Core　Sister Companies */
	margin: 16px 0 -8px;
	padding-left: 14px;
	font-weight: bold; 
	background: url("../images/icon_square01.gif") no-repeat left center;
}

#wrapper p.client {
	text-align: right;
}

.bold {
	font-weight: bold;
}

/*-------------------------------------
*
* gHeader内設定
*-------------------------------------- */
p#corpLogo { /* DATAグループロゴ */
	margin-bottom: 1em;
	padding: 41px 16px 11px;
	/*padding: 35px 16px 9px;*/
}

ul#siteName { /* Globalロゴ */
	position: absolute;
	top: 30px;
	right: 14px;
	list-style-type: none;
	/*top: 35px;
	right: 16px;*/
}

ul#siteName li {
	display: inline;
	margin: 0 0 0 8px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

ul#siteName li img {
	vertical-align: middle;
}

/*----- ヘッダ区切りの設定 ----- */
#hLine {
	clear: left;
	height: 23px;
	margin: 0 ;
	padding: 0 16px;
	word-wrap: break-word;
	list-style: none;
	background: url("../images/h_line.gif") no-repeat;
}

/*----- メイン記事内設定 ----- */

/*--- PDFリンク ---*/
span.pdf {
	padding-left: 0.5em;
}

span.pdf a {
	text-decoration: none;
	color: #000;
}

span.pdf img { /* PDFアイコン */
	vertical-align: text-bottom;
	padding-right: 0.25em;
}

/*-------------------------------------
*
* div#sub内設定
*-------------------------------------- */
#sub h2 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: none;
}

/*-------------------------------------
*
* gFooter内設定
*-------------------------------------- */
#gFooter {
}

#gFooter div {
	width: 944px;
	margin: 0 auto;
	padding: 0;
	font-size: 90%;
	background: #6571c0;
	/* background: #6585c0 url("../images/gfooter_bg.gif") repeat-x left top;*/
	* height: 1%;
}
#gFooter div:after {
   display: block;
   content: "";
   clear: both;
}

#gFooter p {
	margin: 0;
	padding: 9px 0 0;
	line-height: 1em;
}

#gFooter ul {
	float: right;
	margin: 0;
	padding: 7px 48px 4px 0;
	list-style: none;
	background: url("../images/gfooter_nav_bg.gif") right top no-repeat;
}

#gFooter li {
	float: right;
	margin-left: 8px;
	padding-left: 8px;
	background: url("../images/gfooter_li_bg.gif") left center no-repeat;
}

#gFooter li.last {
	background-image: none;
	padding-right: 0;
}

#gFooter li. img {
	margin-left: 4px;
}

#gFooter li a {
	color: #ffffff;
}

#gFooter li a:hover {
	/* color: #b2c2e0; */
	color: #ffc;
}

#wrapper2 { /* ページトップへ戻るがない場合 */
	clear: both;
	margin: 0 auto;
	padding-top: 85px;
	background: #eff5f8 url("../images/pagetop_bg.gif") no-repeat center top;
}


/*-------------------------------------
*
* 検索結果内設定
*-------------------------------------- */
/* --- レイアウト調整 --- */
#wrap_search #wrapper {
	min-height: 775px;
	_height: 775px;
	text-align: center;
}

#wrap_search td td {
	width: auto;
	text-align: left;
}

#wrap_search table table {
	width: 880px;
}

#wrap_search td {
	padding-left: 0;
	padding-right: 0;
}

#wrap_search #gHeader {
	text-align: left;
}

/* --- Search Result for --- */
#wrap_search #resultInf td {
	text-align: left;
}

/* --- Pager --- */
#wrap_search #resultPages {
	width: 880px;
	margin-top: 2em;
	text-align: center;
}

/* --- font --- */
#search,
td #gFooter {
	font: normal normal 75% /1.4 Arial, Helvetica, sans-serif;
	text-align: center;
}

#search table {
	font-size: 100%;
}



/*-------------------------------------
*
* clear設定
*-------------------------------------- */
.imgUnit:after,
.classify:after,
div#main:after,
div#contentsList:after,
div#siteMap div:after,
#topicPath ul:after,
#gFooter:after {
   display: block;
   content: "";
   clear: both;
}

/*-------------------------------------
*
* clearfixr設定
*-------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}


/*---- for IE6/7 ----*/
.imgUnit,
.classify,
div#main,
div#contentsList,
div#siteMap,
#topicPath,
#gFooter:after {
   *height: 1%;
}
