/* ****************************************************************
style.css (SERNUC)
2009/04/07 - 04/08
**************************************************************** */

/* 初期化、一般要素
---------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd, li, table, th, td,
form, select, option, address, pre,
strong, em, caption, cite, code, dfn, var {
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

img {
    border: 0;
    background-color: transparent;
    vertical-align: bottom;
}

table {
    border-collapse: collapse;
	padding: 0;
}

ol, ul { list-style: none; }

strong { font-weight: bold; }
em { font-style: normal; }

p { margin: 0 }

a {
    color: #00f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:link {  }
a:visited {  }
a:active {  }

.clearfloat { clear: both; }
.floatright { float: right; }
.floatleft { float: left; }
hr.clearfloat {clear: both; visibility: hidden; margin: 0;}

.position_bottom {position: absolute; bottom: 0;}
.position_right {position: absolute; right: 0;}

.center {text-align: center;}


/* 印刷用
---------------------------------------------------------------- */
img.print {
	display: none;
}

div.print {
	display: none;
}


/* body, wrapper, container
---------------------------------------------------------------- */
body {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    line-height: 1.3em;
    text-align: center;
}

div#container {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 800px;
    background: #fff;
    overflow: hidden;
}


/* ヘッダー
---------------------------------------------------------------- */
div#header {
    height: 49px;
    padding: 21px 0 0 27px;
    background: #fff;
}

div#header img {
	float: left;
}

div#header h1 {
	float: left;
    line-height: 39px;
    margin-left: 12px;
    font-size: 17px;
    font-weight: bold;
}


/* メインビジュアル
---------------------------------------------------------------- */
div#mainVisual {
	height: 253px;
	background: #ccf;
	clear: both;
}

/* サブページのビジュアル
---------------------------------------------------------------- */
div#subVisual {
	height: 112px;
	background: #ccf;
	clear: both;
}

/* サブページ用の上部ナビ
---------------------------------------------------------------- */
ul#subNavi {
	height: 22px;
	font-size: 12px;
	padding: 0 20px 0 0;
	text-align: right;
	background: url(../image/subnavi.gif) top left repeat-x;
}

ul#subNavi li {
	display: inline;
	margin-left: 15px;
	line-height: 22px;
}

ul#subNavi li a {
	color: #000;
}


/* グローバルナビ
---------------------------------------------------------------- */
ul#globalNavi {
    width: 800px;
    height: 28px;
    font-size: 14px;
    background: url(../image/gnavi.gif) top left no-repeat #eee;
    position: relative;
}

ul#globalNavi li {
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999px;
    position: absolute;
}

ul#globalNavi li a {
    height: 25px;
    display: block;
}

ul#globalNavi li#btn05 {
	text-indent: 0;
}

ul#globalNavi li#btn01, li#btn01 a {left: 42px; width: 92px;}
ul#globalNavi li#btn02, li#btn02 a {left: 134px; width: 78px;}
ul#globalNavi li#btn03, li#btn03 a {left: 212px; width: 67px;}
ul#globalNavi li#btn04, li#btn04 a {left: 279px; width: 113px;}
ul#globalNavi li#btn05, li#btn05 a {left: 392px; width: 78px;}
ul#globalNavi li#btn06, li#btn06 a {left: 470px; width: 94px;}
ul#globalNavi li#btn07, li#btn07 a {left: 564px; width: 93px;}

ul#globalNavi li#btn01 a:hover {background: url(../image/gnavi_o.gif) -42px 0;}
ul#globalNavi li#btn02 a:hover {background: url(../image/gnavi_o.gif) -134px 0;}
ul#globalNavi li#btn03 a:hover {background: url(../image/gnavi_o.gif) -212px 0;}
ul#globalNavi li#btn04 a:hover {background: url(../image/gnavi_o.gif) -279px 0;}
ul#globalNavi li#btn05 a:hover {background: url(../image/gnavi_o.gif) -392px 0;}
ul#globalNavi li#btn06 a:hover {background: url(../image/gnavi_o.gif) -470px 0;}
ul#globalNavi li#btn07 a:hover {background: url(../image/gnavi_o.gif) -564px 0;}

