@charset "UTF-8";
/* =========================================================
start
========================================================= */
body {
  font-family: 'Noto Sans Japanese', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 88%;
  line-height: 2.2;
  color: #120000;
  background:url(../images/c_bg.jpg); }

a {
  color: #000; }

a:link {
  color: #000; }

a:visited {
  color: #000; }

a:hover {
  color: 設定項目; }

a:active {
  color: 設定項目; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* =========================================================
class
========================================================= */
/* クリアフィックス */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* クリア */
.clear {
  clear: both; }

/* マージン設定 */
.mbNone {
  margin-bottom: 0 !important; }

.mbSS {
  margin-bottom: 0.5em !important; }

.mbS {
  margin-bottom: 1em !important; }

.mbM {
  margin-bottom: 2em !important; }

.mbL {
  margin-bottom: 3em !important; }

.mbLL {
  margin-bottom: 4em !important; }

/* テキスト位置 */
.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

/* 見出し */
/* リード文 */
.lead {
  font-weight: bold;
  font-size: 設定項目; }

/* 透過用ロールオーバー用 */
.hover:hover {
  display: block;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  opacity: 0.7; }

/* リンクアイコン */
.linkicon {
  background: 設定項目;
  padding-left: 設定項目; }

/* リンクボタン */
.btn {
  color: 設定項目;
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: 設定項目;
  padding: 設定項目; }
  .btn:hover {
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    opacity: 0.7; }

/* ※マーク */
.asterisk {
  display: block;
  font-size: 86%;
  margin-left: 1em;
  text-indent: -1em; }

/* テーブルの設定 */
.table {
  width: 100%; }

/* リスト */
ul.list {
  overflow: hidden;
  zoom: 1; }
  ul.list li {
    background: 設定項目;
    padding-left: 設定項目; }

/* 水平線リスト*/
.listeven li {
  float: left;
  white-space: nowrap;
  margin-right: 20px; }

/* リストグループ */
ul[class*="list1-"] {
  clear: both;
  overflow: hidden;
  zoom: 1; }

ul[class*="list1-"] li {
  padding-right: 20px;
  float: left;
  line-height: 1.4; }

.list1-2 li {
  width: 50%; }

.list1-3 li {
  width: 33.3%; }

.list1-4 li {
  width: 25%; }

/* 番号付リスト */
ol.list {
  counter-reset: li; }

ol.list li {
  position: relative;
  margin-left: 1em; }

ol.list li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1em;
  width: 1em;
  text-align: center; }

/* 周り込figure */
.figureR, .figureL {
  display: table;
  width: 1px; }
  .figureR figcaption, .figureL figcaption {
    font-size: 86%;
    text-align: center;
    margin-top: 0.5em; }
  .figureR img, .figureL img {
    max-width: inherit; }

.figureR {
  float: right;
  margin: 0 0 1.5em 15px; }

.figureL {
  float: left;
  margin: 0 15px 1.5em 0; }

/* 写真にスタイルつける */
/* フロートした写真の横に配置するオブジェクト回り込み解除 */
.nowrap {
  overflow: hidden; }

/* ボックス */
.box-cover {
  overflow: hidden;
  zoom: 1;
  margin-right: -15 px;
  margin-left: -15 px; }
  .box-cover .box1-2 {
    width: 50%; }
  .box-cover .box1-3 {
    width: 33.3%; }
  .box-cover .box1-4 {
    width: 25%; }

*[class*="box1-"] {
  float: left;
  padding-right: 15px;
  padding-left: 15px; }

/* コラムレイアウトの設定 */
.column {
  zoom: 1; }

.column:after {
  content: "";
  display: block;
  clear: both; }

/* パーツのマージン設定 */
.table,
.list,
.listgroup,
.box,
.column {
  margin-bottom: 1.5em; }

/* =========================================================
layout
========================================================= */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

#wrapper{
	width:100%;
	text-align:center;
	position:relative;
}

#wrapper header{
	width: 80%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 25px 0 20px 0;
}

#wrapper header nav{
	padding-top:66px;
}

#wrapper header nav li{
	width:14%;
	float:left;
}

#wrapper .btn01 a{
	border:#000000 solid 1px;
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
	padding:10px 100px;
	font-size:18px;
	letter-spacing:5px;
	text-decoration:none;
}

#wrapper .btn01 a:hover{
	opacity:0.5;
}

#wrapper .btn01 a span{
	background: url(../images/c_arrow01.png) no-repeat left center;
	padding-left:22px;
}

#wrapper #pagetop{
	width:100%;
	text-align:right;
	padding:60px 0 20px 90%;
}
	
#wrapper #pagetop a{
	background:url(../images/c_pagetop.png) no-repeat top center;
	width:100px;
	text-align:center;
	padding-top:30px;
	display:block;
	text-decoration:none;
	color:#4b5b3b;
}

#wrapper #pagetop a:hover{
	opacity:0.6;
}
	
#wrapper footer{
	background-color:#1e0b00;
	padding:5px 0;
	text-align:center;
	color:#fff;
}

/* =========================================================
media query
========================================================= */
@media only screen and (max-width: 1000px) {
  img {
    max-width: 100%;
    height: auto; } }
/* =========================================================
print style
========================================================= */
/* プリント用のスタイル */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: uderline; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; } }

/*# sourceMappingURL=main.css.map */