@charset "utf-8";
/* ===================================================================
CSS information

file name  :style.css
info :index専用
 
 =================================================================== */
/*------------------------
 main_navi
 ------------------------*/
ul#main_navi {
	display:block;
	width:900px;
	height:290px;
	padding:1px 0 1px 0;
	margin:22px 0 0 0;
	border-bottom:#bcbbbb solid 1px;
	border-top:#bcbbbb solid 1px;
	background:url(../../images/main_navi.jpg) no-repeat 0 1px;
}
ul#main_navi li{
	display:block;
	width:225px;
	height:290px;
	float:left;
	text-indent:-9999px;
}
ul#main_navi li a{
	display:block;
	width:225px;
	height:290px;
	overflow:hidden;
	outline:none;
}

ul#main_navi li.main_navi01 a:hover{ background:url(../../images/main_navi.jpg) no-repeat 0 -291px; }
ul#main_navi li.main_navi02 a:hover{ background:url(../../images/main_navi.jpg) no-repeat -225px -291px; }
ul#main_navi li.main_navi03 a:hover{ background:url(../../images/main_navi.jpg) no-repeat -450px -291px; }
ul#main_navi li.main_navi04 a:hover{ background:url(../../images/main_navi.jpg) no-repeat -675px -291px; }


/*------------------------
 contents
 ------------------------*/
#index {
	font-size:x-small;
}
.contents {
	width:900px;
	height:auto;
	border-bottom:#bcbbbb solid 1px;
	padding-bottom: 11px;
	clear: both;
}
h2 {
	clear:both;
}
/*----- left -------*/
#contents_l {
	width:335px;
	height:auto;
	float: left;
}
#contents_l h2#ttl_event{
	display:block;
	width:325px;
	height:40px;
	background:url(../../images/ttl_event.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents_l h3{
	color:#666666;
	font-weight:bold;
	clear:both;
}
dl.event_content {
	display:block;
	width:325px;
}
dl.event_content dt.event_pic {
	display:block;
	width:110px;
	height:110px;
	float:left;
}
dl.event_content dd.event_textTitle {
}
dl.event_content dd.event_text {
	padding:0 0 10px 0;
}
dl.event_content dd.btn_detail {
}
dl.event_content dd.btn_detail a{
	display:block;
	width:90px;
	height:20px;
	background:url(../../images/btn_detail_off.jpg) no-repeat 0 0;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
dl.event_content dd.btn_detail a:hover{
	background:url(../../images/btn_detail_on.jpg) no-repeat 0 0;
}
h2#ttl_shopping {
	clear:both;
	display:block;
	width:325px;
	height:20px;
	padding:8px 0 10px 0;
	background:url(../../images/ttl_shopping.gif) no-repeat 0 0;
	text-align:right;
	color:#9ad05b;
	font-weight: bold;
}
h2#ttl_shopping span {
	display:none;
}
#shoppint_contents {
	width:325px;
	clear:both;
	height: auto;
}
div.shopping_2set {
	width:325px;
	padding:0 0 1px 0;
	clear:both;
	height: auto;
	background:url(../images/border_dashed.jpg) repeat-x 0 100%;
}
.shopping_2set dl.shopping_item {
	width:159px;
	height:auto;
	float:left;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-top: 10px;
}
.shopping_2set dl.shopping_item dt {
	display:block;
	width:60px;
	height:auto;
	float:left;
	margin-right: 5px;
}
.shopping_2set dl.shopping_item dd {
	display:block;
	height: auto;
	width: 82px;
	float: left;
	margin-right: 5px;
}

/*----- center -------*/
#contents_c {
	width:335px;
	height:auto;
	float:left;
}
#contents_c h2{
	display:block;
	width:325px;
	height:40px;
	background:url(../../images/ttl_information.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#contents_c li {
	width:325px;
	height:auto;
	padding: 3px 0px;
	border-bottom: 1px dashed #dcdcdc;
	clear:both;
}
#contents_c li span {
	float:left;
	width:55px;
	display:block;
	color:#000000;
}
#contents_c li span.text {
	width:270px;
	height: auto;
	float: left;
	color:#333333
}
li#information_noborder {
	border:none;
}
#contents_c li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/
#contents_c li{display:inline-block;} /*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
#contents_c li{height:1%;}
#contents_c li{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

