@charset "utf-8";


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a.weblink{
	display: block;
	background: url(../img/top/btndetail.png) no-repeat left top;
	width: 185px; height: 30px;
	text-align: left;
	text-indent: -9999px;
}
a.weblink:hover{
	background-position: left -32px;
}

.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }

/*--- align ---*/
.alignRight{ text-align: right }

/*--- float ---*/
.fR { float: right; }

/*--- img hover ---*/
a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
}

/*--------------------------------------------------
    +1: #website series
==================================================*/

/*sites*/
div#sites dl{
	padding: 10px; padding-top: 13px;
	height: 151px;
}
div#sites dl,
div#sites dt,
div#sites dd{
	display: block;
}
div#sites dt{
	margin-bottom: 10px;
}
div#sites dl.left{
	float: left;
	background: url(../img/top/bg_site_01.png) no-repeat -1px top;
	width: 346px;
	
}
div#sites dl.right{
	float: right;
	background: url(../img/top/bg_site_02.png) no-repeat left top;
	width: 346px;
}
div#sites dd.img{
	float: left;
	width: 140px;
}
div#sites dd.img img{
	border: solid 1px #e6e6e6;
}
div#sites dt,
div#sites dd.dsc{
	float: right;
	width: 190px;
}


/*shops*/
div#shops dl{
	padding: 10px;

}
div#shops dl,
div#shops dt,
div#shops dd{
	display: block;
	width: 335px;
}
div#shops dt{
	margin-bottom: 10px;
}
div#shops dl.left{
	float: left;
	border-right: solid 1px #e6e6e6;
	width: 344px;
	
}
div#shops dl.right{
	float: right;
	width: 335px;
	padding-left: 0;
	padding-right: 15px;
}
div#shops dd.img{

}
div#shops dt,
div#shops dd.dsc{
}

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


/*--------------------------------------------------
    +2: #rightbar
==================================================*/
#sidebar {
	float: right;
	width: 240px;	
}
#sidebar h3{ margin:0; padding:0;
	margin-bottom: 5px;
}

#sidebar h2,
#sidebar p,
#sidebar ul { margin-bottom: 10px }
#sidebar #recruit a{
	display: block;
	background: url(../img/top/btn_recruit.png) no-repeat left top;
	width: 100%;
	height: 80px;
	text-indent: -9999px;
}
#sidebar #recruit a:hover{
	background-position: left -80px;
}
#sidebar ul#shopNavi a{
	display: block;
	background: url(../img/top/btn_navi.png) no-repeat left top;
	width: 240px;
	height: 43px;
	text-indent: -9999px;
}
#sidebar ul#shopNavi li#security a:hover {
	background-position: -240px top;
}
#sidebar ul#shopNavi li#special a {
	background-position: left -43px;
}
#sidebar ul#shopNavi li#special a:hover {
	background-position: -240px -43px;
}

#sidebar ul#contentsNavi a{
	display: block;
	background: url(../img/top/btn_rnavi.png) no-repeat left top;
	width: 240px;
	height: 43px;
	text-indent: -9999px;
}
#sidebar ul#contentsNavi li#madori a:hover {
	background-position: -240px top;
}
#sidebar ul#contentsNavi li#chizu a {
	background-position: left -43px;
}
#sidebar ul#contentsNavi li#chizu a:hover {
	background-position: -240px -43px;
}
#sidebar ul#contentsNavi li#illust a {
	background-position: left -86px;
}
#sidebar ul#contentsNavi li#illust a:hover {
	background-position: -240px -86px;
}
#sidebar ul#contentsNavi li#ads a {
	background-position: left -129px;
}
#sidebar ul#contentsNavi li#ads a:hover {
	background-position: -240px -129px;
}
#sidebar ul#contentsNavi li#trace a {
	background-position: left -172px;
}
#sidebar ul#contentsNavi li#trace a:hover {
	background-position: -240px -172px;
}
#sidebar ul#contentsNavi li#meishi a {
	background-position: left -215px;
}
#sidebar ul#contentsNavi li#meishi a:hover {
	background-position: -240px -215px;
}

/*--------------------------------------------------
    +3: #slide
==================================================*/
#slides{
	background:url(../img/top/bg_top_img.gif) repeat top left;
	padding: 10px;
	width: 710px;
	margin-bottom: 30px;
}