@charset "utf-8";
/* CSS Document */

body {color: #111;
  font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  letter-spacing: 0.10em;
  line-height: 14px;
 background-color:#000;
}
  
html,body {/*width:100%;20151212*/
  height:100%;
  margin:0 ;
  padding:0;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

h1{margin:0; padding:0;}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

img a {border: 0;}
  
/* リンク要素定義 */
a {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #111;
}

a:hover {
  text-decoration: underline;
}

/* 画像の半透過設定 */
/* imgTagにmouse_onのクラスを追加するとオンマウスで半透過になります。*/
a:hover img.mouse_on {
  filter: alpha(opacity=70);
  /* IE7以下用 */
  -ms-filter: "alpha(opacity=70) ";
  /* IE8用 */
  opacity: 0.7;
  /* Firefox 1.5以上, Opera, Safari用 */
}

/* リンク要素定義ここまで */


/* TOPページ要素 */

#main_index {overflow:hidden;}


#main_top{
position: relative;
    margin: 0px auto;
    width: 980px;
    height: 330px;
    text-align: left;
	padding-bottom:120px;
	 overflow:hidden;
}

#main_top #h1{ top:0; left:0; position:absolute;}
#main_top #h1s{ top:10px; left:0; position:absolute;}

#top_menu {
  color: #fefefe;
  width: 100% !important;
  height: 120px;
  background:#000;
  bottom: 0px;
position: fixed !important; 
  position: relative;
  filter: alpha(opacity=50);
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
  opacity: 0.80;
  zoom: 1; /* IE6、IE7用 */
}

#top_menu .wapper {
	width:980px;
	margin:0 auto;
}

#top_menu .wapper ul {
  float: left;
  position: relative;
  margin-top: 30px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 60px;
}

#top_menu .wapper ul li {color: #cccccc; height: 16px; text-align:center;}	

#top_menu .wapper .col0 { width: 150px; margin-left: 30px;}
#top_menu .wapper .col1 { width: 100px;}
#top_menu .wapper .col2 { width: 100px;}
#top_menu .wapper .col3 { width: 220px;}
#top_menu .wapper .col4 { width: 100px;}
#top_menu .wapper .col5 { width: 100px;}
#top_menu .wapper .col6 { width: 150px;}

