@charset "euc-jp";
/* Using Font Size */
#demo1 {
	font-size:85%;
}  /*renders 11px */
#demo2 {
	font-size:100%;
} /*renders 13px */
#demo3 {
	font-size:108%;
} /*renders 14px */
#demo4 {
	font-size:123.1%;
} /*renders 16px */
#demo5 {
	font-size:138.5%;
} /*renders 18px */
/* Reset CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial, helvetica, clean, sans-serif;
	/* for IE6/7 */ 
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
}
/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select, input, button, textarea, button {
	font:99% arial, helvetica, clean, sans-serif;
}
/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}
/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
	font-family:monospace;
 *font-size:108%;
	line-height:100%;
}
/* Base CSS */
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
h1, h2, h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1, h2, h3, h4, h5, h6, strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}
abbr, acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote, ul, ol, dl {
	/*giving blockquotes and lists room to breath*/
	margin:0 0 1em;
}
ol, ul, dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
	font-size: 100%;
	line-height: 140%;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
	font-size: 100%;
	line-height: 140%;
}
dl dt {
	font-size: 108%;
	line-height: 140%;
	font-weight: bold;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
	font-size: 100%;
	line-height: 140%;
}
th, td {
	/*borders and padding to make the table readable*/
	padding:.5em;
	font-size: 100%;
	line-height: 140%;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
	font-size: 100%;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
	font-size: 93%;
}
p, fieldset, table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
p {
	font-size: 100%;
	line-height: 140%;
}
td p, li p, li li, li li p, dd p, dd dd, dd dd p {
	font-size: 100%;
	line-height: 140%;
}
/* =========== all =========== */

a:link {
	color: #005CD6;
	text-decoration: none;
}
a:visited {
	color: #005CD6;
	text-decoration: none;
}
a:hover {
	color: #005CD6;
	text-decoration: underline;
}
a:link img, a:visited img, a:hover img {
	border:none;
}
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #CD1A5F url(../img/bg.gif);
	color: #333333;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 950px;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}
#header {
	margin: 15px 5px;
	padding: 0px 11px;
	background: #E5005A;
	border:1px solid #A20837;
	width: 916px;
}
#contentarea {
	margin: 15px 5px;
	padding:20px 5px 0;
	background: #E5005A;
	border:1px solid #A20837;
	width: 928px;
}
/* header */

h1 {
	margin:8px 0 12px 0;
	padding: 0;
	width:150px;
	height:58px;
	float:left;
}
h2 {
	padding:30px 0 0 17px;
	margin: 0;
	width:500px;
	height:15px;
	color:#FFFFFF;
	font-size: 100%;
	font-weight: normal;
	background: url(../img/title_bg.gif) no-repeat left top;
	float:left;
}
h2 a:visited, h2 a:link, h2 a {
	color: #FFF;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}
#route {
	padding-top:10px;
	color:#FFFFFF;
	background: url(../img/route_bg.gif) no-repeat right top;
	float:right;
	font-size: 75%;
}
#route a:link {
	color:#FFFFFF;
}
#route a:visited {
	color:#FFFFFF;
}
#route a:hover {
	color:#FFFFFF;
}
/* rightside */

