@charset "utf-8";

/* PC向けおよび大型タブレット向けのレイアウトの指定：961px～1024px */
@media only screen and (min-width:961px) and (max-width:1024px){
	body {
	text-align: center;
	background-color: #E3F3F1;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 0.75em;
	font-style: normal;
	line-height: 1.6;
	font-weight: normal;
	font-variant: normal;
	float: left;

}

	}
	
/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width:1px) and (max-width:960px){
/*==========================================
 body
===========================================*/
	 
img {
	width: 100%;
	max-width: 95%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}
	
/*==========================================
 ヘッダーのスタイル
===========================================*/
#headerInnr nav ul li {
	line-height: 2.5em;
	}
	 
/*==========================================
 メインコンテンツ共通スタイル
===========================================*/
#mainImg {
	width: 100%;
	float: left;
	background-image: url(../images/bg2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 30px;
}

#mainImg2 {
	width: 600px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

	

/*==========================================
 タイトルスタイル
===========================================*/

	
/*==========================================
 共通スタイル
===========================================*/
#linkStyle li img {
	margin-bottom: 15px;
	width: 100%;
	max-width: 20%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}

.shareStyle {
	padding-bottom: 50px;
	}
	
/*==========================================
 フッターのスタイル
===========================================*/
footer {
	margin-top: 30px;
	}
		
#page-top {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
}

#page-top a {
	background-image: url(../images/pagetop2.png);
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	display: block;
}

#page-top a:hover {
	background-image: url(../images/pagetop2.png);
}

#page-top a span {
	display: none;
}

}

/* タブレット向けのレイアウトの指定：461px～768px */
@media only screen and (min-width:1px) and (max-width:768px){
.pcImg {
	display: none;
	}
	
.mbImg {
	display: inherit;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
	
#mainImg {
	width: 100%;
	float: left;
	background-image: url(../images/bg4.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 30px;
}
	
#mainImg2 {
	width: 500px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
  .fontStyle br {
    display: none;
  }
	
.fontStyle {
	padding-bottom: 30px;
	text-align: left;
	}
	
#linkBn {
	text-align: center;
	padding-bottom: 50px;
	}
	
#linkBn ul {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
#linkBn li {
	text-align: center;
	display: inherit;
	margin-left: 0px!important;
	margin-right: 0px!important;
	}
	
#linkBn li img {
	margin-bottom: 15px;
	width: 100%;
	max-width: 90%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}

#linkStyle li img {
	margin-bottom: 15px;
	width: 100%;
	max-width: 20%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}
	
footer nav ul li img {
	width: 100%;
	max-width: 30%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}	

}

@media only screen and (max-width:800px){
header {
	height: auto;
	padding-bottom: 40px;
	background-image: url(../images/header2.png);
	background-repeat: repeat-x;
	background-position: 0% bottom;
	}
	
#linkBn {
	padding-bottom: 50px;
	}
	
#linkBn li {
	text-align: center;
	display: inline;
	margin-left: 15px;
	margin-right: 15px;
	}


}
	
/* 幅460px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 460px){
	
header {
	height: auto;
	padding-bottom: 40px;
	background-image: url(../images/header2.png);
	background-repeat: repeat-x;
	background-position: 0% bottom;
	}
	
#headerInnr {
	width: 100%;
	float: left;
	background-image: url(../images/top_bg2.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	}
	
#mainImg {
	width: 100%;
	float: left;
	background-image: url(../images/bg3.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 30px;
}

#mainImg2 {
	width: 300px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

#mainImg2 img {
	width: 100%;
	max-width: 100%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}
	
#linkStyle li {
	text-align: center;
	display: inherit;
	margin-left: 0%!important;
	margin-right: 0%!important;
	}

#linkStyle li img {
	margin-bottom: 15px;
	width: 100%;
	max-width: 100%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}
	
footer nav ul li {
	text-align: center;
	display: inherit;
	margin-left: 0%!important;
	margin-right: 0%!important;
	}
	
footer nav ul li img {
	margin-bottom: 10px;
	width: 100%;
	max-width: 100%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}
	
		}