@charset "UTF-8";

/* ################################################################################ */
/*        　                                                                        */
/*        ●各ページ共通のスタイル                                                  */
/*       　 1.ページ全体のレイアウト等                                              */
/*        　2.ヘッダ                                                                */
/*        　3.グローバルナビゲーション                                              */
/*        　4.フッタ                                                                */
/*          5.ページトップへのアンカーリンク                                        */
/*        　                                                                        */
/* ################################################################################ */




/* ================================================================================ */
/*      1.ページ全体のレイアウト等                                                  */
/* ================================================================================ */


/* リセット用CSSをインポート */
@import "reset.css";


/* body */
body {
	border: solid 1px #CCCCCC;
	margin: 0 auto;
	width: 772px;
}

/* ================================================================================ */
/*      2.ヘッダ                                                                    */
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*      2-1.サイトタイトル                                                          */
/* -------------------------------------------------------------------------------- */
div.header h1 {
	padding-top: 7px;
	padding-left: 15px;
	float: left;
	width: 427px;
	height: 35px;
	overflow: hidden;
	color: #FDFDFD;
	background-color: transparent;
	background-image: url(../images/shared/h1_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 80%;
}

div.header ul {
	float: left;
	width: 330px;
}

div.header ul li {
	display: inline;
}

div.header p {
	clear: left;
	width: 772px;
	height: 56px;
	background-image: url(../images/shared/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

.gohome{
	clear: left;
	width: 772px;
	height: 56px;
	background-image: url(../images/shared/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}




/* ================================================================================ */
/*      3.グローバルナビゲーション                                                  */
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*      3-1.ナビゲーション ボタン                                                   */
/* -------------------------------------------------------------------------------- */
ul.globalNavigation li {
	margin-bottom: 10px;
	float: left;
	overflow: hidden;
}

ul.globalNavigation li a {
	display: block;
	height: 38px;
	background-image: url(../images/shared/navi_bg.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

ul.globalNavigation li.home {
	width: 89px;
}

ul.globalNavigation li.about {
	width: 130px;
}

ul.globalNavigation li.merit {
	width: 110px;
}

ul.globalNavigation li.civil {
	width: 114px;
}

ul.globalNavigation li.tokutei {
	width: 114px;
}

ul.globalNavigation li.kaji {
	width: 111px;
}

ul.globalNavigation li.flow a {
	width: 102px;
}

/* 背景画像の位置指定 */
ul.globalNavigation li.about a {
	background-position: -89px 0;
}

ul.globalNavigation li.merit a {
	background-position: -219px 0;
}

ul.globalNavigation li.civil a {
	background-position: -329px 0;
}

ul.globalNavigation li.tokutei a {
	background-position: -443px 0;
}

ul.globalNavigation li.kaji a {
	background-position: -557px 0;
}

ul.globalNavigation li.flow a {
	background-position: -668px 0;
}

/* 背景画像の位置指定(ロールオーバー) */
ul.globalNavigation li.home a:hover {
	background-position: 0px -38px;
}

ul.globalNavigation li.about a:hover {
	background-position: -89px -38px;
}

ul.globalNavigation li.merit a:hover {
	background-position: -219px -38px;
}

ul.globalNavigation li.civil a:hover {
	background-position: -329px -38px;
}

ul.globalNavigation li.tokutei a:hover {
	background-position: -443px -38px;
}

ul.globalNavigation li.kaji a:hover {
	background-position: -557px -38px;
}

ul.globalNavigation li.flow a:hover {
	background-position: -668px -38px;
}


/* ================================================================================ */
/*      3.イラスト                                                                  */
/* ================================================================================ */

h2.illust {
	margin-bottom: 15px;
	clear: left;
	width: 772px;
}

.center {
	text-align: center!important;
}

.right {
	text-align: right!important;
}

dd.pdf{
	padding-left: 25px;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

/* ================================================================================ */
/*      4.フッタ                                                                    */
/* ================================================================================ */

div.footer {
	clear: both;
	width: 772px;
	height: 78px;
	background-image: url(../images/shared/footer_bg.gif);
	background-repeat: repeat-x;
	margin-top: 30px;
}

div.footer ul.navigation {
	padding-top: 4px;
	padding-right: 15px;
	text-align: right;
}

div.footer ul.navigation li,
div.footer ul.copyright li {
	display: inline;
}

div.footer ul.copyright {
	margin-top: 11px;
}

div.footer ul.copyright li.address {
	margin-right: 30px;
	margin-left: 15px;
}

div.footer ul.attention li {
	margin-top: 13px;
	margin-left: 15px;
	padding-left: 30px;
	height: 15px;
	background-image: url(../images/shared/footer_pdf_icon.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-bottom: 5px;
}



/* ================================================================================ */
/*      5.トップに戻る                                                              */
/* ================================================================================ */
p.pageTopLink {
	margin-top: 20px;
	margin-bottom: 30px;
	padding-top: 12px;
	clear: both;
	width: 531px;
	background-image: url(../images/shared/page_top_anchor_bg.gif);
	background-repeat: no-repeat;
	background-position: 490px 0;
	text-align: right;
}



/* ================================================================================ */
/*      6. サブカラム                                                               */
/* ================================================================================ */

div.subColumn dl.subNaviList2 dt {
	background-image: url(../images/top/sub/heading2.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem0 a {
	background-image: url(../images/top/sub/link_item2_0.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem0-2 a {
	background-image: url(../images/top/sub/link_item2_0_2.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem0-3 a {
	background-image: url(../images/top/sub/link_item2_0_3.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem1 a {
	background-image: url(../images/top/sub/link_item2_1.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem2 a {
	background-image: url(../images/top/sub/link_item2_2.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem3 a {
	background-image: url(../images/top/sub/link_item2_3.gif);
}