@charset "UTF-8";

/* TABLE OF CONTENTS
-----------------------------------------------
	0 = common
	1 = head
	2 = main
	3 = navi
	4 = foot
	5 = clearfix
*/


/* 0 = common
----------------------------------------------- */
body{
	background:url(../images/head_bk.jpg) repeat-x top;
	font-size:small;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	line-height:150%;
	margin:0;
	padding:0;
}
img{
	border:none;
}
h1,h2,h3,h4{
	margin:0;	
}
h3{
	font-size:medium;
}
.clear{
	clear:both;
}
.cap{
	font-size:80%;
}
a{
	color:#333333;
	text-decoration:none;
}
.clear{
	clear:both;
}
/* 1 = head
----------------------------------------------- */
#head .logo{
	float:left;
	margin:0;
	padding:43px 24px 11px 12px;
}

/* 2 = main
----------------------------------------------- */
#head,
#contents,
#foot
{
	margin:0 auto;
	width:828px;
	clear:both;
}


/* 3 = navi
----------------------------------------------- */

/* navi text hidden*/
#navi {
	margin:0;
	padding-top:69px;
}

#navi li.home,
#navi li.brand,
#navi li.recommend,
#navi li.contact
{
	width:139px;
	height:60px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	display:inline;/*for_IE6*/
}
/* navi on*/
#navi li.home{
	background:url(../images/navi_home_on.gif) no-repeat;
}
#navi li.brand{
	background:url(../images/navi_brand_on.gif) no-repeat;
}
#navi li.recommend{
	background:url(../images/navi_recommend_on.gif) no-repeat;
}
#navi li.contact{
	background:url(../images/navi_contact_on.gif) no-repeat;
}


/* navi a link*/
#navi li.home a,
#navi li.brand a,
#navi li.recommend a,
#navi li.contact a
{
	display:block;
	float:left;
	width:139px;
	height:60px;
	border:none;
}

/* navi rollover*/
#navi li.home a{
	background:url(../images/navi_home_off.gif) no-repeat;
}
#navi li.home a:hover{
	background:url(../images/navi_home_on.gif) no-repeat;
}
#navi li.brand a{
	background:url(../images/navi_brand_off.gif) no-repeat;
}
#navi li.brand a:hover{
	background:url(../images/navi_brand_on.gif) no-repeat;
}
#navi li.recommend a{
	background:url(../images/navi_recommend_off.gif) no-repeat;
}
#navi li.recommend a:hover{
	background:url(../images/navi_recommend_on.gif) no-repeat;
}
#navi li.contact a{
	background:url(../images/navi_contact_off.gif) no-repeat;
}
#navi li.contact a:hover{
	background:url(../images/navi_contact_on.gif) no-repeat;
}


/* 4 = foot
----------------------------------------------- */
#foot{
	text-align:center;
}
.footNavi{
	margin:50px 0 30px 0;
}
.copyright{
	font-size:x-small;
	padding:10px 0 50px 0;
}

/* 5 = clearfix
----------------------------------------------- */
#navi:after,
.clearfix:after {
	content: ".";
	display:block;
	clear: both;
	height:0;
	visibility:hidden;
	margin:0px;
	padding:0px;
	border:none;
}

#navi,
.clearfix {
	display: inline-block;
}

/* Hide from MacIE ¥*/
* html #navi,
* html .clearfix { height: 1px; }
#navi,
.clearfix { display: block; }