@charset "utf-8";



/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
body {
	width: 100%;
	background-color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	border-top:6px solid #082752;
	text-align: center;
	margin: 0;
	padding: 0;
}
a {
	color:#082752;
	text-decoration:none;
}
a:hover {
	color:#dc2314;
	text-decoration:none;
}

img{
	vertical-align: middle;
  text-decoration: none;
  border: none;
  	}
	
a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  text-decoration: none;
  border: none;
	}

#navi-clear{
	clear:both;
	width:100%;
	height:1px;
	overflow: hidden;
	}


p{
	color:#333;
	font-size:14px;
	line-height: 26px;
	margin:0 0 14px 0;
	padding: 0 0 0 0;
	}


#page-top {
    position: fixed;
    bottom: 25px;
    right: 3px;
    font-size: 12px;
	}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 40px;
    padding: 3px 0;
    text-align: center;
    display: block;
    border-radius: 3px;
	}
#page-top a:hover {
    text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}
	
.clear{
	clear:both;
	width:100%;
	height:1px;
	overflow: hidden;
}


@media only screen and (max-width: 480px) {

header{
	width:100%;
	margin:0 auto 0px auto;
	padding: 0;
	background: transparent;
	text-align: center;
	position:relative;
	overflow: hidden;
}

header h1{
	width:270px;
	margin: 0 auto 10px auto;
	padding: 0;
	background: transparent;
	text-align: center;
}

header h1 img{
	height:90px;	
}



header nav{
	width:100%;
	margin: 0 0px 0 0;
	padding: 0;
	background: transparent;
	text-align: left;
	overflow: hidden;
	float: none;
}

header nav ul{
	margin: 0px 0px 0 0;
	padding: 0;
	background: transparent;
	text-align: center;
	overflow: hidden;
	float: none;
}
header nav ul li{


}

header nav ul li a{
	display: block;
	width:100%;
	padding:8px 0 8px 0px;
	font-size:13px;
	color:#fff;
	background: #082752;
	overflow: hidden;
	border-bottom:1px solid #fff;
}
header nav ul li a:hover{

}

header nav ul li a.no-line{
	border: none;
	padding:8px 0 8px 0px;
}




/*======================================

	footer-banner
	
========================================*/

#footer-banner-wrapper{
	width:95%;
	padding:0px 0 0px 0;
	margin:20px auto 20px auto;
	text-align: left;	
	background: #fff;
	overflow: hidden;
}
.footer-banner{
	width:45%;
	padding:0px 0px 0px 0px;
	margin:0px 2% 10px 2%;
	text-align: left;	
	background: #fff;
	float: left;
}
.footer-banner-last{
	width:45%;
	padding:0px 0px 0px 0px;
	margin:0px 2% 10px 2%;
	text-align: left;	
	background: #fff;
	float: left;
}

.banner-facebook{
	width:100%;
	padding:0px 0 0px 0;
	margin:0px 0px 8px 0;
}

.banner-autospec{
	width:100%;
	padding:0px 0 0px 0;
	margin:0px 0px 0px 0;
}

.footer-banner img , .footer-banner-last img, .banner-facebook, .banner-autospec{
	width:100%;
}







/*======================================

	footer
	
========================================*/

#footer-wrapper{
	width:100%;
	padding:30px 0 20px 0;
	margin:0px 0 0 0;
	text-align: left;	
	background: #082752;
	color:#fff;
}
#footer{
	width:90%;
	padding:0;
	margin: 0 auto 0 auto;
	text-align: center;
}

#footer p {
	color:#fff;
}
#footer p a{
	color:#fff;
}

#footer-menu{
	background: transparent ;
	width:auto;
	margin: 0 0 0 0;
	padding: 0px 0 0px 0 ;
	text-align: center;
	font-size:14px;
}

#footer-menu ul{
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: auto;
	list-style: none;
	text-align: center;
}

#footer-menu li{
	display:inline-box;
	list-style:none ;
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: 0 8px 0 0 ;
}
#footer-menu li a{
	color:#fff;
}
#footer-menu li a:hover{
	color:#dc2314;
}

