@charset "UTF-8";
/* CSS Document */

@import '../css/reset-min.css'; /* reset differences between browsers */
@import '../css/layout.css';
@import '../css/library.css'; /* common buttons, borders, etc.. */

/* --------------------------------------------
 Site setting
-------------------------------------------- */
* {
	font-size: 11px;
	line-height: 15px;
	color: #4f1202;
}

h1,h2,h3,h4,h5,h6,p,address { margin: 0 0 5px 0; }
h1,h2,h3,h4,h5,h6{ font-weight: bolder; }
h1{ font-size: 17px; line-height: 20px; }
h2{ font-size: 15px; line-height: 18px; }
h3.h31{ margin-left: 12px; padding: 0 0 0 10px; background: url(../images_common/captionH3-1.gif) no-repeat 0px 5px; }
h3.h32{ margin-left: 12px; padding: 0 0 0 10px; background: url(../images_common/captionH3-2.gif) no-repeat 0px 5px; }
h3.h33{ margin-left: 12px; padding: 0 0 0 10px; background: url(../images_common/captionH3-3.gif) no-repeat 0px 5px; }
h3.h34{ margin-left: 12px; padding: 0 0 0 10px; background: url(../images_common/captionH3-4.gif) no-repeat 0px 5px; }
h3.h35{ margin-left: 12px; padding: 0 0 0 10px; background: url(../images_common/captionH3-5.gif) no-repeat 0px 5px; }
h3.h36{ margin-left: 12px; padding: 0 0 0 10px; background: url(../images_common/captionH3-6.gif) no-repeat 0px 5px; }

a:link, a:visited, a:active	{ color: #c54438; text-decoration: none; }
a:hover 					{ color: #FF0000; }

/* --------------------------------------------
 header
-------------------------------------------- */
#headerMain			{ top: 0;    left: 0;    width:450px; height: 82px; position:absolute; padding: 10px; }
#headerMain a		{ display: block; text-indent: -999em; overflow: hidden; }
#headerMain	a		{ width:450px; height: 82px; }
#headerMainCaption	{ top: 66px; left: 77px; width:300px; height: 20px; position:absolute; 20px; background-color: #FFF; }
#headerMainCaption a:link,#headerMainCaption a:visited,#headerMainCaption a:active{ color: #786839; font-size:10px; }

#headerJapanese, #headerEnglish { display: block; text-indent: -999em; overflow: hidden; }
#headerJapanese		{ float: right; width: 60px; height: 17px; }
#headerEnglish		{ float: right; width: 44px; height: 17px; margin: 0 0 0 14px; }

/* --------------------------------------------
 menu
-------------------------------------------- */
#menu a{
	display: block;
	float: left;
	height: 41px;
	text-indent: -999em;
	overflow:hidden;
}
#menu a:hover{
	background-image:url(../images_common/menu.png);
}
#menuHome{		width: 95px;}
#menuAbout{		width: 114px;}
#menuClasses{	width: 100px;}
#menuEvent{		width: 90px;}
#menuShowTeam{	width: 155px;}
#menuLink{		width: 81px;}
#menuShop{		width: 90px;}
#menuHome:hover{ 	background-position: -28px  -41px; /* 0 - 28 */ }
#menuAbout:hover{	background-position: -123px -41px; /* 0 - 28 - 95 */}
#menuClasses:hover{	background-position: -237px -41px; /* 0 - 28 - 95 - 114 */}
#menuEvent:hover{	background-position: -337px -41px; /* 0 - 28 - 95 - 114 - 100 */}
#menuShowTeam:hover{background-position: -427px -41px; /* 0 - 28 - 95 - 114 - 100 - 90 */}
#menuLink:hover{	background-position: -582px -41px; /* 0 - 28 - 95 - 114 - 100 - 90 - 155 */}
#menuShop:hover{	background-position: -663px -41px; /* 0 - 28 - 95 - 114 - 100 - 90 - 155 - 81 */}

/* --------------------------------------------
 footer
-------------------------------------------- */
#footerPrivacyPolicy{
	background: url(../images_common/footerPrivacyPolicy.gif);
	float: left;
	height: 27px;
	width: 124px;
	margin: 12px 0 0 0;
}
#footerPrivacyPolicy a{
	display: block;
	height: 27px;
	width: 124px;
	text-indent: -999em;
	overflow: hidden;
}

#footerCopyright{
	float: right;
	padding: 18px 0 0 0;
}

/* --------------------------------------------
 subHeader(TOP以外のみsubHeader でh1使用)
-------------------------------------------- */
#subHeader h1{
	background-image:url(../images_common/captionSubHeader.png);
	width: 780px;
	height: 65px;
	margin: 0;
	text-indent: -999em;
	overflow: hidden;
}
#subHeader h1#titleAboutUs	{ background-position: 0 -11px; }
#subHeader h1#titleClass	{ background-position: 0 -95px; }
#subHeader h1#titleEvent	{ background-position: 0 -179px; }
#subHeader h1#titleShowTeam	{ background-position: 0 -263px; }
#subHeader h1#titleLink		{ background-position: 0 -347px; }
#subHeader h1#titlePrivacy	{ background-position: 0 -431px; }

/* --------------------------------------------
 SideMenu (except for Top)
-------------------------------------------- */
/*
work fine.
#mainContentsSideMenu li { height: 12px; padding: 6px 0; }
#mainContentsSideMenu li a{	height: 12px; display: block; text-indent: -999em; overflow: hidden; }
*/

#mainContentsSideMenu li {
	margin: 3px 0 10px 0;
	background: url(../images_common/menuPoint.gif) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 15px;
}
#mainContentsSideMenu li a:link,
#mainContentsSideMenu li a:visited,
#mainContentsSideMenu li a:active
{
	font-size: 10px;
	line-height: 14px;
	color: #4f1202;
	font-weight: bold;
}
#mainContentsSideMenu li a:hover{
	color: #FF0000;
}

#mainContentsSideMenu li a.mini {
	font-size: 9px;
	letter-spacing: -1px;
}

#mainContentsMainArea h2{ background: url(../images_common/captionH2.gif); height: 28px; margin: 0 0 15px 0; text-indent: -999em; overflow: hidden; }
#mainContentsMainArea h2{ text-indent: 0; font-size: 12px; padding: 6px 20px 5px 20px; height: 18px;}

#mainContentsMainArea h3.noauto
{
	margin: 0 10px 10px 10px;
}
#mainContentsMainArea ol,
#mainContentsMainArea ul,
#mainContentsMainArea p,
#mainContentsMainArea table
{
	margin: 0 10px 20px 20px;
}
/* ネストしたリストではマージンを調整 */
#mainContentsMainArea ol ul
{
	margin: 0;
}

#mainContentsMainArea div{
	margin: 0 0 10px 0;
}

#mainContentsMainArea ol li{ margin: 0 0 5px 2em; list-style: outside; list-style-type: decimal; }
#mainContentsMainArea ul li{ margin: 0 0 5px 2em; list-style: outside; list-style-type: disc; }