@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

body {
	background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-width:1020px;
}

a:link {
	color: #1111cc;
	text-decoration: none;	
}
a:visited { color: #1111cc; }
a:hover {
	color: #1111cc;
	text-decoration: underline;
}
a:active { color: #1111cc; }

#box1 {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;	
}
#box2 {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}

#bigbox {
	width: 960px;
	background-color: #FFFFFF;
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-top: 30px;
	
	-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
box-shadow: 0px 0px 3px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}


#bnbox {
	width: 960px;
	float: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	
}


.conbox{
	width: 960px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
}


.coninbox{
	float: left;
	width: 100%;
	padding-top: 40px;
}




.headprebox1 {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}


.headprebox2 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 120px;
	clear: both;
}

.headprebox3 {
	float: left;	
}


.headprebox4 {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-x;
	background-color: #D81918;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 45px;
	line-height: 40px;
	margin-bottom: 20px;
}

.headprebox5 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 45px;
}




#headbox1 {
	width: auto;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	
		
}


#headbox2 {
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	clear: both;

}

#headbox3 {
	float: left;
	height: 50px;
	width: 960px;
	margin-top: 10px;
}





#copybox {
	color: #000000;
	padding-top: 6px;
	padding-left: 5px;
	height: 50px;
	line-height: 50px;
}





#footbox1 {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	height: 210px;
	font-size: 6pt;
	float: left;
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin-top: 0px;
	background-repeat: repeat;
	background-color: #3f5d4a;
}



#footbox2 {
width: 960px;
	margin-right: auto;
	margin-left: auto;


}

#footbox3 {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 8pt;
	width: 800px;
	height: 140px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	line-height: 25px;

}












.pc_on {
	display: block;	

}

.sp_on{
	display: none;
}







.s1 {
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
}





.s2 {
	color: #d81918;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
}





.s3line{
	color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	width: 98%;
	display: block;
	line-height: 40px;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 10px;
	background-color: #779cf4;
	padding-left: 2%;
	background-position: left center;
	background-repeat: no-repeat;
	
	
	
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

	
}



.s3line2 {
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2965a0;
	width: 80%;
	padding-left: 20px;
	display: block;
	line-height: 30px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:30px 30px;
	background-size:30px 30px;
	font-weight: bold;
	border-left-width: 10px;
	border-left-style: none;
	height: 30px;
	margin-bottom: 10px;
	background-image: url(../images/logo_s_an.gif);
}

.s4 {
	color: #999999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}



.s6 {
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 22px;
}



.s8 {
	color: #d81918;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13pt;
	font-weight: bold;
}




.s_tell {
	color: #D81918;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14pt;
}







.clear_box {
	clear: both;	
}












.infobox1 {
	float: left;
	width: 100%;
	background-color: #f7f7f7;
	padding-top: 20px;
	padding-bottom: 20px;
}














/*ここからページトップ*/
#page-top {
    position: fixed;
    bottom: 100px;
    right: 10px;
    font-size: 77%;
}
#page-top a {
   
    text-decoration: none;
    color: #fff;
    width: 30;
    padding: 0px 0;
    text-align: center;
    display: block;
  
}

#page-top a:hover {
    text-decoration: none;
   
}

/*ここまでページトップ*/


a img {
     border:none;
     verticle-align:top;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
/*イメージリンクのイージングに使用*/

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}


img{
	border: 0px;
	display: inline;
	
}

.word-break {
word-break: break-all;
}

/*出現アニメーション用css*/
.animation {
	margin: 0x 0;
	visibility: hidden;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-10px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/*出現アニメーション用css*/



body {
	-webkit-text-size-adjust: none;
	background-repeat: repeat-y;
	}


/*スマートフォン用css*/

@media screen and (max-width: 850px) {
 img {

    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


 body {
	background-image: url(url());
	background-color: #ffffff;
	background-image: none;
	min-width:300px;
	
}
 
 #box1 {
	width: 100%;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
 
	#box2 {
	width: 100%;
	margin-bottom: 0;
	float: none;
	
}

.conbox{
	width: 98%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;

}


#headprebox1 {
	width: 98%;
	height: 60px;
	float: none;
	margin-bottom: 10px;
}

#headprebox2 {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}

#headprebox4 {
	width: 98%;
	height: 60px;
	float: none;
	margin-bottom: 10px;
}

#headprebox5 {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}





#headbox1 {
	width: 100%;
	height: 60px;
	float: none;
	margin-bottom: 10px;
		background-image: url();
}


#headbox2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}

#headbox5 {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
}



#footbox1 {
	font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	width: 100%;
	height: 200px;
	float: none;
	font-size: 6pt;
	float: left;
	
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin-top: 20px;
}


#footbox2 {
width: 98%;
	margin-right: auto;
	margin-left: auto;


}

#footbox3 {
width: 98%;
	margin-right: auto;
	margin-left: auto;


}







#bigbox {
	width: 98%;
	float: right;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-right: 2%;
	padding-left: 2%;
}

#bnbox {
	width: 98%;
	float: right;
	background-repeat: no-repeat;
	margin-top: 10px;
}




#navi_sp {
	position: fixed;
	
	height: 98%;
	width: 100%;
	
	margin-top: 82px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;

}








.s1 {
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 10pt;
	
}




#copybox {
	color: #000000;
	padding-top: 6px;
	padding-left: 5px;
	height: 40px;
	line-height: 50px;
}




.pc_on {
	display: none;

}

.sp_on{
	display: block;	
	
}

#page-top a {
    
    text-decoration: none;
    color: #fff;
    width: 30;
    padding: 0px 0;
    text-align: center;
    display: block;
    
}
	

.s3line2 {
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
		border-bottom-color: #2965a0;
	width: 80%;
	
	padding-left: 20px;
	display: block;
	line-height: 30px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: left center;
	-moz-background-size:30px 30px;
	background-size:30px 30px;
	font-weight: bold;
		height: 30px;
	margin-bottom: 10px;
}

	
 
}