#footer-info{
	width:auto;
	overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
}

#footer-info-left{
	width:auto;
	height:80px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	border-right:0px solid #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#footer-info-left img{
	width:300px;
}

#footer-info-right{
	width:auto;
	height:80px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 0 0 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
 }

#footer-info-foot{
	clear:both;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}

#copyright{
	width:100%;
	padding:20px 0 30px 0;
	margin:0px 0 0 0;
	text-align: center;	
	background: #c7b663;
	color:#fff;
}
#copyright p{
	color:#fff;
}



}/*//end  max-width: 480px ///////////////////////*/










@media only screen and (min-width: 481px) {


header{
	width:100%;
	margin:0 auto 0px auto;
	padding: 0;
	background: transparent;
	text-align: center;
	position:relative;
	overflow: hidden;
}

header h1{
	width:300px;
	margin: 0 auto 12px auto;
	padding: 0;
	background: transparent;
	text-align: center;
}

header h1 img{
	width:300px;	
}


header nav{
	width:100%;
	margin: 0 0px 0 0;
	padding: 0;
	background: transparent;
	text-align: left;
	overflow: hidden;
	float: none;
}

header nav ul{
	margin: 0px 0px 0 0;
	padding: 0;
	background: transparent;
	text-align: center;
	overflow: hidden;
	float: none;
}
header nav ul li{


}

header nav ul li a{
	display: block;
	width:100%;
	padding:8px 0 8px 0px;
	font-size:13px;
	color:#fff;
	background: #082752;
	overflow: hidden;
	border-bottom:1px solid #fff;
}
header nav ul li a:hover{

}

header nav ul li a.no-line{
	border: none;
	padding:8px 0 8px 0px;
}


/*======================================

	footer-banner
	
========================================*/

#footer-banner-wrapper{
	width:480px;
	padding:0px 0 0px 0;
	margin:40px auto 40px auto;
	text-align: left;	
	background: #fff;
	overflow: hidden;
}
.footer-banner{
	width:220px;
	padding:0px 0px 0px 0px;
	margin:0px 10px 10px 10px;
	text-align: left;	
	background: #fff;
	float: left;
}
.footer-banner-last{
	width:220px;
	padding:0px 0px 0px 0px;
	margin:0px 10px 10px 10px;
	text-align: left;	
	background: #fff;
	float: left;
}

.banner-facebook{
	width:225px;
	padding:0px 0 0px 0;
	margin:0px 0px 10px 0;
}

.banner-autospec{
	width:225px;
	padding:0px 0 0px 0;
	margin:0px 0px 0px 0;
}

.footer-banner img , .footer-banner-last img, .banner-facebook, .banner-autospec{
	width:100%;
}



/*======================================

	footer
	
========================================*/

#footer-wrapper{
	width:100%;
	padding:30px 0 20px 0;
	margin:0px 0 0 0;
	text-align: left;	
	background: #082752;
	color:#fff;
}
#footer{
	width:90%;
	padding:0;
	margin: 0 auto 0 auto;
	text-align: center;
}
#footer p {
	color:#fff;
}
#footer p a{
	color:#fff;
}

#footer-menu{
	background: transparent ;
	width:auto;
	margin: 0 0 0 0;
	padding: 0px 0 0px 0 ;
	text-align: center;
	font-size:14px;
}

#footer-menu ul{
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: auto;
	list-style: none;
	text-align: center;
}

#footer-menu li{
	display:inline-box;
	list-style:none ;
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: 0 8px 0 0 ;
}
#footer-menu li a{
	color:#fff;
}
#footer-menu li a:hover{
	color:#dc2314;
}

#footer-info{
	width:auto;
	overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
}

#footer-info-left{
	width:auto;
	height:80px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	border-right:0px solid #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#footer-info-right{
	width:auto;
	height:80px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 0 0 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#footer-info-foot{
	clear:both;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}

