@charset "utf-8";

/*
====================================
全ページ共通
====================================
*/

html{height:100%;}
Body{
	width:100%;
	height:100%;
	color:#000000;
	margin:0;
	padding:0;
	}
#All{
	width:100%;
	min-height: 100%;
	height: auto !important; 
	height:100%;
	position:relative;
	background:url(../image/head_bg01.jpg) no-repeat center top;
	}
#Nav,
#TopickPath,
#Body,
#Footer{
	width:100%;
	}
#Body{
	margin:0 auto;
	padding-bottom:60px;
	}
#Body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear:both; 
    visibility: hidden;
}
#Body{display: inline-block;}
/* IE-mac \*/
* html #Body{height: 1%;}
#Body{display: block;}
/* End */


/*エリア横幅まとめて指定*/
#Header,
#Attention,
#Nav .section,
#Global-nav,
#Contents,
#Footer-area{
	width:1000px;
	margin:0 auto;
	}



a{color:#1b49cf;text-decoration:none;}
a:visited{color:#6666cc;text-decoration:none;}
a:hover{color:#3366cc;text-decoration:underline;}



/*
------------------------------------
Header
------------------------------------
*/
#Header{
	height:91px;
	margin:0 auto;
	position:relative;
	}
#Header #header-logo{
	top:15px;
	left:3px;
	position:absolute;
	}
#Header #head-menu{
	width:232px;
	top:11px;
	right:0;
	position:absolute;
	}
#Header #head-menu li{
	float:left;
	display:inline;
	}

#Header #search{
	width:225px;
	top:40px;
	right:0;
	position:absolute;
	}
#Header #search form input{
	display:inline;
	float:left;
	}
#Header #search form input.searchbox1{
	width:138px;
	height:15px;
/*	border:none;*/
	margin:0;
	padding:3px 0 0 20px;
/*	background:url(../image/search01.gif) no-repeat left top;*/
	}
html:not(:target) #Header #search form input.searchbox1{padding-top:0;}
#Header #search form input.searchbox2{
	width:60px;
	height:21px;
	}

#Header #font{
	width:146px;
	top:13px;
	left:620px;
	background:url(../image/font_line.gif) no-repeat right top;
	position:absolute;
	}
#Header #font dt{
	width:70px;
	float:left;
	}
#Header #font dd{
	width:65px;
	float:left;
	}
#Header #font dd ul{
	height:18px;
	overflow:hidden;
}
#Header #font dd ul li {
	cursor:pointer;
}
#Header #font dd ul li.textresizer-active {
	display:none;
}
/*
------------------------------------
Nav
------------------------------------
*/
#Nav{
	width:100%;
	background:#d1e3fb;
	}
#Nav .section{
	height:66px;
	position:relative;
	}
#Nav #Global-nav{
	left:0;
	bottom:0;
	position:absolute;
	z-index:100;
	}
#Nav #Global-nav li{
	float:left;
	display:inline;
	}
#Nav ul#Sub-nav{
	margin-top:2px;
	text-align:center;
	}
#Nav ul#Sub-nav li{
	font-size:108%;
	list-style-type:none;
	display:inline-block;
	border:1px solid #9cbde8;
	background:#e6f1fe url(../image/subnav_bg01.gif) repeat-x left top;
	/display:inline;
	/zoom:1;
	*margin-right:3px; /* IE7 and below */
	_margin-right:3px; /* IE6 */
	}
#Nav ul#Sub-nav li a{
	color:#001758;
	padding:6px 16px 3px;
	display:block;
	}
#Nav ul#Sub-nav li a:visited{color:#001758;}
#Nav ul#Sub-nav li a:hover{color:#001758;}
#Nav ul#Sub-nav li.on{
	border:1px solid #ff6600;
	background:#ffffff;
	}
#Nav ul#Sub-nav li.on a{color:#ff6600;}


/*
------------------------------------
トピックパス
------------------------------------
*/
#TopickPath{
	width:100%;
	background:#ffffff url(../image/bg01.gif) repeat-x left top;
	border-bottom:1px solid #cfcfcf;
	}
