@charset "utf-8";

h3 {
	clear:both;
	font-size:15px;
	line-height:30px;
	border-bottom:3px solid #ccc;
}

div#tab {
	width:780px;
	margin:10px 0;
	padding:0;
	border-bottom:6px solid #0099FF;
}

div#tab ul {
	height:38px;
	margin:0;
	padding:0;
	background:url(bg.png) repeat-x;
}

div#tab li {
	float:left;
	width:160px;
	margin:0 5px 0 0;
	padding:0px;
	list-style-type:none;
	line-height:38px;
	background:#000;
	color:#fff;
	text-indent:-9999px;
	text-align:center;
}

div#tab li a {
	height:38px;
	display:block;
}

div#tab li.price_on {background: url(price_on.png);}
div#tab li.toku_on {background: url(toku_on.png);}
div#tab li.photo_on {background: url(photo_on.png);}

div#tab li.price_off {background: url(price_off.png); padding-top:-3px;}
div#tab li.toku_off {background: url(toku_off.png);}
div#tab li.photo_off {background: url(photo_off.png);}

div#tab li.price_off a:hover {background: url(price_hover.png);}
div#tab li.toku_off a:hover {background: url(toku_hover.png);}
div#tab li.photo_off a:hover {background: url(photo_hover.png);}

/* clearfix */

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

.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

div#tab:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}