@charset "utf-8";

/* top page CSS

Index
------------------------------------------------------------
== 1. wrapper
== 2. main visual/flash
== 3. contents
== 4. nProgram
------------------------------------------------------------*/

/*============================================================
== 1. wrapper
============================================================*/
/* selector (#main) */
.top {}


/*============================================================
== 2. main visual/flash
============================================================*/
#mainVisual {
  position: relative;
  z-index: 1;
  height: 396px;
  margin: 0 auto 27px;
  padding: 31px 0 27px;
}

#mainVisual:before {
  position: absolute;
  top: 0;
  left: -50px;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  padding: 31px 50px 27px;
  background: url(../images/mainvisual_bg.png) no-repeat center top;
  content: "";
}

#cycle_list {
  overflow: hidden;
  width: 1000px;
	height: 396px;
}

#cycle_nav {
	position: absolute;
  bottom: 43px;
  left: 0;
  z-index: 999;
  width: 100%;
}

#cycle_nav a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
  background-color: #ffffff;
	border-radius: 12px;
	text-decoration: none;
}

#cycle_nav a.activeSlide {
  background-color: #a8b850;
}


/*============================================================
== 3. contents
============================================================*/
/*== section 1 ========================*/
.top #sec01 {
  position: relative;
  float: left;
  width: 660px;
  border-top: 11px solid #e3decd;
  background-color: #ffffff;
}

.top #sec01 h3 {
  position: absolute;
  top: -20px;
  left: 23px;
}

.top #sec01 .text {
  min-height: 84px;
  padding: 20px 16px 0px 220px;
  text-align: left;
}

.top #sec01 li {
  float: left;
  padding: 2px 6px 8px 24px;
}


/*== section 2 ========================*/
.top #sec02 {
  clear: right;
  width: 320px;
  margin-bottom: 43px;
  margin-left: auto;
}


/*== section 3 ========================*/
.top #sec03 {
  position: relative;
  margin-bottom: 33px;
  padding: 0 14px 25px 23px;
  border-top: 11px solid #dbe0c3;
  background-color: #ffffff;
}

.top #sec03 h3 {
  position: absolute;
  top: -20px;
  left: 23px;
}

.top #sec03 .btn {
  position: absolute;
  top: 36px;
  left: 42px;
  z-index: 2;
}

.top #sec03 .note {
  min-height: 84px;
  padding: 20px 16px 0px 220px;
  text-align: left;
}

.top #sec03 h4 {
  padding: 16px 0 15px;
}

.top #sec03 ul {
  overflow: hidden;
}

.top #sec03 li {
  width: 212px;
}

.top #sec03 li a {
  display: block;
  text-decoration: none;
}

.top #sec03 li a span {
  display: block;
}

.top #sec03 li .photo {
  height: 68px;
}

.top #sec03 li .title {
  padding: 11px 0;
  background-color: #ffffff;
  font-size: 13px;
}

.top #sec03 li .title span {
  display: inline-block;
  padding: 0 8px;
  background: url(../common_img/icon_arrow01.png) no-repeat right center;
  color: #333333;
}

.top #sec03 li .text {
  padding: 7px 0 14px;
  color: #666666;
  font-size: 11px;
  text-align: left;
  line-height: 1.7;
}

.top #sec03 .bloc01 {
  float: left;
  width: 668px;
  padding: 0 18px 0 22px;
  border-radius: 6px;
  background-color: #f4f6f1;
}

.top #sec03 .bloc01 ul {
  width: 684px;
}

.top #sec03 .bloc01 li {
  float: left;
  margin-right: 16px;
}

.top #sec03 .bloc02 {
  float: right;
  width: 212px;
  padding: 0 14px;
  border-radius: 6px;
  background-color: #f5f4e9;
}


/*== section 4 ========================*/
.top #sec04 {
  position: relative;
  margin-bottom: 54px;
  background-color: #ffffff;
}

.top #sec04 h3 {
  position: absolute;
  top: -8px;
  left: 23px;
}

.top #sec04 .content {
  position: relative;
  padding-bottom: 30px;
}

.top #sec04 .content:before {
  position: absolute;
  bottom: 30px;
  right: 26px;
  display: block;
  width: 294px;
  height: 45px;
  content: "";
}

.top #sec04 .btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  filter: alpha(opacity=0);
  opacity: 0;
}

.top #sec04 .btn img {
  position: absolute;
  bottom: 30px;
  right: 26px;
}

.top #sec04 .header {
  min-height: 96px;
  padding: 10px 40px 10px 294px;
  background: #e9e1cd url(../common_img/bg_gradation01.png) repeat-x bottom;
  text-align: left;
}

.top #sec04 .header dd {
  padding-top: 5px;
  color: #787366;
  font-size: 11px;
  line-height: 1.7;
}

.top #sec04 ul {
  padding: 23px 14px 0 24px;

}
.top #sec04 li {
  float: left;
  width: 198px;
  padding-right: 12px;
}

.top #sec04 li dd {
  padding: 8px 4px;
  font-size: 11px;
  text-align: left;
  line-height: 1.7;
}

.top #sec04 .li04 {
  float: right;
  width: 308px;
  padding-bottom: 45px;
  padding-right: 0;
}


/*== section 5 ========================*/
.top #sec05 {
  position: relative;
  float: left;
  width: 704px;
  background-color: #ffffff;
  margin-bottom: 40px;
}

.top #sec05 .content {
  position: relative;
  border-top: 11px solid #e3d3cd;
  background-color: #ffffff;
}

.top #sec05 .btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  filter: alpha(opacity=0);
  opacity: 0;
}

.top #sec05 h3 {
  position: absolute;
  top: -20px;
  left: 23px;
}

.top #sec05 .note {
  min-height: 53px;
  padding: 20px 26px 0 270px;
  font-size: 13px;
  text-align: left;
}

.top #sec05 dl {
  padding: 0 26px 20px 23px;
}

.top #sec05 dt {
  float: left;
  padding-top: 20px;
}

.top #sec05 dd {
  width: 232px;
  margin-left: auto;
}

.top #sec05 .text {
  padding: 0 26px 26px 23px;
  font-size: 13px;
  text-align: left;
  line-height: 1.7;
}


/*== section 6 ========================*/
.top #sec06 {
  width: 275px;
  margin-bottom: 40px;
  margin-left: auto;
}

.top #sec06 li {
  margin-bottom: 9px;
}


/*============================================================
== 4. nProgram
============================================================*/
.newsProgram {
  position: relative;
  float: right;
  width: 320px;
  margin-bottom: 25px;
}

.newsProgram h3 {
  height: 44px;
}

.newsProgram h3 img {
  position: absolute;
  top: 0;
  left: 0;
}

.newsProgram .btn_rss {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
}

/*-- プログラム部 ----------*/
.nProgram {
  overflow: auto;
  overflow-y: scroll;
  height: 232px;
  padding: 4px 2px 2px 15px;
  background-color: #ffffff;
}

.nProgram dl {
  margin-right: 10px;
  font-size: 12px;
  text-align: left;
  line-height: 16px;
}

.nProgram dt {
  padding: 15px 4px 8px;
  color: #4f8b20;
}

.nProgram dd {
  padding: 0 4px 10px;
  border-bottom: 1px solid #ededd5;
}

.nProgram dd a,
.nProgram dd a:link,
.nProgram dd a:visited {
  color: #666666;
  text-decoration: none;
}

.nProgram dd a:hover,
.nProgram dd a:active,
.nProgram dd a:focus {
  text-decoration: underline;
}