@charset'UTF-8'
/* Common Style */
clearfix:after {
	display: block;
	content: '';
	clear: both;
}
clearfix {
	zoom: 1;
}
#footer {
	clear:both;
}
#contents-area .topicpath ul li a:link{
	color:#0a50a1;
	text-decoration:none;
}
#contents-area .topicpath ul li a:visited{
	color:#0a50a1;
	text-decoration:none;
}
#contents-area .topicpath ul li a:hover{
	color:#FF8000;
}
/* ## PC Style ###################################################################################################### */

#main-contents {
    float: left;
}

/*******************************
タブメニュー
********************************/
ul#page-navi{
	width: 700px;
	float: left;
	clear: both;
	padding: 0;
	margin: 0 0 2% 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #30659E;
}
ul#page-navi li{
	float: left;
}
ul#page-navi li br{
	display:none;
}
ul#page-navi li.tab1 a{width: 190px;	margin: 0 2px 0 0;}
ul#page-navi li.tab1 a span{font-size:93%;}
ul#page-navi li.tab2 a{width: 148px;	margin: 0 2px 0 0;}
ul#page-navi li.tab3 a{width: 183px;	margin: 0 2px 0 0;}
ul#page-navi li.tab4 a{width: 165px;}
ul#page-navi li a{
	padding:2px 0 0 0;
	display:block;
	float: left;
	height: 38px;
	line-height: 38px;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	position: relative;
	z-index: 0;
}
ul#page-navi li a img{
	vertical-align: middle;
	margin: 0 4px 0 0;
	width: 14px;
	height: 14px;
}
ul#page-navi li a span{
	vertical-align:middle;
}
ul#page-navi li.cr a{
	background-color: #30659e;
	border-top-color: #30659e;
	border-right-color: #30659e;
	border-left-color: #30659e;
}
ul#page-navi li a:link{
	color:#263d69;
	text-decoration:none;
}
ul#page-navi li a:hover{
	color: #263d69;
	text-decoration: none;
	/* [disabled]background-color: #EEE; */
}
ul#page-navi li a:hover span{
	color: #263d69;
	text-decoration:underline;
}
ul#page-navi li a:visited{
	color:#30659e;
	text-decoration:none;
}
ul#page-navi li.cr a:link{
	color:#fff;
	text-decoration:none;
	background-color: #30659e;
}
ul#page-navi li.cr a:hover{
	color: #fff;
	text-decoration:none;
}
ul#page-navi li.cr a:visited{
	color:#fff;
	text-decoration:none;
}
ul#page-navi li.cr a:hover span{
	color: #fff;
	text-decoration:underline;
}

div.pickup-img {
	margin: 0 0 15px 0;
}
div.pickup-img img {
	width: 100%;
	height: auto;
}

.list-wrap { display: table; margin: 0 0 20px 0; }
.list-wrap li { display: table-cell; width: 31.5%; float: left; margin: 5px; border: 1px solid #CCC;}
.list-wrap li div { padding: 10px; }
.list-wrap li div h3.title2 {font-weight:normal; font-size: 92%;margin-bottom:10px;line-height:1.4;border-bottom:1px solid #999;padding-bottom:5px;}
.list-wrap li div h3.title2 strong {display:block;font-size:146.5%; font-weight: bold;}
.list-wrap p {margin-bottom:10px; font-size: 91%; line-height: 1.5;}
.list-wrap .paper-img { padding: 0; margin: 0 0 5px 0;}
.list-wrap .paper-img img {width: 100%; height:auto;}

/* アンカーリンク */
#main-contents ul.anchor-navi {
	margin: 20px auto 10px;
}
#main-contents ul.anchor-navi li {
	width: 32.5%;
}
#main-contents ul.anchor-navi li a {
	text-align: left;
	vertical-align: middle;
	padding: 15px 0 15px 40px;
	background: url(/image/bg_btn_anchor.gif) 7% center no-repeat;
}
#main-contents ul.anchor-navi li:hover {
	border-color: #125A9E;
}
#main-contents ul.anchor-navi li a:hover {
	background-color: #FFF;
}



/* SmartPhone Style ###################################################################################################### */
@media screen and (max-width:499px){
/*******************************
タブメニュー
********************************/
ul#page-navi{
	width: 100%;
	clear: both;
	padding: 0 0 2% 0;
	margin: 0 0 2% 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #30659E;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align:center;
}
ul#page-navi li{
	width:49%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	float:none;
}
ul#page-navi li br{
	display:block;
}
ul#page-navi li img{
	display:none;
}
ul#page-navi li.tab1 {margin: 0 0.5% 0.5% 0;}
ul#page-navi li.tab2 {margin: 0 0 0.5% 0.5%;}
ul#page-navi li.tab3 {margin: 0 0.5% 0 0;}
ul#page-navi li.tab4 {margin: 0 0 0 0.5%;}
ul#page-navi li a{
	box-sizing:border-box;
	padding:12px 0 10px 0;
	height:inherit;
	float:none;
	width:100%;
	display:block;
	line-height:inherit;
	/* border-radius */
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	border:solid 1px #BABABA;
}
ul#page-navi li.tab1 a{width:100%;}
ul#page-navi li.tab2 a{width:100%;}
ul#page-navi li.tab3 a{width:100%;}
ul#page-navi li.tab4 a{width:100%;}

