@charset "shift_jis";
* {
	margin:0px;
	padding:0px;
}
body {
	color: #333333;
	text-align: center;
	font: 90%/1.6em "ＭＳ Ｐゴシック", sans-serif;
	background: #ededed url(../img/subback.png) repeat-x;
}

html > body {font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;}

h1 {
	margin: 0px;
	font-size: 14px;
	line-height: 1.4em;
	color: #a97401;
	font-weight: bold;
}
h2 {
	margin: 0px;
	font-size: 110%;
	line-height: 1.4em;
}
h3 {
	margin: 0px;
	font-size: 1.1em;
	line-height: 1.4em;
}
img {
	border: none;
	display: block;	
}

a {
	overflow: hidden;
	outline : 0 ;
}

a:hover {
/*color: #FFCC00;*/
}
p {
	/* [disabled]font-size: 90%; */
	line-height: 1.6em;
}
ul {
	list-style-type: none;
	font-size: 90%;
	line-height: 1.6em;
}
hr {
	display: none;
}
/*CLEARFIX*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	position:relative;
}
/* Hides from IE-mac ＼*/
*html.clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

/*END CLEARFIX*/

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*BASE LAYOUT*/
body {
	text-align: center;
}
#wrapper {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
}
#wrapper #preview {
	padding-left: 10px;
	height: 26px;
}
#wrapper #header {
	background-image: url(../img/subheader_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*min-height: 472px;*/
	height: 332px;
	position: relative;
	margin-bottom: 20px;
}
#wrapper #header #title {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	display: block;
	width: 260px;
	position: absolute;
	left: 115px;
	top: 135px;
}
#wrapper #copyright {
	clear: both;
	text-align: center;
	padding-bottom: 5px;
	color: #663300;
	padding-top: 30px;
}
#wrapper #contents {
	padding-right: 30px;
	padding-left: 38px;
}
#wrapper #contents #h1title {
	background-image: url(../img/h1tag.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 28px;
	padding-top: 34px;
	padding-left: 70px;
	display: block;
	position: relative;
	margin-bottom: 10px;
}
#wrapper #contents .h1title {
	background-image: url(../img/h1tag.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 28px;
	padding-top: 34px;
	padding-left: 70px;
	display: block;
	position: relative;
	margin-bottom: 10px;
}
#wrapper #header #banner {
	position: absolute;
	width: 279px;
	left: 561px;
	top: 174px;
	height: 55px;
}
#wrapper #header #banner li {
	display: block;
	height: 55px;
	width: 279px;
}
#wrapper #header #banner li a {
	display: block;
	height: 55px;
	width: 100%;
	text-indent: -9999px;
}

#wrapper #contents #h1title ul {
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	position: absolute;
	font-size: 12px;
	line-height: 1.1em;
	left: 614px;
	top: 33px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
* html #wrapper #contents #h1title ul {
	width: 140px;
}

#wrapper .pagetop {
	clear: both;
	padding-right: 20px;
}
#wrapper .pagetop li a {
	line-height: 1.6em;
	float: right;
	background-image: url(../img/pagetop.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: 0px 4px;
}
#wrapper .pagetop li a:hover {
	background-image: url(../img/pagetop_f2.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}



/*PRODUCTS*/
#wrapper #contents #pre {
	float: left;
	width: 520px;
}
#wrapper #contents #banner-make li {
	float: right;
	height: 44px;
	width: 215px;
	display: block;
}
#wrapper #contents #products li {
	float: left;
	width: 180px;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 240px;
	overflow: hidden;
	line-height: 1.2em;
	font-size: 90%;
}
*html #wrapper #contents #products li {
	height: 240px;
}
#wrapper #contents #products2 li {
	float: left;
	width: 180px;
	display: block;
	margin-right: 10px;
	margin-bottom: 30px;
	min-height: 240px;
	overflow: hidden;
	line-height: 1.4em;
	font-size: 90%;
}
*html #wrapper #contents #products2 li {
	height: 240px;
}
#wrapper #contents #products img {
	border: 3px solid #CCCCCC;
	margin-bottom: 2px;
}
#wrapper #contents #products2 img {
	border: 3px solid #CCCCCC;
	margin-bottom: 2px;
}
#wrapper #contents #products a:hover img {
	border: 3px solid #FFE402;
}
#wrapper #contents #products2 a:hover img {
	border: 3px solid #FFE402;
}
#wrapper #contents #products .end {
	margin-right: 0px;
}
#wrapper #contents #products2 .end {
	margin-right: 0px;
}
#wrapper #contents #banner-make a img {
	border: 1px solid #cc6600;
}
#wrapper #contents #banner-make a:hover img {
	border: 1px solid #663300;
}
#wrapper #contents h2 {
	background-image: url(../img/h2_back.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	color: #a97401;
	border: 1px solid #ffe403;
	line-height: 1.1em;
	padding-top: 4px;
	margin-top: 40px;
	margin-bottom: 10px;
}
#wrapper #contents .ordermade {
	background-color: #f3eac4;
}
#wrapper #contents .ordermade th,
#wrapper #contents .ordermade td {
	font-size: 90%;
	line-height: 1.4em;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#wrapper #contents .ordermade .deep {
	background-color: #ecdda3;
}
#wrapper #contents h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	color: #a97401;
	margin-bottom: 5px;
}
#wrapper #contents #banner-order a img {
	border: 1px solid #cc6600;
}
#wrapper #contents #banner-order a:hover img {
	border: 1px solid #663300;
}
#wrapper #contents #banner-order {
	margin-left: 0px;
	margin-top: 5px;
}
#wrapper #contents #banner-order li {
	height: 35px;
	width: 215px;
}
#wrapper #contents .colbox.make {
	background-image: url(../make/img/product_img.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-bottom: 20px;
	padding-right: 300px;
	height: 355px;
}
#product #wrapper #contents .colbox #banner-order {
	margin-left: 20px;
}
#product #wrapper #contents #products {
	padding-left: 12px;
}
#product #wrapper #contents #products2 {
	padding-left: 12px;
}


