@charset "UTF-8";

* {
	margin:0;padding:0;border:0;outline: 0;font-style:normal;font-weight:normal;text-decoration:none;list-style: inside;}

body {
	font-family: Arial,Helvetica,sans-serif,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;
	height: 100%;
	background-image : url(images/bodywall.gif);
	background-position : 50%;
	background-repeat : repeat-y;
	margin: 0px 0px 20px 0px;
	font-size:13px;	
	color : #ddd;
	line-height: 1.8;
	background-color : #111;}

h1 {
	position:relative;
	margin: 15px 0px;
	font-size: 160%;
	padding: 0 10px 2px 20px;
	border: #777 solid;
	border-width: 0px 0px 1px 0px;}

h2 {
	position:relative;
	margin: 10px 0px;
	padding: 10px 0 0 0;
	font-size: 120%;}

h3 {
	position:relative;
	margin: 5px 0px;
	padding: 0 0 0 0;
	font-size: 100%;}

#contents-right a {
	color: #ddd;
	border: dotted #ddd;
	border-width: 0 0 1px 0;}
#contents-right a:hover {
	color: #0cf;
	border: dotted #0cf;
	border-width: 0 0 1px 0;}

#wrap {
	position: relative;
	width: 985px;
	margin: 10px auto 20px auto;

	background: url(images/basewall.gif) repeat-x 0px 288px;}


#contents {
	overflow: hidden;
	width: 985px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	background: url(images/none.gif) repeat-y 0px 0px;}

#contents-right {
	position: relative;
	float: right;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	width: 770px;}

#contents-right1 {
	position: relative;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	width: 770px;
	height: 460px;}

#contents-right2 {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	width: 210px;
	height: 140px;}
#contents-right2 a {
	display: block;
	background: url(images/tshirt-banner.jpg) no-repeat 0px 0px;}

#contents-right2 a:hover {
	background: url(images/tshirt-banner2.jpg) no-repeat 0px 0px;}

#contents-right3 {
	position: relative;
	float: left;
	overflow: auto;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 555px;
	height: 140px;
	background: url(images/right3-back.jpg) repeat 0px 0px;}

.contents-right4 {
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 770px;
	height: 100%;
	background: #333 url(images/none.jpg) repeat 0px 0px;}
.contents-right4inside {
	clear: left;
	position: relative;
	margin: 20px 25px;}
	
.contents-shop {
	position: relative;
	overflow: hidden;
	width: 770px;
	margin: 10px auto 20px auto;
	padding: 0px 0px;
	background: #333 url(images/none.gif) repeat-y 0px 0px;}	
.contents-shop td {
	padding: 5px 10px 5px 15px}
	
.inbox {
	position: relative;
	overflow: hidden;
	margin: 20px 20px;
	padding: 0px 0px;}	

.inbox2 {
	position: relative;
	overflow: hidden;
	margin: 0 20px 0 20px;
	padding: 0 0 20px 0;}	
	
#contents-left {
	position: relative;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	top: 0px;
	left: 0px;
	width: 210px;
	background: url(images/left-back.gif) repeat-y 0px 0px;}

#left-logo {
	position: relative;
	overflow: hidden;
	width: 210px;
	height: 190px;
	background: url(images/left-logo.gif) repeat-x 0px 0px;}

#left-menu0 a,#left-menu1 a,#left-menu2 a,#left-menu3 a,#left-menu4 a,#left-menu5 a {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 22px;
	margin: 20px 0 0 0;
	text-indent: 210px;}

#left-menu0 a {
	margin: 25px 0 0 0;
	background: url(images/left-menu0.gif) no-repeat 0px 0px;}
#left-menu0 a:hover {
	background-position: 0px -22px;}
#index #left-menu0 a {
	background-position: 0px 0px;}

#left-menu1 a {
	background: url(images/left-menu1.gif) no-repeat 0px 0px;}
#left-menu1 a:hover {
	background-position: 0px -22px;}
#tenchi #left-menu1 a {
	background-position: 0px -22px;}

#left-menu2 a {
	background: url(images/left-menu2.gif) no-repeat 0px 0px;}
#left-menu2 a:hover {
	background-position: 0px -22px;}
#about #left-menu2 a {
	background-position: 0px -22px;}

#left-menu3 a {
	background: url(images/left-menu3.gif) no-repeat 0px 0px;}
#left-menu3 a:hover {
	background-position: 0px -22px;}