/* ドロップダウンメニュー */
ul#globalNavi div#menu1 {
	background: #eee;
	border: solid 1px #ccc;
	visibility: hidden;
	position: absolute;
	z-index: 3;
}

ul#globalNavi div#menu1 a {
	display: block;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	width: 80px;
	height: 20px;
	padding: 3px 8px;
	color: #333;
}

ul#globalNavi div#menu1 a:hover {
	background: #999;
	color: #fff;
}

ul#globalNavi div#menu1 a#sub01 { background: #f5f5a7; }
ul#globalNavi div#menu1 a#sub02 { background: #aeedb1; }
ul#globalNavi div#menu1 a#sub03 { background: #edc8e9; }
ul#globalNavi div#menu1 a#sub04 { background: #e4e0e0; }
ul#globalNavi div#menu1 a#sub05 { background: #c5efef; }

ul#globalNavi div#menu1 a#sub01:hover,
ul#globalNavi div#menu1 a#sub02:hover,
ul#globalNavi div#menu1 a#sub03:hover,
ul#globalNavi div#menu1 a#sub04:hover,
ul#globalNavi div#menu1 a#sub05:hover {
	background: #999; color: #fff;
}

/* コンテンツ、サイドバーを含む領域
---------------------------------------------------------------- */
div#pageBody {
	padding: 20px 0 10px 17px;
    font-size: 85%;
}

/* 本文、コンテンツ（トップページ）
---------------------------------------------------------------- */
div#contentTop {
	padding: 0 0 80px 0;
}

/* コンテンツ（トップページ）内　ニュース
---------------------------------------------------------------- */
div#contentTop div#news {
    width: 391px;
    padding: 0 20px 0 15px;
    background: #fff;
    float: left;
}

/* コンテンツ（トップ）内　主要業務
---------------------------------------------------------------- */
div#contentTop div#operations {
	margin: 0 26px 0 0;
	padding: 0 0 6px 0;
	background: url(../image/operations_bottom.gif) bottom left no-repeat;
	float: right;
}


div#contentTop div#operations ul {
	padding: 30px 0 0 0;
	background: url(../image/operations.gif) top left no-repeat;
}

div#contentTop div#operations ul li {
	width: 293px;
	padding: 8px 18px 7px 18px;
	border-right: solid 1px #acbdcd;
	border-left: solid 1px #acbdcd;
	border-bottom: dotted 1px #ddd;
	font-size: 20px;
	font-weight: bold;
	color: #47557a;
}

div#contentTop div#operations ul li.bottom {
	border-bottom: 0;
}


/* コンテンツ（サブページ）
---------------------------------------------------------------- */
div#contentSub {
    width: 643px;
	padding: 0;
    float: right;
    overflow: hidden;
}


/* 第一階層メニュー */

div#contentSub h2.level1 {
    padding: 0 0 20px 20px;
}

div#contentSub h3.level1 {
	width: 619px;
	height: 53px;
	margin: 15px 0 0 12px;
    padding: 0px 0 15px 20px;
    line-height: 50px;
    font-size: 20px;
    color: #475578;
    background: url(../image/h3.gif) top left no-repeat;
    clear: both;
}

div#contentSub div.section h4 {
	padding: 5px 5px;
	color: #3066cc;
	font-size: 120%;
	font-weight: bold;
}

div#contentSub div.section h4.numbaring {
	padding: 25px 15px 5px 0px;
	color: #060;
	font-size: 120%;
	font-weight: bold;
	font-family:'ＭＳ ゴシック';
}

div#contentSub div.section h5 {
	padding: 5px 5px;
	color: #3066cc;
	font-size: 100%;
}



