html, body {
  height: 100%;
  margin: 0;
  min-height: 100%;
  position: relative;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
}

body {
  background: #fff;
  color: #111;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  font-size: 13px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.wrapper {
  margin: 0 auto;
  width: 900px;
}

/*clear
------------------------------------------------------------------------------------------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*float
------------------------------------------------------------------------------------------------------------------------------------*/

.left { float: left !important; }

.right { float: right !important; }

/*リンク
------------------------------------------------------------------------------------------------------------------------------------*/

a {
  color: #111;
  text-decoration: none;
}

a:hover {
  color:#d00000;
  text-decoration: none;
}

/*ヘッダ
------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
  color: #d00000;
  float: right;
  font-size: 10px;
}

.header { 
  overflow: hidden;
  height: 97px;
}

.header .logo { 
  margin: -47px 0 0 0;
  position: absolute;
}

.header .tel { margin-top: -65px;}

.logo {
  float: left;
  padding-left: 12px;
}

.tel img {
  clear: right;
  float: right;
  margin-top: 10px;
  position: relative;
}

/*検索*/

.search-box {
  background: url(../img/form_bg.jpg) no-repeat top center;
  display: block;
  margin-top: 14px;
  margin: 13px auto 0;
  position: relative;
  text-align: center;
}

.search-box input {
  display: inline;
  line-height: 24px;
  vertical-align: top;
}

.search-box input[type="text"] {
  border: 1px solid #d00000;
  height: 24px;
  line-height: 1.6;
  margin: 52px 0 0 -40px;
  width: 209px;
}

input.btn {
  height: 28px;
  margin-top: 52px;
  overflow: visible;
  position: absolute;
}

/*ナビゲーション*/
nav {
  display: block;
  margin: 0 auto 10px;
  position: relative;
  text-align: center;
}

nav ul { margin: 40px auto 0; }

nav ul li {
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
}

