@charset "utf-8";
/* CSS Document */

#header_wrap {
  top: -105px;
  padding-top: 0;
}
#wrapper {
  padding-top: 591px;
}
/*--------------------------------------
main
---------------------------------------*/
#top_main_box {
  position: fixed;
  width: 100%;
  top: 20px;
}
.top_main_box_inner {
  width: 910px;
  height: 910px;
  margin: 0 auto;
  position: relative;
}
.top_main_rotation_wrap {
  animation: rotation 80s linear 0s infinite normal none;
  -moz-animation: rotation 80s linear 0s infinite normal none;
  -webkit-animation: rotation 80s linear 0s infinite normal none;
  -o-animation: rotation 80s linear 0s infinite normal none;
  -ms-animation: rotation 80s linear 0s infinite normal none;
}
.top_main_rotation_img_wrap {
  width: 910px;
  height: 910px;
  margin: 0 auto;
  position: relative;
  background: transparent;
}
@keyframes rotation {
 from {
 transform: rotate(0deg);
}
 to {
 transform: rotate(360deg);
}
}
@-moz-keyframes rotation {
 from {
 -moz-transform: rotate(0deg);
}
 to {
 -moz-transform: rotate(360deg);
}
}
   
   /* Chrome, Safari */
@-webkit-keyframes rotation {
 from {
 -webkit-transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(360deg);
}
}
.top_main_rotation_img_common {
  position: absolute;
  top: 405px;
  left: 405px;
  width: 100px;
  height: 100px;
  z-index: 260;
  cursor: pointer;
}
.top_main_rotation_Vege {
  position: absolute;
  z-index: 200;
}
.top_main_rotation_dish {
  position: absolute;
  z-index: 250;
  width: 573px;
  height: 573px;
  top: 169px;
  left: 169px;
}
.top_main_rotation_slide_img01 {
  position: absolute;
  z-index: 260;
  width: 482px;
  height: 483px;
  top: 214px;
  left: 214px;
}
.top_main_rotation_slide_img02 {
  position: absolute;
  z-index: 260;
  width: 482px;
  height: 483px;
  top: 214px;
  left: 214px;
}
.top_main_rotation_slide_img02 img{
  position: absolute;
}
.top_main_rotation_img01 {
  transform: rotate(28deg) translateX(336px);
  -moz-transform: rotate(28deg) translateX(336px);
  -webkit-transform: rotate(28deg) translateX(336px);
  -o-transform: rotate(28deg) translateX(336px);
  -ms-transform: rotate(28deg) translateX(336px);
}
.top_main_rotation_img01 img {
  transform: rotate(88deg);
  -moz-transform: rotate(88deg);
  -webkit-transform: rotate(88deg);
  -o-transform: rotate(88deg);
  -ms-transform: rotate(88deg);
}
.top_main_rotation_img02 {
  transform: rotate(-48deg) translateX(347px);
  -moz-transform: rotate(-48deg) translateX(347px);
  -webkit-transform: rotate(-48deg) translateX(347px);
 -o-transform: rotate(-48deg) translateX(347px);
  -ms-transform: rotate(-48deg) translateX(347px);
}
.top_main_rotation_img02 img {
  transform: rotate(98deg);
  -moz-transform: rotate(98deg);
  -webkit-transform: rotate(98deg);
  -o-transform: rotate(98deg);
  -ms-transform: rotate(98deg);
}
.top_main_rotation_img03 {
  transform: rotate(167deg) translateX(332px);
  -moz-transform: rotate(167deg) translateX(332px);
  -webkit-transform: rotate(167deg) translateX(332px);
  -o-transform: rotate(167deg) translateX(332px);
  -ms-transform: rotate(167deg) translateX(332px);
}
.top_main_rotation_img03 img {
  transform: rotate(82deg);
  -moz-transform: rotate(82deg);
  -webkit-transform: rotate(82deg);
  -o-transform: rotate(82deg);
  -ms-transform: rotate(82deg);
}
.top_main_rotation_img04 {
  transform: rotate(230deg) translateX(347px);
  -moz-transform: rotate(230deg) translateX(347px);
  -webkit-transform: rotate(230deg) translateX(347px);
  -o-transform: rotate(230deg) translateX(347px);
  -ms-transform: rotate(230deg) translateX(347px);
}
.top_main_rotation_img04 img {
  transform: rotate(89deg);
  -moz-transform: rotate(89deg);
  -webkit-transform: rotate(89deg);
  -o-transform: rotate(89deg);
  -ms-transform: rotate(89deg);
}
.top_main_rotation_img05 {
  transform: rotate(313deg) translateX(365px);
  -moz-transform: rotate(313deg) translateX(365px);
  -webkit-transform: rotate(313deg) translateX(365px);
  -o-transform: rotate(313deg) translateX(365px);
  -ms-transform: rotate(313deg) translateX(365px);
}
.top_main_rotation_img05 img {
  transform: rotate(95deg);
  -moz-transform: rotate(95deg);
  -webkit-transform: rotate(95deg);
  -o-transform: rotate(95deg);
  -ms-transform: rotate(95deg);
}
.top_main_rotation_img06 {
  cursor: pointer;
  display: block;
  width: 113px;
  height: 78px;
  transform: rotate(334deg) translateX(365px);
  -moz-transform: rotate(334deg) translateX(365px);
  -webkit-transform: rotate(334deg) translateX(365px);
  -o-transform: rotate(334deg) translateX(365px);
  -ms-transform: rotate(334deg) translateX(365px);
}
.top_main_rotation_img img, .top_main_rotation_img06 {
  font-size: 10px;
}
.top_main_rotation_img img:hover, .top_main_rotation_img06:hover {
  font-size: 11px;
}
/*--------------------------------------
  contents
  ---------------------------------------*/
.topics_list_box {
  position: relative;
  z-index: 270;
  width: 1026px;
  margin: 0 auto;
  padding-bottom: 30px;
  background: #fff;
}
#topics_list {
  background: url("/common/img/vline01.png") repeat-y #fff;
  width: 1026px;
}
.topics_list_box_column01 {
  float: left;
  padding-right: 11px;
  width: 658px;
}
.topics_list_banner_box {
  float: right;
  width: 328px;
}
.topics_list_item01 {
  width: 658px;
  padding: 0 0 12px 0;
  margin-bottom: 12px;
  position: relative;
}
.topics_list_item01:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  background: #fff;
  height: 12px;
}
.topics_list_item_img {
  position: relative;
  margin-bottom: 10px;
}
.topics_list_item a,
.topics_list_item a:hover{
 text-decoration: none;
}

.topics_list_item_caption_day {
  font-size: 15px;
  line-height: 24px;
  color: #000000;
}
.topics_list_item_caption_title {
  font-size: 18px;
  line-height: 30px;
  color: #808080;
  font-weight: bold;
  padding-bottom: 5px;
}
.topics_list_item_caption {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
.topics_list_box_column02 {
  padding-left: 11px;
  width: 319px;
}
.topics_list_box_column03 {
  width: 329px;
}
.topics_list_item03 {
  width: 318px;
  margin-bottom: 12px;
  margin-right: 10px;
  padding-bottom: 12px;
}
.topics_list_item01, .topics_list_item03 {
  background: url("/common/img/line01.png") left bottom repeat-x #fff;
}