@charset "UTF-8";
/* CSS Document */


/* スマホ */
@media only screen and  (max-width: 480px){

#main {
	background-image: url(../images/main_img_mb.png);
	height: 230px;
	width: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
}



#topic {
	width: 100%;
	margin: 0px auto;
	float: none;
	padding: 10px 0 0 0;
}
.text{
	padding:0 0 10px 10% ;
	width:90%;
	overflow:auto;
}
.text_box3 {
	width:92%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4%;
	padding-right: 4%;
	overflow: auto;
	background-color: #073613;
	color: #ddbf81;
	font-size: 14px;
	font-family:,"HG明朝E", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝" serif;
	margin-bottom: 0px;
	margin-top: 20px;
	}



#about {
	width: 100%;
	text-align: left;
	overflow: auto;
	font-size: 15px;
	line-height: 1.4em;
}
#topic_bar1 {
	background-image: url(../images/topic_bar_int_mb.png);
	background-position: bottom;
	width: 100%;
	height: 92px;
	background-repeat: repeat-x;
	margin: 0 0 10px 0;
}





/**ペイジャー*/
.pager {
	width: 90%;
	margin-top: 10px;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 10px;
	height: 30px;
	padding-top: 10px;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 10px;
}
.pager_div {
	width: 42%;
	font-size: 15px;
	text-align: center;
	float: left;
	background: #ddbf81;
	padding: 1%;
	font-weight: bold;
	border: #666 1px solid;
	margin-top: 2.5%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
}
.pager_div_on {
	width: 42%;
	font-size: 15px;
	text-align: center;
	float: left;
	background: #333;
	padding: 1%;
	font-weight: bold;
	border: #ddbf81 1px solid;
	margin-top: 2.5%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
	color: #ddbf81;
}
}


/* タブレット */
@media only screen and (max-width: 768px) and (min-width: 481px){

#main {
	background-image:url(../images/main_img_tb.jpg);
	background-position:left; 
	height:306px; 
	width:100%; 
	background-repeat:no-repeat;
	margin:10px 0 0 0;
}




#topic {
	width: 100%;
	margin: 0px auto;
	float: none;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

#about {
	width: 85%;
	text-align: left;
	float: left;
	padding-left: 10%;
	padding-right: 5%;
	padding-top: 0;
	padding-bottom:20px;
	overflow: auto;
	height: auto;
}

.text_box3 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3.968%;
	padding-right: 3.968%;
	overflow: auto;
	background-color: #073613;
	color: #ddbf81;
	font-size: 14px;
	font-family:,"HG明朝E", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝" serif;
	margin-bottom: 0;
	margin-left: 3.9%;
	margin-right: 3.9%;
	margin-top: 20px;
	}
	

.text{
	padding: 0;
	margin:0;
}

#topic_bar1 {
	background-image: url(../images/topic_bar_int.png);
	background-position: bottom;
	width: 100%;
	height: 92px;
	background-repeat: repeat-x;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}



/**ペイジャー*/
.pager {
	width: 80%;
	margin-top: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 10px;
	height: 40px;
	padding-top: 20px;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 20px;
	left: auto;
	right: auto;
}
.pager_div {
	width: 43%;
	font-size: 15px;
	text-align: center;
	float: left;
	background: #ddbf81;
	padding-top: 8px;
	padding-right: 0.1%;
	padding-left: 0.1%;
	padding-bottom: 8px;
	font-weight: bold;
	border: #666 1px solid;
	margin-top: 2.5%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
}
.pager_div_on {
	width: 43%;
	font-size: 15px;
	text-align: center;
	float: left;
	background: #333;
	padding-top: 8px;
	padding-right: 0.1%;
	padding-left: 0.1%;
	padding-bottom: 8px;
	font-weight: bold;
	border: #ddbf81 1px solid;
	margin-top: 2.5%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
	color: #ddbf81;
}
}

/* PC */
@media only screen and (min-width: 769px) {
	


#main {
	background-image: url(../images/main_img.jpg);
	height: 470px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding:1.041% 0 0 0;
}


#topic {
	width: 65.625%;
	margin: 0px auto;
	float: left;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 30px;
}

#about {
	width: 95%;
	text-align: left;
	float: left;
	padding-bottom: 40px;
	padding-left: 5%%;
	padding-right: 0;
	padding-top: 0;
	overflow: auto;
	padding-left: 5%;
}
.text{
	padding:10px 0 0 0;
}


	
.text_box3 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3.968%;
	padding-right: 3.968%;
	overflow: auto;
	background-color: #073613;
	color: #ddbf81;
	font-size: 14px;
	font-family:,"HG明朝E", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝" serif;
	}




#topic_bar1 {
	background-image: url(../images/topic_bar_int.png);
	background-position: bottom;
	width: 100%;
	height: 92px;
	background-repeat: repeat-x;
	margin: 0 0 10px 0;
}


/**ペイジャー*/
.pager {
	width: 98%;
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 10px;
	height: 40px;
	padding-top: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 20px;
	left: auto;
	right: auto;
}
.pager_div {
	width: 48%;
	font-size: 15px;
	text-align: center;
	float: left;
	background: #ddbf81;
	padding-top: 8px;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 8px;
	font-weight: bold;
	border: #666 1px solid;
	margin-top: 0.5%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-bottom: 0.5%;
}
.pager_div_on {
	width: 48%;
	font-size: 15px;
	text-align: center;
	float: left;
	background: #333;
	padding-top: 8px;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 8px;
	font-weight: bold;
	border: #ddbf81 1px solid;
	margin-top: 0.5%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-bottom: 0.5%;
	color: #ddbf81;
}
}