/* CSS Document */

body {
	margin: 120px auto 0;
	width: auto;
	padding: 45px 0 45px 0; 
	color: #555555;
	background: #FFF;
	font-size: 14px;
	font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

noscript p {
	color: #f00;
	margin: 80px 0 0 0;
}
@media screen and (max-width:750px){
	body {
		margin: 0 auto 0;
		width: auto;
	}
}
@media screen and (max-width:450px){
	body {
		margin: 0 auto 0;
		width: 100%;
		width: 450px\9; /* IE8 */
	}
}

#wrap {
	width: 100%;
	height: 100%;
	color: #555555;
}

/* header set
============================================================================================ */
#headerSaiyo {
	display: block;
	height: 68px;
	width: 100%;
	margin:0;
	background:#fff;
	position: absolute;
	top: 0;
	left: 0;
}
#headerInner {
	width: auto;
	padding: 0;	
}

#headerSaiyo .logo{
	position: relative;
	float: left;
	display: table;
	z-index: 1;
}
#header .logo a {
	display: table-cell;
	width: 126px;
	height: 68px;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#headerSaiyo h1.siteTitle {
	float: left;
	position: relative;
	display: block;
	text-indent: -9999px;
	width: 154px;
	height: 68px;
	background: transparent url(../../img/top_title.png) 0 0 no-repeat;
}
#headerSaiyo, #headerSaiyo .logo, #headerSaiyo h1, #headerSaiyo a {
	height: 68px;
}
#headerSaiyo .logo2 {
	display: none;	
}
@media screen and (max-width:750px){
	#headerSaiyo {
		display: block;
		height: 56px;
		width: 100%;
		margin:0;
		background:#fff;
		position: absolute;
		top: 0;
		left: 0;
		background: #05377f;
	}
	#headerInner {
		width: auto;
		padding: 0;
		background: #05377f;
	}
	#headerSaiyo .logo {
	display: none;	
}
	#headerSaiyo .logo2 {
		position: relative;
		float: left;
		display: block;
		z-index: 1;
	}
	#header .logo2 a {
		display: table-cell;
		width: 126px;
		height: 56px;
		position: relative;
		text-align: center;
		vertical-align: middle;
	}
	
	#headerSaiyo h1.siteTitle {
		float: left;
		position: relative;
		color: #ffffff;
		display: block;
		text-indent: -9999px;
		width: 160px;
		height: 56px;
		background: #05377f url(../../img/top_title_s.png) 0 0 no-repeat;
	}
	#headerSaiyo, #headerSaiyo .logo, #headerSaiyo h1, #headerSaiyo a {
		height: 56px;
	}
}


#toBtmMenu {
	display: none;	
}

@media screen and (max-width:750px){
	#toBtmMenu {
		display: inline-table;
		vertical-align: middle;
	}
	#toBtmMenu a {
		display: block;
		width: 56px;
		height: 56px;
		position: absolute;
		top: 0;
		right: 0;
		background: #ffffff url(../../img/to_btm.png) 0 0 no-repeat;
	}
	#toBtmMenu a:hover {
		background: #ffffff url(../../img/to_btm_on.png) 0 0 no-repeat;
	}	
}


/* top & bottom Nav set
============================================================================================ */
#topBtmNav {
	position: absolute;
	top: 4px;
	left: 280px;
	display: inline-table;
	height: 68px;
	width: 600px;
}
#topBtmNav ul {
	display: table-cell;
	vertical-align: middle;
}
.menuList li {
	list-style: none;
	display: inline-block;
	font-size: 129%;
	font-weight: bold;
	padding: 0 5px 0 10px;
	margin: 0;
}
.menuList li span{
	display: block;
	text-align: left;
}
.menuList li a {
	display: inline-block;
	line-height: 1.2;
	text-decoration: none;
	color: #555555;
	padding: 0;
}
.menuList li span.menuBtn {
	padding-right: 1.6em;
	padding-top: 0.2em;
	background: transparent url(../../img/blue_arrow_s.png) no-repeat 100% 50%;
}
.menuList li span.menuBtn:hover {
	color: #007AE2;
	background: transparent url(../../img/blue_arrow_s_on.png) no-repeat 100% 50%;			
}
.menuList li span.outLinkLarge {
	padding-right: 1.6em;
	background: transparent url(../../img/out_link_s.png) no-repeat center right;			
}
.menuList li span.outLinkLarge:hover {
	padding-right: 1.6em;
	color: #007AE2;
}

@media screen and (max-width:880px){
	#topBtmNav{
		width: 480px;
	}
}

