@charset "utf-8";

/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/

html {
  color:#333333;
  font-size:14px;
  line-height:1.5;
  font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS P Gothic";
}

body{
  margin:0;
  background-color: #fff;
}

img {
  border:0;
  margin:0;
  vertical-align:top;
  max-width:100%;
}

.top img {
  max-width:none;
}

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

p:last-child {
  margin:0;
}

a {
  color:#333333;
  text-decoration:none;
}

a:hover{
  text-decoration:none;
}

a:hover,
.hover:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
  text-decoration:none!important;
}

table{
  border-collapse:collapse;
}

ul {
  list-style:none;
  margin:0;
  padding:0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
  margin:0;
  padding:0;
}

.clearfix {
  clear:both;
}
.clearfix:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  font-size:0;
  visibility:hidden;
}

.clear{
  clear:both;
}
/*
.outer-block {
  min-width:980px;
}

.inner-block {
  margin:0 auto;
  position:relative;
  width:940px;
}

.inner-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#wrapper {
  position:relative;
}
*/
/*** 明朝体指定 ***/
.mincho {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}

#wrapper {
  margin: 0 auto;
}

/*------------------------------------------
  top
------------------------------------------*/
.top ul {
  width: 750px;
  margin: 90px auto;
  clear:both;
}

.top ul:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  font-size:0;
  visibility:hidden;
}

.top ul li {
  width:13px;
  height: 380px;
  float: right;
  margin-right: 25px;
  position: relative;
}

.top ul li.first {
  margin: 0 60px 0 40px;
  width:16px;
}
.top ul li.mokuji {
    margin: 25px 20px 0 3px;
    width:10px;
}

.top ul li img.bottom {
  width:12px;
  margin-top: 280px;
}

/*------------------------------------------
  home  logo_anime
------------------------------------------*/
.home ul {
  position: relative;
}

.home li {
  display: none;
}

.home .anime {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 500px;
  display: block;
  background-color:#fff;
}
.home .anime #logo{
  margin-left:100px;
}

.home .no-js li {
  display: block;
}
.home .no-js .anime {
  display: none;
}

/*------------------------------------------
  azami
------------------------------------------*/
.azami {
  width: 670px;
  padding: 120px 0 60px;
}

/*** top ***/
#azami_top {
  margin: 0 0 250px;
  position: relative;
}

#azami_top a.to_home{
  position: absolute;
  bottom: 0;
  left: 0;
}

#peters {
  margin-top: -30px;
  padding-top: 30px;
}

.azami ul {
  margin-right: 50px;
  clear:both;
}

.azami ul:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  font-size:0;
  visibility:hidden;
}

.azami ul li {
  float: right;
  margin-right: 20px;
  height: 360px;
  position: relative;
}

.azami ul li.title {
  margin-right: 0;
}

.azami ul li.title_txt {
  margin-right: 40px;
  margin-left: 20px;
  width: 169px;
}

.azami ul li.title_txt img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.azami ul li.disable a {
  pointer-events:none;
  cursor:default;
}
.azami ul li.disable {
  opacity: .7;
  filter: alpha(opacity=70);
}



/*** /top ***/
/*** contents ***/

.azami .contents_block {
  margin-top: 30px;
  height: 1074px;
  position: relative;
}

.azami .contents_block img {
  display: block;
  margin: 30px 0 0 auto;
}

.azami .contents_block img.left {
  margin: 30px auto 0 0;
}

.azami .contents_block a img{
  margin: 0;
}

.azami .contents_block a.to_top{
  position: absolute;
  bottom: 120px;
  left: 0;
}
.azami .contents_block a.to_home{
  position: absolute;
  bottom: 60px;
  left: 0;
}


/*------------------------------------------
  shima
------------------------------------------*/
.shima {
  width: 800px;
  padding: 50px 0 60px;
  text-align:right;

}

/*** top ***/
#shima_top {
  margin: 450px 0 300px;
  position: relative;
}

#shima_top a.to_home{
  position: absolute;
  bottom: 0;
  left: 0;
}

#shima_top2{
  text-align:center;
}

#shima_top2 img{
  width:200px;
}

#ebisu,#ambu,#shimaguchi {
  margin-top: -30px;
  padding-top: 30px;
}


.shima ul {
  margin-right: 170px;
  clear:both;
}

.shima ul:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  font-size:0;
  visibility:hidden;
}

.shima ul li {
  float: right;
  margin-right: 50px;
  height: 360px;
  position: relative;
}