#contentarea #rightside {
	width: 571px;
	float:right;
}
#contentarea .main {
	padding:10px 15px;
	margin-right:11px;
	width: 530px;
	background: #FFFFFF;
	clear:both;
}
#contentarea .tabbox {
	padding:10px 15px;
	margin-right:11px;
	width: 530px;
	background: #FFFFFF;
	clear:both;
}
#contentarea h3 {
	padding-left:20px;
	margin-top:24px;
	margin-bottom:10px;
	font-size:123.1%;
	font-weight:bold;
	clear: both;
	background: url(../img/square.gif) no-repeat 0 2px;
	line-height: 20px;
}
#contentarea h4 {
	padding: 3px 0 2px 10px;
	margin-top:24px;
	margin-bottom:10px;
	font-size:108%;
	font-weight:bold;
	clear: both;
	border-bottom: 1px solid #FF9BC5;
	border-left: 5px solid #FF9BC5;/*
	background: url(../img/square.gif) no-repeat 0 0;*/
}
#contentarea h4.image {
	padding: 0;
	margin-top: 0;
	margin-bottom:10px;
	font-size:108%;
	font-weight:bold;
	clear: both;
	border-bottom: 0;
	border-left: 0;/*
	background: url(../img/square.gif) no-repeat 0 0;*/
}
#contentarea .section h5 {
	background-color: #FFE6F0;
	padding: 3px 0
}
#contentarea h5, #contentarea h6, #contentarea h7 {
	margin-bottom: 8px;
}
#contentarea .toptext {
	margin-top:24px;
}
#contentarea blockquote {
	border: 1px solid #FF9BC5;
	background-color:#FFE6F1;
	padding: 1em 5px 0;
	margin: 0 0 15px;
	clear: both;
}
/* table*/
#contentarea .cell1 {
	white-space:nowrap;
	background: #EFEEED;
}
#contentarea .cell2 {
	text-align:center;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	white-space:nowrap;
	background: #EFEEED;
}
#contentarea .cell3 {
	background: #EFEEED;
}
#contentarea .cell4 {
	color:#666666;
	font-weight:bold;
	white-space:nowrap;
	background: #EFEEED;
}
#contentarea .cell5 {
	background: #EFEEED;
}
#contentarea ul.caution {
	list-style: none;
	margin: 0 0 1em 1em;
	padding: 0;
}
#contentarea ul.caution li {
	list-style: none;
	text-indent: -1em;
	padding: 0 0 0 1em;
}
/* menu2 */
#menu2 a:link {
	color:#6F002B;
}
#menu2 a:visited {
	color:#6F002B;
}
#menu2 a:hover {
	color:#FFFFFF;
}
#active2 {
	color:#FFFFFF;
}
#menu2 em {
	font-style: normal;
	font-size: 85%;
	color: #fff;
	line-height: 115%;
	margin: 3px 0 5px;
	display: block;
}
#menu2 {
	width: 172px;
	float:left;
	background: #E5005A url(../img/menu_bg.gif) no-repeat left top;
}
#menu2 ul {
	list-style: none;
	margin: 0
}
#menu2 ul li {
	font-size: 100%;
	margin-left:10px;
	padding: 10px 0;
	list-style-type: none;
	background: url(../img/menu_border.gif) repeat-x bottom;
}
#menu2 ul li.first {
	padding: 0 0 10px 0;
}
#menu2 ul li.large {
	margin-left: 7px;
}
#menu2 ul li ul {
	margin: 5px 0 0 0;
}
#menu2 ul li li {
	font-size: 100%;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
	background: none;
}
#menu2 ul li div.reservemenu {
	background: url(../common/img/leftnavi/bg_reserve.gif) no-repeat left top;
	width: 160px;
	color: #A20837;
	font-size: 85%;
	margin: 3px 0;
	line-height: 110%;
	padding: 10px 0 0 0;
}