@media screen and (max-width:750px){
	#topBtmNav{
		position: static;
		display: block;
		padding:0;
		margin: 0;
		width: 100%;
	}
	#topBtmNav .topLine {
		border-top:  3px solid #05377F;
	}
	#topBtmNav ul {
		display: table;
	}
	.menuList {
		width: 100%;
	}
	.menuList li {
		display: block;
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 50%;
	}
	.menuList li a {
		display: block;
		position: static;
	}
	.menuList li span {
		display: block;
		height: 65px;
		text-align: right;
	}
	.menuList li span.menuBtn {
		border: 1px solid #646464;
		font-size: 86%;
		font-weight: bold;
		line-height: 67px;
		border-top: none;
		text-decoration: none;
		color: #555555;
		background: transparent url(../../img/blue_arrow_s.png) no-repeat 95% 50%;
		padding-top: 0;
	}
	.menuList li span.noLL {
		border-left: none;	
	}
	.menuList li span.menuBtn:hover {
		color: #007AE2;
		background: transparent url(../../img/blue_arrow_s_on.png) no-repeat 95% 50%;			
	}
	.menuList li span.outLinkLarge {
		background: transparent url(../../img/link.png) no-repeat 95% 50%;			
	}
	.menuList li span.outLinkLarge:hover {
		color: #007AE2;
		background: transparent url(../../img/link.png) no-repeat 95% 50%;			
		
	}
	.menuList li span.menuBtn span {
		padding-right: 6%;
		white-space: nowrap;
	}
}


/* topImage set
============================================================================================ */
#imgWrap {
	margin: 68px 0 0 0;
}
#imgWrap img {
	max-width: 100%;
	position: relative;
	height: auto;
    width: auto\9; /* ie8 */
}
#imgWrap2 {
	margin: 68px 0 62px 0;
}
#imgWrap2 img {
	max-width: 100%;
	position: relative;
	height: auto;
    width: auto\9; /* ie8 */
}
@media screen and (max-width:750px){
	#imgWrap {
		margin: 56px 0 0 0;
	}
	#imgWrap2 {
		margin: 56px 0 30px 0;
	}
}

/* motto set
============================================================================================ */
.mottoText {
	width: 100%;
	display: block;
	background: #cce8fa;
	padding: 5px 0;
}
.mottoText p {
	color: #555555;
	padding: 0 0.75em 0;
	font-size: 172%;
	font-weight: bold;
	white-space: nowrap;
}
@media screen and (max-width:980px){
	.mottoText p {
		font-size: 158%;
	}
}
@media screen and (max-width:880px){
	.mottoText p {
		font-size: 143%;
	}
}
@media screen and (max-width:750px){
	.mottoText {
		margin-bottom: 30px;
	}
	.mottoText p {
		font-size: 136%;
		padding: 0 0.6em 0;
		white-space: normal;
	}
}

/* news set
============================================================================================ */
#newsArea {
	width: 100%;
	height: 100%;
	display: block;
	margin: 20px 0;
	clear: both;
}
.newsLeftArea {
	float: left;
	width: 128px;
	height: 131px;
	margin: 0 0 0 15px;
}
.newsTitle {
	padding-top: 0;
}
.newsTitle h2 {
	font-size: 100%;
	color: #05377F;
	line-height: 1;
}
.newsTitle h2.btmTitle {
	font-size: 143%;
	color: #555555;
	line-height: 1.2;
}
.newsLeftArea p {
	padding: 5.3em 0 0 0.5em;
	width: 95px;
	background: url(../../img/detail_bg.png) left bottom no-repeat;
}
.newsLeftArea p img {
	position: relative;
	top: 2px;
}
.newsLeftArea p:hover {
	background: url(../../img/detail_bg_on.png) left bottom no-repeat;
}
.newsLeftArea p a {
	color: #555555;
	text-decoration: none;
	padding: 0 2px 0 0;
	font-weight: bold;
}
.newsLeftArea p a:hover {
	color: #555555;
}
.newsLeftArea p.topMore {
	padding: 6.3em 0 0 0.5em;
	width: 95px;
	background: url(../../img/detail_bg.png) center bottom no-repeat;
}
.newsLeftArea p.topMore:hover {
	background: url(../../img/detail_bg_on.png) center bottom no-repeat;
}
.newsLeftArea p.topLess {
	padding: 4.3em 0 0 0.5em;
	width: 95px;
	background: none;
	background: url(../../img/detail_bg.png) center bottom no-repeat;
}
.newsLeftArea p.topLess:hover {
	background: url(../../img/detail_bg_on.png) center bottom no-repeat;
}

@media screen and (max-width:750px){
	#newsArea {
		width: 100%;
		height: 70px;
		display: block;
		padding: 0;
		margin: 0;
	}
	.newsLeftArea {
		float: none;
		display: block;
		width: 97%;
		height: 30px;
		margin: 10px 0 20px 3%;
	}
	.newsTitle {
		width: 60%;
	}
	.newsTitle h2 {
		font-size: 100%;
		color: #05377F;
		line-height: 1;
	}
	.newsTitle h2 br {
		display: none;
	}
	.newsTitle h2.btmTitle {
		font-size: 143%;
		color: #555555;
		float: left;
	}
	.newsLeftArea p {
		float: right;
		display: block;
		font-size: 108%;
		width: 100px;
		padding: 0 0 0 0.5em;
		margin: 0 10px 0 0;
		line-height: 1.4;
		border-bottom: none;
	}
	.newsLeftArea p.topLess {
		width: 100px;
		padding: 0 0 0 0.5em;
		margin: 0 10px 0 0;
		line-height: 1.4;
	}
	.newsLeftArea p.topMore {
		width: 100px;
		padding: 0 0 0 0.5em;
		margin: 0 10px 0 0;
		line-height: 1.4;
	}
}


