/* CSS Document */
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
a:link {
	text-decoration:none;
	color: #74047B;
}
a:visited {
	text-decoration:none;
	color:#431CA7;
}
a:hover,
a:focus{
	text-decoration: none;
	position: relative;
	top: 1px;
	left: 1px;
	color: #0066CC;
	background-color: #E3F5B7;
}
a:active { 
	color: #993366;
	text-decoration:none;
}

/* toppage */
.Space #boxIndex {
	width: 800px;
	height: 710px;
	text-align: left;
	background: url(../img/01index.jpg) no-repeat right top;
	margin: 0 auto;
	padding: 0px;
}
.Space #IndexText {
	font-size: 85%;
	width: 530px;
	padding: 0px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	clear: both;
	float: left;
	margin: 363px 0 15px 38px;
	top: 363px;
	color: #000060;
	display: inline;
}
.lead{
	margin-bottom: 25px;
	color: #1F8282;
}
.whatsnew{
	margin: 15px 0 3px 12px;
	font-size: 90%;
}

.Space .IndexMenu {
	width: 650px;
	padding: 0px;
	display: inline;
	float: left;
	margin: 10px 0 5px 38px;
	clear: both;
	font-size: 90%;
	color: #CCCCCC;
}
.Space ul { 
	padding: 0; 
	margin: 0; 
	list-style-type: none; 
} 
.Space li {
	float: left;
	margin: 0 15px 0 3px;
	padding: 0px;
	/*border-left: 3px solid #A9B7EB;*/
	border-left: 3px solid #D8FBC5;
	text-indent: 3px;
}
.next {
	color: #CCCCCC;
}

/* header */
.Space #header {
	padding: 0 5px;
} 
.Space #header h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 120%;
	font-weight: bold;
}

/* menu */
.Space #sidebar {
	font-size: 90%;
	width: 170px;
	height: 650px;
	text-align: left;
	padding: 8px 5px 3px 8px;
	float: left;
}
.Space #sidebar02 {
	font-size: 90%;
	width: 170px;
	text-align: left;
	padding: 8px 5px 3px 8px;
	float: left;
}

.menu01{
	padding: 5px 1px 3px 3px;
	margin: 2px 0;
	text-indent: 1px;
	border-left: 1px dotted #A9B7EB;
}
.menuNext{
	padding: 5px 1px 3px 3px;
	margin: 2px 0;
	color: #CCCCCC;
	text-indent: 1px;
	border-left: 1px dotted #A9B7EB;
}
.menuTitleSession{
	text-indent: 1px;
	padding: 2px 1px;
	margin: 0px;
	color: #3A499F;
	text-align: left;
	border: 1px dotted #A9B7EB;
	background: url(../img/back.gif) repeat-y left;
}
.menuTitle{
	text-indent: 1px;
	padding: 1px 1px 1px;
	margin: 0px;
	color: #88B4AC;
	text-align: left;
	border: 1px dotted #A9B7EB;
	background: url(../img/back.gif) repeat-y left;
}
th .menuTitle{
	font-weight: bold;
}
.menuNow{
	padding: 5px 1px 3px 3px;
	margin: 0px;
	text-indent: 1px;
	color: #0000FF;
	border-left: 6px solid #83A3EB;
}
.menucolorful{
	text-indent: 1px;
	padding: 5px 1px 3px 3px;
	margin: 0px;
}
.outline{
	width: 160px;
	margin: 10px 0 16px 0;
}

/* mainContent */
.Space #mainContent {
	width: 501px;
	margin: 4px 0 0 193px;
	padding: 2px 13px 0;
}
.Space #mainContent02 {
	width: 501px;
	margin: 4px 0 0 3px;
	padding: 2px 13px 0;
	clear: both;
	float: left;
}

.Space #mainContentEnd {
	width: 523px;
	height: 2px;
	font-size: 1px;
	margin: 1px 0 0 197px;
	clear:both;
	border-right: 1px solid #DDEDEC;
	border-bottom: 1px solid #DDEDEC;
	border-left: 1px solid #DDEDEC;
}

.Space #voiceContent {
	width: 498px;
	height: 650px;
	border: 1px solid #C5CEFF;
	margin: 4px 0 0 193px;
	padding: 0px 13px;
	overflow: scroll;
}
h1 {
	font-size: 100%;
	font-weight: bold;
	color: #333366;
	text-indent: 3px;
	border-left: 5px solid #C9D4EF;
	padding: 2px 0;
	margin: 13px 0 8px 1px;
}
h1 .voice{
	font-size: 100%;
	font-weight: bold;
	color: #333366;
	text-indent: 3px;
	border-left: 5px solid #C9D4EF;
	width: 440px;
	margin: 13px 0 8px 1px;
	padding: 2px 0;
	padding-right: 0;
} 
h2 {
	font-weight: bold;
	font-size: 100%;
	color: #5F5486;
	border-bottom: 1px dashed #FFCCCC;
	padding: 0px;
	margin: 0px 0px 5px;
}
h3 {
	font-weight: bold;
	font-size: 100%;
	color: #9F7285;
	border-bottom: 1px dashed #D8C7E8;
	padding: 0px;
	margin: 0px 0px 5px;
}
h4 {
	font-size: 100%;
	color: #5F5486;
	padding: 0px;
	margin: 0px 0px 5px;
	border-bottom: 1px dashed #C5E3BA;
}

.3 {
	height: 3px;
	margin: 0px;
	padding: 0px;
}
.watch {
	color: #9B427B;
}
.watch2{
	color: #CC0033;
}

