body {
    background-color: #FFFFFF;
    background-image: url(/img2/headbg01a_top.gif);
    background-repeat: repeat-x;
    max-width: 100%;
}
#page {    width: 100%;}
#contents p {    padding: 0.5em 0 !important;}

#header {
	width: 100% !important;
	background-image: url(/indeximage/33.jpg);
	background-size: cover;
	background-position: center;
    overflow: hidden;
    font-size: 10pt;
}
.headerbase {
	background:rgba(0,52,123,0.5);
	margin: 0;
}

.header1, .header2, .header3 {
	width: 1120px;
	max-width: 100%;
	margin: 0 auto;
    overflow: hidden;
}
.header1 {
	height: auto !important;
}
.header1 .headinner1 {
	display: block;
	float: left;
	width: 270px;
	height: 70px;
}
.header1 .headinner2 {
	display: block;
	float: left;
	width: 300px;
	height: 70px;
}
.header1 .headinner2 h1 {
    font-size: medium;
    line-height: 1.5;
    font-weight: bold;
	margin-top: 0.5em;
}
.header2 {
	margin: 20px auto;
}
.header3 {
	margin-top: 10px;
}

.headnavibase {
	width: 100%;
	background: #E5F5FF;
}
#headnavi {
	max-width: 1120px;
	margin: 0 auto;
    padding-top: 10px;
}

/* pagebase */
.pagebox {
    width: 1120px;
    margin: 0px auto;
    text-align: left;
}

#box1st, #box2nd, #box3rd {
    width: 1120px;
    height: auto;
    float: none;
    overflow: hidden;
    margin: 0 auto;
    font-size: 11pt;
}

/* contents1 */
#box1st .inner1w{
	display:block;
	float:left;
	width:62.6%;
	margin-right:2%;
	padding: 1%;
	background-color: #fff;
	overflow:hidden;
}
#box1st .inner1w h2, #box1st .inner1w h3, #box1st .inner1w h4, #box1st .inner1w p,
#box1st .inner3 h2, #box1st .inner3 h3, #box1st .inner3 h4, #box1st .inner3 p {
	margin-bottom: 0.5em;
}
#box1st .inner1w ul, #box1st .inner3 ul {
	margin: 0 0 1em 1.5em;
}
#box1st .inner1w ul li {
	font-size: 13pt;
	line-height: 1.5;
}
#box1st .inner1w .topicslist ul {
	margin: 0 0 1em 0;
	list-style-type: none;
}
#box1st .inner1w .topicslist ul li {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #02acdc;
}
.topicsdate {
    font-size: 8pt;
    text-align: right;
}
#box1st .inner1w #box01a_news ul.index02 li {
	font-size: 11pt;
}
#box1st .inner1w .daysbox {
	float: right;
	width: 200px;
	height: 220px;
	border: 1px solid #FF9900;
	background-color: #D9F1FF;
	font-size: 10pt;
	text-align: left;
	padding: 3px 16px 0px 16px;
	margin: 0 0 0.5em 0.5em;
}
#box1st .inner1w .daysbox img {
	max-width: 100%;
	height: auto;
}

#box1st .inner1{
	display:block;
	float:left;
	width:33.3%;
	margin-right:1%;
	overflow:hidden;
}
#box1st .inner2{
	display:block;
	float:left;
	width:33.3%;
	margin-right:1%;
	overflow:hidden;
}
#box1st .inner3{
	display:block;
	float:left;
	width:33.3%;
	overflow:hidden;
}

/* --------------------------------- contents1ad */
.box01ad01 {
	clear: both;
	float: left;
	border: 1px solid #E6E6E6;
	width: 468px;
	height: 60px;
	margin: 5px 0px 20px 40px;
}
.box01ad02 {
	float: right;
	border: 1px solid #E6E6E6;
	width: 468px;
	height: 60px;
	margin: 5px 40px 20px 0px;
}
.box01ad03 {	display: none;}

/* --------------------------------- contents2 */

#box2nd .boxw02title {
    width: 100%;
    height: auto;
    clear: both;
    margin: 5px auto;
}
#box2nd .innermid1, #box2nd .innermid2, #box2nd .innermid3 {
    width: 32.333%;
    height: auto;
    margin: 0 0.5%;
    overflow: hidden;
    float: left;
}

#box3rd .inner1w {
	display:block;
	float:left;
	width:62.6%;
	margin-right:2%;
	padding: 1%;
	background-color: #fff;
	overflow:hidden;
}
#box3rd .inner3_tabi {
	float: right;
	width: 32.3%;
	margin: 0px 0px 0px 0px;
	padding: 0 0.5%;
	background-color: #f9e9f0;
}
#box3rd .inner3_tabi p{
	font-size: 11pt;
	line-height: 1.25;
}
#box3rd .inner3_tabi a {	color:#970038;}
#box3rd .inner3_tabi h2 {
	color:#970038;
	font-size: 18pt;
}
#box3rd .inner3_tabi h3 {
	color:#970038;
	font-size: 15pt;
	border-bottom: solid 1px #FF6700;
	padding: 5px 0;
}
#box3rd .inner3_tabi h4 {
	color:#970038;
	font-size: 12pt;
}


/* footer */
#footblock00b {
    width: 1120px;
    margin: 0px auto;
    text-align: left;
}
#footblock00a {
    width: 100%;
    text-align: center;
    background-color: #E5F5FF;
}
#footbox .footnavi .footbody04 ul {
    margin: 0 0 1em 1em !important;
}
#footbox {
    clear: both;
    width: 100%;
    background-color: #E5F5FF;
}
.footblock01link {
    clear: both;
    width: 1120px;
    height: 110px;
    text-align: left;
    background-color: #EEF9FF;
    margin: 0px auto;
    padding: 3px 0;
}
#footer {
    clear: both;
    width: 100%;
    height: 25px;
    font-size: 10pt;
    padding: 5px 0 35px 0;
    color: #FFFFFF;
    text-align: center;
    background-color: #00347B;
}

@media screen and (max-width: 640px) {
	.headerbase {
		background:rgba(0,52,123,0.5);
		margin: 0;
	}
	#header1 .headinner1 {
		float: none;
		width: 100%;
		height: 70px;
	}
	#header1 .headinner2 {
		float: none;
		width: 98%;
		height: auto;
		padding: 0 1% 1em 1%;
		color: #00347b;
	}
	#box01 .inner1w{
		float:none;
		width:98%;
		margin-right:0;
		padding: 1%;
	}
	#box01 .inner1w .daysbox {
		float: right;
		width: 35%;
		height: auto;
		padding: 0;
	}

	#box01 .inner1{
		float:none;
		width:100%;
		margin-right:0;
	}
	#box01 .inner2{
		float:none;
		width:100%;
		margin-right:0;
	}
	#box01 .inner3{
		float:none;
		width:100%;
	}

	.box03 .inner1w {
		float:none;
		width:98%;
		margin-right:0;
		padding: 1%;
	}
	.box03 .inner3_tabi {
		float: none;
		width: 99%;
		padding: 0 0.5%;
	}
	#footblock00b {
		width: 96% !important;
		margin: 0 2%;
	}
	.footblock01link {
		width: 100% !important;
		height: auto;
	}
}

@media screen and (max-width: 970px) {
	#box01ad03 {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 1em 0;
	}
	#box01ad03 a {
		display: block;
		width: 468px;
		max-width: 100%;
		margin: 0 auto;
	}
}