@charset "utf-8";

/***********************************************************************************
　目次：追加した順に記述します。

　01.共通指定
　02.Index指定

************************************************************************************/

/*----------------------------------------------------
基本フォントサイズは13px
個別にサイズを変えたい場合は下記を参考に%で指定する
10px →	77%
11px →	85%
12px →	93%
13px →	100%
14px →	108%
15px →	116%
16px →	124%
17px →	131%
18px →	139%
19px →	147%
20px →	154%
21px →	162%
22px →	169%
23px →	177%
24px →	185%
25px →	192%
26px →	200%
----------------------------------------------------*/

/***********************************************************************************
　01.共通指定
************************************************************************************/

/* nav----------------------------------------------------*/

#header {
  height: 73px;
  width: 688px;
  background: url(../../images/menu_bg.jpg) no-repeat 0 1px;
  /background: url(../../images/menu_bg.jpg) no-repeat 0 3px;
}

#nav {
  margin: 2px 0 0 8px;
  padding: 8px 0 0 0;
  height: 57px;
  list-style: none;
  background: url(../../images/ul_bg.jpg) no-repeat bottom left;
}

#nav li {
  float: left;
}

#nav li a {
  display: block;
  cursor: pointer;
}

#nav .top a {
  width: 129px;
  height: 57px;
}
#nav .news a {
  width: 110px;
  height: 57px;
}
#nav .intro a {
  width: 143px;
  height: 57px;
}
#nav .story a {
  width: 100px;
  height: 57px;
}
#nav .staff a {
  width: 93px;
  height: 57px;
}
#nav .dvd a {
  width: 97px;
  height: 57px;
}

#top #header ul#nav li.top img,
#news #header ul#nav li.news img,
#intro #header ul#nav li.intro img,
#story #header ul#nav li.story img,
#staff #header ul#nav li.staff img,
#dvd #header ul#nav li.dvd img {
  display: none;
}

/* 右カラム----------------------------------------------------*/
.bn_area {
  margin: 10px auto;
}

/***********************************************************************************
　text
************************************************************************************/

.large {
  font-size: 116%;
  *font-size: 16px;
}

.small {
  font-size: 85%;
}

.x-small {
  font-size: 77%;
  *font-size: 10px;
}

.hidetext {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/***********************************************************************************
　02.Index指定
************************************************************************************/
#contents {
  width: 670px;
  margin: 10px 0 35px 9px;
  background: url(../../images/main_body.jpg) repeat-y top left;
  overflow: hidden;
}
#contents_in {
  width: 670px;
  height: 100%;
  background: url(../../images/main_head.png) no-repeat top left;
  overflow: hidden;
}
#contents_in2 {
  width: 670px;
  height: 100%;
  background: url(../../images/main_foot.png) no-repeat bottom left;
  padding: 12px;
  overflow: hidden;
}
#contents_in2 h2 {
  width: 620px;
  height: 36px;
  margin: 0 10px;
  background: url(../../images/midashi.png) no-repeat top left;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 38px;
}
#contents_in2 h2.long {
  width: 620px;
  height: 70px;
  margin: 0 10px;
  background: url(../../images/midashi02.png) no-repeat top left;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
}

#contents_in2 h2 {
  padding: 0 0 0 20px;
}
#contents_in2 h2 span {
  padding: 0 20px 0 0;
  color: #fef293;
}
.summary_text {
  padding: 0 15px;
  margin: 11px;
  color: #4d2501;
  width: 582px;
  border-left: 4px solid #aba69b;
  border-right: 4px solid #aba69b;
  font-size: 90%;
  line-height: 170%;
}
.read_more {
  float: right;
  padding: 0 13px 0 0;
  background: url(../../images/read_more.png) no-repeat center right;
}
.read_more a {
  color: #0090cc;
  text-decoration: underline;
}

#content_right > div {
  margin-bottom: 6px;
}
#right_next {
  width: 307px;
  background: url(../../images/right_next_bg.png) no-repeat top right;
  padding: 50px 0 0 0;
}
#right_news {
  position: relative;
  width: 300px;
  height: 163px;
  background: url(../../images/bg_news_.jpg) no-repeat top left;
  margin-bottom: 10px !important;
}
#right_mov {
  width: 300px;
  height: 174px;
  background: url(../../images/douga.jpg) no-repeat top right;
  /*margin-bottom:9px !important;*/
}
#right_next .next_title {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  background: url(../../images/right_next_title_bg.png) no-repeat top right;
  padding: 5px 25px;
}
#right_next .next_guest {
  padding: 5px 25px 25px 25px;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  background: url(../../images/right_next_bottom_bg.png) no-repeat bottom right;
}
.copy_text {
  margin: 10px 0 0 10px;
}
#to_top_wrap {
  position: absolute;
  bottom: 0;
  right: 285px;
}
#to_top {
  width: 190px;
  height: 70px;
  background: url(../../images/bg_to_top.png) no-repeat bottom left;
  position: relative;
  float: right;
}
#to_top p {
  position: absolute;
  bottom: 0;
  left: 39px;
}

