@charset "SHift_JIS";

/* ============================================================
[common.css]
スタイルシート共通
============================================================ */

/* 全体共通 */
*{
	margin : 0;
	padding : 0;
}

html {
}

body {
background-color: #FFFFFF;
/*MacIE5対策 背景を右端灰色と同色に \*//*/
background-color:#cccccc;
/**/
background:url(/shared/img/page_bg_01.jpg) left top repeat-x !important;
color: #333333;
font-family: "Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}


/* リンク色 */
a:link {
	color: #565656 !important;
	text-decoration: underline;
}
a:visited {
	color: #888888 !important;
	text-decoration: underline;
}
a:hover {
	color: #565656 !important;
	text-decoration: none !important;
}
a:active {
	color: #565656 !important;
	text-decoration: underline !important;
}

/* レイアウト共通 */

fieldset {
border:none;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.textAlert {
	color: #CC0000;
}
.imgRight {
	float: right;
}
.detail {
	padding-left: 24px;
}

.dotLine {
	background-image: url(../img/line_dot_yoko.gif);
}
.dotTateLine {
	background-image: url(../img/line_dot_tate.gif);
	background-repeat: repeat-y;
}

ol {
	padding-left: 24px;
	list-style-position: outside;
	list-style-type: decimal;
}


img.pdf {
vertical-align:bottom;
}

img.icn01 {
padding-right:6px;
}

.related ul li  {
list-style:none;
}

.note01 li {
font-size:75%;
list-style:none;
text-indent:-1em;
padding-left:1em;
}

.note02 li {
font-size:13px;
list-style:none;
text-indent:-1em;
padding-left:1em;
}

.note03 li {
font-size:11px;
list-style:none;
text-indent:-1em;
padding-left:1em;
}



/* レイアウト各要素 */

.header {
position:relative;
width:100%;
height:40px;
background-color:#043371;
background-image:url(/shared/img/header_bg_01.gif);
}

.header .structureContent {
background-color:#043371;
}

.header #logo {
position:absolute;
left:14px;
top:10px;
}

.header .utility {
position:absolute;
left:370px;
top:12px;
}

.header .utility .utilityList {
}

.header .utility .utilityList li {
float:left;
margin-right:19px;
list-style:none;
}

.header .search {
position:absolute;
left:578px;
top:12px;
}

.header .search #suggestSearch {
border:none;
vertical-align:top;
background:url(/shared/img/header_searchbg_01.gif) left top no-repeat;
padding:0 0 0 18px;
font-size:13px;
width:103px;
}

#gnav {
position:relative;
width:100%;
height:43px;
background:url(/shared/img/gnav_bg_01.gif) left top repeat-x;
}

#gnav .structureContent {
margin-left:14px;
width:732px;
}

#gnav ul {
}

#gnav ul li {
float:left;
list-style:none;
}

#gnav ul li img {
vertical-align:bottom;
}

.contents {
	width: 530px;
	margin-left: 10px;
}

.pagePathWasting {
position:relative;
left:0;
width:100%;
height:30px !important;
_height:60px !important;
background:url(/shared/img/pagepath_bg_01.gif) left top no-repeat;
}

.pagePath {
position:absolute;
left:54px;
top:90px;
width:800px;
}

.main {
	width: 441px;
	margin-top: 24px;
	margin-left: 42px;
}

h1 {
	margin-bottom: 30px;
	font-weight: bold;
}
h2 {
	margin-bottom: 24px;
	font-weight: normal;
}
h3 {
	margin-bottom: 18px;
	font-weight: bold;
}
h4 {
	margin-bottom: 12px;
	font-weight: normal;
}
h5 {
	margin-bottom: 12px;
	font-weight: normal;
}

.pdfIcon {
	vertical-align: middle;
	margin-right: 10px;
}

.inlineImg{
	vertical-align: middle;
}

.gotoPageTop {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 20px;
}


#navi {
position: absolute;
width: 195px;
left: 540px;
top: 120px;
right: 760px;
/*MacIE5対策 縦サイズを最大値に固定 \*//*/
height:625px;
/**/
}

#navi ul {
width: 195px;
background:url(/shared/img/lnav_bg_01.gif) left top repeat-y;
}

#navi ul li {
list-style:none;
}

#navi ul li div.level01 ul li {
margin:5px 0;
text-indent:12px;
/*padding-left:12px;*/
font-size:80%;
}

#navi ul li img {
vertical-align:bottom;
}

#navi #stay {
background:#feeddb;
margin-left:1px;
margin-right: 1px;
}


#navi #stay a {
text-decoration:none;
}


#navi ul li div.level01 ul li img {
vertical-align:top;
}

#navi ul li div.level01 ul li dl.level02 {
width:195px;
_position:relative;
_left:-12px;
_top:-4px;
zoom:1;
}

#navi ul li div.level01 ul li dl.level02 dt {
background:none;
margin:5px 0;
zoom:1;
}

#navi ul li div.level01 ul li dl.level02 dd {
margin:5px 0;
font-size:100%;
background:none;
padding-right:4px;
vertical-align:top;
text-indent:-10px;
padding-left:34px;
zoom:1;
}

.noNavi {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}


img {
	border:none;
}


.footer {
position:relative;
margin-top:40px;
width:100%;
height:28px;
background-color:#dddddd;
}

.footer .structureContent {
}


.footer address {
position:absolute;
left:16px;
top:6px;
}

.footer .utilityList {
position:absolute;
left:633px;
top:10px;
}

.footer .utilityList li {
float:left;
list-style:none;
}




/* ニュース更新用 */
h2.news{
	font-weight: bold;
	color: #336699;
}

.newsFrom {
	text-align: right;
}

.newsDetail {
	padding-left: 36px;
}


/* フロートまとめ */

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

/* =========== for-non-visual =========== */

.forNonVisual {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 0;
height: 0;
font-size: 0;
color: #fff;
background-color: #fff;
}

/* =========== clearfix =========== */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;} 
/* End hide from IE-mac */


/* =========== align =========== */

.float-left,
.float-center {
float: left;
}

.float-right {
float: right;
}

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

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

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

/* =========== margin =========== */

.mT5 {
margin-top:5px;
}

.mT10 {
margin-top:10px;
}

.mT20 {
margin-top:20px;
}

.mB10 {
margin-bottom:10px;
}

.mB20 {
margin-bottom:20px;
}


/* =========== padding =========== */

.pT10 {
padding-top:10px;
}

.pT20 {
padding-top:20px;
}

.pB10 {
padding-bottom:10px;
}

.pB20 {
padding-bottom:20px;
}