#TopickPath ul{
	width:1000px;
	margin:0 auto;
	padding-top:12px;
	}
#TopickPath li{
	font-size:93%;
	line-height:1.1;
	color:#686868;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:8px;
	background:url(../image/path_bg.gif) no-repeat center bottom;
	float:left;
	display:inline;
	}
#TopickPath li a{color:#686868;text-decoration:none;}
#TopickPath li a:visited{color:#686868;text-decoration:none;}
#TopickPath li a:hover{color:#686868;text-decoration:underline;}


/*
------------------------------------
メインエリア
------------------------------------
*/
#Body{
	background:#fdfdfd url(../image/bg02.gif) repeat-x center top;
	}
#Contents{
	padding-top:15px;
	background:url(../image/bg03.gif) no-repeat center top;
	}
#Main-cont{
	width:802px;
	padding-bottom:50px;
	background:none;
	float:left;
	}
#Local-nav{
	width:195px;
	padding-bottom:50px;
	float:right;
	}

#Local-nav .title{
	width:195px;
	height:56px;
	background:url(../image/lnavi_bg01.gif) no-repeat left top;
	display:table;
	}
#Local-nav .title .tit-txt{
	width:195px;
	font-size:115%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	/position:relative;
	/top: 50%;
	}
#Local-nav .title .tit-txt span{
	/position:relative;
	/top:-50%;
	}

#Local-nav ul{
	width:165px;
	margin:0 auto;
	border-bottom:1px solid #ededed;
	}
#Local-nav li{
	width:165px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #d9d9d9;
	float:left;
	}
#Local-nav li.firstChild{
	border-top:none;
	}
#Local-nav li a{
	font-size:93%;
	color:#000;
	line-height:1.5;
	padding:9px 5px 10px 22px;
	background:url(../image/icon01.png) no-repeat left 11px;
	display:block;
	}
#Local-nav li.on a{
	background:url(../image/icon02.png) no-repeat left 11px;
	}
#Local-nav li ul.lv2{
	background:#f5f5f5;
	border-bottom:none;
	}
#Local-nav li ul.lv2 li{
	border-top:1px dotted #b5b5b5;
	border-bottom:none;
	}
#Local-nav li ul.lv2 li a{
	color:#425fa1;
	font-weight:normal;
	padding:9px 5px 10px 22px;
	background:url(../image/icon04.gif) no-repeat 10px 15px;
	display:block;
	}
#Local-nav li ul.lv2 li a:visited{text-decoration:none;}
#Local-nav li ul.lv2 li a:hover{text-decoration:underline;}
#Local-nav li ul.lv2 li.on a{
	background:url(../image/icon05.gif) no-repeat 10px 15px;
	}
#Local-nav li .icon-pdf{
	padding-right:22px;
	background:url(../image/icon_pdf.gif) no-repeat right 1px;
	}





#Local-nav .banner{
	width:166px;
	margin:0 auto;
	padding-top:20px;
	}
#Local-nav .banner p{
	padding-bottom:10px;
	}

/*
------------------------------------
フッター
------------------------------------
*/
#Footer{
	width:100%;
	height:69px;
	bottom:0;
	margin:0;
	padding:0;
	background:#0751bb url(../image/footer_bg.gif) repeat-x left top;
	clear:both;
	position:absolute;
	}
* html #Footer { 
	bottom:expression(document.getElementById("All").offsetHeight % 2 == 0 ? 0 : -1); 
	}
#Footer-area{
	height:69px;
	position:relative;
	}
#Footer #footer-txt{
	top:22px;
	left:2px;
	position:absolute;
	}
#Footer #gotop p{
	text-align:right;
	}
#Footer #gotop p a{
	font-size:93%;
	line-height:1.8;
	padding:3px 34px 5px 16px;
	background:#ffffff url(../image/icon_gotop.gif) no-repeat right bottom;
	}
#Footer-area #footer-nav{
	right:0;
	bottom:15px;
	position:absolute;
	}
#Footer-area #footer-nav li{
	float:left;
	display:inline;
	}
