@charset "UTF-8";

/* index.html
-------------------------------- */
/* wideslider 
-------------- */

#mainvisual {
width: 100%;
min-width: 990px;
height: 380px;
background: #ffffff url(../img/mainvisual_bg.gif) repeat-x left bottom;
margin-bottom: 5px;
}

#mainvisual .wideslider {
width: 100%;
height: 360px;
text-align: left;
position: relative;
overflow: hidden;
}

#mainvisual .wideslider_base {
margin-top: 5px;
}

#mainvisual .wideslider ul,
#mainvisual .wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}

#mainvisual .wideslider_base {
top: 0;
position: absolute;
}

#mainvisual .wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}

#mainvisual .slider_prev,
#mainvisual .slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}

#mainvisual .slider_prev {
background: #fff url(../img/btn_prev.gif) no-repeat right center;
margin-left: -20px;
}

#mainvisual .slider_next {
background: #fff url(../img/btn_next.gif) no-repeat 205px center;
}

#mainvisual .pagination {
width: 100%;
height: 5px;
text-align: center;
position: absolute;
bottom: 7px;
left: 0;
z-index: 200;
}

#mainvisual .pagination a {
width: 20px;
height: 5px;
background: url(../img/pagination.gif) no-repeat 0px 0px;
margin: 0px 4px 0px 0px;
display: inline-block;
overflow: hidden;
}

#mainvisual .pagination a.active {
background: url(../img/pagination_crt.gif) no-repeat 0px 0px;
}

/* wideslider clearfix */

#mainvisual .wideslider ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

#mainvisual .wideslider ul {
display: inline-block;
overflow: hidden;
}

/* extra */

#mainvisual .extra {
width: 960px;
height: 1px;
margin: 0px auto;
position: relative;
}

#mainvisual .extra ul.inner {
width: 225px;
height: 340px;
text-align: left;
background: url(../img/extra_bg.png) no-repeat left top;
padding: 0px;
margin: 0px;
position: absolute;
top: -356px;
right: -15px;
z-index: 100;
}

#mainvisual .extra li {
width: 180px;
height: 168px;
background-repeat: no-repeat;
background-position: 0px -168px;
margin: 0px 0px 2px 30px;
overflow: hidden;
}

#mainvisual .extra li a {
width: 180px;
height: 168px;
text-indent: -9999px;
background-position: 0px 0px;
display: block;
}

#mainvisual .extra li.extra01,
#mainvisual .extra li.extra01 a {
background-image: url(../img/extra_btn01.jpg);
}

#mainvisual .extra li.extra02,
#mainvisual .extra li.extra02 a {
background-image: url(../img/extra_btn02.jpg);
}

#mainvisual .dummy {
width: 20px;
height: 335px;
background: #ffffff;
position: absolute;
top: -355px;
left: -20px;
}

/* sticker
-------------- */

#container .sticker {
margin-bottom: 15px;
}

#container .sticker li {
float: left;
margin-right: 2px;
_display: inline;
}

/* main
-------------- */

#container .main {
float: left;
width: 717px;
}

#container .maininner {
width: 717px;
background: url(../img/cts_bg.gif) no-repeat left bottom;
margin-bottom: 40px;
}

/* poem
-------------- */

#container .poem {
float: left;
width: 238px;
margin-right: 1px;
_display: inline;
}

#container .poem .prize {
background: url(../img/cts_bg_hd.gif) no-repeat left top;
padding: 10px 0px 0px 17px;
margin-bottom: 12px;
}

#container .poem h2 {
background-image: url(../img/cts_bg_hd.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
padding-top: 4px;
}

#container .poem p {
color: #53000d;
font-size: 93%;
line-height: 1.7;
padding: 0px 22px 12px;
}

#container .poem p img {
float: left;
margin: 6px 8px 1px 0px;
}

#container .poem .btn {
text-align: center;
padding-bottom: 33px;
}

#container .poem .btn li {
margin-bottom: 4px;
}

/* safety
-------------- */

#container .safety {
float: left;
width: 238px;
}

#container .safety h2 {
background: url(../img/cts_bg_hd.gif) no-repeat left top;
padding-top: 4px;
margin-bottom: 10px;
}

#container .safety p {
color: #53000d;
font-size: 93%;
line-height: 1.7;
padding-right: 15px;
padding-bottom: 18px;
padding-left: 15px;
}

#container .safety ul {
background: #fffdf2;
border: 1px solid #ffd300;
margin: 0px 18px 20px 15px;
overflow: hidden;
}

#container .safety li {
background: url(../common/img/dotline01.gif) repeat-x left top;
margin-top: -1px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
padding-top: 11px;
padding-right: 0px;
padding-bottom: 11px;
padding-left: 0px;
}

#container .safety li span {
font-size: 85%;
background: url(../img/safety_list.gif) no-repeat 0px 0px;
padding-left: 20px;
}

#container .safety li a,
#container .safety li a:link {
color: #53000d;
text-decoration: none;
}

#container .safety li a:hover span {
text-decoration: underline;
}

/* pickup
-------------- */

#container .pickup {
float: right;
width: 238px;
}

/* shop */

#container .pickup .shop h2 {
background: url(../img/cts_bg_hd.gif) no-repeat left top;
padding-top: 4px;
margin-bottom: 10px;
}

#container .pickup .shop h3 {
color: #d30700;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
}

