@charset "UTF-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
  background: url(../new-img/common/bodyBg.jpg) repeat;
  margin: 0;
  padding: 0;
  text-align: center;
}

#index {
  background: url(../new-img/common/bodyBg.jpg) repeat;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fildset,
input,
textarea,
p,
blockquote,
table,
th,
td,
address {
  margin: 0;
  padding: 0;
  color: #000;
  font-style: normal;
  font: 12px/140% verdana, 'ヒラギノ角ゴ Pro W4', ヒラギノ角ゴ Pro W4,
    Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka,
    sans-serif;
}

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

textarea,
input {
  margin: 0;
  padding: 0;
}

caption,
th {
  text-align: left;
}
td,
th {
  vertical-align: top;
}

fieldset,
img,
abbr {
  border: none;
}
li {
  list-style-type: none;
}
hr {
  display: none;
}

a,
a:link {
  color: #00357c;
  text-decoration: none;
}
a:visited {
  color: #00357c;
}
a:hover {
  color: #00357c;
  text-decoration: underline;
}
strong {
  font-weight: bold;
}

img {
  vertical-align: bottom;
}

.btn form {
  display: inline;
}

#lpbanner a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=60);
}

#btn14fall a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=60);
}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#index #wrapper {
  background: url(../new-img/index/bodyBg.jpg) no-repeat 50% 0;
}

#ec #wrapper,
#teiki #wrapper,
#emergency #wrapper,
#satto #wrapper,
#thought #wrapper,
#tanpaku #wrapper,
#guide #wrapper,
#news #wrapper,
#product #wrapper {
  background: url(../new-img/common/wrapBg01.jpg) repeat-x 50% 0;
  _height: 1%;
}

#head {
  margin: 0 auto 20px;
  position: relative;
  width: 980px;
}

#index #head {
  height: 605px;
}

#ec #head,
#teiki #head,
#emergency #head,
#satto #head,
#thought #head,
#tanpaku #head,
#guide #head,
#news #head,
#product #head {
  background: url(../new-img/common/wrapBg01.jpg) repeat-x 50% 0;
  height: 98px;
  margin: 0 auto;
}

#cont:before,
#cont:after {
  content: '';
  display: table;
}

#cont:after {
  clear: both;
}

#cont {
  margin: 0 auto;
  padding: 0 0 40px;
  position: relative;
  text-align: left;
  width: 980px;
  z-index: 10;
  zoom: 1; /* For IE 6/7 */
}

#index #main {
  float: left;
  margin: 0 20px 0 3px;
  width: 610px;
}

#index #sideBar {
  float: left;
  width: 340px;
}

#pageTop {
  position: absolute;
  bottom: -5px;
  right: 10px;
  z-index: 10;
}

#foot {
  background: url(../new-img/common/footBg3.jpg) repeat-x 50% 0;
  height: 1%;
}

#ec #foot,
#index #foot {
  background: url(../new-img/common/footBg.jpg) repeat-x 50% 0;
}

#foot2 {
  background: url(../new-img/common/footBg2.jpg) repeat-x #207db5;
}

/***********************************************/
/* #head style                                 */
/***********************************************/

#head h1 {
  position: absolute;
  top: 10px;
  left: 10px;
}

#head #headLead {
  position: absolute;
  top: 14px;
  left: 100px;
}

#head #nav:before,
#head #nav:after {
  content: '';
  display: table;
}

#head #nav:after {
  clear: both;
}

#head #nav {
  position: absolute;
  top: 48px;
  left: 105px;
  zoom: 1; /* For IE 6/7 */
}

#head #nav li {
  float: left;
}

#head #headLink {
  position: absolute;
  top: 5px;
  right: 13px;
}

#head #headLink:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#head #headLink {
  display: inline-block;
}

#head #headLink2 {
  position: absolute;
  top: 5px;
  right: 187px;
}

#head #headLink2:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#head #headLink2 {
  display: inline-block;
}

/*\*/
*html #head #headLink {
  height: 1%;
}
#head #headLink {
  display: block;
}
*html #head #headLink2 {
  height: 1%;
}
#head #headLink2 {
  display: block;
}
/**/

