.contentHeader {
	margin: 22px 0 50px 0;
	background-image:none;
}


.contentTitle {

}




.contentTitle h1 {
    text-align: center;
    font-size: 180%;
    font-weight: 900;
    color: #fe9200;
    padding: 15px 0 20px 0;
    /* line-height: 130%; */
    border-bottom: 2px solid #feec5e;
    letter-spacing: 4px;
    /* font-weight: normal; */
	line-height: 155%;

}


.contentDescription{
	padding-top: 18px;
	text-align: center;
	color: #5b5b5b;
}


.contentHeader .date{
	color: #29b7b9;
    text-align: right;
    padding-top: 20px;
}



.contentBody {
	padding: 0 5px;
	line-height: 160%;
}

.contentBody a {
    color: #29b7b9;
}

.contentBody h2 {
    /* background-image: url(../images/onpu-blue.png),url(../images/bg01.png); */
    background-repeat: no-repeat,no-repeat;
    background-position: 5px center,left -30px;
    background-size: 30px,cover;
    padding: 18px 5px 18px 0px;
    margin: 30px 0 10px 0;
    font-size: 170%;
    color: #29b7b9;

}


.contentBody h3 {
    color: #fe9200;
    font-size: 145%;
    padding: 0 0 3px 10px;
    border-bottom: 1px solid #feec5e;

    margin: 25px 0 10px 0;
}


