@charset 'utf-8';
/*
style.css
*/

.clear{
  clear:both;
}


body {
  position: relative;
  font-size: 62.5%;
  line-height: 1.8;
  background: #777777;
}



h1,h2,p,span,li {
  font-family: 'Roboto Condensed', Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
}

a {
    outline: none;
}


/* リンク共通アニメーション */
a, a.btn {
  text-decoration: none;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  outline: none;
}

/*コンテンツエリアの設定*/
.inner {
  position: relative;
  width:100%;
/*
  margin-left: 5%;
  margin-right: 2%;
*/
}
#wrapper {
  width: 100%;
}

/*ヘッダーエリアの装飾*/
#header {
  position: absolute;
  z-index: 100;
  width: 100%;
  padding: 8px 0;
  min-height: 24px;
}
#logo{
  position: absolute;
  width: 317px;
  top:0px;
  left:20px;
 } 
#kansai_tel{
  position: absolute;
  right:20px;
  top:10px;
  width: 440px;
}



/*フッターの装飾*/
#line {
  position: absolute;
  left: 0;
  bottom: 226px;
  height:1px;
  z-index: 100%;
  width: 100%;
  background: #777777;
}

#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height:200px;
  z-index: 100%;
  width: 100%;
  filter: alpha(opacity=90);
  opacity:0.9;
  background: #777777;

  padding: 12px 0;
}
#copyright{
  color: #fff;
	text-align: right;
  font-size: 1.4em;
  margin: 0;
}
#navi_box{
  width:1200px;
  text-align: center;
  margin:0px auto;
  padding-top:20px;
}
.left{
  float:left;
}
.center{
  border-left:1px dotted #fff;
  margin-left:15px;
  margin-right:15px;
    float:left;
  height:50px;
}
.right{
  float:left;
  margin-left:33px;
}

#kansai_box{
  width:235px;
  margin:0px auto;
  height:35px;
}


/*背景に画像を配置用*/
#contentContainer {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  background: #999;
}
#background {
  z-index: -9999;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#background img{
  position: absolute;
  top: 0;
  left: 0;
}

#contents{
  position: relative;
}


.btn1 {
  background-image:url(../img/btn1.png);
  background-repeat:no-repeat;
  width:165px;
  height:44px;
}
.btn1 a {
  width:165px;
  height:44px;
  display: block;
  text-indent: -5999px;
  overflow: hidden;
  outline: none; 
}
.btn1 a:hover {
  background-image:url(../img/btn1b.png);
  background-repeat:no-repeat;
}

.btn2 {
  background-image:url(../img/btn2.png);
  background-repeat:no-repeat;
  width:165px;
  height:44px;
}
.btn2 a {
  width:165px;
  height:44px;
  display: block;
  text-indent: -5999px;
  overflow: hidden;
  outline: none;
}
.btn2 a:hover {
  background-image:url(../img/btn2b.png);
  background-repeat:no-repeat;
}

.btn3 {
  background-image:url(../img/btn3.png);
  background-repeat:no-repeat;
  width:165px;
  height:44px;
}
.btn3 a {
  width:165px;
  height:44px;
  display: block;
  text-indent: -5999px;
  overflow: hidden;
  outline: none;
}
.btn3 a:hover {
  background-image:url(../img/btn3b.png);
  background-repeat:no-repeat;
}

.btn4 {
  background-image:url(../img/btn4.png);
  background-repeat:no-repeat;
  width:165px;
  height:44px;
}
.btn4 a {
  width:165px;
  height:44px;
  display: block;
  text-indent: -5999px;
  overflow: hidden;
  outline: none;
}
.btn4 a:hover {
  background-image:url(../img/btn4b.png);
  background-repeat:no-repeat;
}

.btn5 {
  background-image:url(../img/btn5.png);
  background-repeat:no-repeat;
  width:165px;
  height:44px;
}
.btn5 a {
  width:165px;
  height:44px;
  display: block;
  text-indent: -5999px;
  overflow: hidden;
  outline: none;
}
.btn5 a:hover {
  background-image:url(../img/btn5b.png);
  background-repeat:no-repeat;
}

.btn6 {
  background-image:url(../img/btn6.png);
  background-repeat:no-repeat;
  width:165px;
  height:44px;
}
.btn6 a {
  width:165px;
  height:44px;
  display: block;
  text-indent: -5999px;
  overflow: hidden;
  outline: none;
}
.btn6 a:hover {
  background-image:url(../img/btn6b.png);
  background-repeat:no-repeat;
}

.kansai {
  background-image:url(../img/kansai.png);
  background-repeat:no-repeat;
  width:360px;
  height:54px;
  margin-top:55px;
}
.kansai a {
  width:360px;
  height:54px;
  display: block;
  text-indent: -5999px;
  overflow: hidden;
   outline: none; 
}
.kansai a:hover {
  background-image:url(../img/kansaib.png);
  background-repeat:no-repeat;
}