.shima ul li.title_txt {
  margin-right: 40px;
  margin-left: 20px;
  width: 69px;
}

.shima ul li.title_txt img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.shima ul li.disable a {
  cursor:pointer;
}
.shima ul li.disable {
  opacity: .7;
  filter: alpha(opacity=70);
  width:30px;
  height:auto;
  padding-top:90px;
}

.shima_top ul li.disable img {
  width:16px;
  height:auto;
}



/*** /top ***/
/*** contents ***/

.shima .contents_block {
  margin-top: 30px;
  position: relative;
}

.shima .contents_block img {
  padding-bottom: 100px;
  max-width: none;
}

.shima .contents_block img.left {
}

.shima .contents_block a img{
  margin: 0;
}

.shima .contents_block a.to_top{
  position: absolute;
  bottom: 120px;
  left: 0;
}
.shima .contents_block a.to_home{
  position: absolute;
  bottom: 60px;
  left: 0;
}

.shima .contents_block a.to_naka{
  position: absolute;
  bottom: 0;
  left: -30px;
}

.shima .contents_block a.to_home{
  position: absolute;
  bottom: -59px;
  left: -60px;
}

/*------------------------------------------
hatena
------------------------------------------*/
.hatena {
  width: 800px;
  padding: 50px 0 60px;
  text-align:right;

}

/*** top ***/
#hatena_top {
  position: relative;
}

#hatena_top2{
  text-align:center;
}

#hatena_top2 img{
  width:200px;
}

#ebisu,#ambu,#hatenaguchi {
  margin-top: -30px;
  padding-top: 30px;
}

.hatena .mokuji {
  margin: 10px 0 0 0;
}

.hatena .hajimeni {
  margin: 95px 0 0 0;
}
.hatena ul {
  clear:both;
}

.hatena ul:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  font-size:0;
  visibility:hidden;
}

.hatena ul li {
  float: right;
  margin-right: 12px;
  height: 360px;
  position: relative;
}

.hatena ul li.top {
  margin-right: 70px;
}

.hatena ul li.title_txt {
  margin-right: 40px;
  margin-left: 20px;
  width: 69px;
}

.hatena ul li.title_txt img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.hatena ul li.disable a {
  cursor:pointer;
}
.hatena ul li.disable {
  filter: alpha(opacity=70);
  width:40px;
  height:auto;
  padding-top:70px;
}

.hatena_top ul li.disable img {
  width:16px;
  height:auto;
}



/*** /top ***/
/*** contents ***/

.hatena .contents_block {
  margin-top: 30px;
  position: relative;
}

.hatena .contents_block img {
  padding-bottom: 50px;
  max-width: none;
}

.hatena .contents_block img.left {
}

.hatena .contents_block a img{
  margin: 0;
}

.hatena .contents_block a.to_top{
  position: absolute;
  bottom: 120px;
  left: 0;
}

.hatena .contents_block a.to_naka{
  position: absolute;
  bottom: 0;
  left: -30px;
}

.hatena .to_home{
  margin: 300px 0 0 0;
}

/*------------------------------------------
  memory
------------------------------------------*/
.memory {
  width: 680px;
  padding: 40px 0 60px;
}

.memory .contents_block {
  border-right: 2px solid #ccc;
  margin-top: 35px;
  position: relative;
  clear:both;
}

.memory .contents_block:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  font-size:0;
  visibility:hidden;
}

.memory .contents_block .block_title {
  position: absolute;
  right: 0;
  top: 0;
}

.memory .contents_block .top_text {
  display: block;
  float: right;
  margin-right: 200px;
}

.memory .contents_block .top_text2 {
  display: block;
  float: right;
  margin-right: 200px;
  margin-top: 30px;
}

.contents_block .contents_box {
  float: right;
}
.contents_block .contents_box.left {
  float: left;
}

.contents_box .box_img {
  display: block;
}

.contents_box .box_text {
  display: block;
  margin-top: 6px;
}

.memory .two_block .contents_block {
  clear: none;
  float: right;
}

.memory .two_block .contents_block:after {
  clear:none;
}

.memory .plus_link {
  position: relative;
}

.memory a.to_home {
  position: absolute;
  bottom: 30px;
  left: 26px;
}

.memory .title a.to_home {
  position: absolute;
  bottom: 0;
  left: 0;
}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt14 {margin-top: 14px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}

.mr90 {margin-right: 90px;}
.mr190 {margin-right: 190px;}