﻿@charset "utf-8";

/*------------------ index ------------------*/

.txt_c{
	text-align:center;
	
}

#information_m {
    margin:17px auto 0;
    background: url("../img/top/info_frame01_b.gif") no-repeat;
    width:960px;
    height:88px;
    color:#4D4D4D;
}
#information_m p {
    width:735px;
    height:53px;
    font-size:20px;
    font-weight:bold;
    padding: 15px 35px 20px 190px;
}
#information_m a:link {
    color: #ff0000;
}
#information_m a:visited {
    color: #ff0000;
}
#information_m a:hover {
    color: #ff0000;
    text-decoration: underline;
}
#information_m a:active {
    color: #ff0000;
}

/* info */

#information_shop_t {
	float:left;
	width:700px;
}

#information_g {
	float: left;
	width: 225px;
	margin-right: 10px;
	background: url("../img/top/info_frame02.gif") no-repeat;
}

#information_s {
	float: left;
	width: 225px;
	background: url("../img/top/info_frame03.gif") no-repeat;
}

#information_c {
	float: left;
	width: 225px;
	margin-left: 10px;
	background: url("../img/top/info_frame04.gif") no-repeat;
}


#info_box .scroll-pane {
    width:200px;
    height:270px;
    margin:60px auto 0;
    color:#4D4D4D;
}


#info_box table{
width:100%;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dashed #808080;		
}

#info_box table th{
width:60px;
vertical-align:middle;
}
#info_box table td{
	padding:0px 8px 0px 3px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	line-height:1.3em;
	width:125px;
}
#info_box table td a{
	display:block;
	text-decoration:none;
}


#info_box table td span{
	font-size:10px;
}
#information_g td a:link,#information_g td a:visited,#information_g td a:active,#information_g td a:hover{
	background-image: url(../img/top/arrow_g.png);
	background-repeat: no-repeat;
	background-position:right center;
	color:#ff8700;	
}
#information_s td a:link,#information_s td a:visited,#information_s td a:active,#information_s td a:hover{
	background-image: url(../img/top/arrow_s.png);
	background-repeat: no-repeat;
	background-position: right center;
	color:#ef5ba1;
}
#information_c td a:link,#information_c td a:visited,#information_c td a:active,#information_c td a:hover{
	background-image: url(../img/top/arrow_b.png);
	background-repeat: no-repeat;
	background-position: right center;
	color:#2aab39;
}


#info_box a:link {
    color: #4D4D4D;
}
#info_box a:visited {
    color: #4D4D4D;
}
#info_box a:hover {
    color: #4D4D4D;
    text-decoration: underline;
}
#info_box a:active {
    color: #4D4D4D;
}

/* shop data */
#shop_box {
    width:682px;
    height:247px;
    margin:11px 0 0 0;
    background: url("../img/shop_back.gif") no-repeat;
    padding:10px 9px;
}
#shop_l,
#shop_c
 {
    width:223px;
    margin-right:6px;
    float:left;
}
#shop_r {
    width:223px;
    float:left;
}
#shop_box ul li {
    margin-bottom:7px;
    width:223px;
    height:35px;
}
#shop_box ul li img {
    margin:0;
    padding:0;
}

/* shop link img */
#shop01 { background: url("../img/top/shop01_on.gif") no-repeat; }
#shop02 { background: url("../img/top/shop02_on.gif") no-repeat; }
#shop03 { background: url("../img/top/shop03_on.gif") no-repeat; }
#shop04 { background: url("../img/top/shop04_on.gif") no-repeat; }
#shop05 { background: url("../img/top/shop05_on.gif") no-repeat; }
#shop06 { background: url("../img/top/shop06_on.gif") no-repeat; }
#shop07 { background: url("../img/top/shop07_on.gif") no-repeat; }
#shop08 { background: url("../img/top/shop08_on.gif") no-repeat; }
#shop09 { background: url("../img/top/shop09_on.gif") no-repeat; }
#shop10 { background: url("../img/top/shop10_on.gif") no-repeat; }
#shop11 { background: url("../img/top/shop11_on.gif") no-repeat; }
#shop12 { background: url("../img/top/shop12_on.gif") no-repeat; }
#shop13 { background: url("../img/top/shop13_on.gif") no-repeat; }
#shop14 { background: url("../img/top/shop14_on.gif") no-repeat; }
#shop15 { background: url("../img/top/shop15_on.gif") no-repeat; }
#shop16 { background: url("../img/top/shop16_on.gif") no-repeat; }
#shop17 { background: url("../img/top/shop17_on.gif") no-repeat; }

#shop01 a:hover img,
#shop02 a:hover img,
#shop03 a:hover img,
#shop04 a:hover img,
#shop05 a:hover img,
#shop06 a:hover img,
#shop07 a:hover img,
#shop08 a:hover img,
#shop09 a:hover img,
#shop10 a:hover img,
#shop11 a:hover img,
#shop12 a:hover img,
#shop13 a:hover img,
#shop14 a:hover img,
#shop15 a:hover img,
#shop16 a:hover img,
#shop17 a:hover img {
    opacity: 0.1;
	filter: alpha(opacity=10);
}

/* profitable data */
#profitable_box {
	margin: 0 0 17px 0;
	position: relative;
	width: 253px;
	height: 296px;
	background: url("../img/top/info_frame05.gif") no-repeat;
}
#profitable_box .scroll-pane {
	width:210px;
	height:150px;
	position:absolute;
	top:70px;
	left:15px;
	color:#FFFFFF;
}
#profitable_box .scroll-pane span {
    display:block;
    margin:8px auto;
    padding-bottom:8px;
    border-bottom:1px dashed #FFFFFF;
    width:190px;
}
#profitable_box #feedbox{
	width:210px;
	height:150px;
	position:absolute;
	top:70px;
	left:15px;

}
#profitable_box #feed{
	width: 210px;
	height: 180px;
	position: relative;
	color: #FFFFFF;
	overflow: hidden;

}
#profitable_box #feed span {
    display:block;
    margin:8px auto;
    padding-bottom:8px;
    border-bottom:1px dashed #FFFFFF;
    width:190px;
}

#profitable_box a:link {
    color: #FFFFFF;
}
#profitable_box a:visited {
    color: #FFFFFF;
}
#profitable_box a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#profitable_box a:active {
    color: #FFFFFF;
}

/* festival */
#festival_banner {
        margin: 17px auto 0;
}

#information_m.festival_info {
        margin: 0 auto;
}


#top_topics{
	width: 700px;
	height: 490px;
	background-image: url(../img/top/top_topics_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}


#top_topics .inner{
	width:660px;
	height:222px;
	position:absolute;
	top:55px;
	left:20px;
}

#top_topics .scroll-pane {
	width: 660px;
	height: 410px;
	position: absolute;
	top: 55px;
	left: 20px;
	overflow: scroll;
}