.outLink {
	padding-right: 1.6em;
	background: transparent url(../../img/link.png) no-repeat center right;	
}
.inLink {
	padding-right: 1.6em;
	background: transparent url(../../img/in_link_s.png) no-repeat center right;		
}

.newsBox {
	float: left;
	border: none;
	border-left: 3px solid #FAD938;
	width: 65%;
	height: 120px;
	padding: 0.5em;
	overflow-x:hidden;
	overflow-y: scroll;
	background: #ffffff;
	font-size: 100%;
	text-align: left;
}
@media screen and (max-width:1500px){
	.newsBox {
		width: 60%;
	}
}

@media screen and (max-width:1200px){
	.newsBox {
		width: 56%;
	}
}
@media screen and (max-width:1100px){
	.newsBox {
		width: 53%;
	}
}
@media screen and (max-width:1000px){
	.newsBox {
		width: 50%;
	}
}
@media screen and (max-width:950px){
	.newsBox {
		width: 48%;
	}
}
@media screen and (max-width:920px){
	.newsBox {
		width: 46%;
	}
}
@media screen and (max-width:900px){
	.newsBox {
		width: 45%;
	}
}
@media screen and (max-width:850px){
	.newsBox {
		width: 43%;
	}
}
@media screen and (max-width:800px){
	.newsBox {
		width: 42%;
	}
}
@media screen and (max-width:780px){
	.newsBox {
		width: 41%;
	}
}
@media screen and (max-width:760px){
	.newsBox {
		width: 40%;
	}
}
@media screen and (max-width:751px){
	.newsBox {
		width: 38%;
	}
}

.newsBox dt {
 	clear: left;
	float: left;
	padding: 0.5em;
	width: 7.5em;
	color: #953f35;
	font-weight: bold;
	font-size: 100%;
}
.newsBox dd {
	margin-left: 8.5em;
	height: auto;
	word-break: normal;
	font-size: 100%;
}
.newsBox dd.sort {
	padding: 0.5em;
	padding-left: 0;
	font-size: 100%;
	color: #05377F;
	font-weight: bold;
}
.newsBox dd a {
	display: block;
	margin-bottom: 10px;
	padding: 0;
	line-height: 1.2;
	font-weight: normal;
	color: #05377f;
	text-decoration: underline;
}
.newsBox a:hover {
	color: #3365be;
}

@media screen and (max-width:750px){
	.newsBox {
		border: none;
		width: 91%;
		height: 170px;
		padding: 0;
		overflow: hidden;
		margin: 0 7% 18px 2%;
		font-size: 100%;
	}
	.newsBox dt {
		clear: left;
		float: left;
		padding: 0.5em;
		width: 7.5em;
		color: #953f35;
		font-weight: bold;
		font-size: 100%;
	}
	.newsBox dd {
		margin-left: 0.5em;
		height: auto;
		word-break: normal;
		font-size: 100%;
	}
	.newsBox dd.sort {
		padding-left: 0;
		font-size: 100%;
		color: #05377F;
		font-weight: bold;
	}
	.newsBox dd a {
		display: block;
		color: #05377f;
		margin-bottom: 10px;
		width: 100%;
		text-decoration: underline;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.newsBox a:hover {
		color: #3365BE;
	}
}

/* TOPの円ボタン設定*/
#circleBtns {
	float: left;
	margin: 0 1% 1% 3%;
	width: 245px;
}
.numberCircle {
    display:table;
    text-align: center;
	float: left;
}
.numberCircle > *{
    display: table-cell;
    vertical-align: middle;
}
.numberCircle a, .numberCircle a:link, .numberCircle a:visited {
	background: transparent url(../../img/number_btn.png) no-repeat 0 0;
	width: 112px;
	height: 117px;
	text-decoration: none;
	line-height: 1.5;
	font-size: 108%;
	font-weight: bold;
	color: #555555;
	text-indent: -9999px;
}
.numberCircle a:hover {
	background: transparent url(../../img/number_btn_on.png) no-repeat 0 0;
		color: #ffffff;
}
.messageCircle {
    display: table;
    text-align: center;
	float: left;
}
.messageCircle > *{
    display: table-cell;
    vertical-align: middle;
}
.messageCircle a, .messageCircle a:link, .messageCircle a:visited {
	background: transparent url(../../img/message_btn.png) no-repeat 0 0;
	width: 112px;
	height: 117px;
	text-decoration: none;
	line-height: 1.5;
	color: #555555;
	font-size: 108%;
	font-weight: bold;
	text-indent: -9999px;
}
.messageCircle a:hover {
	background: transparent url(../../img/message_btn_on.png) no-repeat 0 0;	
}

@media screen and (max-width:750px){
	#circleBtns {
		display: block;
		width: auto;
		float: none;
		height: 24px;
		margin: 1.6em 0;
	}
	#circleBtns ul {
		float: none;
		width: 245px;
		text-align: center;
		margin: 0 auto;
	}
}