nav ul li a {
  display: block;
  height: 25px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

nav ul li:hover {
	 -webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
}

li.toppage {
  background: url(../img/nav.jpg) no-repeat 0 0;
  width: 116px;
}

li.request {
  background: url(../img/nav.jpg) no-repeat -116px 0;
  width: 129px;
}

li.shinchiku {
  background: url(../img/nav.jpg) no-repeat -245px 0;
  width: 108px;
}

li.bunjyo {
  background: url(../img/nav.jpg) no-repeat -353px 0;
  width: 136px;
}

li.rosen {
  background: url(../img/nav.jpg) no-repeat -489px 0;
  width: 112px;
}

li.voice {
  background: url(../img/nav.jpg) no-repeat -601px 0;
  width: 107px;
}

li.staff {
  background: url(../img/nav.jpg) no-repeat -708px 0;
  width: 92px;
}

li.jobs {
  background: url(../img/nav.jpg) no-repeat -800px 0;
  width: 100px;
}

li.information {
  background: url(../img/nav.jpg) no-repeat 900px 0;
  width: 106px;
}

li.toppage:hover {
  background: url(../img/nav_h.jpg) no-repeat 0 0;
  width: 116px;
}

li.request:hover {
  background: url(../img/nav_h.jpg) no-repeat -116px 0;
  width: 129px;
}

li.shinchiku:hover {
  background: url(../img/nav_h.jpg) no-repeat -245px 0;
  width: 108px;
}

li.bunjyo:hover {
  background: url(../img/nav_h.jpg) no-repeat -353px 0;
  width: 136px;
}

li.rosen:hover {
  background: url(../img/nav_h.jpg) no-repeat -489px 0;
  width: 112px;
}

li.voice:hover {
  background: url(../img/nav_h.jpg) no-repeat -601px 0;
  width: 107px;
}

li.staff:hover {
  background: url(../img/nav_h.jpg) no-repeat -708px 0;
  width: 92px;
}

li.jobs:hover {
  background: url(../img/nav_h.jpg) no-repeat -800px 0;
  width: 100px;
}

li.information:hover {
  background: url(../img/nav_h.jpg) no-repeat 900px 0;
  width: 106px;
}




/*パンくず*/

.breadcrumbs {
/*  font-size: 10px;*/
  font-size: 13px;
/*  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;*/
  height: 15px;
  margin: 15px auto;
  padding: 5px 0;
  text-align: left;
  width: 900px;
}

.breadcrumbs span { margin-left: 3px; }

.breadcrumbs_home {
/*  background: url(../img/home_icon.gif) no-repeat left top;
  height: 12px;
  width: 12px;*/
}

.breadcrumbs_home a  {
  color: #d00000;
  margin-right: 3px;
/*  padding-left: 15px;*/
  padding-left: 0px;
}

.breadcrumbs span a {
  color: #d00000;
  margin-right: 3px;
}

.breadcrumbs_home a:hover,
.breadcrumbs span a:hover { text-decoration: underline; }

.voice_main,
.contents_main {
  background: url(../img/main_bg.jpg) no-repeat top;
  border-top: 3px solid #d00000;
  width: 100%;
  background:;
}

.voice_contents {
  background: url(../img/voice_bg.jpg) no-repeat;
  height: 600px;
  position: relative;
  width: 900px;
}

.custimer_voice {
  background: url(../img/custimer_voice_bg.png) no-repeat;
  color: #543f3f;
  height: 272px;
  margin-top: 297px;
  padding: 110px 0 0 90px;
  position: absolute;
  width: 404px;
}

.custimer_voice p {
  line-height: 1.5;
  width: 250px;
}

.voice_count {
  background: url(../img/voice_count.png) no-repeat;
  height: 105px;
  margin: 440px 0 0 465px;
  padding-left: 120px;
  position: absolute;
  width: 400px;
}

.voice_count span {
  color: #d00000;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  font-size: 56px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 2px;
}

.contents {
  margin: 10px auto 45px;
  position: relative;
}

.content {
  margin: 10px auto 45px;
}

/*ページャー*/

.pager div {
  display: inline-table;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}

.pager_left { float: left; }

.pager_left span {
  color: #d00000;
  font-size: 22px;
  font-weight: bold;
  margin-right: 3px;
}
 
.pager_right {
  float: right;
  font-size: 11px;
}

.pager_right ul li {
  display: inline-table;  
  *display: inline;  
  *zoom: 1;
  z-index: -1;
}

.pager_right ul li a span { color: #d00000; }

.pager_right ul li a span:hover { text-decoration: underline; }

.number_page {
  margin: 0 5px;
  width: 245px;
}

.number_page li a { 
  display: inline-table; 
  *display: inline;  
  *zoom: 1;
}

/*
.number {
  background: url(../img/circle.gif) no-repeat;
  color: #fff;
  height: 21px;
  line-height: 2;
  overflow: hidden;
  text-align: center;
  width: 21px;
}

 
.number:hover {
  background: url(../img/circle_h.gif) no-repeat;
  color: #de0000;
  height: 21px;
  line-height: 2;
  text-align: center;
  width: 21px;
}
*/

.voice_section {
  border-top: 7px solid #d00000;
  border-bottom: 3px solid #d00000;
  margin: 30px auto 10px;
  position: relative;
}

.division {
  border-bottom: 2px solid #d00000;
  height: 30px;
  padding: 10px 0;
  width: 900px;
}

.division p {
  background: url(../img/icon.jpg) no-repeat 5px 0;
  font-size: 18px;
  float: left;
  line-height: 1.5;
  padding-left: 50px;
  padding-bottom: 12px;
}

.division img { padding-top: 3px; }

.icon_type {
  border: 1px solid #f00;
  color: #f00;
  font-size: 12px;
  font-weight: bold;
  float: right;
  margin-top: 3px;
  padding: 4px 10px;
}

.inner_left {
  display: inline;
  clear:left;
  float: left;
  margin: 35px auto 25px;
  width: 440px;
}

.inner_right {
  border-right:1px solid #c8c8c8;
  border-bottom:1px solid #c8c8c8;
  border-top:1px solid #c8c8c8;
  background:url(../img/bg_staff_inner_right.jpg) 0 0 repeat-y;
  display: inline;
  float: right;
  margin: 35px auto 25px;
  overflow: hidden;
  padding:15px 0 10px 20px;
  width: 419px;
  text-align: center;
  background-color: #fff;
}

.inner_right img {
  margin-bottom: 15px;
}

.inner_left { margin-right: 20px; }

.inner_left p { margin-bottom: 25px; }

.google_p {
  background: #d61e1e url(../img/person.jpg) no-repeat top center;
  height: auto;
  padding: 35px 0 30px;
}

.inner_right dl {
  border-bottom: 1px solid #eee;
  height: 115px;
  margin-bottom: 30px; 
}

.inner_right dt {
  clear: left;
  float: left;
  margin-bottom: 15px;
  width: 45px;
}

.inner_right dd {
  float: left;
  margin: 0 0 15px 15px;
  letter-spacing: 1px;
  line-height: 1.5;
  width: 360px;
}

.marker {
  background: url(../img/marker.jpg) no-repeat left bottom;
  color: #d00000;
  font-weight: bold;
}

/* staff */
.staff_list_wrap {
  overflow: hidden;
  margin: 0 5px;
  width: 890px;
}

/* 本郷三丁目駅前支店 社員サムネール */
.mori { background: url(../img/img_staff_mori.jpg) no-repeat;}
.teruuchi { background: url(../img/img_staff_teruuchi.jpg) no-repeat;}
.kitatani { background: url(../img/img_staff_kitatani.jpg) no-repeat;}
.tsukamoto { background: url(../img/img_staff_tsukamoto.jpg) no-repeat;}
.ohba { background: url(../img/img_staff_ohba.jpg) no-repeat;}

/* 春日通支店 社員サムネール */
.takahashi { background: url(../img/img_staff_takahashi.jpg) no-repeat;}
.kiyama { background: url(../img/img_staff_kiyama.jpg) no-repeat;}
.iwaya { background: url(../img/img_staff_iwaya.jpg) no-repeat;}
.matsuzawa { background: url(../img/img_staff_matsuzawa.jpg) no-repeat;}

/* 総務・経理・管理部 社員サムネール */
.fujikura { background: url(../img/img_staff_fujikura.jpg) no-repeat;}
.doya { background: url(../img/img_staff_doya.jpg) no-repeat;}
.annaka { background: url(../img/img_staff_annaka.jpg) no-repeat;}
.usui { background: url(../img/img_staff_usui.jpg) no-repeat;}
.ryu { background: url(../img/img_staff_ryu.jpg) no-repeat;}
.kawahara { background: url(../img/img_staff_kawahara.jpg) no-repeat;}
.hamasaki { background: url(../img/img_staff_hamasaki.jpg) no-repeat;}

.staff_list_col {
  border: 1px solid #ccc;
  float: left;
  height: 288px;
  margin: 20px 10px;
  position: relative;
  text-align: center;
  width: 200px;
}

.staff_list_col a.linkarea {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.staff_list_col:hover {
  opacity: .8;
  filter: alpha(opacity=80);        
  -ms-filter: "alpha(opacity=80)";
  *zoom: 1;
}

.g_h {
  float: left;
  margin: 270px 0 0 -48px;
  position: relative;
  text-decoration: none;
}

.g_h:hover {
  opacity: .8;
  filter: alpha(opacity=80);        
  -ms-filter: "alpha(opacity=80)";
  *zoom: 1;
}

.staff_list_col .data {
  margin-top: 220px;
  position: absolute;
  width: 200px;
  *margin-left: -100px;
}

.staff_list_col div.initiation {
  background: url(../img/data_bg.png) no-repeat;
  color: #fff;
  font-size: 11px;
  height: 15px;
  line-height: 1.2;
  padding: 4px 0;
  overflow: hidden;
}

.staff_list_col div.name {
  background: #fff;
  font-size: 17px;
  height: 15px;
  padding: 15px 0;
  overflow: hidden;
}

.staff_section {
  background-color: #fff;
  border-top: 7px solid #d00000;
  margin: 10px auto 20px;
  position: relative;
}

.staff_contents {
  height: 378px;
  position: relative;
  width: 900px;
}

/*
写真詳細ページG+バッジの配置位置 */
.staff_contents#left_01 .g-profile-l {
  top:0;
  left:45px;
  width: 200px;
  position:absolute;
  z-index:999;
}

.staff_contents#left_02 .g-profile-l {
  top:-15px;
  left:33px;
  width: 200px;
  position:absolute;
  z-index:999;
}

.staff_contents#right_01 .g-profile-l {
  top:-15px;
  right:33px;
  width: 200px;
  position:absolute;
  z-index:999;
}

