/* CSS Basic Style ---------------------------------------------------------- */
/* reset elements */
h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 0px;
}
p, hr, blockquote, address, noscript {
margin: 0px;
padding: 0px;
font-style: normal;
font-weight: normal;
border: none;
}

li{
list-style-type: none;
}
table , img {
border: none;
}
em,  q, dfn, code, samp, kbd, var, cite, abbr, acronym {
margin: 0px;
padding: 0px;
font-style: normal;
font-weight: normal;
}
hr {
display: none;
clear: both;
}


body {
margin:0px auto;
color:#555555;
background:URL(../../images/index/i_bg.jpg) repeat-x center top #f9f9f9;
font-size:12px;
line-height:20px;
}
a:link ,  a:active {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}




/* wrap ---------------------------------------------------------- */
#wrap{
width:950px;
margin:0 auto;
text-align:left;
background:#ffffff;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p{
margin:0 0 20px 0;
}

.clear{
clear:both;
}
/* head ---------------------------------------------------------- */

h1{
margin:0;
padding:0;
}

/*----------------------------------------------------------
 HEAD 
---------------------------------------------------------- */
#head{
background:URL(../../images/common/i_head_bg.gif) no-repeat right top #ffffff;
height:59px;
}

#head #logo{
float:left;
margin:0;
padding:0;
}

#head ul{
float:right;
padding:10px 15px 0 0;
margin:0;
}

#head li{
float:left;
margin:0 5px 0 0;
padding:0;
}


/* bt */
#bt{
clear:both;
background:URL(../../images/index/i_navi_bg.jpg) no-repeat center top;
margin:0;
padding:0;
width:950px;
height:180px;
}

#bt_list{
margin:0;
padding:15px 0 15px 15px;
}

#bt_list li{
width:220px;
float:left;
margin:0;
padding:0 5px;
}

.navi_line{
background:URL(../../images/index/i_navi_line.gif) no-repeat left top;

}


#bt_list li ul{
margin:10px 0 0 0;
padding:0;
}

#bt_list li li{
background:URL(../../images/common/i_icon.gif) no-repeat left 4px;
padding:0 0 0 12px;
margin:0 0 5px 0;
float:left;
width:90px;
}



/* main ---------------------------------------------------------- */








/* left_column ---------------------------------------------------------- */
#left_column{
padding:0;
margin:0 0 10px 20px;
float:left;
clear:both;
width:715px;
}

/*----- #main_banner -----*/
#main_banner{
margin:0 0 15px 0;
padding:0;
}

#main_banner li{
float:left;
margin:0 15px 20px 0;
}


/*----- #news -----*/
#news{
clear:both;
margin:0;
padding:0;
}

#news img{
margin:0 0 15px 0;
}

#news_list{
margin:0;
padding:0;
}

#news_list li{
border-bottom:1px dotted #aaaaaa;
padding:0 10px;
margin:0 20px 15px 0;
}

.news_detail{
text-align:right;
margin:0 20px 0 0;
}

/* right_column ---------------------------------------------------------- */
#right_column{
float:right;
padding:0;
margin:0 20px 10px 0;
}

#sub_banner{
margin:0;
padding:0;
}

#sub_banner li{
margin:0 0 10px 0;
}


/* PR ---------------------------------------------------------- */

#pr{
clear:both;
margin:10px;
}

#pr_list{
margin:10px 0 0 20px;
padding:0;
}

#pr_list li{
float:left;
margin:0 20px 20px 0;
}


/* foot ---------------------------------------------------------- */
#foot{
clear:both;
width:100%;
background:#efefef;
}

#foot_wrap{
width:950px;
margin:0 auto;
text-align:left;
padding:20px 0;
}

/*----- #footer_list -----*/
#footer_address{
float:left;
width:180px;

line-height:18px;
margin:20px 0 0 0;
}

#footer_address strong{
font-size:12px;
}

#footer_list{
margin:0 0 15px 0;
padding:0;
}

#footer_list li{
float:left;
width:140px;
}

#footer_list li ul{
margin:0;
padding:0;
}

#footer_list li ul li{
clear:both;
background:URL(../../images/common/i_footer_icon.gif) no-repeat left 4px;
padding:0 0 0 10px;
font-size:10px;
}

/*----- #footer_contents_list -----*/
#footer_contents_list{
clear:both;
width:950px;
margin:0 auto;
text-align:left;
padding:0 0 10px 0;
background:URL(../../images/common/i_footer_bg.gif) no-repeat center top #ffffff;
}

#footer_contents_list ul{
float:left;
margin:20px 0 0 10px;
padding:0;
}

#footer_contents_list li{
float:left;
background:URL(../../images/common/i_icon.gif) no-repeat left 4px;
padding:0 0 0 12px;
margin:0 15px 0 0;
}

address{
float:right;
margin:20px 10px 0 0;
color:#555555;
}



/*----- photo -----*/
#bt_main{
background:#d6e6fe;
height:74px;
margin:0 0 15px 0;
}

#bt_main ul{
margin:0;
padding:10px;
}

#bt_main li{
float:left;
margin:0 10px 0 0;
padding:0;
}


#bt_main li a {
overflow: hidden;
float: left;
}

#bt_main li a:hover {
border: 3px solid #89b5dc;
}

#bt_main li a:hover img {
margin: -3px;
}




/* #slider_main
--------------------------- */
#slider_main {
	margin: 0 auto;
	width: 950px;
	height: 350px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin:0;
	padding:0;
}
#slider_main ul {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
	margin:0;
	padding:0;
}
#slider_main ul li {
	width: 950px;
	height: 350px;
	float: left;
	display: inline;
	overflow: hidden;
}



/* #slider_thumb
--------------------------- */
#slider_thumb {
background:#d6e6fe;
height:64px;
margin:0 0 20px 0;
padding:10px 0 0 10px;
}

#slider_thumb li{
float:left;
margin:0 10px 0 0;
padding:0;
}


#slider_thumb li a {
overflow: hidden;
float: left;
}

#slider_thumb li a:hover {
border: 3px solid #89b5dc;
}

#slider_thumb li a:hover img {
margin: -3px;
}



#slider_thumb ul {
	display: inline;
	margin:0;
	padding:0;
	
}
#slider_thumb ul li {
	cursor: pointer;
	display: inline;
	float:left;
}


#slider_thumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;

}




/* =======================================
	ClearFixElements
======================================= */
#slider_main ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slider_main ul {
	display: inline-block;
	overflow: hidden;
}




#areaOsusume p{
border-bottom:1px dotted #dddddd;
margin-bottom:10px;
}

p.osusumeInfo {
	padding:10px 5px 10px 70px;
	background:url(../../images/index/i_news01.gif) no-repeat 10px 13px;
	margin:0;
}



p.eventInfo {
	padding:5px 5px 5px 70px;
	background:url(../../images/index/i_news02.gif) no-repeat 10px 7px;
	margin:0 0 5px;
}


p.shopInfo {
	padding:5px 5px 5px 70px;
	background:url(../../images/index/i_news03.gif) no-repeat 10px 7px;
	margin:0 0 5px;
}