/* linkBox set
============================================================================================ */
#linkBoxWrap {
	width:100%;
	height: 120px;
	position: static;
	padding: 25px 0 5px;
}
.linkBox {
	width: 100%;
}
.linkBox li {
	width: 31%;
	height: 68px;
	list-style: none;
	float: left;
	margin: 25px 1% 25px;
	color: #ffffff;
	text-align: center;
}
.linkBox li span.btnSpan {
    display: block;
	background: #3365BE url(../../img/white_arrow_s.png) no-repeat 95% 50%;
	width: 100%;
	height: 68px;
	list-style: none;
	line-height: 3.6;
	position: relative;
	text-align: center;
	font-size: 136%;
	font-weight: bold;

}
.linkBox li span.btnSpan > *{
    display: block;
    vertical-align: middle;
}

.linkBox li span.btnSpan:hover {
	background: #05377f url(../../img/white_arrow_s.png) no-repeat 95% 50%;
}
.linkBox li span.btnSpan:hover:after {
	content: url(../../img/yellow_arrow.png);
	position: absolute;
	top: 68px;
	left: 48%;
}
.linkBox a, .linkBox a:link, .linkBox a:visited {
	color: #ffffff;
	text-decoration: none;
}

@media screen and (max-width:750px){
	#linkBoxWrap {
		width: 100%;              
		position: static;
		margin-top: 25px;
		padding: 0;
		height: auto;
	}
	.linkBox {
		width: 100%;
	}
	.linkBox li {
		width: 100%;
		height: 68px;
		list-style: none;
		float: none;
		margin: 0;
		color: #ffffff;
		position: static;
		line-height: 68px;
		border-bottom: 1px dashed #05377f;
	}
	.linkBox li span.btnSpan {
		display: block;
		background: #3365BE url(../../img/white_arrow_l.png) no-repeat 95% 50%;
		width: 100%;
		height: 68px;
		float: none;
		margin: 0;
		line-height: 68px;
	}
	.linkBox li.noLine {
		border-bottom: none;	
	}
	.linkBox li span.btnSpan:hover {
		background: #05377f url(../../img/white_arrow_l.png) no-repeat 95% 50%;
	}
	.linkBox li span.btnSpan:hover:after {
		content: " ";
	}
}


/* linkBox2 set
============================================================================================ */
#linkBox2Wrap {
	width:100%;
	height: 120px;
	position: static;
	padding: 25px 0 5px;
}
.linkBox2 {
	width: 100%;
}
.linkBox2 li {
	width: 23%;
	height: 68px;
	list-style: none;
	float: left;
	margin: 25px 1% 25px;
	color: #555555;
}
.linkBox2 li span.btnSpan2 {
	display: block;
	background: #CCE8FA url(../../img/double_blue_arrow_s.png) no-repeat 95% 50%;
	width: 100%;
	height: 68px;
	list-style: none;
	line-height: 68px;
	position: relative;
	text-align: center;	
	font-size: 136%;
	font-weight: bold; 
}
.linkBox2 li span.btnSpan2 > *{
    display: block;
    vertical-align: middle;
}
.linkBox2 li span.btnSpan2:hover {
		background: #05377f url(../../img/white_arrow_s.png) no-repeat 95% 50%;
}
.linkBox2 li span.btnSpan2:hover:after {
	content: url(../../img/yellow_arrow.png);
	position: absolute;
	top: 68px;
	left: 45%;
}
.linkBox2 li span.outLinkBox {
	background: #CCE8FA url(../../img/out_link_s.png) no-repeat 95% 50%;			
}
.linkBox2 li span.btnSpan2.outLinkBox:hover {
		background: #05377f url(../../img/out_link_s.png) no-repeat 95% 50%;		
}	
.linkBox2 span:hover {
	color: #ffffff;		
}	
.linkBox2 span.twoLines {
	padding-top: 15px;
	padding-right: 0;
	text-indent: 0;
	line-height: 1.2;
}
.linkBox2 li span.fixBtn {
	background: #3365BE;
	text-align: center;
}
.linkBox2 li span.fixBtn:hover {
	background: #3365BE;
}
.linkBox2 li span.fixBtn:hover:after {
	content: " ";
}
.linkBox2 li span.fixBtn span {
	color: #ffffff;
	text-indent: 0;	
}
.linkBox2 a, .linkBox2 a:link, .linkBox2 a:visited {
	color: #555555;
	text-decoration: none;
}