/*----- right -------*/
#contents_r {
	width:230px;
	height:auto;
	float:left;
}
#contents_r h2{
	display:block;
	width:230px;
	height:40px;
	background:url(../../images/ttl_ranking.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents_r a {
	color:#626262;
}
#contents_r a:hover {
	text-decoration:none;
}
/*
li#ranking_no1,li#ranking_no2,li#ranking_no3,li#ranking_no4,li#ranking_no5 {
	padding:5px 5px 2px 25px;
	min-height:19px;
	margin-top: 3px;
	line-height:1.4;
}
li#ranking_no1 {
	background:url(../../images/icon_no1.jpg) no-repeat left center;
}
li#ranking_no2 {
	background:url(../../images/icon_no2.jpg) no-repeat left center;
}
li#ranking_no3 {
	background:url(../../images/icon_no3.jpg) no-repeat left center;
}
li#ranking_no4 {
	background:url(../../images/icon_no4.jpg) no-repeat left center;
}
li#ranking_no5 {
	background:url(../../images/icon_no5.jpg) no-repeat left center;
}
.ranking_border {
	width:225px;
	
}
*/
/*li#ranking_no1,li#ranking_no2,li#ranking_no3,li#ranking_no4,li#ranking_no5 {
	padding:3px 0px 6px;
	margin-top: 3px;
	line-height:1.4;
	width:230px;
	height:auto;
	float:left;
	background: url(../images/border_slash.jpg) repeat-x bottom;
}
li#ranking_no1 div,li#ranking_no2 div,li#ranking_no3 div,li#ranking_no4 div,li#ranking_no5 div {
	width:33px;
	height:auto;
	float:left;
}
li#ranking_no4 div,li#ranking_no5 div {
	padding-top:2px;
}
li#ranking_no1 a,li#ranking_no2 a,li#ranking_no3 a,li#ranking_no4 a,li#ranking_no5 a {
	display:block;
	width:197px;
	float:left;
}
li#ranking_no4 a,li#ranking_no5 a {
}
*/

li#ranking_no1,
li#ranking_no2,
li#ranking_no3,
li#ranking_no4,
li#ranking_no5 {
	padding:3px 0px 6px;
	margin-top: 3px;
	line-height:1.4;
	width:230px;
	height:auto;
	float:left;
	background: url(../images/border_slash.jpg) repeat-x bottom;
}
li#ranking_no1 span,
li#ranking_no2 span,
li#ranking_no3 span,
li#ranking_no4 span,
li#ranking_no5 span {
	width:230px;
	height:62px;
	display:block;
}
li#ranking_no1 span img,
li#ranking_no2 span img,
li#ranking_no3 span img,
li#ranking_no4 span img,
li#ranking_no5 span img {
	margin:0 7px 0 25px;
	padding:1px;
	border:#EEEEEE 1px solid;
	float:left;
}
li#ranking_no1 span img:hover,
li#ranking_no2 span img:hover,
li#ranking_no3 span img:hover,
li#ranking_no4 span img:hover,
li#ranking_no5 span img:hover {
	border: #fbc955 1px solid;
}
li#ranking_no1 span { background:url(../../images/icon_no1.jpg) no-repeat 0 0 ;}
li#ranking_no2 span { background:url(../../images/icon_no2.jpg) no-repeat 0 0 ;}
li#ranking_no3 span { background:url(../../images/icon_no3.jpg) no-repeat 0 0 ;}
li#ranking_no4 span { background:url(../../images/icon_no4.jpg) no-repeat 0 0 ;}
li#ranking_no5 span { background:url(../../images/icon_no5.jpg) no-repeat 0 0 ;}

li#ranking_no1 a,
li#ranking_no2 a,
li#ranking_no3 a,
li#ranking_no4 a,
li#ranking_no5 a {
	overflow:hidden;
	outline:none;
}
li#ranking_no1 a:hover,
li#ranking_no2 a:hover,
li#ranking_no3 a:hover,
li#ranking_no4 a:hover,
li#ranking_no5 a:hover {
}

li#ranking_no4 a,li#ranking_no5 a {
}

#r_banner {
	clear:both;
	width:230px;
	height:auto;
	padding-top: 5px;
}
#r_banner img {
	margin-bottom:5px;
}
/*----- under_banner -------*/

div#under_banner {
	margin-bottom:5px;
}
div#under_banner img{
	margin:10px 0 0 0;
}

div#banner_l {
	clear:both;
	width:334px;
	float:left;
	padding:29px 0 0 0;
}
div#banner_c {
	width:334px;
	float:left;
	padding:29px 0 0 0;
}
div#banner_r {
	width:230px;
	float:left;
}