#eclipse #left-menu3 a {
	background-position: 0px -22px;}

#left-menu4 a {
	background: url(images/left-menu4.gif) no-repeat 0px 0px;}
#left-menu4 a:hover {
	background-position: 0px -22px;}
#shop #left-menu4 a {
	background-position: 0px -22px;}

#left-menu5 a {
	background: url(images/left-menu5.gif) no-repeat 0px 0px;}
#left-menu5 a:hover {
	background-position: 0px -22px;}
#profile #left-menu5 a {
	background-position: 0px -22px;}

.menu-line {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 2px;
	background: url(images/menu-line.gif) no-repeat 0px 0px;}

#left-bottom {
	position: relative;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	width: 210px;
	height: 100px;
	margin: 0 0 0 0;
	background: url(images/left-bottom.gif) no-repeat 0px 0px;}

#contents-left h4 a {
	display: none;}

#about #contents-left .sub-menu1 a ,#workshop #contents-left .sub-menu1 a ,#singing #contents-left .sub-menu1 a ,#healing #contents-left .sub-menu1 a ,#oneness #contents-left .sub-menu1 a ,#tshirt #contents-left .sub-menu1 a {
	display: block;
	position: relative;
	margin: 5px 0px 0px 0px;
	text-indent:50px;
	color: #fff;
	font-size: 12px;
	line-height: 1.0;
	padding: 5px 0px;}

#about #contents-left .sub-menu1 a:hover ,#workshop #contents-left .sub-menu1 a:hover ,#singing #contents-left .sub-menu1 a:hover ,#healing #contents-left .sub-menu1 a:hover ,#oneness #contents-left .sub-menu1 a:hover ,#tshirt #contents-left .sub-menu1 a:hover {
	color: #E9FF84;
	background: #222419;}

#rekishi #contents-left .sub-menu2 a ,#eclipse #contents-left .sub-menu2 a ,#zukai #contents-left .sub-menu2 a ,#aaa #contents-left .sub-menu2 a {
	display: block;
	position: relative;
	margin: 5px 0px 0px 0px;
	text-indent:50px;
	color: #fff;
	font-size: 12px;
	line-height: 1.0;
	padding: 5px 0px;}

#rekishi #contents-left .sub-menu2 a:hover ,#eclipse #contents-left .sub-menu2 a:hover ,#zukai #contents-left .sub-menu2 a:hover ,#aaa #contents-left .sub-menu2 a:hover {
	color: #E9FF84;
	background: #222419;}

#contents-left .sub-menu-on a {
	display: block;
	margin: 5px 0px 0px 0px;
	font-weight:normal;
	text-indent:50px;
	color: #E9FF84;
	font-size: 12px;
	line-height: 1.0;
	padding: 5px 0px;
	background: #222419;}

#contents-left .sub-menu-on a:hover {
	color: #E9FF84;
	background: #222419;}

#contents-left .sub-menu3 a,#contents-left .sub-menu4 a {
	display: block;
	margin: 5px 0px 0px 0px;
	font-weight:normal;
	text-indent:50px;
	color: #fff;
	font-size: 12px;
	line-height: 1.0;
	padding: 5px 0px;;}

#contents-left .sub-menu3 a:hover,#contents-left .sub-menu4 a:hover {
	color: #E9FF84;
	background: #222419;}

#contents-left .sub-menu-on2 a {
	color: #E9FF84;
	background: #222419;}

#contents-left .sub-menu-on2 a:hover {
	color: #E9FF84;
	background: #222419;}
	

#footer {
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0px;
	text-indent: 215px;
	background: url(images/none.jpg) no-repeat scroll 0px 0px;}

#information-title {
	font-size: 130%;}

.kado1,.kado2,.kado3,.kado4 {
	position: absolute;
	overflow: hidden;
	width: 4px;
	height: 4px;
	z-index:100;
	background: url(images/kado8x8.gif);}

.kado1 {
	top: 0%;
	left: 0%;
	background-position: 0px 0px;}

.kado2 {
	top: 0%;
	right: 0%;
	background-position: -4px 0px;}

.kado3 {
	bottom: 0%;
	right: 0%;
	background-position: -4px -4px;}

.kado4 {
	bottom: 0%;
	left: 0%;
	background-position: 0px -4px;}

