@charset "utf-8";

/* --------------------------------
	default style sheet {
	2011/06/02 nz
--------------------------------*/

/* ==========================================================================================================

	 structure
 
============================================================================================================*/
/* v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/ 
  license: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* html5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	overflow-y		: scroll; /* for firefox scrollbar */
	height			: 100%;
}
body {
	background-color: #ffffff;
	height			: 100%;
	font-size		: 12px;
	font-family		: "メイリオ", meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro w3", "ｍｓ ｐゴシック", sans-serif;
	/*font-family		: "ｍｓ ｐゴシック", sans-serif;*/
	/*font-family		:"メイリオ", meiryo,  "ヒラギノ角ゴ pro w3", arial, helvetica, "ｍｓ ｐゴシック", sans-serif;*/
	color			: #999;
	letter-spacing	: -0.03em;
	line-height		: 1.6;
}
/* ==========================================================================================================

	list

============================================================================================================*/
ul {
	list-style	: none;
}
dt {
	display	: block;
	width	: auto;
}
/* ==========================================================================================================

	table

============================================================================================================*/
table {
	border			: none;
	border-collapse	: collapse;
	border-spacing	: 0;
	font-size		: 100%;
}
td, 
th { /* セルの規定値をmiddleからtopに変更 */
	vertical-align	: top;
}
th {
	font-weight		: normal ;
	text-align		: left ;
}
caption {
	text-align		: left;
}

h1 {
         font-size: 75% !important;
         font-weight: normal !important;

}

/* ==========================================================================================================

	image

============================================================================================================*/
img { 
	background-color	: transparent;
	vertical-align		: top;
}
a img {
	border	: none;
}

/* ==========================================================================================================

	text

============================================================================================================*/
em {
	font-style: normal;
}
hr {
	height			: 1px;
}
/* ==========================================================================================================

	form

============================================================================================================*/

input, 
textarea, 
select, 
option, 
optgroup {
	vertical-align		: middle;
	font-family		: "メイリオ", meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro w3", "ｍｓ ｐゴシック", sans-serif;
	letter-spacing: 0em;
}

/* ie6 hack ieでinputの大きさを超えるline-heightを入れるとfocus時にずれる問題*/
* html input {
	line-height: 1.0;
	height: 1.6em;
}

/* ie7 hack */
*:first-child+html input {
	line-height: 1.0;
}

/* ie7でinput（置換要素）がズームされない問題を解決 */
input {
	zoom: 1;
}
/* ie7 hack ie7でlabelがズームされない問題 */
*:first-child+html label {
	zoom: 1;
}

select {
	min-width		: 2em;
}

option, 
optgroup {
	padding-right	: 0.4em;
}
/*  input & label & option mousepointer
-----------------------------------*/
label[for], 
input[type="checkbox"], 
input[type="radio"], 
input[type="button"], 
input[type="image"], 
input[type="reset"], 
input[type="submit"], 
select, 
option {
	cursor	: pointer;
}

optgroup {
	cursor	: default;
}




/* ==========================================================================================================

	 1. 基本レイアウト
 
============================================================================================================*/
html {
}
body {
	background : #050505;
	text-align : center;
	color : #222222;
}
#wrapper {
	background: #ffffff url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/bodybg.png?t=1378434047) repeat-x left top;
}
#layout {
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	background: url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/layoutbg.png?t=1378455049) no-repeat left top;
}
#header {
	height: 90px;
	overflow: hidden;
	position: relative;
}
#container {
	width: 973px;
	margin-right: auto;
	margin-left: auto;
	background: url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/containerbg.png?t=1378434206) no-repeat left top;
	margin-bottom: 25px;
	text-align: left;
}
#containerinner {
	background: url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/containerbottombg.png?t=1378434215) no-repeat left bottom;
	padding: 15px 35px 7px 39px;
}
#maincontent {
	background : #ffffff;
	float : right;
	margin-bottom : 15px;
	width : 650px;
}
#aside {
	float : left;
	width : 235px;
	margin-bottom: 0;
}
#sectiontop {
	margin-bottom: 18px;
}
#maingraphics {
	float: right;
}
#gnav {
	float: left;
}
#footer {
	background: #efefef url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/footerbg.png?t=1378434264) repeat-x left top;
	clear : both;
	width : 100%;
	border-bottom: 4px solid #050505;
}

/* ==========================================================================================================

	 * 2. template style
 
============================================================================================================*/
/* ==========================================================================================================

	 2-1. header
 
============================================================================================================*/
#header .siteid {
	position: absolute;
	left: 59px;
	top: 30px;
}
#header .inquiry {
	position: absolute;
	right: 28px;
	top: 29px;
}
#header h1 {
	position: absolute;
	left: 55px;
	top: 12px;
	line-height: 1;
}
/* ==========================================================================================================

	 2-2. main
 
============================================================================================================*/
#maingraphics p {
	margin-top: -15px;
	margin-right: -13px;
}
#maincontent p {
	margin-bottom: 0.8em;
}
#maincontent p.pagetop {
	margin-bottom: 0.8em;
}

/* ==========================================================================================================

	 2-3. aside
 
============================================================================================================*/
/* メニューナビ */
#lnav {
	margin-bottom: 25px;
	background: #000000;
	padding-bottom: 0;
}
#lnav dd li {
	background: #b29a97 url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/arrow01.gif?t=1378433829) no-repeat 1px center;
	margin: 0px 15px 5px 10px;
	padding: 0px;
	_padding: 0.5em 1em 0.5em 42px;
}
#lnav dd li.lastchild {
	margin-bottom: 0;
}
#lnav dd li a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 0.5em 1em 0.5em 42px;
	_padding: 0;
	margin: 0px;
	display:block;
}
#lnav dd li a:hover {
	text-decoration: underline;
}