ul#page-navi li a img{
	vertical-align:middle;
	margin:0 2px 0 0;
	width:12px;
	height:12px;
}
ul#page-navi li a span{
	vertical-align:middle;
}
ul#page-navi li.cr a{
	background-color: #30659e;
	border:solid 1px #30659e
}
ul#page-navi li a:link{
	color:#263d69;
	text-decoration:none;
}
ul#page-navi li a:hover{
	color: #263d69;
	text-decoration:underline;
	/* [disabled]background-color: #EEE; */
}
ul#page-navi li a:visited{
	color:#30659e;
	text-decoration:none;
}
ul#page-navi li.cr a:link{
	color:#fff;
	text-decoration:none;
	background-color: #30659e;
}
ul#page-navi li.cr a:hover{
	color: #fff;
	text-decoration:none;
}
ul#page-navi li.cr a:visited{
	color:#fff;
	text-decoration:none;
}
ul#page-navi li.cr a:hover span{
	color: #fff;
	text-decoration:underline;
}

.list-wrap { display: normal; margin: 0 0 20px 0; }
.list-wrap li { display: block; width:auto; float: none;}
.list-wrap li div { padding: 10px; }
.list-wrap li div h3.title2 {font-weight:normal; font-size: 92%;margin-bottom:10px;line-height:1.4;border-bottom:1px solid #999;padding-bottom:5px;}
.list-wrap li div h3.title2 strong {display:block;font-size:146.5%; font-weight: bold;}
.list-wrap p {margin-bottom:10px; font-size: 92%;}

/* アンカーリンク */
	#main-contents ul.anchor-navi li {
		width: 100%;
	}

}
/* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px){
/*******************************
タブメニュー
********************************/
ul#page-navi{
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin: 0 0 2.5% 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #30659E;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align:center;
}
ul#page-navi li{
	float:none;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
ul#page-navi li br{
	display:block;
}
ul#page-navi li img{
	display:none;
}

ul#page-navi li.tab1 {width: 25%; margin: 0 0.5% 0 0;}
ul#page-navi li.tab2 {width: 24%; margin: 0 0.5% 0 0;}
ul#page-navi li.tab3 {width: 24%; margin: 0 0.5% 0 0;}
ul#page-navi li.tab4 {width: 25%; margin:0;}

ul#page-navi li a{
	height:inherit;
	float:none;
	line-height:inherit;
	box-sizing:border-box;
	padding:14px 0 12px 0;
	width:auto;
	display:block;
	/* border-radius */
	-moz-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	text-align: center;
	font-size: 93%;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
}
ul#page-navi li.tab1 a{width:100%;}
ul#page-navi li.tab2 a{width:100%;}
ul#page-navi li.tab3 a{width:100%;}
ul#page-navi li.tab4 a{width:100%;}

ul#page-navi li a img{
	vertical-align:middle;
	margin:0 2px 0 0;
	width:12px;
	height:12px;
}
ul#page-navi li a span{
	vertical-align:middle;
}
ul#page-navi li.cr a{
	background-color: #30659e;
	border-top-color: #30659e;
	border-right-color: #30659e;
	border-left-color: #30659e;
}
ul#page-navi li a:link{
	color:#263d69;
	text-decoration:none;
}
ul#page-navi li a:hover{
	color: #263d69;
	text-decoration:underline;
	/* [disabled]background-color: #EEE; */
}
ul#page-navi li a:visited{
	color:#30659e;
	text-decoration:none;
}
ul#page-navi li.cr a:link{
	color:#fff;
	text-decoration:none;
	background-color: #30659e;
}
ul#page-navi li.cr a:hover{
	color: #fff;
	text-decoration:none;
}
ul#page-navi li.cr a:visited{
	color:#fff;
	text-decoration:none;
}
ul#page-navi li.cr a:hover span{
	color: #fff;
	text-decoration:underline;
}

.list-wrap { }
.list-wrap li { display: table-cell; width: 48%; float: left; margin: 5px; border: 1px solid #CCC;}
.list-wrap li div { padding: 10px; }
.list-wrap li div h3.title2 {}
.list-wrap li div h3.title2 strong {}
.list-wrap p {}

/* アンカーリンク */
	#main-contents ul.anchor-navi li {
		width: 49%;
	}

}