#Footer-area #footer-nav li a{
	font-size:93%;
	color:#ffffff;
	line-height:1.1;
	padding:0 0 0 41px;
	background:url(../image/icon_footer.gif) no-repeat 26px 4px;
	}


/*
------------------------------------
page back next top
------------------------------------
*/
.page-link{
	position:relative;
	width:744px;
	height:50px;
	font-size:93%;
	line-height:1.1;
	margin-top:30px;
	margin-left:30px;
	border-top:1px solid #d7d7d7;
	background:url(../image/bg04.gif) repeat-x left top;
	}
.page-link .back{
	position:absolute;
	top:10px;
	left:14px;
	width:20%;
	}
.page-link .back a{
	padding-left:14px;
	background:url(../image/icon_back.gif) no-repeat left 2px;
	display:block;
	}
.page-link .next{
	position:absolute;
	top:10px;
	right:14px;
	width:20%;
	text-align:right;
	}
.page-link .next a{
	padding-right:14px;
	background:url(../image/icon_next.gif) no-repeat right 2px;
	display:block;
	}
.page-link ul{
	text-align:center;
	margin:9px auto 0;
	list-style-type:none;
	width:55%;
	}
.page-link ul li{
	font-weight:bold;
	display:inline-block;
	border-right:1px solid #d7d7d7;
	/display:inline;
	/zoom:1;
	}
.page-link ul li a{
	font-weight:normal;
	padding-right:10px;
	padding-left:10px;
	display:block;
	}
.page-link ul li.on a{
	font-weight:normal;
	color:#000;
	}
.page-link dl{
	}
.page-link dt{
	line-height:1.5;
	padding-right:1em;
	float:left;
	display:inline;
	}
.page-link dd{
	text-align:left;
	}
.page-link dd ul{
	text-align:left;
	}
.page-link dd ul li{
	font-weight:normal;
	display:inline;
	border-right:1px solid #d7d7d7;
	}
.page-link dd ul li a{
	padding-left:20px;
	background:url(../image/icon_next.gif) no-repeat 10px 2px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	}





.page-link a{color:#425fa1;text-decoration:none;}
.page-link a:visited{text-decoration:none;}
.page-link a:hover{text-decoration:underline;}

.gotop{
	width:734px;
	height:50px;
	font-size:93%;
	text-align:right;
	line-height:1.1;
	margin-top:10px;
	margin-left:30px;
	padding-right:10px;
	background:url(../image/gotop_bg1.gif) repeat-x left top;
	}
.gotop p{
	padding-bottom:15px;
	padding-right:22px;
	background:url(../image/gotop_bg2.gif) no-repeat right top;
	}
.gotop p a{
	padding:3px 5px 10px 15px;
	background:url(../image/gotop_bg3.gif) no-repeat left 6px;
	}

.page-down{
	width:744px;
	margin:0 auto 25px auto;
	padding-top:10px;
	padding-bottom:3px;
	background:url(../image/down_bg01.gif) repeat-x left bottom;
	border-bottom:1px solid #cccccc;
	overflow:hidden;
	position:relative;
	}
.page-down li{
	font-size:93%;
	line-height:1.1;
	float:left;
	display:inline;
	background:url(../image/down_bg02.gif) no-repeat right center;
	}
.page-down li a{
	padding:5px 17px 5px 22px;
	display:block;
	background:url(../image/icon_down.gif) no-repeat 9px 9px;
	}



/*
------------------------------------
item
------------------------------------
*/
#h1-item01{
	margin-bottom:20px;
	background:#ffffff url(../image/item_h1bg01.gif) repeat-x left bottom;
	border-bottom:1px solid #d7d7d7;
	position:relative;
	}
#h1-item01 h1{
	font-size:138.5%;
	font-weight:bold;
	line-height:1.5;
	padding:14px 0 11px 37px;
	background:url(../image/item_h1bg02.gif) no-repeat 20px 15px;
	border-top:3px solid #192993;
	}
#h1-item01 .rss{
	width:57px;
	height:24px;
	top:15px;
	right:16px;
	position:absolute;
	}


.h2-item01 h2{
	font-size:123.1%;
	font-weight:bold;
	line-height:1.5;
	color:#3ca000;
	margin-bottom:20px;
	}