/* 関連サイト */
#relatedsite dt {
	margin-bottom: 12px;
}

/* ==========================================================================================================

	 2-4. footer
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	footnav

---------------------------------------------------------------------*/
#footnav {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	height: 41px;
	overflow: hidden;
	position: relative;
	padding-top: 22px;
}
#footnav li {
	border-right: 1px dotted #888;
	float: left;
	white-space: nowrap;
	padding-right: 1.2em;
	margin-left: 1.2em;
}
#footnav li.firstchild {
	margin-left: 0em;
}
#footnav li.lastchild {
	border: none;
	position: absolute;
	top: 10px;
	right: 13px;
	margin: 0px;
	padding: 0px;
}
#footnav li a {
	background: url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/arrow03.gif?t=1378433854) no-repeat left center;
	padding-left: 14px;
	font-weight: bold;
	color: #888;
	text-decoration: none;
}
#footnav li a:hover {
	text-decoration: underline;
}


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

	copyright

---------------------------------------------------------------------*/
#footer .copy {
	clear: both;
	background: #8a190b;
	color: #ffffff;
	padding-top: 1em;
	padding-bottom: 1em;
}



/* ==========================================================================================================

	 1. hypertext
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	anchor

---------------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: underline;
	color: #b18f28;
}
a:link {
	color: #b18f28;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a:visited {
	color: #b18f28;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

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

/*  画像ボタンをhover時に透過させる
-----------------------------------*/
a.alpha img{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a.alpha:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60); /* ie7 */
	-ms-filter: "alpha(opacity=60)"; /* ie8 */
}

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

	pagetop

---------------------------------------------------------------------*/
.pagetop {
	text-align: right;
	clear: both;
	margin-right: -13px;
}

/* ==========================================================================================================

	 101 hn style
 
============================================================================================================*/
h1 {
	font-weight: normal;
}


/* ==========================================================================================================

	 102. section style
 
============================================================================================================*/
div.section {
	clear : both;
	margin-bottom : 3em;
}
div.section div.section {
	margin-bottom : 2em;
}
div.section div.section div.section {
}
/* ==========================================================================================================

	 103. div style
 
============================================================================================================*/

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

	h1group

---------------------------------------------------------------------*/
div.h1group {
	margin-bottom: 2em;
}
div.h1group .lead {
	margin-left: 0;
}
/*  ------------------------------------------------------------------

	div.sectionwrap

---------------------------------------------------------------------*/
div.sectionwrap {
	margin-bottom: 2em;
}
div.sectionwrap div.section {
	clear: none;
	float: left;
	margin-bottom: 0;
}
div.sectionwrap div.section.lastchild {
	float: right;
}


/* ==========================================================================================================

	 201. infomation & event
 
============================================================================================================*/
dl.news {
	margin-bottom: 2.2em;
	padding-right: 2.5em;
	padding-left: 1.5em;
}
dl.news dt {
	padding: 0em 0 0em 20px;
	width: 105px;
	font-weight: bold;
	float: left;
	background: url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/arrow02.gif?t=1378433837) no-repeat left center;
}
dl.news dd {
	border-bottom: 1px dotted #cbcbcb;
	padding: 0em 0em 0em 125px;
	margin-bottom: 0.5em;
}

/* ==========================================================================================================

	 202. contents
 
============================================================================================================*/
#contents {
	background: url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/contentsbg.png?t=1378435015) no-repeat left top;
	height: 160px;
	width: 642px;
	padding-top: 53px;
	padding-left: 8px;
}
#contents li {
	float: left;
	margin-right: 9px;	
}
#contents li.lastchild {
	margin-right: 0px;	
}


/* ==========================================================================================================

	99. clearfix (pkg)

============================================================================================================*/

/* start clearfix */
div.sectionwrap:after,
#container:after,
#containerinner:after,
#sectiontop:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html div.sectionwrap,
* html #container,
* html #containerinner,
* html #sectiontop,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html div.sectionwrap,
*:first-child+html #container,
*:first-child+html #containerinner,
*:first-child+html #sectiontop,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx {
	zoom: 1;
}
/* end clearfix */

ul.mainNav1 {
         margin-bottom: 25px;
	background: #000000;
	padding-bottom: 15px;
}

ul.mainNav1 li {
	background: #b29a97 url(https://u.jimcdn.com/cms/o/s63d3672732d409dd/userlayout/img/arrow01.gif?t=1378433829) no-repeat 1px center;
	margin: 0px 15px 5px 10px;
	padding: 0px;
	_padding: 0.5em 1em 0.5em 42px;
}

ul.mainNav1 li a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.5em 1em 0.5em 42px;
	_padding: 0;
	margin: 0px;
	display:block;
}

/*------------太鼓を楽しもう！-----------------*/

p.bnr-enjoywadaiko1 {
         text-align: center;
         margin-left: 10px;
}

/*------------入会について--------------------*/

div.admissionBox {
	background-color:#F6E2E4;
	height: 100px;
         width: 280px;
	line-height: 130%;
         padding: 8px;
         margin-left: 8px;
}

/*------------トップのブログ欄を消す--------------------*/


div.blogselection {
         display: none !important;
}