@media screen and (max-width:750px){
	#linkBox2Wrap {
		width: 100%;              
		position: static;
		height: auto;
		margin: 25px 0 0 0;
		padding: 0;
	}
	.linkBox2 {
		width: 100%;
	}
	.linkBox2 li {
		width: 100%;
		height: 68px;
		list-style: none;
		float: none;
		margin: 0;
		color: #ffffff;
		position: static;
		border-bottom: 1px dashed #CCE8FA;
	}
	.linkBox2 li span.btnSpan2 {
		display: block;
		background: #CCE8FA url(../../img/double_blue_arrow.png) no-repeat 95% 50%;
		width: 100%;
		height: 68px;
		float: none;
		margin: 0;
	}
	.linkBox2 span.btnSpan2 span {
		font-size: 100%;
		text-indent: 0;
	}
	.linkBox2 li span.outLinkBox {
		background: #CCE8FA url(../../img/out_link_s.png) no-repeat 95% 50%;			
	}
	.linkBox2 span.noLine {
		border-bottom: none;	
	}
	.linkBox2 li span.btnSpan2:hover {
		background: #05377f url(../../img/white_arrow_l.png) no-repeat 95% 50%;
	}
	.linkBox2 li span.btnSpan2:hover:after {
		content: " ";
	}
		
	.linkBox2 li span.outLinkBox:hover {
		background: #05377f url(../../img/out_link_s.png) no-repeat 95% 50%;		
	}	
	.linkBox2 span:hover {
		color: #ffffff;		
	}
	.linkBox2 li span.fixBtn {
		background: #3365BE;
		text-align: center;
	}
	.linkBox2 li span.fixBtn:hover {
		background: #3365BE;
		border-bottom: none;	
	}
	.linkBox2 li span.fixBtn:after {
		content: " ";
	}
	.linkBox2 li span.fixBtn p {
		text-indent: 0;	
	}
	.linkBox2 span.twoLines br {
		display: none;
	}
	.linkBox2 span.twoLines {
		font-size: 143%;
		line-height: 42px;
	}
}

/* linkBox3 set
============================================================================================ */
#linkBox3Wrap {
	width:100%; 
	height: 120px;
	position: static;
	padding: 25px 0 5px; 
}
.linkBox3 {
	width: 100%;
}
.linkBox3 li {
	width: 100%;
	height: 68px;
	list-style: none;
	float: left;
	margin: 25px 0 25px;
	color: #ffffff;
	text-align: center;
}
.linkBox3 li span.btnSpan3 {
	display: block;
	background: #3365BE url(../../img/white_arrow_s.png) no-repeat 95% 50%;
	width: 100%;
	height: 68px;
	list-style: none;
	line-height: 68px;
	position: relative;
	text-align: center;
	font-weight: bold;
}
.linkBox3 li span {
	font-size: 129%;
}
.linkBox3 li span.btnSpan3 > *{
    display: block;
    vertical-align: middle;
}
.linkBox3 li span.btnSpan3:hover {
	background: #05377f url(../../img/white_arrow_s.png) no-repeat 95% 50%;
}
.linkBox3 a, .linkBox3 a:link, .linkBox3 a:visited {
	color: #ffffff;
	text-decoration: none;
}

@media screen and (max-width:750px){
	#linkBox3Wrap {
		width: 100%;              
		position: static;
		margin-top: 25px;
		padding: 0;
		height: auto;
	}
	.linkBox3 {
		width: 100%;
	}
	.linkBox3 li {
		width: 100%;
		height: 68px;
		list-style: none;
		float: none;
		margin: 0;
		color: #ffffff;
		position: static;
		line-height: 68px;
	}
	.linkBox3 li span.btnSpan3: {
		display: block;
		background: #3365BE url(../img/white_arrow_l.png) no-repeat 95% 50%;
		width: 100%;
		height: 68px;
		float: none;
		margin: 0;
		line-height: 68px;
	}
	.linkBox3 li span {
		font-size: 115%;
	}
	.linkBox3 li span.btnSpan3:hover {
		background: #05377f url(../../img/white_arrow_l.png) no-repeat 95% 50%;
	}
	.linkBox3 li span.btnSpan3:hover:after {
		content: " ";
	}
}

/* footer set
============================================================================================ */
#footerWrap {
	width:100%;
	height: 20px;
	position: static;
	margin: 0;
}

@media screen and (max-width:750px){
	#footerWrap {
		width:100%;
		height: 20px;
		position: static;
		margin: 80px 0 0 0;
		font-size: 79%;;
	}
}
#tmp_fnavi {
	list-style:none;
	list-style-image:none;
	float:right;
}
#tmp_fnavi li {
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	border-right:1px solid #000000;
	float:left;
}
#tmp_fnavi li.first {
	color: #555555;
	margin:0 5px 0 0;
	padding:0 15px 0 0;
	border: none;
	float:left;
}
#tmp_fnavi .lastNew {
	margin-right: 15px;
	border:none;
}


/* 局長からのメッセージページ要素
============================================================================================ */
#pageWrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
@media screen and (min-width:980px){
	#pageWrap {
		width: 980px;
	}
}

#circleHead {
	margin: 100px auto 15px;
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 3px solid #05377F;
}