.h2-item02{
	margin-bottom:20px;
	background:#7292b9;
	padding:6px 20px 6px 15px;
	border-top:2px solid #627d9f;
	border-bottom:3px solid #e0e0e0;
	}
.h2-item02 h2{
	font-size:123.1%;
	font-weight:bold;
	line-height:1.5;
	color:#fff;
	padding-left:15px;
	background:url(../image/item_h2bg01.gif) no-repeat left 2px;
	}
.h2-item03{
	margin-bottom:15px;
	border-bottom:2px solid #eeeeee;
	}
.h2-item03 h2{
	font-size:108%;
	font-weight:bold;
	line-height:1.5;
	padding-left:15px;
	padding-bottom:4px;
	border-bottom:1px solid #dddddd;
	background:url(../image/item_h3bg01.gif) no-repeat left 2px;
	}




.h3-item01{
	margin-bottom:15px;
	border-bottom:2px solid #eeeeee;
	}
.h3-item01 h3{
	font-size:108%;
	font-weight:bold;
	line-height:1.5;
	padding-left:15px;
	padding-bottom:4px;
	border-bottom:1px solid #dddddd;
	background:url(../image/item_h3bg01.gif) no-repeat left 2px;
	}
.h3-item02{
	text-align:center;
	line-height:1.5;
	margin-bottom:20px;
	padding:20px 15px;
	border:3px solid #e6e6e6;
	}
.h3-item02 h3{
	font-size:123.5%;
	font-weight:bold;
	}
.h3-item02 h3 .txt2{
	font-size:90%;
	}




/*
------------------------------------
Skip
※目が不自由な方へのナビゲーション
------------------------------------
*/
#Skip ul{
	position:absolute;
	top: 0;
	left: -1000em;
	margin: 0;
	padding: 0;
	border-right:1px solid #999999;
	/zoom:1;
	}
#Skip li{
	text-align: left;
	margin: 0;
	padding: 0;
	display:inline;
	border-left:1px solid #999999;
}
#Skip a{
	padding: 5px;
	display: inline;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	font-size:125%;
}
#Skip a:focus,
#Skip a:active{
}

div.boxLink{}
div.hover{
	cursor:pointer;
	}



/*
------------------------------------
Common
------------------------------------
*/
.text-ssmall{font-size:77%;line-height:1.5;}	/*11px*/
.text-small{font-size:93%;line-height:1.5;}		/*12px*/
.text-middle{font-size:108%;line-height:1.5;}	/*14px*/
.text-large{font-size:123.1%;line-height:1.5;}	/*16px*/

.font-ssmall{font-size:77%;}	/*11px*/
.font-small{font-size:93%;}		/*12px*/
.font-middle{font-size:108%;}	/*14px*/
.font-large{font-size:123.1%;}	/*16px*/


.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:30px;}

.mt-05{margin-top:-5px;}
.mt-10{margin-top:-10px;}
.mt-15{margin-top:-15px;}
.mt-20{margin-top:-20px;}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}


.ml1em{margin-left:1em;}
.mr1em{margin-right:1em;}

.list{text-indent:-1em;margin-left:1em;}

.float-left{float:left}
.float-right{float:right}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}


.section{
	width:744px;
	margin-left:30px;
	padding-bottom:15px;
	}

.text-area01{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	}
.text-area02{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:20px;
	border:1px solid #dbdbdb;
	background:#eeeeee;
	}



.pic-area01{
	width:714px;;
	margin-left:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #8e8e8e;
	}
.pic-area01 .pic{
	width:300px;
	float:left;
	}
.pic-area01 .data{
	width:395px;
	float:right;
	}





.line-area01{
	padding-bottom:10px;
	border-bottom:1px dotted #8e8e8e;;
	}


/*
------------------------------------
text
------------------------------------
*/
p.txt{
	font-size:108%;
	line-height:1.5;
	padding-bottom:0.5em;
	}
ol.txt,
ol.txt ol,
ol.txt ol ol{
	list-style-type:decimal;
	}
