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

.clear {
	clear: both ;
}

body {
	font-size: 100% ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}
/*---- パンクズ ----*/
.rcrumbs {
	width: 68% ;
	margin: auto ;
  margin-bottom: 40px;
  margin-top: 10px;
}
#breadcrumbs-fixed-width-small {
  width: 200px;
}

#breadcrumbs-fixed-width {
  width: 565px;
}
/*パンクズ終*/


.sen1 {
	width: 100% ;
	height: 3px ;
	background-color: #336699 ;
}
.sen2 {
	width: 100% ;
	height: 1px ;
	background-color: #336699 ;
}
.sen3 {
	width: 80% ;
	height: 3px ;
	background-color: #336699 ;
	margin: auto ;
}
.sen4 {
	width: 30% ;
	height: 1px ;
	background-color: #336699 ;
	margin: auto ;
}

#hd1 {
	width: 100% ;
	background: #fff ;
	padding: 1% 0px 1% 0px ;
}
#navi1 {
	width: 50% ;
	float: left ;
	text-align: center ;
	padding: 10px 0px 10px 0px ;
}
#navi1 img {
	width: 26% ;
}



.navi2 {
	width: 40% ;
	float: left ;
	padding: 10px 0px 10px 0px ;
}

.navi2 ul {
	width: 90% ;
}
.navi2 ul li{
	width: 20% ;
	float: left ;
}
.navi2 ul li img {
	width: 100% ;
}

@media(max-width:480px) {
#hd1 {
width: 100% ;
background: #fff ;
padding: 0px ;
}
#navi1 {
	width: 100% ;
	float: left ;
	text-align: center ;
	padding: 10px 0px 10px 0px ;
}
#navi1 img {
	width:60% ;
}



.navi2 {
	width: 100% ;
	float: left ;
	padding: 0px ;
}

.navi2 ul {
	width: 90% ;
}
.navi2 ul li{
	width: 100% ;
	float: none ;
	text-align: center ;
}
.navi2 ul li img {
	width: 100% ;
}
}





.box0 {
	width: 100% ;
	text-align: center ;
	padding-top: 20px ;
	background-color: #2ca6e0 ;
}

.box0 #box0 {
	width: 60% ;
	margin: auto ;
	text-align: left ;
}

#box0 img {
	width: 70% ;
}

@media(max-width:768px) {
.box0 #box0 {
	width: 100% ;
	margin: auto ;
	text-align: left ;
}


#box0 img {
	width: 90% ;
}
}

@media(max-width:480px) {
.box0 #box0 {
	width: 100% ;
	margin: auto ;
	text-align: left ;
}


#box0 img {
	width: 100% ;
}
}




/*--------------
box1
---------------*/

.box1 {
	width: 100% ;
}

#midasi1 {
	width: 68% ;
	margin: auto ;
	margin-top: 80px ;
	margin-bottom: 80px ;
}
#midasi1 h2 {
	font-weight: bold ;
	color: #666 ;
	font-size: 140% ;
	line-height: 50px ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	border-bottom: 3px solid #999 ;
}
#midasi1 p {
	font-size: 90% ;
	line-height: 30px ;
	padding: 10px ;
}

#box1 {
	width: 70% ;
	margin: auto ;
}

#parea1 {
	width: 80% ;
	margin: auto ;
}

#Area0 {
	width: 46% ;
	height: 400px ;
	float: left ;
	border: 1px solid #336699 ;
	padding: 5px ;
	background:url(../image/saito3.png) no-repeat right bottom ;
	background-size: 30% ;
	
}

#Area0 h3 {
	width: 100% ;
	font-weight: bold ;
	color: #666 ;
	font-size: 120% ;
	border-bottom: 2px solid #336699 ;
	margin-bottom: 5px ;
	line-height: 40px ;
}

#Area0 img {
	width: 100% ;
}

#Area0 p {
	font-size: 90% ;
	padding: 5px ;
	margin-top: 10px ;
	line-height: 30px ;
}

#Area0 p span {
	font-weight: bold ;
}

#Area0 #ryoukin1 {
	width: 90% ;
	margin: auto ;
	text-align: right ;
}

#Area0 #ryoukin1 img {
	width: 30% ;
}

#Area1 {
	width: 46% ;
	float: right ;
	height: 400px ;
	border: 1px solid #336699 ;
	padding: 5px ;
	background:url(../image/saito4.png) no-repeat right bottom ;
	background-size: 30% ;
}