.titleHead {
	display: table;
	margin: 30px 0 30px 3%;
	width: 95%;
	text-align: left;
}
.messageTitle {
	display: table-cell;
	width: 40%;
	vertical-align: top;
}
.messageTitle img {
	float: left;	
}
.messagePhoto img {
	display: table-cell;
	vertical-align: top;
	width: auto;
	float: right;
}
.messageContents {
	margin: 30px auto 15px;
	width: 100%;
	border-bottom: 3px solid #05377F;
}
.messageContents p {
	text-align: left;
	color: #333333;
	font-size: 122%;
	margin: 30px 3% 30px 3%;
}
@media screen and (max-width:750px){
	.titleHead {
		margin: 20px 0 10px 0;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.messageTitle h2 {
		display: table-cell;
	}
	.messageTitle h2 img {
		width: 100%;
	}
	.messageTitle h3 {
		color: #3365BE;
		font-size: 129%;
	}
	.titleHead img {
		width: 100%;
		padding-right: 0;
	}
	.messageContents {
		margin: 15px 0 0 0;	
		width: 100%;
		border-bottom: 3px solid #05377F;
	}
	.messageContents p {
		font-size: 115%;
		margin: 15px 3% 15px 3%;	
	}
}


/* staff index pages set
============================================================================================ */
.staffIntroduce {
	margin: 150px 0 0 3%;
	position: relative;
	width: 94%;
	height: 20px;
	display: table;
	border-bottom: 3px solid #05377F;
	padding-bottom:1px;
}
.staffIntroduce h2 {
	color: #555555;
	display: table-cell;
	vertical-align: middle;
	float: left;
	font-size: 172%;
	font-weight: bold;
}
.backToIndexUp {
	display: table-cell;
	vertical-align: middle;
}
.backToIndexUp a {
	float: right;
	font-size: 100%;
	font-weight: bold;
	padding: 2px;
	padding-right: 25px;
	color: #555555;
	background: transparent url(../../img/blue_arrow_s.png) no-repeat center right;
	text-decoration: none;	
}
.backToIndexUp a:hover {
	color: #007AE2;
	background: transparent url(../../img/blue_arrow_s_on.png) no-repeat center right;
}
.backToIndex {
	display: none;
}
@media screen and (max-width:750px){
	.staffIntroduce {
		margin: 100px 0 0 0;
		position: relative;
		width: 100%;
		height: 20px;
		display: table;
		border-bottom: 3px solid #05377F;
		padding-bottom:1px;
	}
	.staffIntroduce h2 {
		color: #555555;
		display: block;
		float: left;
		font-size: 129%;
		text-indent: 10px;
		font-weight: bold;
	}
	.backToIndexUp {
		display: none;	
	}
	.backToIndex {
		display: block;
		float: right;
		margin-top: 30px;
		margin-right: 15px;
		margin-bottom: 5px;
	}
	.backToIndex a {
		font-weight: bold;
		padding: 5px;
		padding-right: 30px;
		color: #555555;
		background: transparent url(../../img/blue_arrow_s.png) no-repeat 100% 50%;
		text-decoration: none;	
	}
	.backToIndex a:hover {
		color: #007AE2;
		background: transparent url(../../img/blue_arrow_s_on.png) no-repeat 100% 50%;
	}
}

#staffWrap {
	display: block;		
	width: 94%;
	margin: 20px 3% 15px 3%;
	border-bottom: 3px solid #05377F;
}
#staffWrap li {
	display: block;
	width: 45%;
	float: left;
	margin: 0 2% 3% 0;
	padding: 10px;
	text-decoration: none;
}
#staffWrap li:hover {
	z-index: 10;
	background-color:rgba(5,55,125,0.1);
/*	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6005377f,EndColorStr=#6005377f);
*/	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}

#staffWrap li:hover img {
	opacity: 0.9;
}
#staffWrap li a:link, #staffWrap li a:visited {
	background-color: transparent;
	text-decoration: none;	
}
#staffWrap li:link img, #staffWrap li:visited img  {
	opacity: 1;
}
.staffImg {
	display: block;
	float: left;
}
.staffImg img {	
	width: 100%;
}
.staffNames {
	display: table;
	table-layout: fixed;
}
.staffNames span.dlSpan {
	display: table-cell;
}
.staffNames span.dtSpan {
	display: block;
	color: #05377F;
	font-size: 143%;
	font-weight: bold;
	margin-left: 0.625em;
	margin-bottom: 0.625em;
	text-decoration: none;
}
.staffNames span.ddSpan {
	display: block;
	font-weight: bold;
	color: #555555;
	border-left: 3px solid #1A99EA;
	padding: 0.4em 0.5em;
	margin-left: 1.7em;
	word-break: break-all;
	height: auto;
	font-size: 100%;
}

@media screen and (max-width:750px){
	#staffWrap {
		display: block;		
		width: 100%;
		margin: 20px 0 20px 0;
		border-bottom: none;
	}
	#staffWrap li {
		display: block;
		width: 90%;
		float: left;
		margin: 0 15px 5px 15px;
		padding: 0;
	}
	.staffImg {
		display: block;
		float: left;
		width: 60%;
	}
	.staffImg img {	
		width: 100%;
	}
	.staffNames {
		display: table;
		table-layout: auto;
	}
	.staffNames dl {
		display: inline;
	}
	.staffNames dt {
		display: block;
		color: #05377F;
		font-size: 129%;
		font-weight: bold;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	.staffNames dd {
		border-left: 3px solid #1A99EA;
		padding: 0.4em 0.8em;
		margin-left: 15px;
		word-break: break-all;
		height: auto;		
		font-size: 86%;
	}
}