#head #headLink a {
  display: block;
  float: left;
}
#head #headLink2 a {
  display: block;
  float: left;
}

#head #headLink a.guide {
  margin: 0 5px 0 0;
}
#head #headLink2 a.guide {
  margin: 0 5px 0 0;
}

#head #headLink form {
  float: right;
}
#head #headLink2 form {
  float: right;
}

#head #headBtn {
  position: absolute;
  top: 30px;
  right: 10px;
}

#index #head h1 {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}

#index #head #headLink {
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 10;
}
#index #head #headLink2 {
  position: absolute;
  top: 0;
  right: 177px;
  z-index: 10;
}

#index #head h2 {
  position: absolute;
  top: 168px;
  left: 306px;
  z-index: 10;
}

#index #head .headBtn {
  position: absolute;
  top: 317px;
  left: 313px;
  z-index: 10;
}

#index #head #headSub:before,
#index #head #headSub:after {
  content: '';
  display: table;
}

#index #head #headSub:after {
  clear: both;
}

#index #head #headSub {
  position: absolute;
  top: 430px;
  left: 8px;
  z-index: 10;
  zoom: 1; /* For IE 6/7 */
}

#index #head #headSub li {
  float: left;
}

#index #head #headSub li a {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 174px;
  display: block;
  text-indent: -10000px;
  width: 322px;
}

#index #head #headSub li.sub01 a {
  background-image: url(../new-img/index/sub01.png);
}
#index #head #headSub li.sub02 a {
  background-image: url(../new-img/index/sub02.png);
  width: 320px;
}
#index #head #headSub li.sub03 a {
  background-image: url(../new-img/index/sub03.png);
}

#index #head #headSub li.sub01 a.c {
  background-image: url(../new-img/index/sub01c.png);
}
#index #head #headSub li.sub02 a.c {
  background-image: url(../new-img/index/sub02c.png);
}
#index #head #headSub li.sub03 a.c {
  background-image: url(../new-img/index/sub03c.png);
}

#index #head #topBg li {
  display: none;
  overflow: hidden;
  _overflow: visible;
  margin: 0 0 0 -800px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
}

#index #head #topBg li.ch01 {
  display: block;
}

#index #head #topBg li.ws {
  overflow: hidden;
}

#index #head .ch01 .headBtn {
  top: 327px;
  left: 317px;
}

#index #head .ch02 h2 {
  top: 136px;
  left: 320px;
}
#index #head .ch02 .headBtn {
  top: 350px;
}

#index #head .ch03 h2 {
  top: 133px;
  left: 185px;
}

#head #subNav:before,
#head #subNav:after {
  content: '';
  display: table;
}

#head #subNav:after {
  clear: both;
}

#head #subNav {
  position: absolute;
  top: 98px;
  left: 10px;
  zoom: 1; /* For IE 6/7 */
}

#head #subNav li {
  float: left;
  font-size: 14px;
}
#head #subNav li a {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90); /* ie lt 8 */
  -ms-filter: 'alpha(opacity=90)'; /* ie 8 */
  -moz-opacity: 0.9; /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.9; /* Safari 1.x */
  display: block;
  height: 56px;
  line-height: 56px;
}
#head #subNav li.current a {
  opacity: 1;
  filter: alpha(opacity=100); /* ie lt 8 */
  -ms-filter: 'alpha(opacity=100)'; /* ie 8 */
  -moz-opacity: 1; /* FF lt 1.5, Netscape */
  -khtml-opacity: 1; /* Safari 1.x */
  background: #f5f5f5;
}
#head #subNav li a:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* ie lt 8 */
  -ms-filter: 'alpha(opacity=100)'; /* ie 8 */
  -moz-opacity: 1; /* FF lt 1.5, Netscape */
  -khtml-opacity: 1; /* Safari 1.x */
  background: url(../new-img/common/nav_hover.png) no-repeat center top;
}
#head #subNav li.current a:hover {
  color: #f5f5f5;
}
/***********************************************/
/* #cont2 style                                */
/***********************************************/

#cont2 {
  background: url(../new-img/common/contBg.jpg) repeat-x #f4f1e9;
  height: 1%;
}

