@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul {
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
margin: 0 0 20px;
}

th, td {
padding: 12px 25px;
border: 1px solid #999999;
vertical-align: top;
border-left: none;
border-right: none;
}

				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 620px) {
					th, td {
						width: auto;
						display: block;
						border-bottom: none;
						padding: 5px 10px;
					}
					td {
						border-top: none;
						padding: 10px;
					}
				}

th {
background-color: #eee;
}

iframe {
border: 0;
overflow: hidden;
}


/* common
------------------------------------*/
a {text-decoration: none}
a:link { color: #1F8476; }
a:visited { color: #1F8476; }
a:hover { text-decoration: underline;}
a:active { text-decoration: underline;}

body{
font-size:80%;
text-align:center;
color: #666666;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
-webkit-text-size-adjust: none;
background-image: url(../img/h2_bg.jpg);
background-repeat: no-repeat;
background-position: center 90px;
overflow-x: hidden;
}

				/* 【PC用のスタイル記述】 */
				@media screen and (min-width: 961px) {
					
					.tab,
					.sp {
						display: none;
					}
					
					.pc {
						display: block;
					}
				}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 960px) and (min-width: 621px) {
					
					body{
					}
					
					.pc,
					.sp {
						display: none;
					}
					
					.tab {
						display: block;
					}
				}
				
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 620px) {
					
					body{
						background-image: none;
					}
					
					.pc,
					.tab {
						display: none;
					}
					
					.sp {
						display: block;
					}
				}

#container {
	margin: 0 0 20px;
}

#header {
	width: 980px;
	margin: 0 auto;
}

#header h1 {
	float: left;
	padding: 9px 0 0;
}

#header .columnRight {
	padding: 21px 0 0;
}

h2 {
	text-align: left;
	width: 980px;
	margin: 40px auto 140px;
}

#contents {
	width: 980px;
	text-align: left;
	margin: auto;
}
				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 960px) and (min-width: 621px) {
					#header {
						width: 720px;
						margin: 0 auto;
					}
					
					#header h1 {
					}
					
					#header h1 img {
						width: 100%;
					}
				
					
					h2 {
						width: 720px;
						margin: 40px auto 140px;
					}
					
					#contents {
						width: 720px;
					}
				}
						
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 620px) {
					#header {
						width: 320px;
						margin: 0 auto;
						padding: 5px 0 10px;
					}					
					
					#header h1 {
						width: 170px;
					}
					
					#header .columnRight {
						padding: 0;
						width: 117px;
					}
					
					#header img {
						width: 100%;
					}
					
					h2 {
						width: auto;
						margin: 0 auto 25px;
						padding: 0;
					}
					
					h2 img {
						width: 100%;
					}
						
					#contents {
						width: 320px;
					}
				}

#menu {
	float: left;
	display: block;
}

#menu ul li {
	margin: 0 0 10px;
}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 960px) and (min-width: 621px) {
					
					#menu {
						float: none;
					}
					
					#menu ul li {
						float: left;
						margin: 0 20px;
					}
				}
				
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 620px) {
					#menu ul li {
						margin: 0;
					}
				}

#main {
	float: right;
	width: 720px;
}

#main ul.ulImg li  {
	float: left;
}

#main h3 {
	background-image: url(../img/h3_bg.jpg);
	background-repeat: repeat-x;
	font-size: 150%;
	padding: 11px 0;
	color: #666666;
	margin: 0 0 30px;
}

#main h3 span {
	background-image: url(../img/h3_icon.jpg);
	background-repeat: no-repeat;
	padding: 11px 65px;
}

#main .cassette {
	margin: 0 20px 20px;
}

#main .cassette h4 {
	border-left: 5px solid #508E84;
	font-size: 130%;
	padding: 5px 10px;
	margin: 0 0 15px;
}

#main .cassette ul.ulImg li  {
	float: left;
	margin: 0 10px 0 0;
}

#main ul,
#main .cassette p,
#main .cassette ul,
#main .cassette ol {
	margin: 0 0 20px;
}

#main .cassette p,
#main .cassette ul li,
#main .cassette ol li {
	line-height:1.8;
}

#main .cassette p.pdfLink {
	line-height:1;
}

#main .cassette ol li  {
	margin: 0 15px;
}

#main .cassette ul.banner li {
	display: none;
}

#main .cassette  ol.wp-paginate li {
margin: 0 5px 0 0;
list-style-type: none;
}

#pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 3;
}

#spmenu {
	display: none;
}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 960px) and (min-width: 621px) {
					
					#main {
						float: inherit;
						width: 720px;
						margin: auto;
					}
				}
				
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 620px) {
					#main {
						float: inherit;
						width: 320px;
						margin: auto;
					}
					
					#main h3 {
						background-image: none;
						background-color: #E7E7E7;
						padding: 12px 0px;
						font-size: 130%;
						color: #666666;
					}
					
					#main h3 span {
						background-image: none;
						padding: 11px;
					}
					
					#main .cassette {
						margin: 0 15px;
					}
					
					#main .cassette ul.ulImg li  {
						float: none;
						text-align: center;
						margin: auto;
					}
				}

#footer {
	background-color: #47A69C;
	text-align: center;
	padding: 10px 0;
	color: #fff;
}


#footer p.copyright {
	text-align: center;
	padding: 5px;
}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 960px) and (min-width: 621px) {
				}
				
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 620px) {
				}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.txtRed {
color: #EA0000;
}


/* clearfix
------------------------------------*/

#header:after,
#container:after,
#contents:after,
#footer:after,
.cassette:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
}

#header,
#container,
#contents,
#footer,
.cassette,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #header,
* html #container,
* html #contents,
* html #footer,
* html .cassette,
* html .clearfix {
height: 1%
}

#header,
#container,
#contents,
#footer,
.cassette,
.clearfix {
display:block;
}
/* end MacIE5 */