#menu2 ul li div.reservemenu .inner {
	background: url(../common/img/leftnavi/bg_reserve.gif) no-repeat left bottom;
	padding: 0 7px 10px 8px;
	
}
#menu2 ul li div.reservemenu .reservefirst {
	padding: 0 0 8px;
	margin: 0 0 8px;
	border-bottom: 1px dotted #A20837;
}
#menu2 ul li div.reservemenu .reservefirst a.btn {
	text-indent: -9999px;
	background: url(../common/img/leftnavi/btn_lesson.gif) no-repeat left top;
	width: 145px;
	height: 37px;
	display: block;
}
#menu2 ul li div.reservemenu .reserveweb a.btn {
	text-indent: -9999px;
	background: url(../common/img/leftnavi/btn_web.gif) no-repeat left top;
	width: 145px;
	height: 37px;
	display: block;
}
#menu2 ul li div.reservemenu a.btn:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
#menu2 ul li ul.selectstudio li {
	font-size: 100%;
	margin-left: 0;
	padding: 0;
	list-style-type: none;
	background: none;
}
#menu2 ul li ul.banner li {
	margin-left: 0;
	margin-bottom: 5px;
	padding: 0;
}
#menu2 ul li ul.selectstudio li a {
	width: 159px;
	height: 31px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 5px;
}
#menu2 ul li ul.selectstudio li#aoyama a {
	background: url(../common/img/leftnavi/menu_aoyama_r.gif) no-repeat left top;
}
#menu2 ul li ul.selectstudio li#aoyama a:hover {
	background: url(../common/img/leftnavi/menu_aoyama_w.gif) no-repeat left top;
}
#menu2 ul li ul.selectstudio li#shibuya a {
	background: url(../common/img/leftnavi/menu_shibuya_r.gif) no-repeat left top;
}
#menu2 ul li ul.selectstudio li#shibuya a:hover {
	background: url(../common/img/leftnavi/menu_shibuya_w.gif) no-repeat left top;
}
#menu2 ul li ul.selectstudio li#osaka a {
	background: url(../common/img/leftnavi/menu_osaka_r.gif) no-repeat left top;
}
#menu2 ul li ul.selectstudio li#osaka a:hover {
	background: url(../common/img/leftnavi/menu_osaka_w.gif) no-repeat left top;
}
#menu2 ul li ul.selectstudio li#izu a {
	background: url(../common/img/leftnavi/menu_izu_r.gif) no-repeat left top;
}
#menu2 ul li ul.selectstudio li#izu a:hover {
	background: url(../common/img/leftnavi/menu_izu_w.gif) no-repeat left top;
}
#menu2 ul li.imagebtn a {
	display: block;
	text-indent: -9999px;
	margin: 0;
}
#menu2 ul li.imagebtn#event a {
	background: url(../common/img/leftnavi/menu_event_r.gif) no-repeat left top;
	width: 103px;
	height: 30px;
}
#menu2 ul li.imagebtn#event a:hover {
	background: url(../common/img/leftnavi/menu_event_w.gif) no-repeat left top;
}
#menu2 ul li.imagebtn#rentalstudio a {
	background: url(../common/img/leftnavi/menu_rental_r.gif) no-repeat left top;
	width: 120px;
	height: 14px;
}
#menu2 ul li.imagebtn#rentalstudio a:hover {
	background: url(../common/img/leftnavi/menu_rental_w.gif) no-repeat left top;
}
#menu2 ul li.imagebtn#livetyg a {
	background: url(../common/img/leftnavi/menu_live_r.gif) no-repeat left top;
	width: 120px;
	height: 14px;
}
#menu2 ul li.imagebtn#livetyg a:hover {
	background: url(../common/img/leftnavi/menu_live_w.gif) no-repeat left top;
}
#menu2 ul li.imagebtn#abouttyg a {
	background: url(../common/img/leftnavi/menu_about_r.gif) no-repeat left top;
	width: 120px;
	height: 14px;
}
#menu2 ul li.imagebtn#abouttyg a:hover {
	background: url(../common/img/leftnavi/menu_about_w.gif) no-repeat left top;
}
/* menu */
#menu {
	width: 172px;
	float:left;
	background: #E5005A url(../img/menu_bg.gif) no-repeat left top;
}
#menu ul {
	list-style: none;
	margin: 0
}
#menu ul li {
	font-size: 100%;
}
#menu ul li li {
	font-size: 100%;
}
li.border {
	margin-left:12px;
	padding:10px 0;
	list-style-type: none;
	background: url(../img/menu_border.gif) repeat-x bottom;
}
ul li.noborder {
	margin-left:12px;
	padding-top:5px;
	list-style-type: none;
}
#menu ul.menu2 {
	margin-left:12px;
	padding:5px 0;
	list-style-type: none;
}
ul.menu2 li {
	list-style: none;
	margin-bottom: 0 0 3px 0;
}
#menu a:link {
	color:#6F002B;
}
#menu a:visited {
	color:#6F002B;
}
#menu a:hover {
	color:#FFFFFF;
}
#active {
	color:#FFFFFF;
}
#menu .rysarea,
#menu .mmarea {
	width: 172px;
	margin: 0 0 10px;
	padding: 0;
	font-size: 12px;
}
/* other */
.box {
	margin-bottom:20px;
}
#footer {
	font-style:normal;
	clear:both;
	padding-top:10px;
	text-align:center;
	height:32px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.pagetop {
	text-align:right;
	font-size: 77%;
	clear:both;
}
.pagetop2 {
	text-align:right;
	font-size:85%;
	margin:7px 0 35px 0;
	border-top:1px dotted #999999;
}
.submit {
	text-align:center;
}
.marginimg {
	margin:0 10px 5px 0;
	float:left;
}
hr {
	display:none;
}
.c {
	clear: both;
}
/* rightside */