#container .pickup .shop .pht {
margin-left: 15px;
}

#container .pickup .shop .pickup_notxt {
margin-bottom: 10px;
}

#container .pickup .shop p {
color: #53000d;
font-size: 85%;
line-height: 1.7;
padding: 10px 15px;
}

#container .pickup .shop .btn {
text-align: center;
background: url(../img/cts_bg_ft.gif) no-repeat left bottom;
padding-bottom: 20px;
}

/* farm */

#container .pickup .farm h2 {
background: url(../img/cts_bg_hd.gif) no-repeat left top;
padding-top: 4px;
margin-bottom: 10px;
}

#container .pickup .farm .pht {
margin-left: 15px;
}

#container .pickup .farm p {
color: #53000d;
font-size: 85%;
padding: 10px 15px;
}

#container .pickup .farm .btn {
text-align: center;
padding-bottom: 20px;
}

#container .pickup1 {
float: left;
width: 238px;
}

#container .pickup1 .shop h2 {
background: url(../img/cts_bg_hd.gif) no-repeat left top;
padding-top: 4px;
margin-bottom: 10px;
}

#container .pickup1 .shop h3 {
color: #f64b00;
padding: 0px 15px 8px;
}

#container .pickup1 .shop .pht {
margin-left: 15px;
}

#container .pickup1 .shop p {
color: #53000d;
font-size: 85%;
line-height: 1.7;
padding: 10px 15px;
}

#container .pickup1 .shop .btn {
text-align: center;
background: url(../img/cts_bg_ft.gif) no-repeat left bottom;
padding-bottom: 20px;
}

/* farm */

#container .pickup1 .farm h2 {
background: url(../img/cts_bg_hd.gif) no-repeat left top;
padding-top: 4px;
margin-bottom: 10px;
}

#container .pickup1 .farm .pht {
margin-left: 15px;
}

#container .pickup1 .farm p {
color: #53000d;
font-size: 85%;
padding: 10px 15px;
}

#container .pickup1 .farm .btn {
text-align: center;
padding-bottom: 20px;
}

/* goodbtn
-------------- */

#container .goodbtn {
height: 21px;
vertical-align: top;
text-align: right;
margin-bottom: 15px;
position: relative;
}

#container .goodbtn .fb_iframe_widget {
position: absolute;
right: 310px;
top: 0;
}

#container .goodbtn iframe.twitter-share-button {
position: absolute;
right: 195px;
width: 105px !important;
}

#container .goodbtn .mixibutton {
position: absolute;
right: 95px;
width: 95px;
}

/* info
-------------- */

#container .info {
float: left;
color: #53000d;
width: 460px;
position: relative;
}

#container .info h2 {
margin-bottom: 10px;
}

#container .pastinfo {
position: absolute;
top: 8px;
right: 12px;
}

#container .pastinfo a {
font-size: 85%;
background: url(../img/info_list.gif) no-repeat 0px 0px;
padding-left: 20px;
}

#container .info dl {
width: 456px;
font-size: 93%;
line-height: 1.6;
margin-left: 2px;
overflow: hidden;
}

#container .info dt {
clear: both;
float: left;
width: 90px;
text-indent: 2px;
padding-top: 9px;
}

#container .info dd.icn {
float: left;
width: 65px;
padding-top: 10px;
}

#container .info dd.title {
background: url(../common/img/dotline01.gif) repeat-x left bottom;
padding: 9px 0px 9px 170px;
margin-bottom: -1px;
}

#container .info a,
#container .info a:link {
color: #53000d;
text-decoration: none;
}

#container .info a:visited {
color: #905962;
}

#container .info a:hover {
text-decoration: underline;
}

/* social
-------------- */

#container .social {
float: right;
width: 208px;
}

#container .social h2 {
margin-bottom: 15px;
}

#container .social ul {
margin-left: 2px;
}

#container .social li {
font-size: 0;
line-height: 0;
margin-bottom: 5px;
}

/* banner
-------------- */

#container .banner {
float: right;
width: 217px;
}

#container .banner ul.group {
margin-bottom: 10px;
}

#container .banner ul.group li {
font-size: 0;
line-height: 0;
margin-bottom: 1px;
}

#container .banner .selection {
width: 217px;
background: url(../img/bnr_s_bg.gif) repeat-y left top;
}

#container .banner .selection .inner {
background: url(../img/bnr_s_bg_hd.gif) no-repeat left top;
}

#container .banner .selection ul {
background: url(../img/bnr_s_bg_ft.gif) no-repeat left bottom;
padding: 5px 8px 5px 5px;
}

#container .banner .selection li {
font-size: 0;
line-height: 0;
margin-bottom: 4px;
}


/* ピックアップコンテンツ
-------------- */

.poem #pickupbox ul li {
background-image: url(../img/top_picup_bg_01.gif);
background-repeat: no-repeat;
height: 117px;
width: 190px;
margin-bottom: 8px;
padding: 7px;
}

.poem #pickupbox ul li.end {
margin-bottom: 0px;
}

.poem #pickupbox ul li a {
display: block;
margin-top: 8px;
color: #333;
font-size: 85%;
line-height: 1.5;
}

.poem #pickupbox ul li a:hover {
text-decoration: none;
}

.poem #pickupbox ul {
padding-top: 2px;
padding-right: 16px;
padding-left: 16px;
}