#intro #content_left h1 {
  background-image: url(../../images/page_title_intro.jpg);
  height: 90px;
  width: 646px;
  line-height: 0px;
  overflow: hidden;
  width: 646px;
  background-repeat: no-repeat;
}
#intro .summary_text {
  padding: 15px;
}
#intro .summary_text > span {
  display: inline-block;
  margin-bottom: 10px;
}
#intro .summary_text span.box {
  width: 556px;
  height: auto;
  padding: 12px;
  background: #e7daaf;
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
#intro .intro_img {
  margin-right: 8px;
}
.intro_left_img {
  display: inline-block;
  width: 172px;
  float: left;
}
.intro_right_text {
  vertical-align: top;
  display: inline-block;
  width: 390px;
  padding: 15px 0 0 10px;
  float: left;
}
.intro_right_text > .btn {
  margin: 10px 0 0 0;
}
.intro_right_text > .btn img {
  float: right;
}
#news #page_title,
#present #page_title,
#diary #page_title {
  margin-bottom: 26px;
}
#news .summary_text,
#present .summary_text {
  color: #4d2501;
  width: 582px;
  border-left: 4px solid #aba69b;
  border-right: 4px solid #aba69b;
  font-size: 88%;
  line-height: 170%;
  margin-top: 20px;
  margin-right: 11px;
  margin-bottom: 20px;
  margin-left: 11px;
  padding-top: 5;
  padding-right: 15px;
  padding-bottom: 5;
  padding-left: 15px;
}

#story #content_left h1 {
  background-image: url(../../images/page_title_story.jpg);
  height: 90px;
  width: 646px;
  line-height: 0px;
  overflow: hidden;
  width: 646px;
  background-repeat: no-repeat;
}

#story .backnumber {
  background-image: url(../../images/bk_backnumber.jpg);
  background-repeat: no-repeat;
  height: 36px;
  width: 370px;
  margin-left: 10px;
  margin-top: 20px;
  padding-left: 250px;
  padding-top: 12px;
  color: #7c7772;
  font-size: 85%;
}
#story .backnumber a {
  color: #fff !important;
  text-decoration: underline;
}
#story .backnumber a:hover {
  color: #ff9f60 !important;
  text-decoration: underline;
}

#story h2.storyttl {
  background-image: none;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 56px;
  width: 620px;
}

#story .moviebox,
#news .moviebox {
  background-image: url(../../images/bk_movie.jpg);
  background-repeat: no-repeat;
  height: 334px;
  width: 560px;
  margin-left: 30px;
  padding: 13px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#story .storyarea {
  width: 610px;
  margin-left: 10px;
  border-right-width: 4px;
  border-left-width: 4px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #aba69b;
  border-left-color: #aba69b;
  font-size: 90%;
  line-height: 180%;
}
#story .photobox {
  overflow: hidden;
  width: 600px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}

#story .photo {
  float: left;
  width: 290px;
  margin-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}
#story .storyarea p {
  width: 580px;
  margin-right: auto;
  margin-left: auto;
}
#story .guest {
  margin-top: 15px;
  display: block;
}
#story .tabekore {
  width: 402px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}
#story a.activepage {
}
#story .story1 a.storynav1_on {
  color: #f60 !important;
}
#story .story2 a.storynav2_on {
  color: #f60 !important;
}
#story .story3 a.storynav3_on {
  color: #f60 !important;
}
#story .story4 a.storynav4_on {
  color: #f60 !important;
}
#story .story5 a.storynav5_on {
  color: #f60 !important;
}
#story .story6 a.storynav6_on {
  color: #f60 !important;
}
#story .story7 a.storynav7_on {
  color: #f60 !important;
}
#story .story8 a.storynav8_on {
  color: #f60 !important;
}
#story .story9 a.storynav9_on {
  color: #f60 !important;
}
#story .story10 a.storynav10_on {
  color: #f60 !important;
}
#story .story11 a.storynav11_on {
  color: #f60 !important;
}
#story .story12 a.storynav12_on {
  color: #f60 !important;
}

#staff #content_left h1 {
  background-image: url(../../images/page_title_staff.jpg);
  height: 90px;
  width: 646px;
  line-height: 0px;
  overflow: hidden;
  width: 646px;
  background-repeat: no-repeat;
}