.copy { width:980px; text-align:right; font-size:11px;  color:#CCC; float:left; margin:5px auto;}

.navbar-header img{ width:110px; margin-bottom:5px;}

@media (max-width: 767px) {
	.navbar-header img{ width:110px; margin-top:15px;}
	}

/* TOPページ要素ここまで */

/* SECONDページ 共通要素 */
.navi-logo a{ color:#fefe9c;}
.navi-logo a:hover,
.navi-logo a:focus,
.navi-logo a:active {color:#fefe9c;
	border: none !important;
}

#main {padding-top: 0px; background:#000; overflow:hidden;}
#main > .container {padding: 0 ; background-image: url(../images/bg_second.png);
			background-repeat:repeat;}

.container p {margin:0 30px 20px; line-height:1.5em;}

@media (max-width: 767px) {
	#main > .container {padding: 0px 0px 15px;}
}


.contents_2nd {width:790px; margin: 0 auto ;}
@media (max-width: 767px) {
.contents_2nd {width:100%; margin: 0 auto ;}
}

#title { width:780px; height:450px;  z-index:2;top:0; margin: 10px auto ;}


/* navi 2NDナビゲーション */
.navi_rsp {
  color: #fefefe;
  background:url(../images/bg_index.png);
  background-repeat: repeat;
  text-align:center;
  clear:both;
  margin:0;
  padding:0 0 50px 0;
  min-height: 100%;
  height: 100%;
}

body > div.navi_rsp {
  height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
}


.navi_rsp li img {margin:10px 0;}
.navi_rsp .logo {margin: 10px 0 20px;}
.navi_rsp .last {margin:10px 0 50px;}



/* MENUページ */

.menu_row {padding: 0 80px 50px 80px;}

.menu_row h4 span {font-size: 16px;}

@media (max-width: 767px) {
.menu_row {padding: 0 ;}
}

img.cntr {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.contents_menu {width:490px; margin: 10px 45px 0 35px; float:left;}
@media (max-width: 767px) {
.contents_menu {width:90%; margin: 0 auto ;}
}

.contents_menu_img {width:300px; margin: 0 auto ; float:left;}
@media (max-width: 767px) {
.contents_menu_img {width:90%; margin: 0 auto ;}
}


/* CONCEPTページ */

.imgleft {display: block; margin:0 20px 0 0;}
.imgright { display: block; margin:0 0 0 20px;}

@media (max-width: 767px) {	
.imgleft {display: block; margin:0 auto;}
.imgright {display: block; margin:0 auto;}
	
}

.menu_text{ float:left; width:450px; }


/* GALLERYページ */
h4 {margin-left:20px;}
.g_block { width:187px; height:187px; float:left;}

#titleG { width:790px; height:228px; float:right; z-index:2; top:0;}

/* INFOページ */
.fs11{font-size:11px; text-align:center;}

img.map{ margin-top:50px;}
@media (max-width: 767px) {
	img.map{ margin-top:10px;}
	}

a.btn_acs {display:inline-block; padding:0.2em 1em; background:#766d12; color:#fff; border-radius:4px; cursor:pointer; margin:15px 0; text-decoration: none; border:#585222 1px solid; font-size:14px;}
a.btn_acs:hover {color:#fff; background:#988e2b; border:#766d12 1px solid;font-size:14px; text-decoration: none; }

/* 採用 */


/* page-top */
#page-top {position: fixed; bottom: 20px; right: 20px; font-size: 77%;}
#page-top a {background: #666; text-decoration: none; color: #fff; width: 100px; padding: 30px 0; text-align: center; display: block; border-radius: 5px;}
#page-top a:visited {text-decoration: none; background: #999;　color: #fff;}
#page-top a:hover {text-decoration: none; background: #999;　color: #fff;}
#page-top a:focus {text-decoration: none; background: #999;　color: #fff;}

@media (max-width: 767px) {
	#page-top {position: fixed; bottom: 10px; right: 10px; font-size: 66%;}
    #page-top a {background: #666; text-decoration: none; color: #fff; width: 70px; padding: 10px 0; text-align: center; display: block; border-radius: 5px;}
	#page-top a:visited {text-decoration: none; background: #999; color: #fff;}
    #page-top a:hover {text-decoration: none; background: #999; color: #fff;}
	 #page-top a:focus {text-decoration: none; background: #999; color: #fff;}
}




/* マージン・パディング */
.ma_auto { margin:0 auto;}

.ma0 { margin: 0 !important; }
.ma5 { margin: 5px !important; }
.ma10 { margin: 10px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }

.ml-5 { margin-left: -5px !important; }
.ml-10 { margin-left: -10px !important; }
.ml-15 { margin-left: -15px !important; }
.ml-20 { margin-left: -20px !important; }
.mr-5 { margin-right: -5px !important; }
.mr-10 { margin-right: -10px !important; }
.mr-15 { margin-right: -15px !important; }
.mr-20 { margin-right: -20px !important; }

.pa0 { padding: 0 !important; }
.pa5 { padding: 5px !important; }
.pa10 { padding: 10px !important; }
.pa15 { padding: 15px !important; }
.pa20 { padding: 20px !important; }

.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pb0 { padding-bottom: 0 !important; }

.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }
.pl90 { padding-left: 90px !important; }
.pl100 { padding-left: 100px !important; }
.pl110 { padding-left: 110px !important; }

.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }
.pr80 { padding-right: 80px !important; }
.pr90 { padding-right: 90px !important; }
.pr100 { padding-right: 100px !important; }


@media (min-width: 768px) {
	.ml50-sm { margin-left: 50px !important; }
	.mr50-sm { margin-right: 50px !important; }
}

@media (max-width: 767px) {
	.mt0-xs { margin-top: 0 !important; }
	.ml0-xs { margin-left: 0 !important; }
	.mr0-xs { margin-right: 0 !important; }
	.mb0-xs { margin-bottom: 0 !important; }
	.pl0-xs { padding-left: 0 !important; }
	.pr0-xs { padding-right: 0 !important; }
	.pl5-xs { padding-left: 5px !important; }
	.pr5-xs { padding-right: 5px !important; }
}

/* フォントサイズ・カラー */
.fs8 { font-size: 8px; }
.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs32 { font-size: 32px; }
.fs36 { font-size: 36px; }
.fs40 { font-size: 40px; }

.fs80 { font-size: 80%; }
.fs85 { font-size: 85%; }
.fs88 { font-size: 88%; }
.fs90 { font-size: 90%; }
.fs92 { font-size: 92%; }
.fs95 { font-size: 95%; }
.fs100 { font-size: 100%; }
.fs105 { font-size: 105%; }
.fs108 { font-size: 108%; }
.fs110 { font-size: 110%; }
.fs112 { font-size: 112%; }
.fs115 { font-size: 115%; }
.fs120 { font-size: 120%; }
.fs125 { font-size: 125%; }
.fs130 { font-size: 130%; }
.fs140 { font-size: 140%; }
.fs150 { font-size: 150%; }
.fs160 { font-size: 160%; }
.fs170 { font-size: 170%; }
.fs175 { font-size: 175%; }
.fs180 { font-size: 180%; }
.fs190 { font-size: 190%; }
.fs200 { font-size: 200%; }

.bold { font-weight: 700; }
.thin { font-weight: 300; }

.black { color: #2e2407; }
.text-white { color: #fff;}
.text-red { color: #e83428; }
.text-orange { color: #ff6600; }
.text-orange2 { color: #ff9900; }
.text-brown { color: #804f21; }
.text-pink { color: #ff1956; }
.text-wine { color: #641c48; }
.text-purple { color: #b32882; }
.text-lime { color: #8ec31f; }

.line-h12 {line-height: 1.2;}
.line-h14 {line-height: 1.4;}
.line-h16 {line-height: 1.6;}
.line-h18 {line-height: 1.8;}
.line-h20 {line-height: 2.0;}


/* Images */
img {max-width: 100%; height: auto;}
a:hover img {opacity: 0.6; filter: alpha(opacity=60);}
iframe {max-width: 100%;}
img.img-full {width: 100%; height: auto;}

@media (max-width: 767px) {
	img.img-full-xs {width: 100%;
		height: auto;}
}



/* SECONDページ要素 削除予定 */
.navi {
  color: #fefefe;
  width: 180px;
  padding:0 5px;
  height:100%;
  top:0;
  bottom:0;
  margin: 0;
  height:100%; 
  float:left;
  background:url(../images/bg_index.png) repeat;
  position: fixed !important; 
  position: relative;
   /*background-color:#000; filter: alpha(opacity=50); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; zoom: 1; *//* IE6、IE7用 */
  z-index:1;
  text-align:center;
  }

.navi li img {margin:10px 0;}
.navi .logo {margin: 10px 0 20px;}
.navi .last {margin:10px 0 50px;}

.navbar-brand{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;  font-weight:600;}

.contents { padding-top:0; }
@media (max-width: 767px) {
	.contents { padding-top:55px; }
	}