@charset "shift_jis";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/*================================================
 *  全ページに適用する画像処理
 ================================================*/
/* モダンブラウザ用 */
img,iframe,object {max-width: 100%;height: auto;}

/* IE7用 */
.ie7 img,
.ie7 object/ {width: 100%;}

/* IE8用 */
.ie8 img,
.ie8 object {width: auto9}


/*================================================
 *  一般・共通設定
 ================================================*/
body{
  background-color: #ffffff;
  font: 15px/1.6 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6;
  margin: 0 auto;
  width: 100%;
}

header{
  width: 960px;
  margin: 20px auto;
}

nav{
  width: auto;
  background: #ffffff;
}

#bodyinner{
  background: #faf1ec;
  overflow: hidden;
}

#contents{
  width: 960px;
  margin: 10px auto;
}

#main{
  float: left;
  margin-bottom: 60px;
  padding-right: 1%;
  width: auto;
}

/* 第二階層 */
#secondcontents{
  margin: 0 auto;
  overflow: hidden;
  width: 1080px;
}

/* 第二階層 */
#secondmain{
  float: left;
  margin-bottom: 30px;
  padding: 0 24px;
  width: 62%;
}

#sub{
  float: left;
  width: auto;
}

section{
  float: right;
  margin-bottom: 23px;
}

a{
  color: #000000;
}

a:hover{
  color: #875e3b;
}

h1{
  color: #f19500;
  font-size: 233%;/*35px*/
  line-height: 1.2;
}

h1 a{
  color: #000000;
  text-decoration: none;
}

h1 a:hover{
  color: #e78f00;
  text-decoration: underline;
}

h2{
  color: #875e3b;
  margin-bottom: 10px;
  font-size: 147%;/*22px*/
  font-weight: bold;
}

p{
  margin: 0;
}

img{
  vertical-align: bottom;
}

em{
  font-weight: bold;
}

pre{
  margin: 1em 0;
  padding: 1em;
}

blockquote{
  margin-bottom: 1em;
  padding: 1em;
  border: 1px dotted #ddd;
  border-left: 5px solid #ddd;
}

ul,ol,dl{
  margin: 0 0 1em 0;
}

ul li{
  list-style: disc;
}

ol li{
  list-style:decimal;
}

li{
  padding: 0;
}

dt{
  font-weight: bold;
  margin-bottom: 0.5em;
  border-bottom: 1px dotted #ddd;
}

dt:before{
  content:"\0025a0";
}

dd{
  margin-bottom: 1em;
}


/*================================================
 *  ヘッダー
 ================================================*/
header{
  position: relative;
}

header h1{
  margin: 0;
  text-align: center;
}

.contact{
  position: absolute;
  top: 11px;
  right: 0;
  vertical-align: top;
}

.summary{
  clear: both;
}


/*================================================
 *  グローバルナビゲーション
 ================================================*/
.naver {
  height: 50px;
}

.naver-container {
  margin: 0 auto;
  width: 960px;
}

.naver-wrapper {
  margin-bottom: 0;
  padding: 0;
}

#navre {
  overflow: hidden; /*float解除*/
  zoom:100%; /*float解除*/
}


/* PCのみ適応 */
@media screen and (min-width:768px){

#navre ul{
  margin: 0;
}

#navre li {
  float: left; /*次の要素を右側へ回り込ませる*/
  list-style: none; /*リストの●を消す*/
}

#navre li a {
  background-image: url(../images/mainnav.jpg); /*メニュー画像*/
  background-repeat: no-repeat; /*画像の繰り返しをオフに*/
  display: block; /*インラインからブロック要素へ変更*/
  font-weight: bold; /*テキストの太さ*/
  height: 50px; /*高さ*/
  letter-spacing: 1px; /*文字間隔*/
  text-align: center; /*テキストの位置*/
  text-indent: -9898px; /*テキストを横に飛ばして見えなくする*/
  width: 160px; /*横幅*/
}

#navre a.top {background-position:0px 0px;width:160px;}
#navre li a.top:hover {background-position:0 -50px;}
#navre a.top-current-menu-item {background-position:0 -50px;}