/* 第一階層スタイル */

div#contentSub div.section {
	padding: 5px 10px 0px 20px;
}

div#contentSub div.section div.w520 {
	padding-bottom: 15px;
	width: 520px;
}

div#contentSub div.section img.img01 {
	padding: 90px 10px 10px 10px;
}

div#contentSub div.section img.img02 {
	margin: 0px 30px 10px 10px;
}

div#contentSub div.section div.w200 {
	padding-bottom: 15px;
	width: 250px;
}

div#contentSub div.section ul{
	list-style: inside disc;
	padding: 5px 0;
}

div#contentSub div.section ul.number{
	list-style: decimal;
	list-style-position: outside;
	padding: 30px 30px;
}

div#contentSub div.section img.logo {
	margin: 10px 240px 50px 0;
}

div#contentSub div.section div.note {
	padding: 0px 10px;
	color: #3066cc;
	font-size: 85%;
}

div#contentSub div.section div.fixed-width {
	font-family:"ＭＳ ゴシック";
}




/* 第二階層メニュー（業務内容）のh2,h3 */
div#contentSub h2.level2 {
    padding: 0 0 20px 12px;
}

div#contentSub h3.level2 {
    padding: 0 0 0 2px;
}



/* 業務内容　囲み */
div#contentSub div.section_business_bottom {/* 全体の位置と底の画像 */
	width: 626px;
	margin-left: 2px;
	padding-bottom: 9px;
	background: url(../image/section_business_bottom.gif) bottom left no-repeat;
}

div#contentSub div.section_business {/* 内容と枠画像 */
	padding: 0px 33px 0px 38px;
	background: url(../image/section_business.gif) top left repeat-y;
}

div#contentSub div.section_business h4 {
    padding: 15px 0 5px 0;
    font-size: 22px;
    font-weight: bold;
    clear: both;
}

div#contentSub div.section_business p{
	padding: 0.75em 0;
}
div#contentSub div.section_business p.photo {
	width: 260px;
	margin: 0;
	padding: 5px 0;
}

div#contentSub div.section_business ul{
	list-style: inside disc;
	padding: 5px 0;
}



/* サイトマップ */
div#contentSub div.section-sitemap {
	padding: 5px 10px 0px 30px;
}

div#contentSub div.section-sitemap ul {
	margin: 0;
	padding: 0 0 0 10px;
}

div#contentSub div.section-sitemap ul li.triangle {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 3.5em;
	background: url(../image/sitemap_li.gif) top left no-repeat;
}

div#contentSub div.section-sitemap ul ul {
	margin: 0;
	padding: 0 0 0 10px;
}

div#contentSub div.section-sitemap ul ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	line-height: 2.5em;
	list-style: inside disc;
}

div#contentSub div.section-sitemap div.column{
	width: 180px;
}



/* サイドバー
---------------------------------------------------------------- */
div#side {
    width: 140px;
    margin: 0 0 0 0;
    float: left;
    background: url(../image/sidebar.gif) top left repeat-y;
}

div#side_bottom {/* 下端の画像用 */
	height: 100%;
	padding-bottom: 200px;	/* ページ下部まで伸ばす：未対応 */
	background: url(../image/sidebottom.gif) bottom left no-repeat;
}

/* サイドバー　サイドメニュー
---------------------------------------------------------------- */
ul#sideMenu {
	width: 120px;
	height: 385px;
	padding: 0px 11px 10px 9px;
	position: relative;
	background: url(../image/sidemenu.gif) top left no-repeat;
}

ul#sideMenu li {
	width: 120px;
	height: 26px;
	display: block;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}

ul#sideMenu li a {
	width: 120px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}


