@charset "utf-8";

/* *****************************************
/*+  リセット・基本セッティング  +**********
/***************************************** */

* {
  margin: 0;
  padding: 0;
}
html,
body {
  background: url(../images/top/top_con_bg.gif);
  height: 100%;
  color: #222;
}
body,
input,
select,
textarea {
  font: 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
html {
  overflow-y: scroll;
}
img {
  border: none;
  vertical-align: bottom;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  vertical-align: top;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
  line-height: 1;
}
ul,
ol {
  list-style-type: none; /**/
}
em,
strong,
address {
  font-weight: 400;
  font-style: normal;
}
a {
  outline: none;
  color: #c33;
  text-decoration: underline;
}
a:hover {
  color: #c33;
  text-decoration: underline;
}
.small {
  font-size: 85%;
}
.right {
  text-align: right;
}

/* CLEARFIX
-----------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block; /*IE7・Mac版IE向け */
}
.clearfix {
  display: block; /*Opera、Safari向け */
}
.clear {
  clear: both;
}

/* 透過用
----------------------------------------------------------*/
* html .iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}

/* 画像リンクのhover
----------------------------------------------------------*/
.link a:hover img {
  /*モダンブラウザ用*/
  opacity: 0.7;
  /*IE7以下用*/
  filter: alpha(opacity=70);
  /*IE8用*/
  -ms-filter: "alpha(opacity=85)";
}

.textBox {
  padding: 0 0 30px 20px;
}

/* *****************************************
/*+  共通  +********************************
/***************************************** */
/* 全体
----------------------------------------------------------*/
#header {
  background: url(../images/common/header_bg.gif) repeat-x;
}
#headerBox {
  margin: 0 auto;
  width: 878px;
  position: relative;
}
h1 {
  padding: 5px 0 10px 0;
  color: 2e381d;
  font-size: 85%;
}
#logo {
  padding: 0 0 8px 0;
}
#hTel {
  position: absolute;
  top: 8px;
  left: 606px;
}

#headerBox .telNumberText {
}

#headerBox .telIcon img {
}

#headerBox .telNumber {
  float: right;
}

#headerBox .telNumber p {
  font-size: 26px;
  margin: -3px 0 0 10px;
}

/* gNavi
----------------------------------------------------------*/
#gNavi {
  margin: 0 auto;
  width: 960px;
}
#gNavi:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
#gNavi {
  display: inline-block; /*IE7・Mac版IE向け */
}
#gNavi {
  display: block; /*Opera、Safari向け */
}
#gNavi li {
  float: left;
}

/* footer
----------------------------------------------------------*/
#footer {
  padding: 15px 0 30px 0;
  background: url(../images/common/footer_bg.gif) repeat-x;
}

#footerBox {
  margin: 0 auto;
  width: 898px;
}
#footerBox:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
#footerBox {
  display: inline-block; /*IE7・Mac版IE向け */
}
#footerBox {
  display: block; /*Opera、Safari向け */
}

/* copy */
#copy {
  float: left;
  color: #fff;
  font-size: 12px;
}

/* fNavi */
#fNavi {
  float: right;
}
#fNavi li {
  float: left;
  padding: 0 20px 0 0;
  font-size: 85%;
}
#fNavi a {
  color: #fff;
  text-decoration: underline;
}
#fNavi a:hover {
  color: #fff;
  text-decoration: none;
}

/* トップへ
----------------------------------------------------------*/
#pageTop {
  margin: 0 auto;
  width: 898px;
  text-align: right;
}