#navre a.kouso {background-position:-160px 0px;}
#navre li a.kouso:hover {background-position:-160px -50px;}
#navre a.kouso-current-menu-item {background-position:-160px -50px;}

#navre a.process {background-position:-320px 0px;}
#navre li a.process:hover {background-position:-320px -50px;}
#navre a.process-current-menu-item {background-position:-320px -50px;}

#navre a.support {background-position:-480px 0px;}
#navre li a.support:hover {background-position:-480px -50px;}
#navre a.support-current-menu-item {background-position:-480px -50px;}

#navre a.company {background-position:-640px 0px;}
#navre li a.company:hover {background-position:-640px -50px;}
#navre a.company-current-menu-item {background-position:-640px -50px;}

#navre a.inquiry {background-position:-800px 0px;}
#navre li a.inquiry:hover {background-position:-800px -50px;}
#navre a.inquiry-current-menu-item {background-position:-800px -50px;}

#navre span {
  display: none;
}

}


/*メニュー画像印刷用*/
@media print{
.naver {
  height: 50px;
}

.naver-container {
  margin: 0 auto;
  width: 960px;
}

.naver-wrapper {
  margin-bottom: 0;
  padding: 0;
}

#navre {
  overflow: hidden; /*float解除*/
}

#navre ul{
  margin: 0;
}

#navre li {
  float: left; /*次の要素を右側へ回り込ませる*/
  list-style: none; /*リストの●を消す*/
}

#navre li {
  list-style-image: url(../images/mainnav.jpg); /*メニュー画像*/
  list-style-position: inside;
  letter-spacing: -1000em;
  font-size: 1pt;
}
}


/* スマホのみ適応 */
@media screen and (max-width:767px){
#navre a {
  border-right: none;
  border-bottom: 1px dotted #dddddd;
  float: none;
  font-weight: bold;
  margin: 0 0 1px 0;
  text-align: left;
  padding: 5px;
  width: 100%;
}

#navre span{
  font-weight: bold;
}

#navre a.current-menu-item img{
  display: none;
}

.naver {
  height: auto;
}

.naver-wrapper {
  padding: 0;
  margin-bottom: 0;
}

.naver-container {
  width: 100%;
}

}


/*================================================
 *  サブコンテンツ
 ================================================*/
.navititle{
  background-image: url(../images/sub-link-bg.gif);
  background-repeat: repeat;
  color: #6a3906;
  font-size: 134%;/*20px*/
  text-align: center;
  padding: 15px;
}

ul.submenu{
  background-image: url(../images/sub-link-bg.gif);
  background-repeat: repeat;
  padding: 1px;
}

.submenu li{
  background-color: #ffffff;
  background-image: url(../images/sub-link-icon.png);
  background-position: right 15px bottom 25px;
  background-repeat: no-repeat;
  list-style: none;
  margin: 3px;
}

.submenu li a{
  display: block;
  color: #6a3906;
  padding: 20px;
  text-decoration: none;
}

.submenu li a:hover{
  background: #b69d8f;
  background-image: url(../images/sub-link-icon.png);
  background-position: right 15px bottom 25px;
  background-repeat: no-repeat;
  color: #6a3906;
}

.bnr li{
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}

.bnr li a:hover{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha( opacity=80 )";
}


/*================================================
 *  フッター
 ================================================*/
footer{
  background-color: #ffffff;
  clear: both;
  padding-top: 15px;
}

#footmenu{
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
}

#footmenu a{
  text-decoration: none;
}

#sitemap #text{
  font-weight: bold;
  margin-left: 10px;
  line-height: 22px;
}

.footerbox{
  width: 14%;
  height: auto;
  margin: 5px 10px 40px;
  float: left;
}

.title_text{
  font-weight: bold;
  color: #303030;
  line-height: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 4px;
}

.title_text a{
  color: #6a3906;
  font-size: 100%;/*15px*/
}

.title_text a:hover{
  color: #f9ac46;
}

#footmenu ul{
  position: relative;
  float: left;
  margin: 0;
}