#staff .staffarea {
  background-image: url(../../images/bk_staff.jpg);
  width: 560px;
  margin-top: 30px;
  margin-left: 40px;
  padding-top: 30px;
  padding-bottom: 20px;
}
#staff .staffarea ul {
  width: 490px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../../images/bk_line.png);
  background-repeat: repeat-y;
  background-position: center 28px;
  font-size: 90%;
  line-height: 32px;
  overflow: hidden;
  margin-bottom: 20px;
}
#staff .staffarea ul li .staff01 {
  float: left;
  width: 13em;
  padding-left: 10px;
  display: block;
  color: #a20039;
}

#staff .staffarea ul li .staff02 {
  display: block;
  margin-left: 14em;
}
#staff .staffbox_u {
  width: 560px;
  margin-left: 40px;
  margin-bottom: 20px;
}
#present .presentarea {
  width: 600px;
  overflow: hidden;
}

#present .presenttxt {
  float: left;
  width: 440px;
  font-size: 110%;
  line-height: 150%;
}
#present .presenttxt_noimg {
  float: left;
  width: 590px;
  font-size: 110%;
  line-height: 150%;
}

#present .presentimg {
  float: right;
  width: 150px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
}
#present .iframearea {
  width: 590px;
  margin-left: 25px;
}

#diary .top_txt {
  padding: 0px;
  margin: 11px;
  color: #4d2501;
  width: 620px;
  font-size: 90%;
  line-height: 180%;
}

#diary .photoyoshimi {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}

#diary .txtarea {
  padding-top: 10px;
  padding-left: 10px;
  margin-top: 100px;
}
#diary .txtarea p {
  line-height: 180%;
}
#diary .p-img {
  padding-top: 110px;
  padding-right: 5px;
  float: right;
  margin-left: 1em;
}
#diary .diaryarea {
  padding: 0px;
  width: 630px;
  background-image: url(../../images/diary_bk.jpg);
  overflow: hidden;
  margin-top: 6px;
  margin-right: 6px;
  margin-bottom: 20px;
  margin-left: 6px;
}
#diary .diary_leftarea {
  float: left;
  width: 130px;
  background-image: url(../../images/diarylist_bk.jpg);
  margin-top: 10px;
  margin-left: 10px;
  line-height: 170%;
  font-size: 90%;
  margin-bottom: 10px;
}

#diary .diary_leftarea dl {
  width: 130px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#diary .diary_leftarea dt {
}
#diary .diary_leftarea dd {
  line-height: 180%;
  font-size: 95%;
  padding-left: 5px;
}

#diary .diary_leftarea dd a {
  color: #565656;
  text-decoration: none;
  background-image: url(../images/arrow_or.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 5px;
}

#diary .diary_leftarea dd a:hover {
  text-decoration: underline;
}

#diary .diary_mainarea {
  float: left;
  width: 470px;
  overflow: hidden;
  margin-left: 10px;
}
#diary h2 {
  width: 450px !important;
  height: 36px;
  background: url(../../images/midashi.png) no-repeat top left;
  color: #fff;
  font-weight: bold;
  margin: 20px 0 20px 0 !important;
}

#diary .diary_txt {
  width: 460px;
  margin-left: 10px;
}

#diary .diary_txt p {
  margin-bottom: 15px;
}

#diary .u_link {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #b87b49;
  padding-top: 20px;
}

#diary .bk_wh {
  background-color: #efefe9;
  display: block;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.txt_red {
  color: #c00;
}
.txt_red_L {
  color: #c00;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 20px;
}
.present_contents {
  font-size: 110%;
  margin-bottom: 20px;
}
/* ソーシャルタグ----------------------------------------------------*/

#socialbtn {
}

/*--------------  右カラムバナーインクルード設定　----------------*/

#kdk5 .kodoku5,
#kdk4 .kodoku4,
#kdk3 .kodoku3,
#kdk2 .kodoku2,
#kdk1 .kodoku1 {
  display: none;
}

.kodoku5,
.kodoku4,
.kodoku3,
.kodoku2,
.kodoku1 {
  margin-bottom: 10px !important;
  width: 300px;
}

#content_right .rectangle {
  width: 300px;
  margin-bottom: 15px;
}
#content_right .banner {
}
#content_right .banner li {
  margin-bottom: 8px;
}
#content_right .banner li ul {
  width: 300px;
  margin: 0px;
  overflow: hidden;
}
#content_right .banner li ul li {
  float: left;
  width: 150px;
  margin-bottom: 0px !important;
}