@charset "utf-8";

html{
  background-color: #f0eeec;
  color: #babcbc;
  height: 100%;
  min-width: 980px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /*font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
  font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body{
  height: 100%;
  position: relative;
}
a{
  text-decoration: none;
  color: #babcbc;
  vertical-align: middle;
}
a:hover{
  opacity: 0.8;
}


.wrap{
  position: relative;
  width: 940px;
  margin: 0 auto;
  padding: 0 20px;
}
/*====================
 ヘッダー
====================*/
header {
  position: fixed;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 50px;
  background: #000;
}

header .wrap{
  height: 100%;
}
header .logo,
header .btnMenu {
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  margin: auto;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
header .logo{
  width: 314px;
  height: 34px;
  background-image: url(../img/common/pc/logo.png);
  margin-left: 20px;
}
header .btnMenu {
  width: 100px;
  height: 30px;
  background-image: url(../img/common/pc/btn_menu.png);
  margin-right: 20px;
}
header .btnMenu:hover{
  opacity: 0.8;
}
/*====================
 メニュー
====================*/
.menu {
  position: fixed;
  display: none;
  opacity: 0;
  top: 153px;
  /*top: 53px;*/
  width: 100%;
  z-index: 2;
}
.menu .wrap{
  width: 944px;
  background-image: url(../img/common/pc/bg_gnav.png);
  padding: 0;
}
.menu ul{
  margin: 0;
  padding: 11px 0 0 2px;
  background-image: url(../img/common/pc/bg_gnav_glid.png);
  overflow: hidden;
  height: 323px;
}
.menu ul li{
  position: relative;
  float: left;
  list-style: none;
  margin: 0 2px 2px 0;
}
.menu ul li a{
  position: relative;
  display: block;
  padding: 2px 2px 2px 2px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background:url(../img/common/pc/gnav_set.png) top left no-repeat;
}
.menu ul li a.hover:after{
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/common/sp/filter.png);
  /*background: #fff;*/
  /*opacity: 0.5;*/
  /*-ms-filter: alpha(opacity=50);*/
  /*filter: alpha(opacity=50);*/
  position: absolute;
  top: 0;
  left: 0;
}

.menu ul li.disabled a{
  background:url(../img/common/pc/gnav_set_off.png) top left no-repeat;
}
.disabled a:hover{
  cursor: default;
  opacity: 1;
}
.menu ul li:nth-child(1)  a{ width:184px; height:154px; background-position:-1px   -10px; }
.menu ul li:nth-child(2)  a{ width:182px; height:154px; background-position:-191px -10px; }
.menu ul li:nth-child(3)  a{ width:182px; height:154px; background-position:-379px -10px; }
.menu ul li:nth-child(4)  a{ width:182px; height:154px; background-position:-567px -10px; }
.menu ul li:nth-child(5)  a{ width:182px; height:154px; background-position:-755px -10px; }
.menu ul li:nth-child(6)  a{ width:184px; height:155px; background-position:-1px  -170px; }
.menu ul li:nth-child(7)  a{ width:182px; height:155px; background-position:-191px -170px; }
.menu ul li:nth-child(8)  a{ width:182px; height:155px; background-position:-379px -170px; }
.menu ul li:nth-child(9)  a{ width:182px; height:155px; background-position:-567px -170px; }
.menu ul li:nth-child(10) a{ width:182px; height:155px; background-position:-755px -170px; }


/*====================
 スマホキャッチイメージ
====================*/
.catch{
  display: none;
}

/*====================
 コンテンツ
====================*/
.contents{
  margin-top: 50px;
}

/*====================
 ナビゲーションエリア
====================*/
nav{
}
nav .wrap{
  background: #000;
  color: #babcbc;
  overflow: hidden;
  padding: 20px;
}

nav dl{
  padding: 0 0 15px 0;
  margin: 0;
  text-indent: 8px;
  font-size: 14px;
  background: url(../img/common/pc/bg_line_dot.png) repeat-x 0 100%;
  background-repeat: repeat-x;
}
nav dl dt{
  height: 22px;
  list-style: none;
  background: url(../img/common/pc/icon_arrow_set.png) no-repeat;
  padding: 0 0 0 4px;
}
nav dl dd {
    margin: 0 0 9px 60px;
}
nav dl dt:nth-child(1) { background-position: 0 0;      }
nav dl dt:nth-child(3) { background-position: 0 -22px;  }
nav dl dt:nth-child(5) { background-position: 0 -44px;  }
nav dl dt:nth-child(7) { background-position: 0 -66px;  }
nav dl dt:nth-child(9) { background-position: 0 -88px;  }
nav dl dt:nth-child(11) { background-position: 0 -110px; }
nav dl dt:nth-child(13) { background-position: 0 -132px; }
nav dl dt:nth-child(15) { background-position: 0 -154px; }
nav dl dt:nth-child(17) { background-position: 0 -176px; }
nav dl dt:nth-child(19){ background-position: 0 -198px; }
nav dl dt.disabled     { background-position: 0 -220px; }

nav dl li.disabled a{
  color: #696969;
  cursor: default;
}

nav ul li span{
  display: inline-block;
  width: 65px;
  letter-spacing: 4px;
  zoom: 1;
}
nav ul li:last-child span{
  letter-spacing: 0;
}

nav .banner{
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #fff;
}
nav .banner a{
  display: block;
}
nav .banner a img{
  vertical-align: bottom;
}
/*====================
 フッター
====================*/
footer{
  height: 79px;
}

footer .wrap{
  background: #000;
  color: #babcbc;
  line-height: 6em;
  font-size: 11px;
  height: 100%;
}
footer .copyright{
  margin-right: 10px;
}

/*====================
 ソーシャルボタン部品
====================*/
.social {
  display: none;
}

header .social {
  display: block;
  position: absolute;
  top: 16px;
  left: 400px;
}
.social > span{
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.social .twitter{
  width: 100px;
  top: -1px;
}
.social .mixi{
  width: 100px;
  top: -1px;
}
.social .facebook{
  width: 120px;
}
.social .hatena{
  width: 120px;
  top: -1px;
}
/* LINEボタンは非表示 */
header .social .line{
  display: none;
}

/* SP用シェアボタン */
.share {
  display: none;
}


/*====================
 ページトップへUI
====================*/
.topagetop{
  position: fixed;
  width: 100%;
  bottom: 89px;
  opacity: 0;
  display: none;
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  -o-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  -webkit-transition: .2s cubic-bezier(.5, .5, .5, .5);
  -moz-transition: .2s cubic-bezier(.5, .5, .5, .5);
  -ms-transition: .2s cubic-bezier(.5, .5, .5, .5);
  -o-transition: .2s cubic-bezier(.5, .5, .5, .5);
  transition: .2s cubic-bezier(.5, .5, .5, .5);
}
.topagetop.active{
  display: block;
}
.topagetop.animate{
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.topagetop a{
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  right: 45px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-image: url(../img/common/pc/btn_pagetop.png);
  z-index:1;
}

/*====================
 各記事
====================*/


article h1{
  margin: 0 auto;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 350px;
  font-size: 1em;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  color: transparent;
}
article .wrap{
  background-color: #fff;
  width: 980px;
  padding: 0 0 120px;
}
/*パンくず*/
.breadcrumb{
  position: absolute;
  font-size: 12px;
  color: #757575;
  padding: 26px 50px;
  z-index: 1;
}
.breadcrumb.upper{
  top: 0;
}
.breadcrumb.lower{
  bottom: 0;
}
.breadcrumb a{
  color: #475fbf;
  vertical-align: baseline;
}
/*ページネータ*/
.pagenav{
  margin: 0 50px;
  font-size: 18px;
  overflow: hidden;
  line-height: 1em;
}
.pagenav > div{
  background-repeat: no-repeat;
  background-color: blue;
}
.pagenav a{
  display: block;
  background-color: white;
  padding: 0 0.5em;
}
.pagenav div.s01 { background-color: #85b82b; }
.pagenav div.s02 { background-color: #f9b320; }
.pagenav div.s03 { background-color: #0fa8b7; }
.pagenav div.s04 { background-color: #dd036b; }
.pagenav div.s05 { background-color: #7d4095; }
.pagenav div.s06 { background-color: #00aa73; }
.pagenav div.s07 { background-color: #874f2c; }
.pagenav div.s08 { background-color: #ffd800; }
.pagenav div.s09 { background-color: #ff7588; }
.pagenav div.s10 { background-color: #cdba9b; }
.pagenav div.disable { background-color: #ddd; }
.pagenav div.s01 a { color: #85b82b; }
.pagenav div.s02 a { color: #f9b320; }
.pagenav div.s03 a { color: #0fa8b7; }
.pagenav div.s04 a { color: #dd036b; }
.pagenav div.s05 a { color: #7d4095; }
.pagenav div.s06 a { color: #00aa73; }
.pagenav div.s07 a { color: #874f2c; }
.pagenav div.s08 a { color: #ffd800; }
.pagenav div.s09 a { color: #ff7588; }
.pagenav div.s10 a { color: #cdba9b; }
.pagenav div.disable a { color: #ddd; cursor: default; }

.pagenav .prev{
  float: left;
  padding-left: 20px;
  background-position: 0 50%;
  background-image: url(../img/common/pc/icon_arrow_prev.png);
}
.pagenav .next{
  float: right;
  padding-right: 20px;
  background-position: 100% 50%;
  background-image: url(../img/common/pc/icon_arrow_next.png);
}
.pagenav span{
  padding: 0 1em 0 0;
}

article.top .main{
  background:url(../img/top/pc/bg_main.png);
  width:100%;
  overflow:hidden;
  position:relative;
  height:350px;
}
article.a01 .main{
  background: #6ba31c; /* Old browsers */
  background: -moz-linear-gradient(top, #6ba31c 1%, #85b82b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6ba31c), color-stop(100%,#85b82b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6ba31c 1%,#85b82b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6ba31c 1%,#85b82b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6ba31c 1%,#85b82b 100%); /* IE10+ */
  background: linear-gradient(to bottom, #6ba31c 1%,#85b82b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ba31c', endColorstr='#85b82b',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:380px;
}
article.a02 .main {
  background: #f79d14; /* Old browsers */
  background: -moz-linear-gradient(top,  #f79d14 0%, #f9b320 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79d14), color-stop(100%,#f9b320)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f79d14 0%,#f9b320 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f79d14 0%,#f9b320 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f79d14 0%,#f9b320 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f79d14 0%,#f9b320 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79d14', endColorstr='#f9b320',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:380px;
}
article.a03 .main {
  background: #0990a2; /* Old browsers */
  background: -moz-linear-gradient(top,  #0990a2 0%, #0fa8b7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0990a2), color-stop(100%,#0fa8b7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0990a2 0%,#0fa8b7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0990a2 0%,#0fa8b7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0990a2 0%,#0fa8b7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0990a2 0%,#0fa8b7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0990a2', endColorstr='#0fa8b7',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:380px;
}
article.a04 .main {
  background: #d10251; /* Old browsers */
  background: -moz-linear-gradient(top,  #d10251 0%, #dd036b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d10251), color-stop(100%,#dd036b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d10251 0%,#dd036b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d10251 0%,#dd036b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d10251 0%,#dd036b 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d10251 0%,#dd036b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10251', endColorstr='#dd036b',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:380px;
}
article.a05 .main {
  background: #622b78; /* Old browsers */
  background: -moz-linear-gradient(top,  #622b78 0%, #7d4095 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#622b78), color-stop(100%,#7d4095)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #622b78 0%,#7d4095 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #622b78 0%,#7d4095 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #622b78 0%,#7d4095 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #622b78 0%,#7d4095 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#622b78', endColorstr='#7d4095',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:380px;
}
article.a06 .main {
  background: #00a56e; /* Old browsers */
  background: -moz-linear-gradient(top,  #009359 0%, #00aa73 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009359), color-stop(100%,#00aa73)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #009359 0%,#00aa73 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #009359 0%,#00aa73 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #009359 0%,#00aa73 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #009359 0%,#00aa73 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009359', endColorstr='#00aa73',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:350px;
}
article.a07 .main {
  background: #7d4626; /* Old browsers */
  background: -moz-linear-gradient(top,  #6d381d 0%, #874f2c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d381d), color-stop(100%,#874f2c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #6d381d 0%,#874f2c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #6d381d 0%,#874f2c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #6d381d 0%,#874f2c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #6d381d 0%,#874f2c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d381d', endColorstr='#874f2c',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:350px;
}
article.a08 .main {
  background: #ffca00; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffca00 0%, #ffd800 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca00), color-stop(100%,#ffd800)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffca00 0%,#ffd800 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffca00 0%,#ffd800 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffca00 0%,#ffd800 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffca00 0%,#ffd800 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca00', endColorstr='#ffd800',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:350px;
}
article.a09 .main {
  background: #ff5b6e; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff5b6e 0%, #ff7588 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5b6e), color-stop(100%,#ff7588)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff5b6e 0%,#ff7588 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff5b6e 0%,#ff7588 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff5b6e 0%,#ff7588 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff5b6e 0%,#ff7588 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5b6e', endColorstr='#ff7588',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:350px;
}
article.a10 .main {
  background: #bca582; /* Old browsers */
  background: -moz-linear-gradient(top,  #bca582 0%, #e6ddcd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bca582), color-stop(100%,#e6ddcd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #bca582 0%,#e6ddcd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #bca582 0%,#e6ddcd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #bca582 0%,#e6ddcd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #bca582 0%,#e6ddcd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bca582', endColorstr='#e6ddcd',GradientType=0 ); /* IE6-8 */
  width:100%;
  overflow:hidden;
  position:relative;
  height:350px;
}


article.top h1{ background-image: url(../img/top/pc/main01.png);
				background-position: 0px 100%;
				width:1280px;
				height:350px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-660px;
				}
article.a01 h1{ background-image: url(../img/01/pc/main01.png);
				background-position: 98px 100%;
				width:1176px;
				height:380px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-588px;
				}
article.a02 h1{ background-image: url(../img/02/pc/main02.png);
				background-position: 118px 100%;
				width:1217px;
				height:380px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-608px;}
article.a03 h1{ background-image: url(../img/03/pc/main03.png);
				background-position: 150px 100%;
				width:1279px;
				height:380px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-639px;}
article.a04 h1{ background-image: url(../img/04/pc/main04.png);
				background-position: 150px 100%;
				width:1279px;
				height:380px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-639px;}
article.a05 h1{ background-image: url(../img/05/pc/main05.png);
				background-position: 150px 100%;
				width:1279px;
				height:380px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-639px;}
article.a06 h1{ background-image: url(../img/06/pc/main06.png);
				background-position: 150px -10px;
				width:1279px;
				height:390px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-639px;}
article.a07 h1{ background-image: url(../img/07/pc/main07.png);
				background-position: 150px -10px;
				width:1279px;
				height:390px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-639px;}
article.a08 h1{ background-image: url(../img/08/pc/main08.png);
				background-position: 150px -50px;
				width:1279px;
				height:400px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-639px;}
article.a09 h1{ background-image: url(../img/09/pc/main09.png);
				background-position: 150px -10px;
				width:1279px;
				height:360px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-639px;}
article.a10 h1{ background-image: url(../img/10/pc/main10.png);
				background-position: 150px -20px;
				width:1279px;
				height:360px;
				position:absolute;
				left:50%;
				top:0;
				margin-left:-639px;}


/*====================
 各記事内節
====================*/
section {
  position: relative;
  font-size: 16px;
  line-height: 1.8em;
  color: #000;
  overflow: hidden;
  margin-bottom: 20px;
  background-repeat: no-repeat;
}
section.left{
  padding-left: 50px;
}
section.right{
  padding-left: 395px;
}
section h2{
  margin: 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 105px;
}
section .paragraphs{
  padding-top: 1em;
  width: 536px;
  font-size: 15px;
}

section .paragraphs dl{
  margin: 1.8em 0;
}
section .paragraphs dt{
  color: #85b82b;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 0;
}
section .paragraphs dd{
  margin: 0 0 1em 0;
}

section .paragraphs p{
  margin: 0 0 1.8em 0;
}
section .paragraphs h3{
  color: #85b82b;
  font-size: 15px;
  margin-bottom: 0;
}
.a08 section .paragraphs h3{
  color: #fecd09;
  font-size: 15px;
  margin-bottom: 0;
}
.a08 section .paragraphs h3.nmt{
  margin-top:-30px;
}

section .illust{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section .illust img{
 position: absolute;
}

/* セクション背景 */
.top section.s01 { background-image: url(../img/top/pc/bg_content01.png); height: 845px; padding-top: 35px; margin-bottom:0; }
.a01 section.s01 { background-image: url(../img/01/pc/bg_content01.gif); height: 463px; padding-top: 80px; }
.a01 section.s02 { background-image: url(../img/01/pc/bg_content02.gif); height: 703px; margin-bottom: 0;}
.a01 section.s03 { background-image: url(../img/01/pc/bg_content03.gif); height: 1028px; padding-top: 30px; }
.a01 section.s04 { background-image: url(../img/01/pc/bg_content04.gif); height: 594px;  padding-top: 37px; }
.a02 section.s01 { background-image: url(../img/02/pc/bg02_01.png); height: 444px; padding-top: 80px; margin-bottom: 0; }
.a02 section.s02 { background-image: url(../img/02/pc/bg02_02.png); height: 478px; margin-bottom: 0;}
.a02 section.s03 { background-image: url(../img/02/pc/bg02_03.png); height: 570px; }
.a03 section.s01 { background-image: url(../img/03/pc/bg03_01.png); height: 296px; padding-top: 80px; margin-bottom: 0; }
.a03 section.s02 { background-image: url(../img/03/pc/bg03_02.png); height: 447px; margin-bottom: 0;}
.a03 section.s03 { background-image: url(../img/03/pc/bg03_03.png); height: 327px; }
.a03 section.s04 { background-image: url(../img/03/pc/bg03_04.png); height: 642px; }
.a04 section.s01 { background-image: url(../img/04/pc/bg04_01.png); height: 385px; padding-top: 80px; margin-bottom: 0; }
.a04 section.s02 { background-image: url(../img/04/pc/bg04_02.png); height: 986px; margin-bottom: 0;}
.a04 section.s03 { background-image: url(../img/04/pc/bg04_03.png); height: 805px; margin-bottom: 0; }
.a04 section.s04 { background-image: url(../img/04/pc/bg04_04.png); height: 356px; }
.a04 section.s05 { background-image: url(../img/04/pc/bg04_05.png); height: 476px; }
.a05 section.s01 { background-image: url(../img/05/pc/bg05_01.png); height: 415px; padding-top: 80px; margin-bottom: 0; }
.a05 section.s02 { background-image: url(../img/05/pc/bg05_02.png); height: 1227px; margin-bottom: 0;}
.a05 section.s03 { background-image: url(../img/05/pc/bg05_03.png); height: 1321px;  }
.a06 section.s01 { background-image: url(../img/06/pc/bg06_01.png); height: 506px; padding-top: 80px; margin-bottom: 0; }
.a06 section.s02 { background-image: url(../img/06/pc/bg06_02.png); height: 477px; margin-bottom: 0;}
.a06 section.s03 { background-image: url(../img/06/pc/bg06_03.png); height: 559px; margin-bottom: 0;  }
.a06 section.s04 { background-image: url(../img/06/pc/bg06_04.png); margin-bottom: 0;}
.a06 section.s05 { background-image: url(../img/06/pc/bg06_05.png); height: 728px;  }
.a07 section.s01 { background-image: url(../img/07/pc/bg07_01.png); height: 654px; padding-top: 80px; margin-bottom: 0; }
.a07 section.s02 { background-image: url(../img/07/pc/bg07_02.png); height: 747px; margin-bottom: 0;}
.a07 section.s03 { background-image: url(../img/07/pc/bg07_03.png); height: 638px;  }
.a08 section.s01 { background-image: url(../img/08/pc/bg08_01.png); height: 654px; padding-top: 80px; margin-bottom: 0; }
.a08 section.s02 { background-image: url(../img/08/pc/bg08_02.png); height: 1979px; margin-bottom: 0;}
.a08 section.s03 { background-image: url(../img/08/pc/bg08_03.png); height: 1085px;  }
.a09 section.s01 { background-image: url(../img/09/pc/bg09_01.png); height: 444px; padding-top: 80px; margin-bottom: 0; }
.a09 section.s02 { background-image: url(../img/09/pc/bg09_02.png); height: 867px; margin-bottom: 0;}
.a09 section.s03 { background-image: url(../img/09/pc/bg09_03.png); height: 805px; margin-bottom: 0;}
.a09 section.s04 { background-image: url(../img/09/pc/bg09_04.png); height: 550px;  }
.a10 section.s01 { background-image: url(../img/10/pc/bg10_01.png); height: 564px; padding-top: 80px; margin-bottom: 0; }
.a10 section.s02 { background-image: url(../img/10/pc/bg10_02.png); height: 926px; margin-bottom: 0;}
.a10 section.s03 { background-image: url(../img/10/pc/bg10_03.png); height: 854px; margin-bottom: 0;}
.a10 section.s04 { background-image: url(../img/10/pc/bg10_04.png); height: 390px;  }
/* セクションタイトル */
.a01 section.s01 h2{ background: url(../img/01/pc/heading01.png) no-repeat 0 0; }
.a01 section.s02 h2{ background: url(../img/01/pc/heading02.png) no-repeat 0 0; }
.a01 section.s03 h2{ background: url(../img/01/pc/heading03.png) no-repeat 0 0; }
.a01 section.s04 h2{ background: url(../img/01/pc/heading04.png) no-repeat 0 0; }
.a02 section.s01 h2{ background: url(../img/02/pc/heading01.png) no-repeat 0 0; }
.a02 section.s02 h2{ background: url(../img/02/pc/heading02.png) no-repeat 0 0; }
.a02 section.s03 h2{ background: url(../img/02/pc/heading03.png) no-repeat 0 0; }
.a03 section.s01 h2{ background: url(../img/03/pc/heading01.png) no-repeat 0 0; }
.a03 section.s02 h2{ background: url(../img/03/pc/heading02.png) no-repeat 0 0; }
.a03 section.s03 h2{ background: url(../img/03/pc/heading03.png) no-repeat 0 0; }
.a03 section.s04 h2{ background: url(../img/03/pc/heading04.png) no-repeat 0 0; }
.a04 section.s01 h2{ background: url(../img/04/pc/heading01.png) no-repeat 0 0; }
.a04 section.s02 h2{ background: url(../img/04/pc/heading02.png) no-repeat 0 0; }
.a04 section.s03 h2{ background: url(../img/04/pc/heading03.png) no-repeat 0 0; }
.a04 section.s04 h2{ background: url(../img/04/pc/heading04.png) no-repeat 0 0; }
.a04 section.s05 h2{ background: url(../img/04/pc/heading05.png) no-repeat 0 0; }
.a05 section.s01 h2{ background: url(../img/05/pc/heading01.png) no-repeat 0 0; }
.a05 section.s02 h2{ background: url(../img/05/pc/heading02.png) no-repeat 0 0; }
.a05 section.s03 h2{ background: url(../img/05/pc/heading03.png) no-repeat 0 0; }
.a06 section.s01 h2{ background: url(../img/06/pc/heading01.png) no-repeat 0 0; }
.a06 section.s02 h2{ background: url(../img/06/pc/heading02.png) no-repeat 0 0; }
.a06 section.s03 h2{ background: url(../img/06/pc/heading03.png) no-repeat 0 0; }
.a06 section.s04 h2{ background: url(../img/06/pc/heading04.png) no-repeat 0 0; }
.a06 section.s05 h2{ background: url(../img/06/pc/heading05.png) no-repeat 0 0; }
.a07 section.s01 h2{ background: url(../img/07/pc/heading01.png) no-repeat 0 0; }
.a07 section.s02 h2{ background: url(../img/07/pc/heading02.png) no-repeat 0 0; }
.a07 section.s03 h2{ background: url(../img/07/pc/heading03.png) no-repeat 0 0; }
.a08 section.s01 h2{ background: url(../img/08/pc/heading01.png) no-repeat 0 0; }
.a08 section.s02 h2{ background: url(../img/08/pc/heading02.png) no-repeat 0 0; }
.a08 section.s03 h2{ background: url(../img/08/pc/heading03.png) no-repeat 0 0; }
.a09 section.s01 h2{ background: url(../img/09/pc/heading01.png) no-repeat 0 0; }
.a09 section.s02 h2{ background: url(../img/09/pc/heading02.png) no-repeat 0 0; }
.a09 section.s03 h2{ background: url(../img/09/pc/heading03.png) no-repeat 0 0; }
.a09 section.s04 h2{ background: url(../img/09/pc/heading04.png) no-repeat 0 0; }
.a10 section.s01 h2{ background: url(../img/10/pc/heading01.png) no-repeat 0 0; }
.a10 section.s02 h2{ background: url(../img/10/pc/heading02.png) no-repeat 0 0; }
.a10 section.s03 h2{ background: url(../img/10/pc/heading03.png) no-repeat 0 0; }
/* セクション画像 */
.top section.s01 .i01 { right: 129px; top: 28px; }
.top section.s01 .i02 { right: 20px; top: 277px; }
.top section.s01 .i03 { right: 102px; top: 535px; }

.a01 section.s01 .i01 { left: 614px; top: 150px; }
.a01 section.s02 .i01 { left: 60px;  top: 363px; }
.a01 section.s02 .i02 { left: 150px; top: 29px;  }
.a01 section.s02 .i03 { left: 5px;   top: 200px; }
.a01 section.s03 .i01 { left: 592px; top: 111px; }
.a01 section.s03 .i02 { left: 806px; top: 212px; }
.a01 section.s03 .i03 { left: 597px; top: 328px; }
.a01 section.s03 .i04 { left: 701px; top: 526px; }
.a01 section.s03 .i05 { left: 605px; top: 646px; }
.a01 section.s03 .i06 { left: 713px; top: 759px; z-index: 1}
.a01 section.s03 .i07 { left: 629px; top: 839px; }
.a01 section.s04 .i01 { left: 14px;  top: 84px;  }

.a02 section.s01 .i01 { left: 594px; top: 128px; }
.a02 section.s02 .i01 { left: 22px; top: 38px; }
.a02 section.s03 .i01 { left: 694px; top: 4px; }

.a03 section.s01 .i01 { right: 9px; top: 98px; }
.a03 section.s02 .i01 { left: 10px; top: 65px; }
.a03 section.s03 .i01 { right: 23px; top: 6px; }
.a03 section.s04 .i01 { left: 8px; top: 40px; }

.a04 section.s01 .i01 { right: 56px; top: 37px; }
.a04 section.s02 .i01 { left: 18px; top: 100px; }
.a04 section.s03 .i01 { right: 8px; top: 100px; }
.a04 section.s04 .i01 { left: 8px; top: 92px; }
.a04 section.s05 .i01 { right: 30px; top: 15px; }

.a05 section.s01 .i01 { right: 20px; top: 95px; }
.a05 section.s02 .i01 { left: 7px; top: 80px; }
.a05 section.s03 .i01 { right: 3px; top: 21px; }
.a05 section.s03 .i02 { right: 20px; top: 474px; }
.a05 section.s03 .i03 { right: 20px; top: 691px; }
.a05 section.s03 .i04 { right: 20px; top: 916px; }

.a06 section.s01 .i01 { right: 5px; top: 185px; }
.a06 section.s02 .i01 { left: 25px; top: 43px; }
.a06 section.s03 .i01 { right: 45px; top: 15px; }
.a06 section.s04 .i01 { left: 5px; top: 110px; }
.a06 section.s05 .i01 { right: 3px; top: 85px; }

.a07 section.s01 .i01 { right: 5px; top: 188px; }
.a07 section.s02 .i01 { left: 0px; top: 140px; }
.a07 section.s03 .i01 { right: 15px; top: 103px; }

.a08 section.s01 .i01 { right: 8px; top: 128px; }
.a08 section.s02 .i01 { left: 5px; top: 145px; }
.a08 section.s02 .i02 { left: 10px; top: 1402px; }
.a08 section.s03 .i01 { right: 20px; top: 135px; }
.a08 section.s03 .i02 { right: 25px; top: 730px; }

.a09 section.s01 .i01 { right: 26px; top: 83px; }
.a09 section.s02 .i01 { left: 0px; top: 50px; }
.a09 section.s03 .i01 { right: 10px; top: 103px; }
.a09 section.s04 .i01 { left: 10px; top: 14px; }

.a10 section.s01 .i01 { right: 12px; top: 123px; }
.a10 section.s02 .i01 { left: 24px; top: 80px; }
.a10 section.s03 .i01 { right: 11px; top: 211px; }
.a10 section.s04 .i01 { left: 10px; top: 14px; }

/* ブレークポイントディテクタ */
#detector{
  display: none;
}

/* トップメニュー */
.topmenu{
    margin:0;
    padding:0;
}
.topmenu ul{
    margin:0;
    padding:0;
    height:220px;
}
.topmenu li{
	display:block;
	text-indent: -9999px;
    white-space: nowrap;
    list-style:none;
    margin:0;
    padding:0;
}
.topmenu li a,
.topmenu li span{
	display:block;
	text-indent: -9999px;
    white-space: nowrap;
    overflow:hidden;
}
.topmenu li.link01{width:392px;height:220px;float:left;}
.topmenu li.link01 a{background:url(../img/top/pc/menu01.png) no-repeat;width:392px;height:220px;}
.topmenu li.link02{width:588px;height:220px;float:right;}
.topmenu li.link02 a{background:url(../img/top/pc/menu02.png) no-repeat;width:588px;height:220px;}
.topmenu li.link03{width:588px;height:220px;float:left;}
.topmenu li.link03 a{background:url(../img/top/pc/menu03.png) no-repeat;width:588px;height:220px;}
.topmenu li.link04{width:392px;height:220px;float:right;}
.topmenu li.link04 a{background:url(../img/top/pc/menu04.png) no-repeat;width:392px;height:220px;}
.topmenu li.link05{width:392px;height:220px;float:left;}
.topmenu li.link05 a{background:url(../img/top/pc/menu05.png) no-repeat;width:392px;height:220px;}
.topmenu li.link06{width:588px;height:220px;float:right;}
.topmenu li.link06 a{background:url(../img/top/pc/menu06.png) no-repeat;width:588px;height:220px;}
.topmenu li.link07{width:588px;height:220px;float:left;}
.topmenu li.link07 a{background:url(../img/top/pc/menu07.png) no-repeat;width:588px;height:220px;}
.topmenu li.link08{width:392px;height:220px;float:right;}
.topmenu li.link08 a{background:url(../img/top/pc/menu08.png) no-repeat;width:392px;height:220px;}
.topmenu li.link09{width:392px;height:220px;float:left;}
.topmenu li.link09 a{background:url(../img/top/pc/menu09.png) no-repeat;width:392px;height:220px;}
.topmenu li.link10{width:588px;height:220px;float:right;}
.topmenu li.link10 a{background:url(../img/top/pc/menu10.png) no-repeat;width:588px;height:220px;}

/**
開発用
*/
.debug{
  position: fixed;
  opacity: 0.5;
  z-index: 100;
  top: 0;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  color: #fff;
}
.debug textarea{
  background: #000;
  border: none;
}