#footmenu li{
  font-size: 87%;/*13px*/
  position: relative;
  list-style: none;
  margin-left: 0;
  padding: 0 5px;
  text-align: left;
}

.copyright{
  background: #f39800;
  clear: both;
  color: #ffffff;
  padding: 15px;
  font-size: 74%;/*11px*/
  text-align: center;
}


/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop{
  position: fixed;
  bottom: 15px;
  right: 15px;
}

.totop a{
  display: block;
  text-decoration: none;
}

.totop img{
  background: #604c3f;
}

.totop img:hover{
  background: #b69d8f;
}


/*================================================
 *  第二階層コンテンツ
 ================================================*/
/* 回り込み解除 */
.clear{
  clear: both;
}

/* 第二階層各ページタイトル */
#secondtitle{
  margin-bottom: 15px;
  background: #fcf7f4;
  height: 120px;
  text-align: center;
  width: auto;
}

/* 第二階層写真 */
.contentphoto{
  display: block;
  margin: 15px auto;
}

/* 第二階層汎用コンテンツBOX */
#contentbox{
  background: #ffffff;
  float: left;
  margin-bottom: 15px;
  padding: 15px;
  width: auto;
}

/* 第二階層汎用コンテンツBOXinner */
.contentboxinner{
  background: #ffffff;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

/* 第二階層汎用リンク */
.strong{
  font-size: 100%;/*15px*/
  font-weight: bold;
}

.orange{
  color: #c95c26;
  font-size: 100%;/*15px*/
  font-weight: bold;
}

.red{
  color: #c30d23;
}

.large{
  font-size: 114%;/*17px*/
  font-weight: bold;
}

.medium{
  font-size: 114%;/*17px*/
  font-weight: bold;
}

.small{
  font-size: 67%;/*10px*/
  font-weight: bold;
}


/*================================================
 *  お問い合わせ
 ================================================*/
/* お問い合わせ　表スタイル */
table.inquiry{
  border-collapse: collapse;
  border: 1px solid #ecc6b4;
  margin-top: 15px;
  width: 100%;
}

table.inquiry th{
  border: 1px solid #ecc6b4;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 25%;
}

table.inquiry td{
  background: #f8eae3;
  border-bottom: 1px solid #ecc6b4;
  padding: 10px;
}

input[type="text"][size="30"] {
    width: 90%;
}

.text-small{
  color: #cc0000;
  font-size: 67%;/*10px*/
}

#entry-bot{
  margin-top: 20px;
  padding: 0;
  text-align: center;
  width: 100%;
}






/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px){

body {
  box-sizing: border-box;
  width: 100%;
  padding: 0 5px;
}

header{
  width: 100%;
}

header h1{
  margin-bottom: 10px;
  text-align: center;
}

h3{
  font-size: 107%;/*16px*/
  padding: 2px 5px;
}

h4{
  font-size: 100%;/*15px*/
}

.contact{
  position: relative;
  text-align: center;
  top: 0;
}

.summary{
  text-align: center;
  font-size: 67%;/*10px*/
}

/* スライドショー */
.slide{
  margin-bottom: 0;
  width: 100%;
}


/*================================================
 *  一般・共通設定
 ================================================*/
#bodyinner{
  background: #faf1ec;
  overflow: hidden;
}

#main{
  float: none;
  margin-bottom: 30px;
  padding: 0;
  width: 100%;
}

.photo{
  float: none;
  width: auto;
}

#sub{
  float: none;
  width: 100%;
}

ul.submenu{
  margin-bottom: 15px;
}

.bnr{
  overflow: hidden;
  text-align: center;
}

.bnr li{
  float: none; /*float: left;*/
  width: auto;/*width: 48%;*/
  margin: 10px 0;
}

.bnr li img{
  max-width: 100%;
}


/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav{
  display: block;
  padding: 0;
  position: relative;
  width: 100%;
}

nav h3{
  cursor: pointer;
  margin-bottom: 0;
  color: #ffffff;
  background: #f39800;
  border: none;
}

nav h3:after{
  position: absolute;
  content:"\0025bc";
  top: 3px;
  right: 5px;
}

