/*
2016-4-13 fuji-mokuzai base.css
 */

body {
  line-height: 1.6;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #444;
}

/* ---- menu 画面遷移ターゲット位置 ---- */
#t1px { position: absolute; top: 1090px;}
#t2px { position: absolute; top: 3409px;}
#t3px { position: absolute; top: 5218px;
}

/* ---- ヘッダー ---- */
div#page-container {
 margin: 0;
 padding: 0; 
}

#header-area {
 width: 100%;
 height:84px;
 top: 0;

}

#header-black {
 position: fixed;
 width: 100%;
 background-color: #000;
 height:84px;
 z-index: 9999;
}

#logo-container {
 width: 912px;
 height:84px;
 background-color: #000;
 margin: 0 auto;
}
h1#sitename span img#logo {
 margin-top: 20px;
}

/* ----コンテンツ---- */

div#content-area {
 margin-top: 30px;
 width: 100%;
}

div#content-container {
 width: 980px;
 overflow: hidden; 
 position: relative;
 background-color: #fff;
 margin: 0 auto;
}

div#pagetitle {
 width: 140px;
 height:42px;
}

h2#section-name1 {
 margin: 0;
 padding: 12px 0 0 34px; 
 color: #665c48;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 background: url(../img/title_bar.png) 0 0 no-repeat;
}

div#left-column {
 width: 40%;
 float: left;
 left: -30px;
 margin: 44px 0 0 0;
 padding: 0;
 text-align: right;
}

div#left-column p img {
 position: relative;
 width: 387px;
 height: 323px;
 left: 30px;
}

div#right-column {
 width: 52%;
 float: right;
 margin: 0 0 0 10px;
 padding: 0 24px 0 0;
 text-align: left;
}

.m_title {
 font-size: 32px;
 font-family: YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 margin: 0 0 8px 0;
}

.body_m_copy {
 font-size: 16px;
 font-family: YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

span.body-txt18 {
 line-height: 3em;
}
strong {
 font-size: 120%;
 font-weight: bold;
}

br.clear {
 clear: both;
}

br.s-clear {
 font-size: 10%;
 line-height: 0.1em;
 clear: both;
}

/* ----　お問い合わせボタン・タグ  ---- */

div.call_us-area {
 position: relative;
 width: 100%;
}

div.call_us-color {
 position: relative;
 padding: 5px 0;
 margin: 0 auto;
 margin-top: 60px;
 width: 980px; 
 height: 77px;
 border: 1px solid #507691;
}

div.call_us-container {
 margin: 0;
 padding: 0;
}

div.calluscap {
 float: left;
 position: relative;
}

p.calluscap_line {
 font-size: 16px;
 line-height: 1.5em;
 color: #f00;
 font-weight: bold;
 text-decoration: none;
 margin-top: 16px;
 margin-left: 8px;
}

div.callus_number {
 position: relative;
 float: left;
 top:  0;
 text-decoration: none;
 margin: 0 ;
}


div.callus_logo {
 position: relative;
 float: right;
 padding: 0;
 text-decoration: none;
 margin: 0 8px 0 0 ;
}

a.logo_tag {
 font-size: 4px;
 display: block;
 overflow: hidden; 
 width: 327px;
 height: 77px;
 text-decoration: none;
 background: url(../img/navi/mailto_of.png) 0 0 no-repeat;
 text-indent: -9999px;
}

a.logo_tag:hover  {
 background: url(../img/navi/mailto_on.png) 0 0 no-repeat;
}

a.logo_tag:active  {
 background: url(../img/navi/mailto_on.png) 0 0 no-repeat;
}

/* ----　ネクスト・ページ・ナビ  ---- */

div.next-navi-area  {
 width: 100%;
}

div.next-navi-container {
 width: 980px;
 overflow: hidden; 
 position: relative;
 background-color: #fff;
 margin: 0 auto;
}

div.next-box {
 position: relative;
 float: left;
 padding: 0;
}

p.next-box-block a  {
 display: block;
 width: 641px;
 height: 94px;
 text-decoration: none;
 background: url(../img/navi/next_px_of.png) 0 0 no-repeat;
 text-indent: -9999px;
}

p.next-box-block:hover > a  {
 background: url(../img/navi/next_px_on.png) 0 0 no-repeat;
}

p.next-box-block:active > a  {
 background: url(../img/navi/next_px_on.png) 0 0 no-repeat;
}

div.prev-box {
 position: relative;
 float: right;
 padding: 0;
}

p.prev-box-block a  {
 display: block;
 width: 319px;
 height: 94px;
 text-decoration: none;
 background: url(../img/navi/prev_px_of.png) 0 0 no-repeat;
 text-indent: -9999px;
}

p.prev-box-block:hover > a  {
 background: url(../img/navi/prev_px_on.png) 0 0 no-repeat;
}

p.prev-box-block:active > a  {
 background: url(../img/navi/prev_px_on.png) 0 0 no-repeat;
}

/* ----　イメージフォト・エリア  ---- */

div.image_p-area {
 width: 100%;
 height: 280px;
}

div.image_p-color {
 width: 100%;
 background: url(../img/csel_gray_dots.png) repeat-x;
 border-top:  1px solid #000;
 border-bottom:  1px solid #000;
}

div.image_p-container {
 width: 980px;
 height: 280px;
 margin: 0 auto;
}

p.pcopybox2 {
 width: 208px;
 height: 208px;
 position: relative;
 margin: 0;
 top: -280px;
 left: 710px;
 z-index: 30;
}

/* ----　事業内容コンテンツ  ---- */
div#sitephoto-area {
 width: 100%;
}