.contentBody h4 {
    background-image: url(../images/bg-h4.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 25px;
    font-size: 120%;
    color: #1da5f2;
}




.contentBody p {
  margin: 1em 0 1em 5px;
}

.contentBody ol,
.contentBody ul {
  margin: 1em 0 1em;
}



.contentBody ol {
  list-style: decimal;
  padding-left: 1.5em;
}

.contentBody ul {
}

.contentBody ul li {
    margin-bottom: 15px;
    background-image: url(../images/pul01.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 6px 2px;
    padding-left: 32px;
}


.contentBody ul a{

}
.contentBody ul a:hover{
	text-decoration: underline;
}



.contentBody li ul {
  list-style: circle;
}
.contentBody li li ul {
  list-style: square;
}

.contentBody ol li {
    margin-bottom: 15px;
}


.sitemap-list {
    border-left: 1px dotted #444;
}



.contentBody .alignLeft {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.contentBody .alignRight {
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}
.contentBody .alignCenter {
  display: block;
  margin: 0 auto;
}
.contentBody em {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'MS P Gothic', sans-serif;
}



.contentBody table {
  max-width: 100%;
}
.contentBody table th,
.contentBody table td {
  vertical-align: top;
  font-size: 100%;
}
.contentBody table[border] {
  border: 1px solid #ccc;
}
.contentBody table[border] th,
.contentBody table[border] td {
  padding: 3px 5px;
  border: 1px solid #ccc;
}
.contentBody table[border] th {
/*  font-weight: normal; */
	background-color: #f0f0e1;
}


/* Color Definition
================================================== */

.red{
  color: red;
}



.style1{
	font-size: 135%;
    line-height: 150%;
    color: #fe9200;
    margin-bottom: 20px;
    display: inline-block;
}

.style2 {
    font-size: 135%;
    line-height: 150%;
    color: #29b7b9;
    margin-bottom: 20px;
    display: inline-block;
}


.style3{
	background-color: #feec5e;
    color: #5b5b5b;
    padding: 10px;
    font-size: 140%;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

.style4{
	background-color: #29b7b9;
    color: #fff;
    padding: 10px;
    font-size: 140%;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

.style5{
	font-weight: bold;
    font-size: 170%;
    display: inline-block;
    padding: 19px 73px;
    text-decoration: none;
    border-radius: 50px;
    transition: .4s;
    background-color: #fbfbfb;
    color: #fe9200;
    border: solid 2px #fe9200;
}

.style6{
	border-bottom: 3px solid #feec5e;
}

.style7{
	border-bottom: 3px solid #fe9200;
}

.style8{
	border-bottom: 3px solid #29b7b9;
}

.style9{
	background-color: #feec5e;
    color: #5b5b5b;
    padding: 1px 10px 1px 10px;
    font-size: 90%;
    display: inline-block;
	
}

.style10{
	font-size: 80%;
    color: #29b7b9;
}


/*

.title a[href$='.pdf'] {
	background-image: url(../images/pdf.png);
}
.title a[href$='.doc'] {
	background-image: url(../images/doc.png);
}
.title a[href$='.docx'] {
	background-image: url(../images/docx.png);
}
.title a[href$='.xls'] {
	background-image: url(../images/xls.png);
}
.title a[href$='.xlsx'] {
	background-image: url(../images/xlsx.png);
}
.title a[href$='.jtd'] {
	background-image: url(../images/jtd.png);
}

.title a[href$='.pdf'],
.title a[href$='.doc'],
.title a[href$='.docx'],
.title a[href$='.xls'],
.title a[href$='.xlsx'],
.title a[href$='.jtd']{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
	vertical-align: top;
}


.contentBody a[href$='.pdf'] {
	background-image: url(../images/pdf.png);
}
.contentBody a[href$='.doc'] {
	background-image: url(../images/doc.png);
}
.contentBody a[href$='.docx'] {
	background-image: url(../images/docx.png);
}
.contentBody a[href$='.xls'] {
	background-image: url(../images/xls.png);
}
.contentBody a[href$='.xlsx'] {
	background-image: url(../images/xlsx.png);
}
.contentBody a[href$='.jtd'] {
	background-image: url(../images/jtd.png);
}

.contentBody a[href$='.pdf'],
.contentBody a[href$='.doc'],
.contentBody a[href$='.docx'],
.contentBody a[href$='.xls'],
.contentBody a[href$='.xlsx'],
.contentBody a[href$='.jtd']{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
	vertical-align: top;
}



*/




@media (max-width: 768px) {

.contentTitle h1 {
    text-align: center;
    font-size: 180%;
    font-weight: 900;
    color: #fe9200;
    padding: 15px 0 20px 0;
    line-height: 130%;
    border-bottom: 2px solid #feec5e;
    letter-spacing: 3px;
    /* font-weight: normal; */
}
	
.contentBody h2 {
    /* background-image: url(../images/onpu-blue.png),url(../images/bg01.png); */
    background-repeat: no-repeat,no-repeat;
    background-position: 5px center,left -30px;
    background-size: 30px,cover;
    padding: 18px 5px 10px 7px;
    margin: 30px 0 10px 0;
    font-size: 155%;
    color: #29b7b9;
}
	
	
	
.contentBody .alignLeft {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 30%;
}
.contentBody .alignRight {
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
  width: 30%;
}



.style1{

	font-size: 135%;
	line-height: 150%;
	margin-bottom:20px;
}

.style2{
	margin-bottom: 10px;
	display: inline-block;
}


.style3{
	padding:10px;
	font-size: 100%;
	display: block;
	width:100%;
	margin:15px 0;
}

.style4{
	padding:10px;
	font-size: 100%;
	display: block;
	width:100%;
	margin:15px 0;
}

.style5{
	padding:10px;
	font-size: 100%;
	display: block;
	width:100%;
	margin:15px 0;
}

.contentBody .wrap-base p {

    margin: 0 0 0 0;

}


}

@media (max-width: 480px) {
	
.contentHeader {
	margin: 0px 0 20px 0;
}
	
.contentHeader .date {
    padding-top: 10px;
    padding-right: 4px;
    font-size: 85%;
}

.contentBody p {
    margin: 0px 10px 5px 10px;
	font-size: 90%;
}

.contentBody table[border] {
    font-size: 85%;
    border: 1px solid #ccc;
}


.contentTitle h1 {
    font-size: 140%;
    letter-spacing: 1px;
    border-bottom: 3px solid #feec5e;
    border-top: 3px solid #feec5e;
    line-height: 155%;
    padding: 10px;
}
	
.contentBody h2 {
	line-height: 135%;
    background-image: url(../images/h2.gif);
    background-repeat: repeat;
    text-align: center;
    font-size: 130%;
    background-size: 3%;
    color: #7b7b7b;
    padding: 8px 15px 8px 15px;
}
	
	
	
.contentBody h3 {

}
	
	
.contentBody .alignRight {
    float: none;
	margin-left: 10px;
    margin-bottom: 10px;
    padding: 15px;
    width: 80%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
	
.contentBody .alignLeft {
  	float: none;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 15px;
    width: 80%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
	
	
	.style1 {
    margin-bottom: 10px;
		font-size: 150%;
}
	
.style9{
	background-color: #feec5e;
    color: #5b5b5b;
    padding: 1px 5px 1px 5px;
    font-size: 80%;
    display: inline-block;
	margin-top: 15px;
	
}
	
.style10 {
    font-size: 75%;
}


}

@media (max-width: 320px){
	
.contentTitle h1 {
    font-size: 143%;
}
	
	
.contentBody p {
    margin: 1em 10px 1em 10px;
    font-size: 85%;
}
}