/* スタッフ紹介 pages set
============================================================================================ */
#staffInfo {
	margin: 68px 0 15px 0;
	border-bottom: 3px solid #05377F;
}
.staffHead {
	width: 100%;
	display: block;
	height: 100%;
	position: relative;
}
.staffHead .imgL img {
	display: block;
	width: inherit;
	width: 100%;
	height: auto;
}
.staffHead .imgS img {
	display: none;
}
.staffContainer {
	display: block;
	margin-bottom: 100px;
}
.staffProfile {
	display: block;
	width: 23%;
	position: relative;
	z-index: 5;
	margin: -36% 0 0 0;
	float: right;
	background: #053780;
}
.staffProfile h2 {
	width: 70%;
	font-size: 129%;
	border-bottom: 1px solid #FFF100;
	color: #ffffff;
	background: #053780;
	white-space: nowrap;
}
.staffProfile span {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 172%;
	padding: 0 0 0 15%;
	color: #ffffff;
	background: #053780;
}
.staffProfile h3 {
	font-size: 172%;
	text-align: left;
	color: #ffffff;
	background: #053780;
}
.staffProfile p {
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	background: #053780;
}
.staffProfile ul {
	padding: 15px 0 0 0;
}
.staffProfile li {
	text-align: left;
	list-style: none;
	font-size: 129%;
	color: #ffffff;
	background: #053780;
	padding: 2px 0;
}
@media screen and (max-width:750px){
	#staffInfo {
		margin: 56px 0 0 0;
		border-bottom: 3px solid #05377F;
	}
	.staffHead .imgL img {
		display: none;	
	}
	.staffHead .imgS img {
		display: block;
		width: inherit;
		max-width: 100%;
		height: auto;
	}
	.staffContainer {
		margin-bottom: 100px;
	}
	.staffProfile {
		display: block;
		width: 100%;
		position: static;
		z-index: 5;
		margin: 0;
		float: none;
		background: #ffffff;
	}
	.staffProfile h2 {
		width: 100%;
		font-size: 172%;
		line-height: 50px;
		border-bottom:none;
		background: #3365BE;
		color: #ffffff;
		height: 50px;
		text-indent: 20px;
		white-space: normal;

	}
	.staffProfile span {
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 129%;
		float: right;
		padding: 0;
		padding-right: 20px;
		background: #3365BE;
	}
	.staffProfile h3 {
		font-size: 143%;
		text-align: left;
		color: #1E71A5;
		padding-left: 40px;
		padding-top: 40px;
		background: #ffffff;
	}
	.staffProfile p {
		text-align: left;
		font-weight: bold;
		color: #1E71A5;
		padding-left: 40px;
		padding-bottom: 10px;
		font-size: 100%;
		background: #ffffff;
	}
	.staffProfile ul {
		padding-bottom: 40px;
	}
	.staffProfile li {
		text-align: left;
		list-style: none;
		font-weight: bold;
		color: #555555;
		padding-left: 40px;
		font-size: 108%;
		background: #ffffff;
	}
}

.staffQA {
	display: block;
	width: auto;
	margin: 0 auto 0;
	background: #ffffff;
	color: #231815;
	border-bottom: 1px dashed #231815;
	background: url(../../img/staff_open_l.png) center right no-repeat;
}
.staffQA .staffQ {
	display: block;
	height: 90px;
	margin: 0;
	padding: 0 0 0 12%;
	font-size: 172%;
	line-height: 90px;
}
.staffQA .staffQ a {
	display: block;
	color: #555555;
	text-decoration: none;
}
@media screen and (max-width:750px){
	.staffQA {
		display: block;
		width: auto;
		margin: 0 auto 0;
		background: #ffffff;
		color: #231815;
		border-top: 1px dashed #231815;
		border-bottom: none;
		background: url(../../img/staff_open_l.png) center right no-repeat;
	}
	.staffQA.lastDashed {
		border-bottom: 1px dashed #231815;
	}
	.staffQA .staffQ {
		display: table;
		font-size: 129%;
		margin: 0;
		padding: 0;
		height: 65px;
		line-height: 1.2;
		width: 100%;
	}
	.staffQA .staffQ a {
		display: table-cell;
		vertical-align: middle;
		padding: 0 90px 0 75px;
	}
}

.staffQA .q1:first-child {
	background: url(../../img/q1.png) no-repeat 15px 50%;
}
.staffQA .q2 {
	background: url(../../img/q2.png) no-repeat 15px 50%;
}
.staffQA .q3 {
	background: url(../../img/q3.png) no-repeat 15px 50%;
}
.staffQA .q4 {
	background: url(../../img/q4.png) no-repeat 15px 50%;
}
.staffQA .time {
	background: url(../../img/time.png) no-repeat 15px 50%;
}
.staffQA .career {
	background: url(../../img/career.png) no-repeat 15px 50%;
}

@media screen and (max-width:750px){
	.staffQA .q1:first-child {
		background: url(../../img/q1_l.png) no-repeat 10px 50%;
	}
	.staffQA .q2 {
		background: url(../../img/q2_l.png) no-repeat 10px 50%;
	}
	.staffQA .q3 {
		background: url(../../img/q3_l.png) no-repeat 10px 50%;
	}
	.staffQA .q4 {
		background: url(../../img/q4_l.png) no-repeat 10px 50%;
	}
	.staffQA .time {
		background: url(../../img/time_l.png) no-repeat 10px 50%;
	}
	.staffQA .career {
		background: url(../../img/career_l.png) no-repeat 10px 50%;
	}
}

