@charset "utf-8";

/* ---------------------------------------------------------
見出し
--------------------------------------------------------- */
h1 {
	font-weight: bold;
	font-size:  131%;
	line-height: 1.6;
	padding-top: 10px;
	background: url(../img/h1_bg_01.gif) repeat-x left top;
}
h1 span {
	display: block;
	padding: 4px 18px 14px;
	background: url(../img/h1_bg_02.gif) repeat-x left bottom;
}
h1 span span ,
#contentWrapNoneSide h1 span span {
	display: inline;
	padding: 0px;
	background: none;
/zoom: 1;
}

#contentWrapNoneSide h1      { background-position: right top; }
#contentWrapNoneSide h1 span { background-position: right bottom; }

h2 {
	margin: 2.0em 0px 0px;
	padding: 7px 15px;
	font-weight: bold;
	font-size: 108%;
	line-height: 1.6;
	background: #ffffff url(../img/h2_bg.gif) repeat-x left top;
	border: 1px solid #b8b8b8;
}
h2 a {
/display: inline;
/zoom: 1;
}

h3 {
	margin: 1em 0px 0px;
	padding: 3px 10px 3px 15px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
	background: url(../img/h3_bg.gif) repeat-y left top;
}

h4 {
	margin: 1em 9px 0px;
	padding: 5px 6px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
	background: #ececec;
}


/* Paragraph
------------------------------------ */
p { margin: 1.0em 15px 0px; }

/* ---------------------------------------------------------
リンク
--------------------------------------------------------- */
/* 通常の●リスト
----------------------------------------- */
ul { margin: 1em 0px 0px 40px; }

ul li {
	margin: 0px;
	padding: 0px;
/*	list-style-type: disc;*/
}

/* 番号付きリスト
----------------------------------------- */
ol { margin: 1em 0px 0px 40px; }

ol li {
	margin: 0px;
	padding: 0px;
/*	list-style-type: decimal;*/
}

/* 画像リスト
----------------------------------------- */
.listType_01 {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icons/ico_mark.gif) no-repeat 0px 3px;
	min-height: 18px;
}
	* html .listType_01 { height: 18px; }

/* 通常リンク
------------------------------------ */
.linkTypeNormal {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icons/ico_link.gif) no-repeat 3px 5px;
	min-height: 18px;
}
	* html .linkTypeNormal { height: 17px; }

/* PDF
------------------------------------ */
.linkTypePdf {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icons/ico_pdf.gif) no-repeat 0px 2px;
	min-height: 18px;
}
	* html .linkTypePdf { height: 16px; background-position: 0px 0px; }

/* Word
------------------------------------ */
.linkTypeDoc {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icons/ico_doc.gif) no-repeat 0px 2px;
	min-height: 18px;
}
	* html .linkTypeDoc { height: 16px; background-position: 0px 0px; }

/* Excel
------------------------------------ */
.linkTypeXls {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icons/ico_xls.gif) no-repeat 0px 2px;
	min-height: 18px;
}
	* html .linkTypeXls { height: 16px; background-position: 0px 0px; }

/* PowerPoint
------------------------------------ */
.linkTypePpt {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icons/ico_ppt.gif) no-repeat 0px 2px;
	min-height: 18px;
}
	* html .linkTypePpt { height: 16px; background-position: 0px 0px; }

/* 別ウィンドウ
------------------------------------ */
.linkTypeWindow {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icons/ico_window.gif) no-repeat 3px 6px;
	min-height: 19px;
}
	* html .linkTypeWindow { height: 19px; }

table .linkTypeWindow { background-position: 0px 2px; }

/* ---------------------------------------------------------
囲みブロック
--------------------------------------------------------- */
.colorBlock {
	border: solid 2px #2275b8;
	border-collapse: collapse;
	width: 670px;
}

#contentWrapNoneSide .colorBlock { width: 820px; }

.colorBlock th ,
.colorBlock td {
	padding: 10px;
	border: none;
}

.colorBlock p { margin: 1em 15px 0px; }

.colorBlock p.firstChild ,
.colorBlock h2.firstChild ,
.colorBlock h3.firstChild ,
.colorBlock h4.firstChild ,
.colorBlock p:first-child ,
.colorBlock h2:first-child ,
.colorBlock h3:first-child ,
.colorBlock h4:first-child {
	margin-top: 0px;
}

.colorBlock ul { margin-left: 30px; }
.colorBlock ul li { list-style: square; }

.colorBlock ol { margin-left: 30px; }


/* ---------------------------------------------------------
テーブル
--------------------------------------------------------- */
/* レイアウトテーブル
------------------------------------ */
.tblLayout {
	border: none;
	border-collapse: collapse;
}

.tblLayout th ,
.tblLayout td {
	padding: 0px;
	border: none;
}

/* 通常
------------------------------------ */
table {
	margin: 1.0em 0px 0px;
	border-collapse: collapse;
}
p+table { margin: 1.0em 15px 0px; }

