@charset "utf-8";

/*formatting style
-----------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
body {
	color: #663;
	background-color: #CC9;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 1.6;
}
#wrapper {
	background-color: #FFFFFF;
	width: 800px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	color: #663;
	height: auto;
}
#logo img {
	float: left;
	height: 89px;
}
#copy {
	padding-top: 20px;
}



/*navibar style
-----------------------------*/

#navibar {
	float: right;
	width:657px;
	margin-top: 30px;
}
#navibar li {
	float: left;
	list-style: none;
}
#navibar li a{
	text-decoration:none;
	display: block;
	color: #FFFFFF;
	background-color: #999933;
	text-align:center;
	height: 20px;
}
#navibar li a:hover {
	color: #FFFFFF;
	background-color: #99CCCC;
}
#navibar li a#current{
	background-color: #666600;
}
#navibar  li#bt1 a{
	text-align:right;
	width: 293px;
	height: 20px;
}
#navibar li#bt3 {
	height: 20px;
	width: 108px;
	margin-left: 1px;
}
#navibar li#bt4 {
	height: 20px;
	width: 97px;
	margin-left: 1px;
}
#navibar li#bt5 {
	height: 20px;
	width:156px;
	margin-left: 1px;
}

/*side style
-----------------------------*/
#side {
	clear: left;
	float: left;
	height:1115px;
	width: 185px;
	background-image: url(images/side2.jpg);
	padding: 60px 0px 0px;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
}
#side li {
	padding-left: 15px;
	list-style: none;
}
#side li #current {
	background-color: #660;
	color: #FFF;
}
#side  li a {
	text-decoration: none;
	font-size: 11px;
	line-height:2em;
	padding-left: 0.5em;
	border-bottom: 2px dotted #CCCC99;
	height:2em;
	border-left: 10px solid #CCCC99;
	color: #666500;
}
#side a:hover {
	color: #99cccc;
}
#side #book {
	padding-left: 18px;
}
#side #book img {
	margin-bottom: 10px;
}
#side #book h3 {
	font-size: 11px;
	color: #FFFFFF;
	width: 140px;
	text-align: left;
	background-color: #999966;
}
#side #book .dvd {
	width: 150px;
	margin-bottom: 10px;
}

#side p {
	font-size: 10px;
	color: #663;
	width: 145px;
}
#book {
	padding-top: 30px;
}

#book img {
	padding-top: 20px;
}

/*main style
-----------------------------*/

#main {
	float: right;
	clear: right;
	margin-top: 15px;
	height: auto;
	width: 615px;
	margin-bottom: 30px;	
}
#main h1 {
}
#main h2 {
	margin-bottom: 20px;
	clear: both;
	margin-top: 20px;
}
h5 {
	font-size: 14px;
	color: #666633;
	background-color: #9CC;
	clear: both;
	width: 600px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 20px;
	text-indent: 1em;
}
#main .return {
	text-align: center;
	padding-right: 20px;
	clear: both;
	float: right;
}
#main .return a {
	color: #999933;
}
#main .return a:hover {
	color: #99CCCC;
}
#main li {
	padding-top: 10px;
	vertical-align: bottom;
	font-size: 10px;
	padding-left: 5px;
}
#main .kakaku {
	font-size: 12px;
	font-weight: bold;
	color: #999900;
}

/* top styles
----------------------------------------------------------------------*/

.ninki {
	margin-left: 20px;
}
#main h4 {
	color: #FFF;
	background-color: #996;
	width: 290px;
	font-size: 12px;
}
h4 a {
	color: #FFF;
	text-decoration: none;
	width: 290px;
	display: block;
	text-indent: 10px;
}
h4 a:hover {
	background-color: #99cccc;
	width: 290px;
	display: block;
}
em {
	color: #330;
	font-weight: normal;
}
.osusume   p   {
	width: 290px;
}
#main #right {
	float: right;
	width: 290px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#main #left {
	float: left;
	width: 290px;
}
#main .gs {
	width: 110px;
	float: left;
	margin-right: 10px;
}
#main .gs a{
	text-decoration:underline;
	color:#330;
}
#main .gs a:hover{
	text-decoration:underline;
	color:#9cc;
}

/* shouhin.html styles
----------------------------------------------------------------------*/