/*LESSON*/
#wrapper #contents .lesson {
	background-image: url(../lesson/img/lessonimage.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
}
#wrapper #contents .lesson p {
	width: 480px;
}
#wrapper #contents #rebirth {
	margin-top: 30px;
	width: 620px;
}
#wrapper #contents .leftside {
	width: 240px;
	float: left;
}
#wrapper #contents .rightside {
	float: right;
	width: 490px;
}
#wrapper #contents .attention {
	font-weight: bold;
	color: #FF0000;
}
#wrapper #contents .inner-left {
	float: left;
	width: 240px;
}
#wrapper #contents .inner-right {
	float: right;
	width: 240px;
}
#wrapper #contents #shop {
	float: left;
	width: 300px;
}
#wrapper #contents .h3-nomargin {
	margin-top: 5px;
}
#wrapper #contents #map {
	float: right;
}
#wrapper #contents p {
	margin-bottom: 10px;
}
#wrapper #contents #gmap {
	float: right;
	width: 450px;
}


/*PERFORM*/
#perform #wrapper #contents .colbox {
	background-image: url(../perform/img/perform_image.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding: 10px 10px 30px;
	height: 266px;
	color: #FFF;
}
#perform #wrapper #contents .colbox p {
	width: 400px;
}
#perform #wrapper #contents h2.short-margin {
	margin-top: 0px;
}
#perform #wrapper #contents .leftside {
	width: 490px;
}
#perform #wrapper #contents .rightside {
	width: 240px;
}
#perform #wrapper #contents .leftside .ordermade {
	margin-left: 0px;
	margin-top: 0px;
}

/*PRODUCT DETAILS*/
#product #wrapper #contents .leftside {
	width: 400px;
	background-color: #000000;
}
#product #wrapper #contents .rightside {
	width: 350px;
}
#product #wrapper #contents .photos img {
	float: left;
	width: 250px;
	margin-right: 7px;
	margin-bottom: 7px;
}
#product #wrapper #contents .photos {
	clear: both;
	padding-top: 20px;
}
#product #wrapper #contents .rightside #banner-order {
	margin-left: 0px;
}
#product #wrapper #contents .pname {
	font-size: 120%;
	font-weight: bold;
	color: #A97401;
}
#product #wrapper #contents .price {
	font-size: 140%;
	color: #CC0000;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#product #wrapper #contents .smaller {
	font-size: 80%;
}
#product #wrapper #contents .spec {
	/* [disabled]font-size: 80%; */
	margin-top: 10px;
}
#product #wrapper #contents .comment {
	clear: both;
	width: 640px;
	padding-top: 5px;
}
#product #wrapper #contents .leftside img {
	margin-right: auto;
	margin-left: auto;
}