div#sitephoto-container {
 width: 980px;
 overflow: hidden; 
 position: relative;
 background-color: #fff;
 margin: 0 auto;
 margin-top: 2px;
}

div#pagetitle2 {
 width: 140px;
 height:42px;
}

h2#section-name2 {
 margin: 30px 0 15px 0;
 padding: 12px 0 0 34px; 
 color: #665c48;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 background: url(../img/title_bar.png) 0 0 no-repeat;
}

div.sitephoto-bar-box {
 width: 914px;
 margin: 16px  auto;
 margin-top: 24px;
}

.sitephoto-bar-txt {
 color: #665c48;
 font-size: 20px;
 font-weight: bold;
 padding: 4px 0 1px 32px; 
 background: url(../img/detached_bar.png) 0 0 no-repeat;
}

.sitephoto-flame {
 position: relative;
 float: left;
 width: 288px;
 height: 362px;
 margin-right: 21px;
 margin-bottom: 20px; 
 background-color: #f2f1e8;
 border:  1px solid #c8a8a0;;
 border-radius: 8px / 8px;
}

.sitephoto-flame-R {
 position: relative;
 float: right;
 width: 288px;
 height: 362px;
 margin-bottom: 20px;
 background-color: #f2f1e8;
 border:  1px solid #c8a8a0;;
 border-radius: 8px / 8px;
}

.sitephoto {
 padding: 10px 0 0 14px; 
}

.bunjyocyu-red {
 position: relative;
 margin-top: -38px; 
}

.kanbai-blue {
 position: relative;
 margin-top: -56px; 
 margin-left: 14px; 
}

.sitephoto-txt {
 font-size: 13px;
 line-height: 1.5em;
 margin-left: 14px; 
}

.sitephoto-more a {
 display: block;
 position: relative;
 text-align: center;
 width: 173px;
 height: 52px;
 left: 100px;
 margin-top: 30px;
 padding: 16px 0 0 0; 
 background: url(../img/navi/more_bak_of.png) 0 0 no-repeat;
}

.sitephoto-more:hover > a { 
 color: red;
 background: url(../img/navi/more_bak_on.png) 0 0 no-repeat;
}

.sitephoto-more:active > a  {
 color: red;
 background: url(../img/navi/more_bak_on.png) 0 0 no-repeat;
}

.sitephoto-more2 a {
 display: block;
 position: relative;
 text-align: center;
 width: 173px;
 height: 52px;
 left: 100px;
 margin-top: 12px;
 padding: 16px 0 0 0; 
 background: url(../img/navi/more_bak_of.png) 0 0 no-repeat;
}

.sitephoto-more2:hover > a { 
 color: red;
 background: url(../img/navi/more_bak_on.png) 0 0 no-repeat;
}

.sitephoto-more2:active > a  {
 color: red;
 background: url(../img/navi/more_bak_on.png) 0 0 no-repeat;
}

.sitephoto-flame_s {
 position: relative;
 float: left;
 width: 288px;
 height: 306px;
 margin-right: 21px;
 margin-bottom: 20px; 
 background-color: #f2f1e8;
 border:  1px solid #c8a8a0;;
 border-radius: 8px / 8px;
}

.sitephoto-flame_s-R {
 position: relative;
 float: right;
 width: 288px;
 height: 306px;
 margin-bottom: 20px;
 background-color: #f2f1e8;
 border:  1px solid #c8a8a0;
 border-radius: 8px / 8px;
}

/* ----　会社概要コンテンツ  ---- */

div.company-info-area  {
 width: 100%;
}

div.company-info-container  {
 width: 980px;
 overflow: hidden; 
 position: relative;
 background-color: #fff;
 margin: 0 auto;
 margin-top: 2px;
}

div#pagetitle3  {
 width: 140px;
 height:42px;
}