#main #yogamat .mat {
	float: left;
	width: 195px;
	padding-bottom: 10px;
	border: 1px solid #FFF;
	margin-right: 5px;
}
#main #yogamat h4 {
	width: 195px;
	border-bottom: 1px solid #FFF;
}
#main #yogamat p {
	width: 195px;
	font-size: 10px;
}
#yogamat .mat p img {
	width: 195px;
}
#yogamat #topArea .mat {
	height: 550px;
}
#yogamat #m1-01 {
	list-style: url(images/colors/color_m101.jpg) inside;
}
#yogamat #m1-02 {
	list-style: url(images/colors/color_m102.jpg) inside;
}
#yogamat #m2-01 {
	list-style: url(images/colors/color_m201.gif) inside;
}
#yogamat #m2-02 {
	list-style: url(images/colors/color_m202.gif) inside;
}
#yogamat #m301 {
	list-style: url(images/colors/color_m301.gif) inside;
}
#yogamat #m303 {
	list-style: url(images/colors/color_m303.gif) inside;
}
#yogamat #m304 {
	list-style: url(images/colors/color_m304.gif) inside;
}
#yogamat #m401 {
	list-style: url(images/colors/color_m401.gif) inside;
}
#yogamat #m402 {
	list-style: url(images/colors/color_m402.gif) inside;
}
#yogamat #m403 {
	list-style: url(images/colors/color_m403.gif) inside;
}
#yogamat #m406 {
	list-style: url(images/colors/color_m406.gif) inside;
}
#yogamat #m407 {
	list-style: url(images/colors/color_m407.gif) inside;
}
#yogamat #m410 {
	list-style: url(images/colors/color_m410.gif) inside;
}
#yogamat #m412 {
	list-style: url(images/colors/color_m412.gif) inside;
}
#yogamat #m418 {
	list-style: url(images/colors/color_m418.gif) inside;
}
#yogamat #m419 {
	list-style: url(images/colors/color_m419.gif) inside;
}
#yogamat #m420 {
	list-style: url(images/colors/color_m420.gif) inside;
}
#yogamat #m503 {
	list-style: url(images/colors/color_m503.gif) inside;
}
#yogamat #m508 {
	list-style: url(images/colors/color_m508.gif) inside;
}
#yogamat #m509 {
	list-style: url(images/colors/color_m509.gif) inside;
}
#yogamat #m510 {
	list-style: url(images/colors/color_m510.gif) inside;
}
#yogamat #m511 {
	list-style: url(images/colors/color_m511.gif) inside;
}
#yogamat #m512 {
	list-style: url(images/colors/color_m512.gif) inside;
}
#yogamat #m605 {
	list-style: url(images/colors/color_m605.gif) inside;
}
#yogamat #m606 {
	list-style: url(images/colors/color_m606.gif) inside;
}

/* shouhin2.html styles
----------------------------------------------------------------------*/

#main .wear {
	width: 300px;
	float: left;
	height: 750px;
}
#main .wear img {
	padding: 20px 0px;
}
#main .wear h4 {
	width: 230px;
	margin-left: 35px;
	text-indent: 10px;
}
#main .wear p {
	padding-right: 30px;
	padding-left: 30px;
	font-size: 10px;
}
#main .wear a {
	font-size: 12px;
}
.wear ul {
	padding-left: 30px;
}
.wear #t1-1 {
	list-style: url(images/colors/color_t1-1.gif) inside;
}
.wear #t1-2 {
	list-style: url(images/colors/color_t1-2.gif) inside;
}
.wear #t1-3 {
	list-style: url(images/colors/color_t1-3.gif) inside;
}
.wear #t2-1 {
	list-style: url(images/colors/color_t2-1.gif) inside;
}
.wear #t2-2 {
	list-style: url(images/colors/color_t2-2.gif) inside;
}
.wear #t2-3 {
	list-style: url(images/colors/color_t2-3.gif) inside;
}
.wear #t3-1 {
	list-style: url(images/colors/color_t3-1.gif) inside;
}
.wear #t3-2 {
	list-style: url(images/colors/color_t3-2.gif) inside;
}
.wear #t4-1 {
	list-style: url(images/colors/color_t4-1.gif) inside;
}
.wear #t4-2 {
	list-style: url(images/colors/color_s402.gif) inside;
}
.wear #t4-3 {
	list-style: url(images/colors/color_t4-3.gif) inside;
}
.wear #t4-4 {
	list-style: url(images/colors/color_t4-4.gif) inside;
}
.wear #t5-1 {
	list-style: url(images/colors/color_t5-1.gif) inside;
}
.wear #t5-2 {
	list-style: url(images/colors/color_t5-2.gif) inside;
}
.wear #t5-3 {
	list-style: url(images/colors/color_t5-3.gif) inside;
}
.wear #p1-1 {
	list-style: url(images/colors/color_p1-1.gif) inside;
}
.wear #p1-2 {
	list-style: url(images/colors/color_p1-2.gif) inside;
}
.wear #p1-3 {
	list-style: url(images/colors/color_p1-3.gif) inside;
}
.wear #p1-4 {
	list-style: url(images/colors/color_p1-4.gif) inside;
}
.wear #p2-1,#p5-1 {
	list-style: url(images/colors/color_p2-1.gif) inside;
}
.wear #p2-2,#p5-2 {
	list-style: url(images/colors/color_p2-2.gif) inside;
}
.wear #p2-3,#p5-3 {
	list-style: url(images/colors/color_p2-3.gif) inside;
}
.wear #p2-4,#p5-4 {
	list-style: url(images/colors/color_p2-4.gif) inside;
}
.wear #p3-1 {
	list-style: url(images/colors/color_p3-1.gif) inside;
}
.wear #p3-2 {
	list-style: url(images/colors/color_p3-2.gif) inside;
}
.wear #p3-3 {
	list-style: url(images/colors/color_p3-3.gif) inside;
}
.wear #p4-1 {
	list-style: url(images/colors/color_p4-1.gif) inside;
}
.wear #p4-2 {
	list-style: url(images/colors/color_p4-2.gif) inside;
}
.wear #p4-3 {
	list-style: url(images/colors/color_p4-3.gif) inside;
}