.staffA {
	display: block;
	display: none;
	margin: 45px 95px;	
}
.staffA p {
	font-size: 115%;
	color: #333333;
	margin-bottom: 15px;
}
.staffA h4 {
	font-size: 172%;
	color: #1E71A5;;
	margin-bottom: 15px;	
}
.staffPhoto img {
	width: auto;	
}
@media screen and (max-width:750px){
	.staffA {
		margin: 45px auto;
		width: 100%;	
	}
	.staffA p {
		margin: 15px 3%;
		font-size: 136%;
		color: #333333;
	}
	.staffA h4 {
		font-size: 143%;
		color: #1E71A5;
		margin: 15px 3%;
	}
	.staffA p {
		font-size: 115%;
	}
	.staffPhoto img {
		width: auto;
	}
	.staffPhoto img {
		width: inherit;
		max-width: 100%;
		height: auto;
	}
}
.closeBtn {
	text-align: center;
	margin: 15px auto;	
}

/* 下固定の「職員紹介indexへ」要素 */
#backToList {
	position: fixed;
	bottom: 30px;
	left: 50%;
	width: 264px;
	height: 67px;
	margin-left: -132px;
	background: url(../../img/back_index_pc.png) 0 0 no-repeat;
}
span#backToList span {
	display: block;
	color: #555555;
	text-indent: -99999px;
}
@media screen and (max-width:750px){
	#backToList {
		position: fixed;
		bottom: 8px;
		position:fixed;
		width:55px;
		height: 55px;
		left:50%;
		margin-left:-27.5px;
		background: url(../../img/back_index_s.png) 0 0 no-repeat;
	}
	#backToList span {
		display: none;
	}
}
/* 下固定の「ページTOP」要素 */
#backToPageTop {
	z-index: 10;
	position: fixed;
	bottom: 30px;
	right: 8px;
	width: 67px;
	height: 67px;
	background: url(../../img/to_top_pc.png) 0 0 no-repeat;
}
#backToPageTop span {
	display: none;	
}
@media screen and (max-width:750px){
	#backToPageTop {
		width: 0;
		height: 0;
		background: none;
	}
}
/* スケジュール要素 */
.timeSchedule {
	width: 100%;
	margin: 30px 0 0 0;
	background: #ffffff;
}
.timeSchedule ul {
	display: table;
	width: 99%;
	padding: 0 15px 0 0;
	height: 60px;
}
.timeSchedule ul.borderNone {
	border-left:none;
}
.timeSchedule li {
	display: table-cell;
	text-align: left;
	width: 35%;
	color: #106f41;
	font-size: 115%;
	font-weight: bold;
	padding-top: 5px;
}
.timeSchedule li:first-child {
	width: 15%;
	background: url(../../img/time_half_dot_l.png) left top no-repeat;
	color: #05377F;
	padding-left: 45px;
}
.timeSchedule ul > *:first-child + * + * {
	width: 50%;
	color: #231815;
	font-weight: normal;	
}
.timeSchedule li.firstThing {
	background: url(../../img/time_dot_l.png) left top no-repeat;		
}
.timeSchedule li.lastThing {
	background: url(../../img/time_dot.png) left top no-repeat;		
}

@media screen and (max-width:750px){
	.timeSchedule ul {
		display: table;
		width: 97%;
		height: 60px;
		padding: 15px 3% 15px 0;
	}
	.timeSchedule li {
		display: table-cell;
		text-align: left;
		width: 35%;
		color: #106f41;
		font-size: 115%;
		font-weight: bold;
		padding-top: 5px;
	}
	.timeSchedule li:first-child {
		width: 15%;
		background: url(../../img/time_half_dot.png) left top no-repeat;
		color: #05377F;
		padding-left: 30px;
	}
	.timeSchedule ul > *:first-child + * + * {
		width: 50%;
		color: #231815;
		font-weight: normal;	
	}
	.timeSchedule li.firstThing {
		background: url(../../img/time_half_dot.png) left top no-repeat;
	}
	.timeSchedule li.lastThing {
		background: url(../../img/time_half_dot.png) left top no-repeat;
	}
}


/* キャリアステップアップ要素*/
.careerStep {
	margin: 0 auto;
	width: 75%;
	padding: 0.5em;
	font-size: 115%;
	text-align: left;
	background: #ffffff;
}
.careerStep dl {
	padding: 10px;
	height: auto;
	border-bottom: 2px solid #1A99EA;
}
.careerStep dt {
 	clear: left;
	float: left;
	padding: 0.5em;
	width: 7.0em;
	color: #1e71a5;
	font-weight: bold;
	background: #ffffff;
}
.careerStep dd {
	padding: 0.5em 1.0em;
	margin-left: 7.0em;
	word-break: break-all;
	height: auto;
}

/* 数字で見る統計局　要素*/
.forRead {
	display: none;	
}

#hiddenArea .hiddenImg {
	visibility: visible;
	width: 1px;
	height: 1px;
}

#hiddenArea2 .hiddenImg {
	visibility: visible;
	width: 1px;
	height: 1px;
}

#hiddenArea3 .hiddenImg {
	visibility: visible;
	width: 1px;
	height: 1px;
}