h2#section-name3  {
 margin: 30px 0 15px 0;
 padding: 12px 0 0 34px; 
 color: #665c48;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 background: url(../img/title_bar.png) 0 0 no-repeat;
}

table.t-company-info {
 width: 684px;
 margin: 30px 28px 0 262px;
}

th.t-category {
 width: 30%;
 font-weight: bold;
 vertical-align: middle;
 padding: 12px 0 8px 4px; 
 border-top:  1px solid #c0a060;
}

th.t-category-last {
 width: 30%;
 font-weight: bold;
 vertical-align: middle;
 padding: 12px 0 8px 4px; 
 border-top:  1px solid #c0a060;
 border-bottom:  1px solid #c0a060;
}

td.t-detail {
 width: 70%;
 vertical-align: middle;
 padding: 12px 0 8px 4px; 
 border-top:  1px solid #c0a060;
}

td.t-detail-last {
 width: 70%;
 vertical-align: middle;
 padding: 12px 0 8px 4px; 
 border-top:  1px solid #c0a060;
 border-bottom:  1px solid #c0a060;
}

div.accessmap-container {
 width: 684px;
 margin: 30px 28px 0 262px;
}

div.sub-title-box  {

}

h3.sub-title  {
 color: #666;
 font-size: 24px;
}

#map {
 width: 600px;
 height: 450px;
 padding: 6px; 
 border:  1px solid #c0a060;
 background-color: #eee;
 margin: 20px 0 30px 0;
}

small {
 font-size: 70%;
}

/* ----　ご案内・お勧め情報コンテンツ  ---- */


div#pagetitle4  {
 width: 300px;
 height:42px;
}

h2#section-name4  {
 margin: 30px 0 15px 0;
 padding: 12px 0 0 34px; 
 color: #665c48;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 background: url(../img/title_bar.png) 0 0 no-repeat;
}

div.info-box  {
 width: 684px;
 margin: 30px 28px 28px 262px;
}

h3.info-box-title  {
 color: #666;
 font-size: 24px;
 border-bottom:  1px solid #c0a060;
}

h3.info-box-title-red  {
 color: #f00;
 font-size: 24px;
 border-bottom:  1px solid #f00;
}

ul.info-news-item  {
 list-style-type: none;
 width: 100%;
 padding: 4px 0;
}

ul.info-news-item li {
 padding: 8px 0;
 border-bottom:  1px dotted #c0a060;
}

/* ----　ページ・トップ・ナビ  ---- */
a:link { color:#444; text-decoration:none }
a:visited { color:#444; text-decoration:none }
a:hover { color:#a00; text-decoration:none }
a:active { color:#444; text-decoration:none }

div#to-top-block a {
 display: block;
 overflow: hidden; 
 width: 980px;
 height: 96px;
 text-decoration: none;
 background: url(../img/navi/toTOP.png) 0 0 no-repeat;
 text-indent: -9999px;
}

 div#to-top-block:hover > a  {
 background: url(../img/navi/toTOP.png) 0 -96px no-repeat;
}

 div#to-top-block:active > a  {
 background: url(../img/navi/toTOP.png) 0 -96px no-repeat;
}

/* ----　ページ・フッター  ---- */

div#footerarea {
 width: 100%;
 height: 160px;
}

div#footerarea-color {
 width: 980px;

 position: relative;
 background-color: #5d5e66;
 margin: 0 auto;
}
div#cr-left-box  {
 font-size: 13px;
 position: relative;
 width: 330px;
 float: left;
 left: 0;
 margin: 8px 0 8px 24px;
 padding: 0;
}

div#cr-left-box p {
 color: #fff;
}

div#cr-right-box  {

 font-size: 13px;
 margin: 8px 24px 0 ;
 float: right;
 line-height: 1;
}

div#cr-right-box p img {
 margin-top: 8px;
}

ul#footer-menu {
 text-align: center;
 text-decoration: none;
 position: relative;
 list-style-type: none;
 width: 560px;
 height: 28px;
 padding: 0;
}

ul#footer-menu li {
 position: relative;
 width: 140px;
 float: left;
 margin: 0 0 0 0;
 padding: 0;
}

ul#footer-menu li a {
 display: block;
 margin: 1px 0;
 padding: 5px 0; 
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 border-left: 1px solid #fff;
}

ul#footer-menu li a.last {
 border-right: 1px solid #fff;
}

ul#footer-menu li:hover > a {
 background: #c8c4a0;
 color: #321;
}
ul#footer-menu li:active > a {
 background: #c8c4a0;
 color: #321;
}

div#copyright  {
 width: 100%;
 height: 32px;
 background-color: #888b80;
}

p#copyright-box  {
 position: relative;
 width: 436px;
 margin: 0 auto;
 color: #fff;
 vertical-align: middle;
 padding: 5px 0 0 0; 
}