@charset "utf-8";



/*--------------------------------------------------*/
/*	base											*/
/*--------------------------------------------------*/
body
{
	margin		: 0;
	padding		: 0;
	background	: #000;
	font		: 12px/1.4em 'ＭＳ Ｐゴシック',/*'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,Helvetica,*/Osaka/*,sans-serif*/;
	color		: #444;
}

h1,h2,h3,h4,h5,h6,form,address,blockquote
{
	margin	: 0;
	padding	: 0;
}

dl,dt,dd,ul,ol,li
{
	margin		: 0;
	padding		: 0;
	list-style	: none;
}

dt,li
{
	line-height	: 1em;
	text-align	: left;
}

p
{
	margin	: 0 0 15px;
	padding	: 0;
}

img
{
	border			: none;
	vertical-align	: text-bottom;
}


/*--------------------------------------------------*/
/*	link											*/
/*--------------------------------------------------*/
a,
a:visited
{
	color			: #999;
	text-decoration	: none;
}

a:hover
{
	color			: #333;
	text-decoration	: none;
}


/*--------------------------------------------------*/
/*	font											*/
/*--------------------------------------------------*/
.red
{
	color	: #B50000;
}


/*--------------------------------------------------*/
/*	float											*/
/*--------------------------------------------------*/
.left
{
	float	: left;
}

.right
{
	float	: right;
}

.clear
{
	clear	: both;
}


/*--------------------------------------------------*/
/*	table											*/
/*--------------------------------------------------*/
table
{
	margin			: 0 0 0 1px;
	border			: 1px solid #EBEBEB;
	border-collapse	: collapse;
	text-align		: left;
}

table th
{
	padding			: 10px 8px;
	border-bottom	: 1px solid #EBEBEB;
	font-weight		: lighter;
	text-align		: left;
	vertical-align	: top;
}

table td
{
	padding			: 10px 8px;
	border-bottom	: 1px solid #EBEBEB;
	vertical-align	: top;
}

table.break
{
	margin	: 0 0 20px;
}


/*--------------------------------------------------*/
/*	container										*/
/*--------------------------------------------------*/
#container
{
	margin		: 0 auto;
	width		: 900px;
}


/*--------------------------------------------------*/
/*	header											*/
/*--------------------------------------------------*/
#header
{
	margin		: 0 auto;
	background	: url(../img/header_bg.gif) repeat-x #FFF;
	text-align	: left;
}

#logo
{
	margin	: 9px 0 0;
	float	: left;
}

#btn
{
	margin	: 30px 20px 0 auto;
	float	: right;
}


/*--------------------------------------------------*/
/*	gnavi											*/
/*--------------------------------------------------*/
#gNavi
{
	clear	: both;
}

#gNavi li
{
	float		: left;
	text-indent	: -5000px;
}

#gNavi a
{
	height		: 56px;
	display		: block;
	overflow	: hidden;
}

/*------------------------------*/
/*	off							*/
/*------------------------------*/
#gNavi .home a
{
	width		: 129px;
	background	: url(../img/gnavi.jpg) 0 0;
}

#gNavi .info a
{
	width		: 128px;
	background	: url(../img/gnavi.jpg) -129px 0;
}

#gNavi .outline a
{
	width		: 128px;
	background	: url(../img/gnavi.jpg) -257px 0;
}

#gNavi .history a
{
	width		: 129px;
	background	: url(../img/gnavi.jpg) -385px 0;
}

#gNavi .shakuhachi a
{
	width		: 128px;
	background	: url(../img/gnavi.jpg) -514px 0;
}

#gNavi .shop a
{
	width		: 129px;
	background	: url(../img/gnavi.jpg) -642px 0;
}

#gNavi .contact a
{
	width		: 129px;
	background	: url(../img/gnavi.jpg) -771px 0;
}

/*------------------------------*/
/*	over						*/
/*------------------------------*/
#gNavi .home a:hover
{
	width		: 129px;
	background	: url(../img/gnavi.jpg) 0 -56px;
}

#gNavi .info a:hover
{
	width		: 128px;
	background	: url(../img/gnavi.jpg) -129px -56px;
}

#gNavi .outline a:hover
{
	width		: 128px;
	background	: url(../img/gnavi.jpg) -257px -56px;
}

#gNavi .history a:hover
{
	width		: 129px;
	background	: url(../img/gnavi.jpg) -385px -56px;
}

#gNavi .shakuhachi a:hover
{
	width		: 128px;
	background	: url(../img/gnavi.jpg) -514px -56px;
}

#gNavi .shop a:hover
{
	width		: 129px;
	background	: url(../img/gnavi.jpg) -642px -56px;
}

#gNavi .contact a:hover
{
	width		: 129px;
	background	: url(../img/gnavi.jpg) -771px -56px;
}

/*--------------------------------------------------*/
/*	body											*/
/*--------------------------------------------------*/
#body
{
	padding		: 0 0 10px;
	background	: #FFF;
}

#key
{
	margin		: 0 0 20px;
	text-align	: center;
}

/*------------------------------*/
/*	pNavi						*/
/*------------------------------*/
#pNavi
{
	padding		: 20px 10px 0;
	text-align	: right;
	clear		: both;
}

#pNavi li
{
	padding	: 0 10px;
	display	: inline;
}


/*--------------------------------------------------*/
/*	footer											*/
/*--------------------------------------------------*/
#footer
{
	width		: 100%;
	height		: 110px;
	font-size	: 0.8em;
	background	: url(../img/footer_bg.jpg);
	text-align	: center;
}

/*------------------------------*/
/*	fNavi						*/
/*------------------------------*/
#fNavi
{
	padding	: 28px 0 0;
}

#fNavi li
{
	padding	: 0 5px;
	display	: inline;
}

#fNavi a
{
	color	: #6C6CBB;
}

/*------------------------------*/
/*	fLink						*/
/*------------------------------*/
#fLink
{
	padding		: 30px 20px 0;
	text-align	: right;
}

#fLink li
{
	margin	: 0 0 0 14px;
	float	: right;
/*	display	: inline;	*/
}

#fLink .copyright
{
	margin	: 0;
	float	: left;	
}


/*--------------------------------------------------*/
/*	clearfix										*/
/*--------------------------------------------------*/
#header:after,
#gNavi:after,
#body:after
{
	content		: ".";
	height		: 0.1px;
	font-size	: 0.1em;
	line-height	: 0;
	display		: block;
	visibility	: hidden;
	clear		: both;
}

/*	for IE7	*/
#header,
#gNavi,
#body
{
	display	: inline-block;
}

/*	for Mac	*/
* html #header,
* html #gNavi,
* html #body
{
	height	: 1%;
}

#header,
#gNavi,
#body
{
	display	: block;
}