.mt-46 {   
  margin-top: 46px;
  margin-top: 60px\9; /* IE8 */
  *margin-top: 0; /* IE7 */
}

:root .staff_contents .mt-46 { margin-top: 60px\0/; /* IE9 */ }

@media all and (-ms-high-contrast:none){ *::-ms-backdrop, .staff_contents .mt-46 { margin-top: 60px;/* win ie11用ハック*/ }
-ms-backdrop, .staff_contents .mt-46 { margin-top: 60px;/* win ie10用ハック*/ }}

h2 {
  font-family: 'Fjalla One', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 35px;
  padding-top: 10px;
  text-align: center;
}

h2 span { font-size: 15px; }

h3.catch {
  font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  letter-spacing: 6px;
  line-height:43px;
  margin: 20px 0 0 -20px;
  text-align: center;
}

h3.catch span {
  background: url(../img/catch.jpg) repeat-x 20px 22px;
}

.staff_wrapper { margin-bottom: 35px; }

.staff_wrapper .inner_left dl dt {
  color: #e51313;
  font-size: 15px;
  font-weight: bold;
  font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
  letter-spacing: 1px;
  line-height: 2.5;
}

.staff_wrapper .inner_left dl dd {

  line-height: 1.8;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom:1px dotted #ccc;
}