#copyright{
	width:100%;
	padding:20px 0 30px 0;
	margin:0px 0 0 0;
	text-align: center;	
	background: #c7b663;
	color:#fff;
}
#copyright p{
	color:#fff;
}


}/*//end  min-width: 481px ///////////////////////*/











@media only screen and (min-width: 769px) {

body,html{
		min-width: 960px;
}

/*======================================

	header
	
========================================*/


header{
	width:95%;
	min-width: 960px;
	height:115px;
	margin:0 auto 0px auto;
	padding: 0;
	background: transparent;
	text-align: left;
	position:relative;
	z-index: 10;
	overflow: hidden;
}

header h1{
	width:300px;
	margin: 0 30px 0 0;
	padding: 0;
	background: transparent;
	text-align: left;
	float: left;
}
header h1 img{
	width:360px;	
}
header nav{
	width:620px;
	margin: 0 0px 0 0;
	padding: 0;
	background: transparent;
	text-align: left;
	overflow: hidden;
	float: right;
}

header nav ul{
	margin: 45px 0px 0 0;
	padding: 0;
	background: transparent;
	text-align: left;
	overflow: hidden;
	float: right;
}
header nav ul li{
	font-size:14px;
	display: inline-block;
	padding:0 0px 0 0;
	margin:0px;
	background: transparent;
	font-weight: bold;
}

header nav ul li a{
	border-right:1px solid #333;
	color:#333;
	padding:2px 10px 0 10px;
	margin:0 0px 0 0;
	background: transparent;
}
header nav ul li a:hover{
	color:#dc2314;
}

header nav ul li a.left-line{
	border-left:1px solid #333;
}



/*======================================

	footer-banner
	
========================================*/

#footer-banner-wrapper{
	width:960px;
	padding:0px 0 0px 0;
	margin:40px auto 40px auto;
	text-align: left;	
	background: #fff;
	overflow: hidden;
}
.footer-banner{
	width:225px;
	height:168px;
	padding:0px 0 0px 0;
	margin:0px 20px 0px 0;
	text-align: left;	
	background: #fff;
	float: left;
}
.footer-banner-last{
	width:225px;
	height:168px;
	padding:0px 0 0px 0;
	margin:0px 0px 0px 0;
	text-align: left;	
	background: #fff;
	float: left;
}

.banner-facebook{
	width:225px;
	padding:0px 0 0px 0;
	margin:0px 0px 10px 0;
}

.banner-autospec{
	width:225px;
	padding:0px 0 0px 0;
	margin:0px 0px 0px 0;
}
/*======================================

	footer
	
========================================*/

#footer-wrapper{
	width:100%;
	padding:30px 0 20px 0;
	margin:0px 0 0 0;
	text-align: left;	
	background: #082752;
	color:#fff;
}
#footer{
	width:960px;
	padding:0;
	margin: 0 auto 0 auto;
	text-align: left;
}
#footer p{
	color:#fff;
}


#footer-menu{
	background: transparent ;
	width:960px;
	margin: 0 0 0 0;
	padding: 0px 0 0px 0 ;
	text-align: left;
	font-size:14px;
}

#footer-menu ul{
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: auto;
	list-style: none;
	text-align: left;
}

#footer-menu li{
	display:inline;
	list-style:none ;
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: 0 8px 0 0 ;
}
#footer-menu li a{
	color:#fff;
}
#footer-menu li a:hover{
	color:#dc2314;
}

#footer-info{
	width:960px;
	overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
}

#footer-info-left{
	width:345px;
	height:80px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	float:left;
	border-right:1px solid #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#footer-info-right{
	width:615px;
	height:80px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 0 0 20px;
	float:right;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}

#footer-info-foot{
	clear:both;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}

#copyright{
	width:100%;
	padding:20px 0 30px 0;
	margin:0px 0 0 0;
	text-align: center;	
	background: #c7b663;
	color:#fff;
}
#copyright p{
	color:#fff;
}




}/*//end  min-width: 769px ///////////////////////*/