@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   common

--------------------------------------------------------------------------------------------------*/


/*reset-------------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: none;
  vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}

header,section,article,aside,footer,nav {
 display: block;
}

/*-------------------------------------------------reset*/


/*common-------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  color:#333;
  font-size: 14px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  line-height: 1.2;
  letter-spacing:1px;
}

a {
  color:#333;
  text-decoration:none;
  cursor:pointer;
}

ul,li {
  margin:0px;
  padding:0px;
  list-style:none;
}

address {
  font-style:normal;
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  display: inline-table;
  overflow: hidden;
}

/* mac \*/
* html .clear {
  height: 1%;
}

.clear {
  display: block;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

/*-------------------------------------------------common*/


/*--------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------*/
header {
  width:100%;
  color:#000;
}

header .header-info {
  padding:20px 0;
  border-bottom:10px solid #EBBF7E;
}

header .logo {
  margin-top:33px;
  margin-right:15px;
}

header .text,
footer .info .text-contact .text {
  line-height:18px;
  font-size:12px;
}

header .text:first-child {
  margin-right:10px;
}

header .text p,
footer .info .text-contact .text p {
  display:inline-block;
  letter-spacing:0.1px;
}


nav {
  width:100%;
  height: 43px;
  margin:10px auto;
  text-align:center;
}

nav ul {
  width:960px;
  margin: 0 auto;
  text-align: center;
}

nav li {
  display: inline-block;
  text-indent: -9999px;
  float: left;
}

nav li a {
  display: block;
  height:43px;
  width:160px;
}

nav li#navi1 a,
nav li#navi1 a:link,
nav li#navi1 a:visited {
  background:url(../image/gnavi.png) no-repeat 0px 0px;
}

nav li#navi2 a,
nav li#navi2 a:link,
nav li#navi2 a:visited {
  background:url(../image/gnavi.png) no-repeat -160px 0px;
}

nav li#navi3 a,
nav li#navi3 a:link,
nav li#navi3 a:visited {
  background:url(../image/gnavi.png) no-repeat -320px 0px;
}

nav li#navi4 a,
nav li#navi4 a:link,
nav li#navi4 a:visited {
  background:url(../image/gnavi.png) no-repeat -480px 0px;
}

nav li#navi5 a,
nav li#navi5 a:link,
nav li#navi5 a:visited {
  background:url(../image/gnavi.png) no-repeat -640px 0px;
}

nav li#navi6 a,
nav li#navi6 a:link,
nav li#navi6 a:visited {
  background:url(../image/gnavi.png) no-repeat -800px 0px;
} 
/*------------------------------------------------------------------------------------------------
  content
--------------------------------------------------------------------------------------------------*/
.container {
  width: 960px;
  margin: 0 auto;
}

.fl-left {
  float:left;
}

.fl-right {
  float:right;
}

.al-center {
  text-align:center;
}

.al-right {
  text-align:right;
}

.al-left {
  text-align:left;
}

#index .banner img {
  width:100%;
}

.font-blue {
  color:#005FB3;
}



/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/
footer .info {
  width:100%;
  background:#FAECDA;
  padding:25px 0 38px 0;
}
 footer .info .container {
   padding:0 25px;
 }

footer .info .text-contact {
  margin:15px 0px;
}

footer .info li {
  margin-right:70px;
  float:left;
}

footer .info li a {
  display:block;
  font-size:16px;
  padding-left:30px;
  line-height:25px;
  background:url(../image/icon1-footer.png) no-repeat left center;
}

footer .info li a.sub-menu {
  font-size:14px!important;
  padding-left:15px;
  margin-left:28px;
  line-height:20px;
  background:url(../image/icon2-footer.png) no-repeat left center;
}

footer .info .text-contact .text:first-child {
  margin-right:70px;
}

footer .coppy {
  width:100%;
  background:#EBBF7E;
  padding:11px 0 8px 0;
  color:#fff;
  text-align:center;
}

.pan {
margin: 0;
padding: 0;
list-style:none;
}
.pan li {
float: left;
line-height: 18px;
}