.staff_nav {
  font-size: 15px;
  margin: 35px 0 40px;
}

.staff_nav span.left {
  background: url(../img/arw_l.gif) no-repeat;
  padding-left: 30px;
  margin-bottom: 15px;
}

.staff_nav span.right {
  background: url(../img/arw_t.gif) no-repeat;
  padding-left: 30px;
  margin-right: 10px;
}

.staff_nav span a {
  letter-spacing: 1.5px;
  line-height: 1.5;
}

.staff_nav span a:hover { text-decoration: underline; }



/*フッタ*/

.list {
  border-bottom: #d00000 solid 3px;
  height: 575px;
  width: 900px;
}

.pagetop a {
  background: url(../img/pagetop.jpg) no-repeat;
  display: block;
  height: 48px;
  overflow: hidden;
  text-indent: 100%;
  width: 900px;
  white-space: nowrap;
}

/*エリアから探す 駅から探す*/
.list dl {
  float: left;
  width: 900px;
}

dl.box-01-01 {
  border-left: 3px solid #d00000;
  font-size: 11px;
  overflow: hidden;
  width: 221px;
}

dl.box-01-01 dt ,
dl.box-01-02 dt {
  background: url(../img/looking.gif) no-repeat left center;
  color: #d20014;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 0 20px;
  padding: 23px 0 20px 10px;
  text-indent: 21px;
  width: 221px;
}

dl.box-01-01 dd { clear:both; }

dl.box-01-01 dd ul { width: 200px; }

dl.box-01-01 dd ul li {
  background: url(../img/arw.gif) no-repeat 20px 19%;
  float: left;
  text-indent: 30px;
  padding-bottom: 10px;	
  width: 100px;
}

/*条件別から探す*/

dl.box-01-02 {
  border-left: 3px solid #d00000;
  font-size:11px;
  overflow: hidden;
  width: 221px;
}

dl.box-01-02:nth-child(4) { border-right: 3px solid #d00000; padding-left: 1px; }

dl.box-01-02 dd ul { width:200px;	}

dl.box-01-02 dd ul li {
  background: url(../img/arw.gif) no-repeat 20px 19%;
  padding-bottom: 10px;	
  text-indent: 30px;
}

/* フッターナビ*/
.footer_nav {
  background: #d00000;
  height: 45px;
  width: 900px;
}

.footer_nav ul {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.footer_nav ul li {
  border-right: 1px solid #fff;
  display: inline-block;
  font-size: 11px;
  margin: 15px auto;
  padding: 0 10px;
  *display: inline;  
  *zoom: 1;
}

.footer_nav ul li:last-child { border-right: none; }

div.footer_nav ul li a { color: #fff; }

.footer_nav ul li a:hover { text-decoration: underline;}

.footer_contents {
  clear: both;
  font-size: 11px;
  margin-top: 10px;
  width: 100%;
}

.footer_contents .logo { margin-top: 5px; }

.footer_contents ul { margin: 10px 0 0 70px; }

.footer_contents ul li { margin: 5px auto;}

/*Copyright*/
.copyright {
  clear: both;
  color:#1f1f1f;
  font-size: 10px;
  font-weight: bold;
  height: 35px;
  margin-top: 10px;
  text-align: center;
  position: relative;
  width: 100%;
}

#sitesharebtn {
  background: white;
  border: solid 1px #ccc;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14);
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  border-image: initial;
  overflow: hidden;
  padding: 7px 7px 0;
  position: fixed;
  right: 0;
  top: 178px;
  width: 17px;
  z-index: 20;
  display: none\9; /* IE8 */
  *display: none; /* IE7 */
}

#sitesharebtn:hover {
  background: white;
  border: solid 1px #ccc;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14);
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  border-image: initial;
  overflow: hidden;
  padding: 7px 7px 0;
  position: fixed;
  right: 0;
  top: 178px;
  width: 130px;
  z-index: 20;
  display: none\9; /* IE8 */
  *display: none; /* IE7 */
}



#sitesharebtn .facebook {
  background: url(../img/facebook.gif) no-repeat;
  overflow: hidden;
}
#sitesharebtn .twitter {
  background: url(../img/twitter.gif) no-repeat;
}
#sitesharebtn .hatebu {
  background: url(../img/hatebu.gif) no-repeat;
}
#sitesharebtn .plusone {
  background: url(../img/google.gif) no-repeat;
}