/* shouhin3.html styles
----------------------------------------------------------------------*/

#main .bag {
	height: 500px;
	width: 200px;
	float: left;
}
.bag #b501 {
	list-style: url(images/colors/color_b501.gif) inside;
}
.bag #b503 {
	list-style: url(images/colors/color_b503.gif) inside;
}
.bag #b601 {
	list-style: url(images/colors/color_b601.gif) inside;
}
.bag #b602 {
	list-style: url(images/colors/color_b602.gif) inside;
}
.bag #b603 {
	list-style: url(images/colors/color_b603.gif) inside;
}
.bag #b701 {
	list-style: url(images/colors/color_b701.gif) inside;
}
.bag #b702 {
	list-style: url(images/colors/color_b702.gif) inside;
}
#main .bag h4 {
	width: 190px;
	text-indent: 0.5em;
}
#main .bag p {
	padding: 0px;
	width: 190px;
	font-size: 10px;
}
#main .support {
	height: 550px;
	width: 200px;
	float: left;
}
.support #s1a03 {
	list-style: url(images/colors/color_s1a03.gif) inside;
}
.support #s1a11  {
	list-style: url(images/colors/color_s1a11.gif) inside;
}
.support #s1a12  {
	list-style: url(images/colors/color_s1a12.gif) inside;
}
.support #s2-1 {
	list-style: url(images/colors/color_s2-1.gif) inside;
}
.support #s2-2 {
	list-style: url(images/colors/color_s2-2.gif) inside;
}
.support #s301 {
	list-style: url(images/colors/color_s301.gif) inside;
}
.support #s302 {
	list-style: url(images/colors/color_s302.gif) inside;
}
.support #s303 {
	list-style: url(images/colors/color_s303.gif) inside;
}
.support #s401 {
	list-style: url(images/colors/color_s401.gif) inside;
}
.support #s402 {
	list-style: url(images/colors/color_s402.gif) inside;
}
#main .support h4 {
	width: 190px;
	text-indent: 0.5em;
}
#main .support p {
	width: 190px;
	font-size: 10px;
}
#main .relax {
	width: 200px;
	height: 550px;
	float: left;
}
.relax #r206 {
	list-style: url(images/colors/color_R206.gif) inside;
}
.relax #r207 {
	list-style: url(images/colors/color_R207.gif) inside;
}
#main .relax h4 {
	width: 190px;
	text-indent: 0.5em;
}
#main .relax p {
	width: 190px;
	font-size: 10px;
}
#main #useFrosiki {
	width: 340px;
	height: 280px;
	border: thin dotted #6699CC;
	padding: 20px 20px 0px;
	float: right;
	clear: none;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 170px;
}
#main #useFrosiki p {
	font-size: 10px;
	color: #6699CC;
}
#useFrosiki .return a {
	font-size: 12px;
}
#main #useblanket {
	width: 340px;
	height: 400px;
	border: thin dotted #6699CC;
	padding: 20px 20px 0px;
	float: right;
	clear: none;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 50px;
}
#main #useblanket p {
	font-size: 10px;
	color: #6699CC;
}
#useblanket .return a {
	font-size: 12px;
}
#main #chakras {
	padding: 20px;
	float: right;
	height: 400px;
	width: 340px;
	margin-right: 20px;
	border: thin dotted #6699cc;
}
#main #chakras hr {
	color: #6699CC;
	margin-bottom: 10px;
	margin-top: 10px;
	border-width: thin;
}
#main #chakras p {
	color: #6699cc;
	font-size: 10px;
}
#main #chakras a {
	font-size: 12px;
}

/* form styles
----------------------------------------------------------------------*/

#main #form #tyuumon th {
	font-size: 10px;
	padding: 5px 15px;
	background-color: #99CCCC;
}
#main #form #tyuumon td {
	padding: 5px;
	font-size: 10px;
}

/* hyouki.html styles
----------------------------------------------------------------------*/

#hyoukiM table {
	border-collapse:collapse;
	margin-bottom: 15px;
	border-top: 1px solid #660;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#hyoukiM  table th {
	border-bottom: 1px solid #660;
	padding-left: 1em;
}
#hyoukiM  table td {
	padding: 5px 15px;
	border-bottom: 1px solid #660;
}
#hyoukiM  table  tr .odd {
	background-color: #CCCC99;
}

/*footer style
-----------------------------*/

#footer {
	clear: both;
}
#footer ul {
	padding-left: 20px;
}
#footer  li  {
	list-style: none;
	display: block;
	float: left;
	padding-right: 10px;
}
#footer a {
	color: #999933;
	text-decoration: none;
}
#footer a:hover {
	color: #99cccc;
}
#footer hr {
	clear: left;
	color: #999933;
}
#footer address {
	clear: left;
	padding-left: 20px;
	color: #999933;
}