#cont2 #secCommonArea:before,
#cont2 #secCommonArea:after {
  content: '';
  display: table;
}

#cont2 #secCommonArea:after {
  clear: both;
}

#cont2 #secCommonArea {
  background: url(../new-img/common/contBg.jpg) repeat-x #f4f1e9;
  margin: 0 auto;
  padding: 30px 0 70px;
  position: relative;
  text-align: left;
  width: 964px;
  z-index: 5;
  zoom: 1; /* For IE 6/7 */
}

#cont2 #secCommonArea ul {
  float: right;
}

#cont2 #secCommonArea ul li {
  margin: 0 0 20px;
}

#cont2 #secCommonArea #commonInfo {
  background: url(../new-img/common/secCommonDlBg01.jpg) no-repeat 0 100%;
  float: left;
  margin: 0 0 20px;
  width: 694px;
}

#cont2 #secCommonArea #commonInfo dl {
  background: url(../new-img/common/secCommonDlBg02.jpg) no-repeat 0 0;
  min-height: 160px;
  _height: 160px;
  padding: 93px 20px 30px 42px;
}

#cont2 #secCommonArea #commonInfo dl dt {
  margin: 0 0 10px;
}

#cont2 #secCommonArea #commonInfo dl dd {
  line-height: 160%;
  margin: 0 0 25px;
}

#cont2 #secCommonArea #commonInq {
  background: url(../new-img/common/secCommonDlBg03.jpg) no-repeat 0 0;
  clear: both;
}

#cont2 #secCommonArea #commonInq #commonInqCont:before,
#cont2 #secCommonArea #commonInq #commonInqCont:after {
  content: '';
  display: table;
}

#cont2 #secCommonArea #commonInq #commonInqCont:after {
  clear: both;
}

#cont2 #secCommonArea #commonInq #commonInqCont {
  background: url(../new-img/common/secCommonDlBg04.jpg) no-repeat 0 100%;
  padding: 20px 20px 5px 20px;
  zoom: 1; /* For IE 6/7 */
}

#cont2 #secCommonArea #commonInq #commonInqCont dl {
  float: left;
  width: 450px;
}

#cont2 #secCommonArea #commonInq #commonInqCont dl.last {
  background: url(../new-img/common/secCommonPict.jpg) no-repeat 100% 100%;
  float: right;
}

#cont2 #secCommonArea #commonInq #commonInqCont dl dt {
  margin: 0 0 10px;
}

#cont2 #secCommonArea #commonInq #commonInqCont dl dd {
  margin: 0 0 10px;
}

#cont2 #secCommonArea #commonInq #commonInqCont dl.last dd {
  margin: 0 0 60px;
}

#cont2 #secCommonArea #commonInq #commonInqCont dl dd.tel {
  color: #00357c;
  font-size: 155%;
  margin: 0 0 20px;
}

#cont2 #secCommonArea #commonInq #commonInqCont dl dd.btn {
  margin: 0 0 15px;
}

/***********************************************/
/* #foot style                                 */
/***********************************************/

#foot .footCont:before,
#foot .footCont:after {
  content: '';
  display: table;
}

#foot .footCont:after {
  clear: both;
}

#foot .footCont {
  background: url(../new-img/common/footBg3.jpg) no-repeat 50% 0;
  margin: 0 auto;
  padding: 100px 10px 30px;
  position: relative;
  text-align: left;
  width: 960px;
  zoom: 1; /* For IE 6/7 */
}

#ec #foot .footCont,
#index #foot .footCont {
  background: url(../new-img/common/footBg.jpg) no-repeat 50% 0;
}

* html #foot .footCont {
  background-position: 50% -0.5px;
  height: 550px;
  padding: 100px 10px 0;
  overflow: hidden;
  width: 980px;
}

#foot #footLogo {
  clear: both;
  position: absolute;
  top: 15px;
  left: 10px;
}

#foot #footSocial01:before,
#foot #footSocial01:after {
  content: '';
  display: table;
}

#foot #footSocial01:after {
  clear: both;
}

#foot #footSocial01 {
  zoom: 1; /* For IE 6/7 */
}