#wrapper #footer-menu {
	clear: both;
	text-align: center;
	padding-top: 30px;
}
#wrapper #footer-menu li a {
	padding-left:7px;
	padding-right:9px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #663300;
	padding-bottom: 0px;
	font-size: 90%;
}
#wrapper #footer-menu li.end a {
	border-right-style: none;
}
#wrapper #footer-menu li {
	display: inline;
}
#product #wrapper #contents .rightside #order {
	line-height: 1.2em;
	color: #0073CC;
	margin-top: 2px;
}
#product #wrapper #contents #podcast {
	float: left;
	width: 300px;
	margin-top: 20px;
}
#product #wrapper #contents #podcast p#cast-link {
	line-height: 1.2em;
	background-image: url(../products/img/icon_podcast.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 16px;
	padding-left: 32px;
	font-size: 11px;
	padding-top: 15px;
}
#product #wrapper #contents #podcast #flash {
	padding-bottom: 5px;
}
#product #wrapper #contents #podcast h2 {
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	color: #CC0000;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 0px;
	margin-bottom: 4px;
	margin-top: 0px;
}
#make #wrapper #contents .colbox #staff {
	float: left;
	width: 250px;
	padding-left: 10px;
}
#make #wrapper #contents .three-box {
	clear: both;
	padding-top: 20px;
}
#make #wrapper #contents .three-box .img-box {
	float: left;
	width: 240px;
	margin-right: 26px;
}
#make #wrapper #contents .three-box .end {
	margin-right: 0px;
}
#make #wrapper #contents #makeu {
	background-image: url(../make/img/image.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	clear: both;
	height: 170px;
	padding-top: 30px;
}
#make #wrapper #contents .colbox .leftside p {
	line-height: 1.4em;
	font-size: 75%;
}
#make #wrapper #contents .colbox #staff sup {
	color: #FF0000;
}
#make #wrapper #contents .colbox #staff .small-font {
	font-size: 75%;
}
#wrapper #contents #shop img {
	margin-bottom: 1px;
}
#feeTable {
	/* [disabled]border: 1px solid #999; */
}
#feeTable th {
	color: #FFF;
	/* [disabled]text-align: center; */
}
#feeTable td {
	border-bottom: 1px solid #CCC;
	/* [disabled]border-left: 1px solid #CCC; */
	padding-left: 10px;
	line-height: 1.2;
	padding-top: 4px;
}
#feeTable th {
	padding-left: 10px;
}

#feeTable2 {
	/* [disabled]border: 1px solid #999; */
}
#feeTable2 th {
	color: #FFF;
	/* [disabled]text-align: center; */
}
#feeTable2 td {
	border-bottom: 1px solid #CCC;
	/* [disabled]border-left: 1px solid #CCC; */
	padding-left: 10px;
	line-height: 1.2;
	padding-top: 4px;
}
#feeTable2 th {
	padding-left: 10px;
}

#feeTable3 {
	/* [disabled]border: 1px solid #999; */
}
#feeTable3 th {
	color: #FFF;
	/* [disabled]text-align: center; */
}
#feeTable3 td {
	border-bottom: 1px solid #CCC;
	/* [disabled]border-left: 1px solid #CCC; */
	padding-left: 10px;
	line-height: 1.2;
	padding-top: 4px;
}
#feeTable3 th {
	padding-left: 10px;
}
#wrapper #contents .colbox.lesson #feeTable {
	float: left;
	width: 440px;
	margin-right: 30px;
	margin-bottom: 30px;
}
#wrapper #contents .colbox.lesson #feeTable3 {
	float: left;
	width: 300px;
}
#wrapper #contents .colbox.lesson #feeTable2 {
	clear: left;
}
#perform #wrapper #contents .leftBox {
	float: left;
	width: 372px;
	margin-right: 10px;
}
#perform #wrapper #contents .leftBox img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#wrapper #contents .colbox.lesson .half-mov-box {
	float: left;
	width: 350px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}
#wrapper #header #global-menu {
	position: absolute;
	left: 0px;
	top: 230px;
	width: 840px;
	height: 102px;
}
#wrapper #header #global-menu li {
	display: block;
	float: left;
	height: 102px;
	width: 280px;
}
#wrapper #header #global-menu li a {
	width: 100%;
	text-indent: -9999px;
	display: block;
	height: 102px;
}
#wrapper #header li a:hover {
	background-color:#333;
	filter:alpha(opacity=10);
	-moz-opacity:0.10;
	-khtml-opacity: 0.10;
	opacity:0.10;
}
#wrapper #header #topButton li a {
	width: 55px;
	display: block;
	height: 55px;
	text-indent: -9999px;
}
#product #wrapper #contents #h1title h2 {
	background: url(none);
	display: inline;
	border-style: none;
}
#product #wrapper #contents #makeu {
	background-image: url(../make/img/image.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	clear: both;
	height: 170px;
	padding-bottom: 30px;
}
#product #wrapper #contents .pre {
	width: 500px;
}

#contents #att h2 {
  height: inherit;
  background-image:none;
  background-color: #a97401;
  color: #fff;
  padding: 3px 4px 2px;
  display: block;
  float: left;
  border: solid #a97401 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#contents #att p {
  color: #a97401;
  line-height: 1.4;
  padding: 2px 4px 0px;
  display: block;
  float: left;
  border: solid #a97401 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}