.kado5,.kado6,.kado7,.kado8 {
	position: absolute;
	overflow: hidden;
	width: 4px;
	height: 4px;
	z-index:100;
	background: url(images/kado8x8-2.gif);}

.kado5 {
	top: 0%;
	left: 0%;
	background-position: 0px 0px;}

.kado6 {
	top: 0%;
	right: 0%;
	background-position: -4px 0px;}

.kado7 {
	bottom: 0%;
	right: 0%;
	background-position: -4px -4px;}

.kado8 {
	bottom: 0%;
	left: 0%;
	background-position: 0px -4px;}
.text-block {
	margin: 5px 10px;}

.img-box-right {
	float: right;
	margin: 5px 5px 10px 10px;
	font-size: 90%;}
.img-box-left {
	float: left;
	margin: 5px 10px 10px 5px;
	font-size: 90%;}
.img-box00 {
	margin: 5px;
	padding: 5px;
	border: solid #aaa 1px;}
.img-box01 {
	float: left;
	margin: 5px 15px 5px 5px;
	background: url(images/dummy1.jpg) no-repeat scroll 0px -100px;}
.img-box02 {
	float: right;
	margin: 5px 15px 5px 5px;
	background: url(images/dummy2.jpg) no-repeat scroll 0px -30px;}
.img-box03 {
	float: left;
	margin: 5px 15px 5px 5px;
	background: url(images/dummy3.jpg) no-repeat scroll 0px 0px;}
.img-box04 {
	float: right;
	margin: 5px 15px 5px 5px;
	background: url(images/dummy4.jpg) no-repeat scroll 0px 0px;}

.img-box-zukai {
	float: left;
	margin: 5px 0px 5px 0px;
	background: url(images/zukai2.jpg) no-repeat scroll 0px -30px;}

.img-box-design {
	float: right;
	margin: 5px 5px 0 5px;
	background: url(images/t-making04.jpg) no-repeat scroll 0px 0px;}

.img-box-t-making {
	float: left;
	margin: 5px 5px 5px 5px;
	font-size: 90%;}
.margin10-30 {
	margin: 10px 30px;}

.list {
	font-size: 100%;
	display: block;
	margin: 0px 0px;
	padding: 0 0 0 25px;
	background: url(images/listmark1.gif) no-repeat 5px 6px;}

.big {
	border: dotted #777;
	border-width: 0 0 1px 0;
	font-size: 120%;}

.small {
	font-size: 80%;}

.info-li {
	margin: 0 0 10px 0;
	border: dotted #666;
	border-width: 1px 0 0 0;}

.info-li p{
	margin: 0 0 0 70px;}

.date {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	float: left;
	margin: 3px 10px 0 0;
	font-size: 80%;}

#m023 table {
	margin: 0 0 20px 0;
	border: #777 solid;
	border-width: 1px 0 0 1px;
	color: #fff;
	background: #444;}

#m023 td {
	text-align: center;
	border: #777 solid;
	border-width: 0 1px 1px 0;}

.color-set {
	color: #fff;
	background: #555;}

.underline-dotted {
	border: dotted #777;
	border-width: 0 0 1px 0;}
#contents-right .underline0 a,#contents-right .underline0 a:hover {
	border-width: 0 0 0 0;}

.clear {
	clear: both;}

.header1 {
	position:relative;
	margin: 15px 0px;
	font-size: 145%;}

.header2 {
	position:relative;
	margin: 7px 0px;
	font-size: 110%;}	
	
.change-font {
	font-size: 17px;
	float: right;
	margin: 0 5px 0 5px;}
#contents-right .navi-bar .change-font a , .navi-bar .change-font a  {
	position: relative;
	padding: 1px 3px 1px 3px;
	margin: 0 3px 0 0;
	border: #555 solid;
	border-width: 1px;}

#contents-right .navi-bar .change-font a:hover, .navi-bar .change-font a:hover {
	border: #fff solid;
	border-width: 1px;
	color: #fff;}

.navi {
	float: left;
	width: 530px;
	margin: 3px 5px 0 10px;}
.navi span {
	border: #555 solid;
	border-width: 1px;
	padding: 0px 3px 1px 3px;}
#contents-right .navi-bar .navi a {
	border: #555 solid;
	border-width: 0px;
	color: #777;}
#contents-right .navi-bar .navi a:hover {
	border: #fff dotted;
	border-width: 0 0 1px 0;
	color: #fff;}