.tblLayout table {
	margin: 1.0em 0px 0px;
	border-collapse: collapse;
}

table thead th ,
.tblLayout table thead th {
	padding: 6px 10px;
	line-height: 1.4;
	font-weight: bold;
	background: #c3e5ff;
}

table th ,
.tblLayout table th {
	padding: 6px 12px;
	font-weight: bold;
	line-height: 1.4;
	border: solid 1px #b8b8b8;
	background: #ececec;
}

table td ,
.tblLayout table td {
	padding: 6px 12px;
	border: solid 1px #b8b8b8;
	line-height: 1.4;
}

table p {
	margin: 0.5em 0px 0px;
}

table p.firstChild ,
table p:first-child {
	margin-top: 0px;
}

table .nowrap {
	white-space: nowrap;
}

table ul ,
table ol {
	margin: 0px 0px 0px 24px;
}

table dl {
	margin: 0px;
}


/* ---------------------------------------------------------
画像カラムレイアウト
2カラム：imgColumns_01
3カラム：imgColumns_02
4カラム：imgColumns_03
5カラム：imgColumns_04
------------------------------------ */
.imgColumns_01 ,
.imgColumns_02 ,
.imgColumns_03 ,
.imgColumns_04 {
	margin-top: 0.7em;
	border: none;
}

.imgColumns_01 td ,
.imgColumns_02 td ,
.imgColumns_03 td ,
.imgColumns_04 td {
	padding: 0px;
	border: none;
}

.imgColumns_01 p ,
.imgColumns_02 p ,
.imgColumns_03 p ,
.imgColumns_04 p { margin-top: 0.5em; }

.imgColumns_01 ,
.imgColumns_02 ,
.imgColumns_03 ,
.imgColumns_04 {
	border-collapse: collapse;
	width: 670px;
}

.imgColumns_01 td ,
.imgColumns_02 td ,
.imgColumns_03 td ,
.imgColumns_04 td { vertical-align: top; }

.imgColumns_01 img ,
.imgColumns_02 img ,
.imgColumns_03 img ,
.imgColumns_04 img 
{
	padding: 1px;
	border: 1px solid #b8b8b8;
	background: #ffffff;
}

/* 2カラム */
.imgColumns_01 .item_01 { padding-right: 14px; }
.imgColumns_01 .item_02 { padding-left:  14px; }

.imgColumns_01 img                      { width: 320px; height: 240px; }
#contentWrapNoneSide .imgColumns_01 img { width: 400px; height: 300px; }

/* 3カラム */
.imgColumns_02 .item_01 { padding-right: 14px; width: 200px; }
.imgColumns_02 .item_02 { padding: 0px 14px; width: 200px; }
.imgColumns_02 .item_03 { padding-left: 14px; width: 200px; }

#contentWrapNoneSide .imgColumns_02 .item_01 { padding-right: 8px; width: 260px; }
#contentWrapNoneSide .imgColumns_02 .item_02 { padding: 0px 10px; width: 260px; }
#contentWrapNoneSide .imgColumns_02 .item_03 { padding-left: 8px; width:260px; }

.imgColumns_02 img                      { width: 200px; height: 150px; }
#contentWrapNoneSide .imgColumns_02 img { width: 260px; height: 195px; }

/* 4カラム */
.imgColumns_03 .item_01 { padding: 0px 7px 0px 1px; width: 150px; }
.imgColumns_03 .item_02 ,
.imgColumns_03 .item_03 { padding: 0px 7px; width: 150px; }
.imgColumns_03 .item_04 { padding: 0px 1px 0px 7px; width: 150px; }

#contentWrapNoneSide .imgColumns_03 .item_01 ,
#contentWrapNoneSide .imgColumns_03 .item_02 ,
#contentWrapNoneSide .imgColumns_03 .item_03 ,
#contentWrapNoneSide .imgColumns_03 .item_04 { width: 190px; }

.imgColumns_03 img                      { width: 150px; height: 113px; }
#contentWrapNoneSide .imgColumns_03 img { width: 190px; height: 143px; }

/* 5カラム */
.imgColumns_04 .item_01 { padding-right: 4px; width: 128px; }
.imgColumns_04 .item_02 ,
.imgColumns_04 .item_03 ,
.imgColumns_04 .item_04 { padding: 0px 4px; width: 128px; }
.imgColumns_04 .item_05 { padding-left: 4px; width: 128px; }

#contentWrapNoneSide .imgColumns_04 .item_01 { padding: 0px 5px 0px 1px; width: 150px; }
#contentWrapNoneSide .imgColumns_04 .item_02 ,
#contentWrapNoneSide .imgColumns_04 .item_03 ,
#contentWrapNoneSide .imgColumns_04 .item_04 { padding: 0px 5px; width: 150px; }
#contentWrapNoneSide .imgColumns_04 .item_05 { padding: 0px 1px 0px 5px; width: 150px; }