/* leftを指定すること（IEだと text-indent 指定時にずれる） */
ul#sideMenu li#btn01, li#btn01 a {top: 11px; left: 9px;}
ul#sideMenu li#btn02, li#btn02 a {top: 38px; left: 9px;}
ul#sideMenu li#btn03, li#btn03 a {top: 65px; left: 9px;}
ul#sideMenu li#btn04, li#btn04 a {top: 92px; left: 9px;}
ul#sideMenu li#btn05, li#btn05 a {top: 119px; left: 9px;}
ul#sideMenu li#btn06, li#btn06 a {top: 146px; left: 9px; height: 160px;} /* heightを指定 */
	/* 第二階層の topは、btn06を基点とする（li の position が absolute のため） */
	ul#sideMenu li#sub01, li#sub01 a {top: 26px; left: 0px;}
	ul#sideMenu li#sub02, li#sub02 a {top: 53px; left: 0px;}
	ul#sideMenu li#sub03, li#sub03 a {top: 80px; left: 0px;}
	ul#sideMenu li#sub04, li#sub04 a {top: 107px; left: 0px;}
	ul#sideMenu li#sub05, li#sub05 a {top: 134px; left: 0px;}
ul#sideMenu li#btn07, li#btn07 a {top: 306px; left: 9px;}
ul#sideMenu li#btn08, li#btn08 a {top: 333px; left: 9px;}
ul#sideMenu li#btn09, li#btn09 a {top: 360px; left: 9px;}

ul#sideMenu li#btn01 a:hover, li#btn01.selected {background: url(../image/sidemenu_o.gif) -9px -11px;}
ul#sideMenu li#btn02 a:hover, li#btn02.selected {background: url(../image/sidemenu_o.gif) -9px -38px;}
ul#sideMenu li#btn03 a:hover, li#btn03.selected {background: url(../image/sidemenu_o.gif) -9px -65px;}
ul#sideMenu li#btn04 a:hover, li#btn04.selected {background: url(../image/sidemenu_o.gif) -9px -92px;}
ul#sideMenu li#btn05 a:hover, li#btn05.selected {background: url(../image/sidemenu_o.gif) -9px -119px;}
ul#sideMenu li#btn06 a:hover, li#btn06.selected {background: url(../image/sidemenu_o.gif) -9px -146px;}
	ul#sideMenu li#sub01 a:hover, li#sub01.selected {background: url(../image/sidemenu_o.gif) -9px -172px;}
	ul#sideMenu li#sub02 a:hover, li#sub02.selected {background: url(../image/sidemenu_o.gif) -9px -199px;}
	ul#sideMenu li#sub03 a:hover, li#sub03.selected {background: url(../image/sidemenu_o.gif) -9px -226px;}
	ul#sideMenu li#sub04 a:hover, li#sub04.selected {background: url(../image/sidemenu_o.gif) -9px -253px;}
	ul#sideMenu li#sub05 a:hover, li#sub05.selected {background: url(../image/sidemenu_o.gif) -9px -280px;}
ul#sideMenu li#btn07 a:hover, li#btn07.selected {background: url(../image/sidemenu_o.gif) -9px -306px;}
ul#sideMenu li#btn08 a:hover, li#btn08.selected {background: url(../image/sidemenu_o.gif) -9px -333px;}
ul#sideMenu li#btn09 a:hover, li#btn09.selected {background: url(../image/sidemenu_o.gif) -9px -360px;}



/* フッター
---------------------------------------------------------------- */
div#footer {
    clear: both;
    height: 69px;
}

div#footer ul#footnavi {
	font-size: 12px;
	padding: 10px 0 5px 32px;
}

div#footer ul#footnavi li {
	display: inline;
	margin-right: 15px;
}

div#footer ul#footnavi li a {
	color: #000;
}

div#footer p#copyright {
    height: 19px;
    padding: 1px 0 0 32px;
    line-height: 19px;
    font-size: 12px;
    color: #fff;
    background: url(../image/copyright.gif) top left repeat-x #ccf;
}


/* 
---------------------------------------------------------------- */