.navi-bar {
	position: relative;
	overflow: hidden;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 770px;
	background: url(images/none.jpg) repeat 0px 0px;}

.box {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	border: #666 solid;
	border-width: 1px;
	color: #aaa;
	background: #222;
	font-size: 80%;
	text-align: center;
	width: 5em;
	height: 1.3em;
	margin: 0 10px 0 0;
	padding: 0px 0px 5px 0px;}

.item-box {
	position: relative;
	width: 100%;
	margin: 20px auto 20px auto;
	color: #fff;
	background: #222;}
.item-box2 {
	position: relative;
	width: 100%;
	margin: 20px auto 20px auto;
	color: #333;
	background: #fff;}
#contents-right .item-box2 a{
	color: #563de9;
	border-color: #563de9;}
#contents-right .item-box2 a:hover{
	color: #0ef;
	border-color: #0ef;}
	
.item-box-mini {
	position: relative;
	float: left;
	width: 240px;
	margin: 20px auto 20px auto;
	color: #fff;
	background: #222;}	

.item-box-right {
	display: inline;
	position: relative;
	float: right;
	width: 440px;
	margin: 20px 20px 20px 0;
	padding: 0;}

.item-box-left {
	display: inline;
	position: relative;
	float: left;
	width: 200px;
	margin: 20px 0px 20px 20px;
	padding: 0;}

input, textarea {
	font-size: 100%;
	border: #f00;
	border-width: 0px;
	color: #fff;
	background: #333;}

select {
	font-size: 100%;
	border: #f00;
	border-width: 0px;
	width: 50px;
	color: #fff;
	background: #333;}

.buy {
	position: relative;
	width: 200px;
	height: 30px;
	margin: 5px 0px 5px 0px;
	font-size: 16px;
	color: #000;
	background: url(images/buy-button.gif) no-repeat 0px 0px;}

.cart {
	position: relative;
	width: 200px;
	height: 30px;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	text-indent: 25px;
	color: #000;
	background: url(images/cart-button.gif) no-repeat 0px 0px;}

.item-box table {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: #555 solid;
	border-width: 1px 0 0 1px;
	float: right;
	color: #fff;}

.item-box td {
	text-align: center;
	padding: 0 0 0 0;
	border: #555 solid;
	border-width: 0 1px 1px 0;}

.pics {
	position: relative;
	overflow: hidden;
	float: right;
	height:  400px;
	width:   400px;
	border:  1px solid #000;
	background: #000;
	padding: 0;
	margin:  0;}
 
.pics img {
	padding: 0;
	background-color: #000;
	width:  400px;
	height: 400px;
	border:  0px;
	top:  0;
	left: 0;}

.obi {
	position: relative;
	width: 770px;
	height:244px;
	border: solid #000;
	border-width: 1px 0 1px 0;}
.tel-box {
	text-align: center;
	background: #82aa66;
	color: #fff;
	padding: 10px;
	border: 5px #bfd2ac solid;}

#m023 .obi {
	background: url(images/singing01.jpg) no-repeat;}

#m023 .obi h2 {
	line-height: 2.5;
	margin: 100px 20px 0 0;
	text-align: right;}

#m041 .obi {
	background: url(images/ts001-obi.jpg) no-repeat;}
	
#m041 .obi h2 {
	position: relative;
	color: #fff;
	background: #000;
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
	height: 38px;
	font-size: 150%;
	margin: 206px 0px 0 0px;
	border: dotted #777;
	border-width: 0 0 1px 0;
	padding: 0 0 0 20px;
	text-align: left;}	

.img-frame {
	border: #555 solid 1px;}

.hide {
	display: none;}

.center {
	position: relative;
	margin: 0px auto 0px auto;}
	
.shop-panel {
	position: relative;
	width: 160px;
	height: 5.3em;
	text-align: center;
	font-size: 130%;
	background: #000;
	padding: 0;
	margin: 20px auto 20px auto;}
	
.tokusyou {
	background: #eee;
	border: #777 solid;
	border-width: 1px 0 0 1px;}
.tokusyou td {
	color: #333;
	border: #777 solid;
	border-width: 0 1px 1px 0;}
	
.right {
	display: block;
	position: relative;
	float: right;}

#contents-right .item-pic a {
	color: #ddd;
	border: none #ddd;
	border-width: 0 0 0 0;}
#contents-right .item-pic a:hover {
	color: #0cf;
	border: none #0cf;
	border-width: 0 0 0 0;}	
	
.description, .currentTextHolder {
	color: #666;}

#contents-right .button1 a {
	display: block;
	position: relative;
	float: right;
	font-size: 130%;
	padding: 0 10px 0 10px;
	border: #fff solid 1px;
	color: #fff;
	background: #444;}
#contents-right .button1 a:hover {
	border: #fff solid 1px;
	color: #000;
	background: #B2F200;}	

#contents-right .underline-dotted a {
	display: block;
	border: #fff solid 0px;
	color: #fff;
	background: top;}
#contents-right .underline-dotted a:hover {
	color: #fff;
	background: #262626;
	text-indent: 1px;}	
.p20 {
	position: relative;
	padding: 20px !important;}
.font120 {
	font-size: 120% !important;}
.font140 {
	font-size: 140% !important;}
.font160 {
	font-size: 160% !important;}
.font180 {
	font-size: 180% !important;}
.font200 {
	font-size: 200% !important;}
.font220 {
	font-size: 220% !important;}
.font240 {
	font-size: 240% !important;}
.font260 {
	font-size: 260% !important;}
.font280 {
	font-size: 280% !important;}
.font300 {
	font-size: 300% !important;}
/* >>new menu css */
.menu-block a {
	display: block;
	overflow: hidden;
	color: #fff;
	padding-left: 40px;
	height: 22px;
	margin: 20px 0 0 0;}
.menu-block000 a, .menu-block010 a, .menu-block020 a, .menu-block030 a, .menu-block040 a, .menu-block050 a, .menu-block060 a, .menu-block070 a {
	padding-left: 60px;
	display: none;
	margin: 5px 0 0 0;}
.menu-block021 a, .menu-block041 a  {
	display: none;
	padding-left: 70px;}
.menu-block a:hover {
	background-position: 0px -22px;
	color: #E9FF84;
	background-color: #222419;}
.m000, .m010, .m020, .m030, .m040, .m050, .m060, .m070 {
	margin: 25px 0 0 0;
	text-indent: 300px;}
.m000 a {
	background: url(images/left-menu0.gif) no-repeat 0px 0px;}
.m010 a {
	background: url(images/left-menu1.gif) no-repeat 0px 0px;}
.m020 a {
	background: url(images/left-menu2.gif) no-repeat 0px 0px;}
.m030 a {
	background: url(images/left-menu3.gif) no-repeat 0px 0px;}
.m040 a {
	background: url(images/left-menu4.gif) no-repeat 0px 0px;}
.m050 a {
	background: url(images/left-menu5.gif) no-repeat 0px 0px;}
.m060 a {
	background: url(images/left-menu6.gif) no-repeat 0px 0px;}
.m070 a {
	background: url(images/left-menu7.gif) no-repeat 0px 0px;}
#m010 .m010 a, #m020 .m020 a, #m021 .m021 a, #m0210 .m0210 a, #m0211 .m0211 a, #m0212 .m0212 a, #m0213 .m0213 a, #m0214 .m0214 a, #m022 .m022 a, #m023 .m023 a, #m024 .m024 a, #m025 .m025 a, #m030 .m030 a, #m031 .m031 a, #m032 .m032 a, #m040 .m040 a, #m041 .m041 a, #m0410 .m0410 a, #m042 .m042 a, #m043 .m043 a, #m050 .m050 a, #m060 .m060 a, #m070 .m070 a {
	background-position: 0px -22px;
	color: #E9FF84;
	background-color: #444;}
#m020 .menu-block020 a, #m021 .menu-block020 a, #m0210 .menu-block020 a, #m0211 .menu-block020 a, #m0212 .menu-block020 a, #m0213 .menu-block020 a, #m0214 .menu-block020 a, #m022 .menu-block020 a, #m023 .menu-block020 a, #m024 .menu-block020 a, #m025 .menu-block020 a, #m030 .menu-block030 a, #m031 .menu-block030 a, #m032 .menu-block030 a, #m040 .menu-block040 a, #m041 .menu-block040 a, #m0410 .menu-block040 a, #m042 .menu-block040 a, #m043 .menu-block040 a {
	display: block;}
/* <<new menu css */
.box-ie6 {
	width: 100%;
	padding: 0;
	margin: 0;}
	
/* for Google analytics Bug on Win/FF3 */
#ga_shade, x:-moz-broken{display:none !important;}	
*/