@charset "utf-8";

/* news */
#main .news {
overflow:hidden;
height:100%;
margin-bottom:32px;
}

#main .news .cm {
float:left;
width:480px;
}
#main .news .cm .movie {
height:346px;
}
#swf p {
padding-top:150px;
font-size:1.2em;
text-align:center;
}
#main .news .cm .notes {
text-align:right;
}

#main .news .topics_outer {
float:right;
width:220px;
background:url(../images/index_bg_01.png) repeat-y;
}
#main .news .topics {
padding-bottom:3px;
background:url(../images/index_bg_02.png) left bottom no-repeat;
}
#main .news .topics_inner {
padding:11px 3px 0;
background:url(../images/index_bg_03.png) no-repeat;
}

#main .news .topics .product {
overflow:hidden;
height:100%;
margin-bottom:10px;
}
#main .news .topics .product .image {
float:left;
width:42px;
text-align:center;
}
#main .news .topics .product .info {
margin-left:42px;
}
#main .news .topics .product h2 {
margin-bottom:9px;
}
#main .news .topics .product p {
margin-bottom:2px;
font-size:1.6em;
font-weight:bold;
line-height:1.2;
}
#main .news .topics .product .more {
margin:0 5px;
font-size:1.2em;
font-weight:normal;
}

#main .news .topics .section {
border-right:1px solid #E8E8E8;
border-left:1px solid #E8E8E8;
background-color:#fff;
}
#main .news .topics .section_inner {
margin:0 -1px;
padding-bottom:5px;
background:url(../images/index_bg_04.png) left bottom no-repeat;
}
#main .news .topics .section p {
color:#666;
}

#main .news .topics .story {
margin-bottom:2px;
}
#main .news .topics .story h2 {
margin-bottom:4px;
}
#main .news .topics .story p {
overflow:scroll;
overflow-x:hidden;
height:84px;
margin-right:7px;
margin-left:11px;
padding-right:20px;
}

#main .news .topics .recipe .section_inner {
overflow:hidden;
height:100%;
padding-right:9px;
padding-left:9px;
}
#main .news .topics .recipe h2 {
margin:0 -9px 8px;
}
#main .news .topics .recipe .image {
float:left;
margin-right:10px;
}
#main .news .topics .recipe .info {
overflow:hidden;
height:100%;
}
#main .news .topics .recipe .info h3 {
margin-bottom:6px;
font-size:1.2em;
}



/* lineup */
#main .lineup h2 {
margin-bottom:15px;
}

#main .lineup .series {
overflow:hidden;
height:100%;
border-top:1px solid #E0E0E0;
border-bottom:1px solid #E0E0E0;
background:url(../images/index_bg_09.png) repeat-y;
}
#tab {
float:left;
width:182px;
background:url(../images/index_bg_05.png) repeat-y;
}
#tab ul {
margin-top:-1px;
font-size:1.2em;
line-height:1.2;
}
#tab li {
border-top:1px solid #DCDCDC;
}
#tab ul a {
color:#666;
}
#tab ul .on a,
#tab ul .selected a {
color:#333;
}
#tab ul .on,
#tab ul .selected {
background:#FFFAF2 url(../images/index_bg_06.png) repeat-y;
color:#333;
}
#tab table {
width:100%;
}
#tab th,
#tab td {
vertical-align:middle;
}
#tab th {
padding:4px 28px 4px 0;
background:url(../images/index_bg_07.png) 126px 50% no-repeat;
text-align:left;
}
#tab .on th,
#tab .selected th {
background:url(../images/index_bg_08.png) 124px 50% no-repeat;
}
#tab td {
width:32px;
padding:4px 0 4px 4px;
text-align:center;
}
#main .lineup .section {
margin-left:182px;
padding:19px 0 19px 19px;
}
#main .lineup .section ul {
overflow:hidden;
width:501px;
margin-right:-13px;
margin-bottom:18px;
font-size:1.2em;
}
#main .lineup .section li {
position:relative;
float:left;
width:154px;
margin-right:13px;
padding-top:95px;
}
#main .lineup .section ul img {
position:absolute;
top:0;
left:0;
}

#main .lineup .notes {
margin-top:29px;
padding-top:19px;
border-top:1px dotted #ccc;
}
#main .lineup .notes p {
overflow:hidden;
height:100%;
padding-top:4px;
color:#666;
}
#main .lineup .notes img {
float:left;
margin-top:-4px;
margin-right:11px;
}