.imgColumns_04 img                      { width: 120px; height: 90px; }
#contentWrapNoneSide .imgColumns_04 img { width: 150px; height: 113px; }

/* ---------------------------------------------------------
画像回り込み
--------------------------------------------------------- */
.columnsBlock {
	margin: 0px;
	border: none;
	border-collapse: collapse;
	width: 670px;
}

#contentWrapNoneSide .columnsBlock { width: 820px; }

.columnsBlock th ,
.columnsBlock td {
	padding: 0px;
	border: none;
}

.columnsBlock p { margin: 1.0em 15px 0px; }

.columnsBlock .tblLayout {/margin-top: 0px; }

.columnsBlock .tblLayout p { margin-top: 0.5em; }

.columnsBlock .tblLayout p:first-child { margin-top: 0px; }
	*:first-child+html .columnsBlock .tblLayout p:first-child { margin-top: 1.0em; }

.columnsBlock .tblLayout img {
	padding: 1px;
	border: 1px solid #b8b8b8;
	background: #ffffff;
}

/* 見出しなどが余白にはみ出さないように設定 */
.columnsBlock h2 ,
.columnsBlock h3 { overflow: hidden; margin-top: 0px; }
	* html .columnsBlock h2 ,
	* html .columnsBlock h3 { zoom: 1; }

.alignR { margin-right: 0px; }
.alignL { margin-left: 0px; }

.alignR p { /margin-right: 0px; }
.alignL p { /margin-left: 0px; }

img.imgLine_01 { padding: 0px; border: none; }
img.imgLine_02 { padding: 1px; border: 1px solid #b8b8b8; background: #ffffff; }

/* ---------------------------------------------------------
区切り線
--------------------------------------------------------- */
hr.breakLine_01 {
    border: 0px none; 
    height: 1px; 
    color: #2275b8;
    background-color: #2275b8;
}

hr.breakLine_02 {
    border: 0px none;
    height: 1px; 
    color: #2275b8;
    background-color: #2275b8;
	background: url(../img/border_02.gif) repeat-x;
/border: 1px dotted #2275b8;
}


/* ---------------------------------------------------------
新着情報
--------------------------------------------------------- */
.topicsBlockWrap {}

.topicsBlock {}

.topicsBlock table {
	border-collapse: collapse;
	width: 98%;
	border: none;
}

.topicsBlock table col.dateType {
	width: 6.0em;
/width: 8.2em;
}

.topicsBlock table col.icoType { width: 79px; }

.topicsBlock th {
	padding: 5px 0px 5px 16px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	line-height: 1.5;
	border: none;
	font-weight: normal;
	background: url(../img/border_03.gif) repeat-x left top;
}

.topicsBlock th span {}

.topicsBlock td {
	padding: 5px;
	vertical-align: top;
	line-height: 1.5;
	border: none;
	background: url(../img/border_03.gif) repeat-x left top;
}

.topicsBlock tr:first-child th ,
.topicsBlock tr:first-child td {
	background: none;
}
* html .topicsBlock tr.firstChild th ,
* html .topicsBlock tr.firstChild td {
	background: none;
}

.topicsBlock em {
	display: inline-block;
	margin: 3px 0px 0px 3px;
	vertical-align: top;
	width: 35px;
	height: 15px;
	text-indent: -9999px;
	background: url(../img/icons/ico_new.gif);
	font-size: 0;
}

/* コンテンツ内のトピックス
------------------------------------ */
#conetntsTopics .topicsBlockWrap {
	margin: 1.0em 4px 0px;
	padding-bottom: 23px;
	width: 684px;
}

#conetntsTopics .topicsBlockWrap h2 {
	margin: 0px;
	padding: 0px;
	font-size: 0;
	background: none;
	border: none;
}

#conetntsTopics .topicsBlockWrap .topicsBlock {
	margin: 0px 10px;
	padding: 8px 18px 8px;
}

#conetntsTopics .topicsBlockWrap table {
	width: 99%;
}

/* ---------------------------------------------------------
サイトマップ
--------------------------------------------------------- */
.sitemap ul { margin: 1.0em 0px 2em 15px; }
.sitemap ul ul { margin: 0px; }

.sitemap li {
	padding-left: 20px;
	background: url(../img/icons/ico_link.gif) no-repeat 3px 6px;
	min-height: 17px;
	list-style: none;
}
	* html .linkTypeNormal { height: 17px; }



/* ---------------------------------------------------------
お問い合わせ
--------------------------------------------------------- */
.pageContactBlockWrap {
	margin: 46px auto 0px;
	width: 684px;
}

/* ---------------------------------------------------------
googleMap
--------------------------------------------------------- */
#map {
	margin: 1.0em 4px 0px;
	width: 673px;
	height: 600px;
}

/* ---------------------------------------------------------
ClearFix
--------------------------------------------------------- */
.columnsBlock:after { content : ''; display : block; clear : both; }
.columnsBlock { /zoom : 1; }