#sitesharebtn li {
  padding: 0 0 0 25px;
  height: 25px;
  line-height: 1;
}


#sitesharebtn2 {
  overflow: hidden;
  padding: 7px 7px 0;
  position: fixed;
  right: 0;
  top: 355px;
  width: 25px;
  z-index: 20;
  display: none\9; /* IE8 */
  *display: none; /* IE7 */
}

#sitesharebtn2 a:hover img {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}

#sitesharebtn3 {
  overflow: hidden;
  padding: 7px 7px 0;
  position: fixed;
  right: 0;
  top: 290px;
  width: 25px;
  z-index: 20;
  display: none\9; /* IE8 */
  *display: none; /* IE7 */
}

#sitesharebtn3 a:hover img {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}

#sitesharebtn4 {
  overflow: hidden;
  padding: 7px 7px 0;
  position: fixed;
  right: 0;
  top: 440px;
  width: 25px;
  z-index: 20;
  display: none\9; /* IE8 */
  *display: none; /* IE7 */
}

#sitesharebtn4 a:hover img {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}

.statusbtn_on a, .statusbtn_off a{background-color:red;color:white;display:block;width:200px;height:40px;line-height:40px;margin:auto;margin-top:10px;border:1px solid #444;font-size:14px;margin-bottom:20px;border-radius: 5px}
.statusbtn_off a{background-color:gray}


.joken_box{margin-top:10px}
.joken_box li{
	display:inline-block;margin-right:10px;border-right:1px solid silver;padding-right:10px;
	height:18px;
}
.joken_box ul{
	padding-top:8px;padding-bottom:8px;
	padding-left:10px;		
}
.joken_box h3{
	border-left:4px solid #ce0814;
	padding-left:10px;
	margin-left:10px;
}
.joken_box li:first-child{
	margin-left:20px;
}
.joken_box li:last-child{
	border:none;
	margin-right:0px;
	padding-right:0px;
}
.about_menu ul{padding:0;margin:0;margin-bottom:10px;}
.about_menu ul li{
   display: inline-block;
   width:25%;
   padding:0 !important;
   margin:0 !important;
   line-height: normal !important;
   height:auto !important;
}
.about_menu ul li a{
   color:white;
   font-size:16px;
   padding-top:10px;
   padding-bottom:10px;
   background-color:#ce0814;
   border-right:1px solid white;
   border-bottom:1px solid white;
   text-align:center;
   display:block;

}
.about_menu ul li a:hover, .about_menu ul li a:active{
   background-color:red;
}
.qna_menu ul{padding:0;margin:0;margin-bottom:10px;}
.qna_menu ul li{
   display: inline-block;
   width:33%;
   padding:0 !important;
   margin:0 !important;
   line-height: normal !important;
   height:auto !important;
}
.qna_menu ul li a{
   color:white;
   font-size:16px;
   padding-top:10px;
   padding-bottom:10px;
   background-color:#ce0814;
   border-right:1px solid white;
   border-bottom:1px solid white;
   text-align:center;
   display:block;

}
.qna_menu ul li a:hover, .qna_menu ul li a:active{
   background-color:red;
}