#Area1 h3 {
	width: 100% ;
	font-weight: bold ;
	color: #666 ;
	font-size: 120% ;
	border-bottom: 2px solid #336699 ;
	margin-bottom: 5px ;
	line-height: 40px ;
}

#Area1 img {
	width: 100% ;
}

#Area1 p {
	font-size: 90% ;
	padding: 5px ;
	margin-top: 10px ;
	line-height: 30px ;
}

#Area1 #ryoukin1 {
	width: 90% ;
	margin: auto ;
	text-align: right ;
}

#Area1 #ryoukin1 img {
	width: 30% ;
}

@media(max-width:1280px) {
#Area0 {
	height: 550px ;
	
}
#Area0 h3 {
	font-size: 92% ;
	line-height: 40px ;
}
#Area1 {
	height: 550px ;
}
#Area1 h3 {
	font-size: 92% ;
	line-height: 40px ;
}
}

@media(max-width:768px) {
#midasi1 {
	width: 80% ;
}
#midasi1 h2 {
	font-size: 130% ;
	line-height: 40px ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	border-bottom: 2px solid #999 ;
}
#midasi1 p {
	font-size: 90% ;
	line-height: 30px ;
	padding: 10px ;
}
#box1 {
	width: 80% ;
}
#parea1 {
	width: 100% ;
	margin: auto ;
}
#Area0 {
	width: 100% ;
	float: none ;
	height: auto ;
	margin-left: 0% ;
	margin-right: 0% ;
	background:url(../image/saito3.png) no-repeat right bottom ;
	background-size: 20% ;
	padding: 0px ;
}
#Area0 h3 {
	font-size: 120% ;
	border-bottom: 2px solid #336699 ;
	margin-bottom: 5px ;
	line-height: 40px ;
}
#Area0 p {
	font-size: 80% ;
}
#Area0 #ryoukin1 img {
	width: 40% ;
}

#Area1 {
	width: 100% ;
	float: none ;
	height: auto ;
	margin-right: 0% ;
	background:url(../image/saito4.png) no-repeat right bottom ;
	background-size: 30% ;
	padding: 0px ;
	margin-top: 50px ;
}
#Area1 h3 {
	font-size: 120% ;
	border-bottom: 2px solid #336699 ;
	margin-bottom: 5px ;
	line-height: 40px ;
}
#Area1 p {
	font-size: 80% ;
}
#Area1 #ryoukin1 img {
	width: 40% ;
}
}

@media(max-width:480px) {
#midasi1 {
	width: 90% ;
}
#midasi1 p {
	font-size: 70% ;
	line-height: 22px ;
	padding: 10px ;
}
#box1 {
	width: 90% ;
}
#parea1 {
	width: 100% ;
	margin: auto ;
}
#Area0 {
	width: 100% ;
	float: none ;
	height: auto ;
	margin-left: 0% ;
	margin-right: 0% ;
	background:url(../image/saito3.png) no-repeat right bottom ;
	background-size: 20% ;
	padding: 0px ;
}
#Area0 h3 {
	font-size: 100% ;
	line-height: 40px ;
}
#Area0 p {
	font-size: 70% ;
}
#Area0 #ryoukin1 img {
	width: 40% ;
}

#Area1 {
	width: 100% ;
	float: none ;
	height: auto ;
	margin-right: 0% ;
	background:url(../image/saito4.png) no-repeat right bottom ;
	background-size: 30% ;
	padding: 0px ;
	margin-top: 50px ;
}
#Area1 h3 {
	font-size: 100% ;
	line-height: 40px ;
}
#Area1 p {
	font-size: 70% ;
}
#Area1 #ryoukin1 img {
	width: 40% ;
}
}


/*-------------------------------
2段目
--------------------------------*/


.box2 {
	width: 100% ;
	padding: 5% 0px 8% 0px ;
}

#box2 {
	width: 60% ;
	margin: auto ;
}

#box2 #Area3 {
	width: 100% ;
	margin-top: 100px ;
}

#box2 #Area3 h3 {
	font-size: 120% ;
	font-weight: bold ;
	color: #666 ;
	border-bottom: 1px solid #336699 ;
}

#box2 #Area3 p {
	font-size: 90% ;
	line-height: 36px ;
	padding: 10px ;
}

@media(max-width:768px) {
#box2 {
	width: 70% ;
	margin: auto ;
}

#box2 #Area3 {
	width: 100% ;
	margin-top: 100px ;
}

#box2 #Area3 h3 {
	font-size: 120% ;
	font-weight: bold ;
	color: #666 ;
	border-bottom: 1px solid #336699 ;
}