nav h3.menuOpen:after{
  position:absolute;
  content:"\0025b2";
  top: 3px;
  right: 5px;
}

nav ul{
  width: 100%;
}

nav li{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

nav li a{
  display: block;
  width: 100%;
  border-bottom: 1px dotted #dddddd;
  text-decoration: none;
}

#navre a.top-current-menu-item {
  background: #f39800;
  color: #ffffff;
}

#navre a.kouso-current-menu-item {
  background: #f39800;
  color: #ffffff;
}

#navre a.process-current-menu-item {
  background: #f39800;
  color: #ffffff;
}

#navre a.support-current-menu-item {
  background: #f39800;
  color: #ffffff;
}

#navre a.company-current-menu-item {
  background: #f39800;
  color: #ffffff;
}

#navre a.inquiry-current-menu-item {
  background: #f39800;
  color: #ffffff;
}

#navre a {
  line-height: 39px;
}

#navre a:hover {
  color: #ffffff;
  text-decoration: none;
  background: #f39800;
}

.naver-container {
  width: 100%;
  margin: 0 auto;
}


/*================================================
 *  トップページ
 ================================================*/
section{
  background-color: #ffffff;
  float: none;
  margin: 0 5px;
  margin-bottom: 10px;
  padding: 0;
}


/*================================================
 *  サブコンテンツ
 ================================================*/
.navititle{
  padding: 10px 10px 10px 36px;
}

.submenu li{
  padding: 0;
}

.submenu li a{
  display: block;
  padding: 15px;
}

.submenu li a:hover{
  background: #b69d8f;
  background-image: url(../images/sub-link-icon.png);
  background-position: right 15px bottom 25px;
  background-repeat: no-repeat;
  color: #6a3906;
}

#contents{
  margin: 0;
  width: 100%;
}


/*================================================
 *  第二階層コンテンツ
 ================================================*/
/* 第二階層各ページタイトル */
#secondtitle{
  height: auto;
}

/* 第二階層 */
#secondcontents{
  width: 100%;
  margin: 0;
}

/* 第二階層 */
#secondmain{
  float: none;
  padding: 0;
  width: 100%;
}

/* 第二階層汎用コンテンツBOX */
#contentbox{
  float: none;
  width: auto;
}

/* 第二階層汎用コンテンツBOXinner */
.contentboxinner{
  background: #ffffff;
  float: none;
  margin-bottom: 15px;
  width: auto;
}


/*================================================
 *  お問い合わせ
 ================================================*/
/* お問い合わせ　表スタイル */
table.inquiry{
  border-collapse: collapse;
  border-top: none;
  margin: 0 auto;
  width: 100%;
}

table.inquiry tr{
  display: block;
  overflow: hidden;
}

table.inquiry th,
table.inquiry td{
  display: list-item;
}

table.inquiry th{
  border-top: 1px solid #ecc6b4;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ecc6b4;
  list-style-type: none;
  padding: 5px;
  text-align: left;
  width: auto;
}

table.inquiry td{
  border: none;
  background: #f8eae3;
  list-style-type: none;
  padding: 5px;
  text-align: left;
  width: auto;
}

textarea.imp {
    width: 97%;
}


/*================================================
 *  フッター
 ================================================*/
footer{
  background-color: #ffffff;
  clear: both;
  padding-top: 5px;
}

#footmenu{
  overflow: hidden;
  padding: 5px 0;
  text-align:center;
  width: auto;
}

#footmenu ul{
  float: left;
  margin: 0;
  position: relative;
}

#footmenu a{
  padding-right: 0;
  text-decoration: none;
}

.footerbox{
  display: inline-block;
  float: none;
  margin: 0;
  padding-right 5px;
  width: auto;
}

.footerbox ul li{
  display: none;
}

.title_text{
  border-bottom: none;
  border-bottom: 1px dotted #303030;
  color: #303030;
  font-weight: bold;
  margin: 0 15px;
  padding-bottom: 0;
  text-align: left;
}

.title_text a{
  color: #6a3906;
  font-size: 87%;/*13px*/
}

}