ol.txt li{
	font-size:108%;
	line-height:1.5;
	margin-left:2em;
	padding-bottom:0.5em;
	}
ul.txt,
ul.txt ul,
ul.txt ul ul{
	list-style-type:disc;
	}
ul.txt li{
	font-size:108%;
	line-height:1.5;
	margin-left:2em;
	padding-bottom:0.5em;
	}

ol.txt li li,
ol.txt li li li,
ul.txt li li,
ul.txt li li li{
	font-size:100%;
	line-height:1.5;
	}

.text-red01{
	color:#ff3333;
	}

.font-normal{
	font-weight:normal;
	}

/*
------------------------------------
link
------------------------------------
*/
.link-icon{
	padding:2px 0 2px 27px;
	background:url(../image/icon03.gif) no-repeat left top;
	}

a.icon-pdf{
	margin-right:10px;
	padding-right:22px;
	background:url(../image/icon_pdf.gif) no-repeat right 1px;
	}
a.icon-word{
	margin-right:10px;
	padding-right:22px;
	background:url(../image/icon_word.gif) no-repeat right 1px;
	}
a.icon-excel{
	margin-right:10px;
	padding-right:22px;
	background:url(../image/icon_excel.gif) no-repeat right 1px;
	}
a.icon-win{
	margin-right:10px;
	padding-right:20px;
	background:url(../image/icon07.gif) no-repeat right 5px;
	}


.link-box01{
	padding:13px 15px 5px 15px;
	background:#fbfbea;
	border:1px solid #ddddbe;
	}
.link-box01 li{
	font-size:108%;
	line-height:1.5;
	margin-bottom:10px;
	padding:10px 0 8px 27px;
	background:url(../image/icon03.png) no-repeat left 10px;
	}


/*
------------------------------------
list
------------------------------------
*/
ul.list01{}
ul.list01 li{
	font-size:108%;
	line-height:1.5;
	padding:10px 0 8px 27px;
	background:url(../image/icon03.gif) no-repeat left 10px;
	border-bottom:1px dotted #878787;
	}
ul.list01 li li{
	font-size:100%;
	padding-bottom:0;
	border:none;
	}




ul.list02{}
ul.list02 li{
	font-size:108%;
	line-height:1.5;
	padding:10px 0 8px 27px;
	background:url(../image/icon03.gif) no-repeat left 10px;
	}


.text-icon01{
	padding-left:18px;
	background:url(../image/icon06.gif) no-repeat left 3px;
	}


/*
------------------------------------
table
------------------------------------
*/
table.type01,
table.type02{
	border-collapse:collapse;
	border-color:#999999;
	border-style:solid;
	border-width:1px 0 0 1px;
	}
table.type01 caption,
table.type02 caption{
	text-align:left;
	font-weight:bold;
	padding-bottom:5px;
	}
table.type01 th,
table.type01 td{
	padding:5px 7px;
	border-color:#999999;
	border-style:solid;
	border-width:0 1px 1px 0;
	}
table.type02 th,
table.type02 td{
	padding:5px 2px;
	border-color:#999999;
	border-style:solid;
	border-width:0 1px 1px 0;
	}
table.type01 th.th01,
table.type02 th.th01{
	text-align:center;
	color:#ffffff;
	padding-left:2px;
	padding-right:2px;
	background:#6c6c6c;
	}
table.type01 th.th02,
table.type02 th.th02{
	background:#f2fae2;
	}
table.type01 td.td01,
table.type02 td.td01{
	font-size:80%;
	background:#f0f0f0;
	}
table.type01 td.td01 img,
table.type02 td.td01 img{
	margin-right:2px;
	vertical-align:middle;
	}




/*
------------------------------------
clear/clearfix
------------------------------------
*/
.clear{
	clear:both;
	font-size:0;
	margin:0;
	padding:0;
	height:0px;
	line-height:0;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear:both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End */

.pic-area01:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear:both; 
    visibility: hidden;
}
.pic-area01{display: inline-block;}
/* IE-mac \*/
* html .pic-area01{height: 1%;}
* html .pic-area01{display: block;}
/* End */