.right {
	text-align: right;
	font-size: 80%;
}
.rightVoice {
	text-align: right;
	font-size: 80%;
	line-height: 1.8;
	margin-bottom: 5px;
}


.Space #Text {
	font-size: 90%;
	width: 480px;
	margin: 2px 0 5px 0;
	padding: 0 3px 0 15px;
	color: #242E5C;
	line-height: 1.4;
}
/*.Space #TextVoice {
	font-size: 90%;
	width: 460px;
	margin: 2px 0 5px 0;
	padding: 0 3px 0 15px;
	color: #242E5C;
	line-height: 1.4;
}*/
.ohanashi {
	font-size: 90%;
	line-height: 1.5;
	color: #3A3450;
	width: 470px;
	margin: 20px 0 10px 0;
}
.ohanashi .title {
	border-bottom: 1px dashed #FFCCCC;
	padding: 0px;
	margin: 0px 0px 5px;
	color: #5F5486;
	font-weight: bold;
}
.ohanashi p {
	margin: 0px;
	padding: 0px;
}
.ohanashiPhoto {
	margin: 1px 0px 1px 5px;
	float: right;
}
.ohanashiVoice {
	font-size: 90%;
	line-height: 1.4;
	color: #3A3450;
	width: 445px;
	margin: 20px 0 10px 0;
}
.ohanashiVoice p {
	margin: 8px 0px;
}
.diploma {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}

.attention {
	line-height: 1.6;
	color: #3A3450;
	width: 470px;
	padding-top: 10px;
}
.attention p {
	font-size: 80%;
	margin: 0;
}
.attentionTitle {
	padding: 0px;
	margin: 0px;
	color: #594860;
	font-weight: bold;
	border-bottom: 1px dashed #D6FFEC;
	margin: 0px 0px 3px;
}
.attention2 {
	font-size: 80%;
	line-height: 1.6;
	color: #3A3450;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
.price {
	font-size: 90%;
	line-height: 1.5;
	color: #3A3450;
	width: 470px;
	margin: 25px 0 18px 0;
}
.price .title {
	color: #242E5C;
	border-bottom: 1px dashed #ADD9D6;
	width: 400px;
	margin: 15px 0 0;
	padding: 0px;
}
.price .number {
	color: #242E5C;
	text-indent: 1em;
}
.price p {
	margin: 0px;
	padding: 0px;
}
.moushikomi {
	line-height: 1.5;
	color: #5C3053;
	margin: 8px 0 8px 18px;
}

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

/* background */
.Space #container {
	width: 800px;
	margin: 0 auto;
}
.Space #index {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01index01.jpg) no-repeat right top;
}

.Space #kantei {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01kantei.jpg) no-repeat right top;
}
.Space #crystal {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01crystal.jpg) no-repeat right top;
}
.Space #profile {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01profile.jpg) no-repeat right top;
}
.Space #space {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01space.jpg) no-repeat right top;
}
.Space #yoyaku {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01yoyaku.jpg) no-repeat right top;
}
.Space #qanda {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01qanda.jpg) no-repeat right top;
}
.Space #rainbow {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01rainbow.jpg) no-repeat right top;
}
.Space #voice {
	width: 800px;
	margin: 0 auto;
}
.Space #stonebracelet {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01stone_bracelet.jpg) no-repeat right top;
}
.Space #link {
	width: 800px;
	margin: 0 auto;
	background: url(../img/01main.jpg) no-repeat right top;
}

/*bracelet*/
.Space #shousaiContent {
	width: 770px;
	height: 650px;
	border: 1px solid #C5CEFF;
	margin: 4px 0 0 3px;
	padding: 0 5px 0 25px;
}
.Space #TextBracelet {
	font-size: 80%;
	width: 680px;
	margin: 2px 0 5px 0;
	padding: 5px 2px 0 20px;
	color: #242E5C;
	line-height: 1.7;
}
.braceletCaption {
	margin: 0px;
	padding: 0px;
	line-height: 1.6;
}

/* footer */
#footerIndex {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding: 5px 0 0 0;
}
.copyright {
	font-size: 70%;
	color: #999999;
	text-align: right;
	width: 798px;
	clear: both;
	padding: 5px 2px;
	margin: 0px;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
}

/* 表示領域全体 */
div.tabbox {
   margin: 0px; padding: 0px;
}

/* タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
	display: block;
	width: 11em;
	float: left;
	padding: 3px;
	text-align: left;
	margin: 0px;
}
p.tabs a.tab1 {
	border-top: 1px solid #C1BBFA;
	border-right: 3px solid #B4AEEA;
	border-left: 2px solid #C1BBFA;
	border-bottom: 1px solid #C1BBFA;
	margin: 0px 3px 0px 0px;
}
p.tabs a.tab2 {
	border-top: 1px solid #CCFF99;
	border-right: 3px solid #99CC33;
	border-left: 2px solid #CCFF99;
	border-bottom: 1px solid #CCFF99;
	margin: 0px;
}
p.tabs a:hover {
	color: #336600;
}

/* 中身のボックス */
div.tab {
	clear: left;
	padding: 2px;
	height: 500px;
	overflow: auto;
}
div#tab1 {
	border-top: 1px solid #C1BBFA;
	border-right: 2px solid #C1BBFA;
	border-bottom: 2px solid #C1BBFA;
	border-left: 1px solid #C1BBFA;
}
div#tab2 {
	border-top: 1px solid #CCFF99;
	border-right: 2px solid #CCFF99;
	border-bottom: 2px solid #CCFF99;
	border-left: 1px solid #CCFF99;
}
div.tab p {
	margin: 0.5em;
	font-size: 90%;
	line-height: 1.4;
}