@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% ;
	padding: 2% 0px 5% 0px ;
}

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

#Area1 {
	width: 100% ;
	margin-bottom: 20px ;
}

#Area1 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 ;
}
#Area1 p {
	font-size: 90% ;
	line-height: 30px ;
	padding: 10px ;
}



#Area2 {
	width: 96% ;
	margin: auto ;
}
#Area2 img {
	width: 100% ;
}

#Area3 {
	width: 96% ;
	margin: auto ;
}
#Area3 img {
	width: 100% ;
}

#Area6 {
	width: 96% ;
	margin: auto ;
}
#Area6 img {
	width: 100% ;
}




#Area4 {
	width: 96% ;
	margin: auto ;
	margin-top: 20px ;
	margin-bottom: 20px ;
}
#Area4_1{
	float: left ;
	width: 33.3333% ;
	text-align: center ;
}
#Area4_1 img {
	width: 90% ;
}
#Area4_2{
	float: left ;
	width: 33.3333% ;
	text-align: center ;
}
#Area4_2 img {
	width: 90% ;
}
#Area4_3{
	float: left ;
	width: 33.3333% ;
	text-align: center ;
}
#Area4_3 img {
	width: 90% ;
}

#Area5 {
	width: 96% ;
	margin: auto ;
	margin-bottom: 20px ;
}
#Area5_1{
	float: left ;
	width: 33.3333% ;
	text-align: center ;
}
#Area5_1 img {
	width: 90% ;
}
#Area5_2{
	float: left ;
	width: 33.3333% ;
	text-align: center ;
}
#Area5_2 img {
	width: 90% ;
}
#Area5_3{
	float: left ;
	width: 33.3333% ;
	text-align: center ;
}
#Area5_3 img {
	width: 90% ;
}

#Area6 {
	width: 96% ;
	margin-bottom: 50px ;
}
#Area6 img {
	width: 100% ;
}
#Area7 {
	width: 96% ;
	margin: auto ;
}
#Area7 img {
	width: 100% ;
}

@media(max-width:1280px) {
#box1 {
	width: 80% ;
	margin: auto ;
}
#Area1 {
	width: 100% ;
	margin-bottom: 20px ;
}
#Area1 h2 {
	font-size: 130% ;
	line-height: 50px ;
	border-bottom: 2px solid #999 ;
}
#Area1 p {
	font-size: 80% ;
	line-height: 20px ;
}
}

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

#Area1 {
	width: 100% ;
	margin-bottom: 20px ;
}

#Area1 h2 {
	font-size: 120% ;
	line-height: 40px ;
	border-bottom: 2px solid #999 ;
}
#Area1 p {
	font-size: 70% ;
	line-height: 20px ;
}
}

@media(max-width:480px) {
#box1 {
	width: 90% ;
	margin: auto ;
}
#Area1 {
	width: 100% ;
	margin-bottom: 20px ;
}
#Area1 h2 {
	font-weight: bold ;
	color: #666 ;
	font-size: 110% ;
	line-height: 30px ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	border-bottom: 3px solid #999 ;
}
#Area1 p {
	font-size: 70% ;
	line-height: 22px ;
	padding: 10px ;
}
#Area6 {
	width: 96% ;
}
#Area6 img {
	width: 100% ;
}
}




/*-------------------
box2
--------------------*/




.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% ;
}
}