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




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

.box1 {
	width: 100% ;
	padding: 2% 0px 10% 0px ;
}

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

#cont1 {
	width: 45% ;
	border: 1px solid #336699 ;
	padding: 5px ;
	float: left ;
}

#box1 {
	width: 40% ;
	float: left ;
	text-align: center ;
}

#box1 img {
	width: 80% ;
	border: 1px solid #999 ;
}

#box2 {
	width: 55% ;
	float: left ;
	padding: 5px ;
}
#box2 h2 {
	width: 80% ;
	margin: auto ;
	font-size: 100% ;
	border-bottom: 1px solid #666 ;
	color: #666 ;
}
#box2 p {
	width: 80% ;
	margin: auto ;
	font-size: 90% ;
	color: #666 ;
	margin-top: 10px ;
}
#box2 p span {
	font-size: 80% ;
}


#cont2 {
	width: 45% ;
	border: 1px solid #336699 ;
	padding: 5px ;
	float: left ;
	margin-left: 5% ;
}

#box3 {
	width: 40% ;
	float: left ;
	text-align: center ;
}

#box3 img {
	width: 80% ;
	border: 1px solid #999 ;
}

#box4 {
	width: 55% ;
	float: left ;
	padding: 5px ;
}
#box4 h2 {
	width: 80% ;
	margin: auto ;
	font-size: 100% ;
	border-bottom: 1px solid #666 ;
	color: #666 ;
}
#box4 p {
	width: 80% ;
	margin: auto ;
	font-size: 90% ;
	color: #666 ;
	margin-top: 10px ;
}
#box4 p span {
	font-size: 80% ;
}



















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