@charset "utf-8";

/* ===================================================================

CSS information



file name  :style.css

info :index専用

 

 =================================================================== */

/*------------------------

 main_navi

 ------------------------*/

ul#main_navi {
	position: relative;

	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: inline;

}

ul#main_navi li a{

	display:block;
	float: left;

	width:300px;

	height:290px;

	overflow:hidden;

	outline:none;
	text-indent: -9999px;

}
ul#main_navi li.main_navi01 a,
ul#main_navi li.main_navi02 a {
	height: 145px;
}
ul#main_navi li.main_navi02 a {
	float: none;
	position: absolute;
	top: 147px;
	left: 0;
}


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 0 -437px;}
ul#main_navi li.main_navi03 a:hover{ background:url(../../images/main_navi.jpg) no-repeat -300px -291px; }
ul#main_navi li.main_navi04 a:hover{ background:url(../../images/main_navi.jpg) no-repeat -600px -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;

}

dl.ratia_contents {
	display:block;
	width:325px;
}

dl.ratia_contents dt.contents_pic {

	display:block;

	width:325px;

	height:80px;

	float:left;

}


dl.pick_contents {
	display:block;
	width:325px;
}

dl.pick_contents dt.contents_list {

	display:block;

	width:325px;

	height:80px;

	float:left;
	margin:0,0,5,0

}

#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 h3{
	display:block;
	width:325px;
	height:50px;
	text-indent:-9999px;
	background:url(../../images/h2_ttl_index04.gif) no-repeat 0 0;
}



#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/*ここに画像名*/) no-repeat 0 0;

	text-indent:-9999px;

}

#contents_r a {

	color:#626262;

}

#contents_r a:hover {

	text-decoration:none;

}


#contents_r ul {

	clear:both;


	float:left;

	padding:20px 0 0 0;


}

#contents_r ul li{

	clear:both;


	float:left;

	padding:0 0 5px 0;

}

/*
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_r2 {

	clear:both;

	width:334px;

	float:left;

	padding:29px 0 0 0;

}

div#banner_r2 li{

	clear:both;

	width:334px;

	float:left;

	padding:5px 0 0 0;

}

div#banner_c {

	width:334px;

	float:left;

	padding:29px 0 0 0;

}

div#banner_r {

	width:230px;

	float:left;

}