#contentarea #rightbannerbox {
	width: 161px;
	color:#EFB3C8;
	float:right;
}
#contentarea #rightbannerbox #rightside {
	width: 161px;
	color:#EFB3C8;
	float:right;
}
#rightbannerbox #rightside h3 {
	line-height:14px;
}
#rightbannerbox #rightside p {
	padding:0 8px 5px 8px;
	font-size:10px;
	line-height:14px;
}
#rightbannerbox .banner {
	margin-bottom:10px;
	border:1px solid #BA0049;
	width: 158px;
	background: #C90046 url(../img/banner_bg.gif) repeat-y;
	padding: 5px 0;
}
#rightbannerbox .banner.mmarea {
	margin-bottom:10px;
	border:1px solid #BA0049;
	width: 152px;
	background: #C90046 url(../img/banner_bg.gif) repeat-y;
	padding: 5px 3px;
}
#rightbannerbox .banner.mmarea em {
	font-size: 10px;
	line-height: 110%;
	font-style: normal;
}
.mmareainput {
	width: 148px;
	margin: 0 0 3px;
}
#rightbannerbox .shop {
	width: 158px;
	height:37px;
	background: #C90046 url(../img/index_shop.gif) no-repeat right;
	text-indent: -99999px;
}
#rightbannerbox .shopimg {
	margin: 0 auto 3px;
	display: block;
}
#rightbannerbox .rakutenqr {
	border-top: 1px solid #BA0049;
	padding: 5px 0 0;
}
/*
.recommend{
	display:block;
	height:2px;
	padding-top:5px;
}

.recommend a:link{
	text-decoration:underline;
}

.recommend a:hover{
	text-decoration:underline;
}
*/
#rightbannerbox .blog {
	width: 158px;
	height: 26px;
	text-indent: -99999px;
}
#rightbannerbox #rightside a:link {
	color: #EFB3C8;
}
#rightbannerbox #rightside a:visited {
	color: #EFB3C8;
}
#rightbannerbox #rightside a:hover {
	color: #EFB3C8;
}
#rightbannerbox h3.bannertitle {
	font-weight:bold;
	margin:6px 0 6px 0;
	padding:0 8px;
	font-size:120%;
	clear: both;
	background: none;
	line-height: 100%;
}
#rightbannerbox h4.bannertitle {
	font-weight:bold;
	margin:6px 0 6px 0;
	padding:0 8px;
	font-size:100%;
	border-top: 1px dotted #FFF;
}
#rightbannerbox .paper {
	margin-bottom:10px;
	border:1px solid #BA0049;
	width: 158px;
	height:87px;
	background: #C90046 url(../img/index_paper.gif) no-repeat;
}
#rightbannerbox .sns {
	margin-bottom:10px;
	border:1px solid #BA0049;
	width: 158px;
	background: #C90046 url(../img/index_sns.gif) no-repeat;
}
#rightbannerbox .techo {
	margin-bottom:10px;
	border:1px solid #BA0049;
	width: 158px;
	height:87px;
	background: #C90046 url(../img/index_techo.gif) no-repeat;
}
#rightbannerbox #rightside ul {
	margin-top:20px;
	list-style-type: none;
}
#rightbannerbox #rightside ul a:link {
	color:#FFFFFF;
}
#rightbannerbox #rightside ul a:visited {
	color:#FFFFFF;
}
#rightbannerbox #rightside ul a:hover {
	color:#910039;
}