#foot #footSocial01 {
  clear: both;
  position: absolute;
  top: 35px;
  right: 10px;
}

#foot #footSocial01 .face,
#foot #footSocial01 .tweet,
#foot #footSocial01 .hatena,
#foot #footSocial01 .pocket {
  float: left;
}

#foot #footSocial01 .face {
  margin: 0 15px 0 0;
}

* html #foot #footSocial01 .face {
  margin: 0 -320px 0 0;
  width: 120px !important;
}

* html #foot #footSocial01 .face iframe {
  width: 120px !important;
}

#foot #footSocial01 .tweet iframe {
  width: 115px !important;
}

#foot #footSocial01 .pocket iframe {
  width: 105px !important;
}

#foot ul,
#foot dl {
  float: left;
  margin: 0 20px 0 0;
  zoom: 1;
}

#foot #footMenu01 {
  width: 210px;
}
#foot #footMenu02 {
  width: 210px;
}
#foot #footMenu03 {
  margin: 0;
  width: 230px;
}

#foot ul li,
#foot dl dt {
  background: url(../new-img/common/footIcon01.gif) no-repeat 0 7px;
  font-weight: bold;
  font-size: 110%;
  margin: 0 0 10px;
  padding: 0 0 0 15px;
}

#foot ul li a,
#foot dl dd a {
  color: #333;
}

#foot ul li.note a,
#foot dl dt a {
  color: #00357c;
}

#foot dl dt {
  margin: 25px 0 0;
}

#foot dl dt.first {
  margin: 0;
}

#foot dl dd {
  background: url(../new-img/common/footIcon02.gif) no-repeat 0 6px;
  margin: 15px 0 0 15px;
  padding: 0 0 0 15px;
}

#foot #footSocial02 {
  background: url(../new-img/common/footSocialBg.jpg) no-repeat 100% 100%;
  float: right;
  padding: 5px;
  width: 240px;
  _width: 250px;
}

#foot #footSocial02 div {
  height: 340px;
  overflow: hidden;
  width: 240px;
}

#foot2 .footCont:before,
#foot2 .footCont:after {
  content: '';
  display: table;
}

#foot2 .footCont:after {
  clear: both;
}

#foot2 .footCont {
  background: url(../new-img/common/footBg2.jpg) repeat-x #207db5;
  margin: 0 auto;
  padding: 10px 10px 5px;
  text-align: left;
  width: 960px;
  zoom: 1; /* For IE 6/7 */
}

#foot2 .footCont #footLink {
  float: left;
}

#foot2 .footCont #footLink a {
  background: url(../new-img/common/footIcon03.gif) no-repeat 100% 5px;
  color: #fff;
  padding: 0 20px 0 0;
}

#foot2 .footCont address {
  color: #bdd8e9;
  float: right;
  font-size: 85%;
}

blockquote {
  background: #f6f6f6 url(../images/testimonial_quote_icon.png) no-repeat 15px
    10px;
  padding: 20px 30px 10px 70px;
  font-style: italic;
  margin-bottom: 10px;
  letter-spacing: 0;
}

/* 20160328 蜂須賀追記 */

#foot3 {
  background: #8dc8ed;
  min-width: 980px;
}

#foot3-midashi {
  font-size: 110%;
  font-weight: bold;
  color: #000;
  padding-top: 20px;
}

.foot3Cont {
  padding: 12px 16px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 960px;
  zoom: 1;
  overflow: hidden;
}
.foot3Cont ul {
  margin: 17px auto 21px auto;
}
.foot3Cont ul:after {
  content: '';
  clear: both;
  display: block;
}
.foot3Cont li a {
  display: inline-block;
  float: left;
  margin-right: 18px;
  background: #eee;
  box-shadow: 0 1px 1px #999;
  border-radius: 4px;
  padding: 2px 6px;
  height: 32px;
}
.foot3Cont li a:hover {
  opacity: 0.6;
}
.foot3Cont li a img {
  height: auto;
  width: 160px;
}

li.logo-foot02 a {
}

li.logo-foot02 a img {
  position: relative;
  top: 5px;
}