#box2 #Area3 p {
	font-size: 90% ;
	line-height: 36px ;
	padding: 10px ;
}
}

@media(max-width:480px) {
#box2 {
	width: 90% ;
	margin: auto ;
}
#box2 #Area3 p {
	font-size: 80% ;
	padding: 5px ;
	line-height: 26px ;
}
}



/*#acMenu dt{
	margin-bottom:15px;
    display:block;
    width:200px;
    height:30px;
    line-height:30px;
    text-align:center;
    cursor:pointer;
    }
#acMenu dd{
    line-height:30px;
    text-align:left;
    display:none;
    }
*/



.ft1{
	width: 100% ;
	padding: 3% 0px 3% 0px ;
	background: url(../image/body_bk1.png) ;
}

#ftArea1 {
	width: 60% ;
	margin: auto ;
}

#ftArea2 {
	width: 30% ;
	float: left ;
	margin-right: 10% ;
	text-align: center ;
	padding-top: 20px ;
}
#ftArea2 img {
	width: 80% ;
}
#ftArea2 p {
	font-size: 70% ;
	color: #666 ;
	line-height: 20px ;
	margin-top: 10px ;
}


#ftArea3 {
	width: 30% ;
	float: left ;
	margin-right: 5% ;
	border-left: 1px outset #999 ;
}
#ftArea3 p {
	line-height: 30px ;
	font-size: 80% ;
	color: #666 ;
	padding-left: 30px ;
}
#ftArea3 p a {
	text-decoration: none ;
	color: #666 ;
}
#ftArea3 p a:hover {
	color: #2ca6e0;
}



#ftArea4 {
	width: 20% ;
	float: left ;
}
#ftArea4 img {
	width: 100% ;
	margin-bottom: 10px ;
}

@media(max-width:768px) {
.ft1{
	width: 100% ;
	padding: 3% 0px 3% 0px ;
	background: url(../image/body_bk1.png) ;
}

#ftArea1 {
	width: 100% ;
	margin: auto ;
}

#ftArea2 {
	width: 30% ;
	float: left ;
	margin-right: 10% ;
	text-align: center ;
	padding-top: 20px ;
}
#ftArea2 img {
	width: 60% ;
}
#ftArea2 p {
	font-size: 70% ;
	color: #666 ;
	line-height: 20px ;
	margin-top: 10px ;
}


#ftArea3 {
	width: 30% ;
	float: left ;
	margin-right: 5% ;
	border-left: 1px outset #999 ;
}
#ftArea3 p {
	line-height: 30px ;
	font-size: 80% ;
	color: #666 ;
	padding-left: 30px ;
}
#ftArea3 p a {
	text-decoration: none ;
	color: #666 ;
}
#ftArea3 p a:hover {
	color: #2ca6e0;
}



#ftArea4 {
	width: 20% ;
	float: left ;
}
#ftArea4 img {
	width: 100% ;
	margin-bottom: 10px ;
}
}

@media(max-width:480px) {
.ft1{
	width: 100% ;
	padding: 3% 0px 3% 0px ;
	background: url(../image/body_bk1.png) ;
}

#ftArea1 {
	width: 100% ;
	margin: auto ;
}

#ftArea2 {
	width: 100% ;
	float: none ;
	margin-right: 10% ;
	text-align: center ;
	padding-top: 20px ;
}
#ftArea2 img {
	width: 80% ;
}
#ftArea2 p {
	font-size: 90% ;
	color: #666 ;
	line-height: 20px ;
	margin-top: 10px ;
}


#ftArea3 {
	width: 80% ;
	float: none ;
	margin: auto ;
	border: none ;
	padding-top: 2% ;
	padding-bottom: 2% ;
}
#ftArea3 p {
	line-height: 26px ;
	font-size: 80% ;
	color: #666 ;
	padding-left: 30px ;
}
#ftArea3 p a {
	text-decoration: none ;
	color: #666 ;
}
#ftArea3 p a:hover {
	color: #2ca6e0;
}



#ftArea4 {
	width: 100% ;
	margin: auto ;
	float: none ;
	text-align: center ;
}
#ftArea4 img {
	width: 80% ;
	margin-bottom: 10px ;
}
}


/*---------------------------------
footer
----------------------------------*/
footer {
	width: 100% ;
	padding: 1% 0px 1% 0px ;
	background: #336699 ;
	text-align: center ;
	font-size: 80% ;
	color: #fff ;
}

@media(max-width:480px) {
footer {
	font-size: 60% ;
}
}