@charset "UTF-8";
/* reset */
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:#FFD;
	margin:0;
	padding:0;
	color:#222222;
	font-size:100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
th,  ul, ol, dl, dt, dd {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}
ol, ul {list-style:none;}
a img {
	border:none;
}
a {
	color:#0078FF;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	color:#FF8B00;
	text-decoration:none;
}

/* txt style */
.txt_c {text-align:center;}
.txt_r {text-align:right;}
.txt_l {text-align:left;}
.txt_j {text-align:justify;}
.txt_bold {font-weight:bold;}
.txt_bolder {font-weight:bolder;}
.txt_sp1 {letter-spacing:1px;}
.txt_shadow1 {text-shadow:0 -1px 0 #000;}

/* font-size */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs20 {font-size:20px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs30 {font-size:30px;}
.fs36 {font-size:36px;}
.fs40 {font-size:40px;}

/* font-coloer */
.fc_white {color:#FFFFFF;}
.btn_txt1 {display:table-cell; vertical-align:middle; width:280px; color:#fff; font-weight:bold;text-shadow:0 -1px 0 #012142;}
.btn_txt2 {display:table-cell; vertical-align:middle; width:100px; color:#fff; font-weight:bold;text-shadow:0 -1px 0 #012142;}

/* box style */
.box_radius3 {border-radius:3px;}
.box_radius6 {border-radius:6px;}
.box_radius10 {border-radius:10px;}
.box_shadow1 {box-shadow:0 2px 3px #999;}

/* bg_color */
.bg_whitesmoke {background-color:#F5F5F5;}
.bg_ivory {background-color:#FFFF0;}
.bg_lavenderblush {background-color:#FFF0F5;}
.bg_antiquewhite {background-color:#FFEFD5;}
.bg_wheat {background-color:#F5DEB3;}


/* indexpage */
.indexpage {
	width:1200px;
	position:relative;
	margin:240px auto;
	text-align:center;
}
.ind_studio {
	position:absolute;
	top:-40px;
	right:70px;
	color:#CC0066;
	font-size:16px;
	font-weight:bold;
}
.ind_school {
	position:absolute;
	top:-40px;
	right:230px;
	color:#FF6633;
	font-size:16px;
	font-weight:bold;
}
/* header */
.header {
	width:900px;
	height:80px;
	/* border:1px solid #CCC; */
	margin:0 auto;
	position:relative;
	/* background:url(../img/mc_logo.gif) no-repeat; */
}
/* header_組織名 */
.organization {
	position:absolute;
	bottom:0px;
	left:154px;
}
/* header_スクールリンク */
.mcs_link {
	position:absolute;
	bottom:0px;
	right:0px;
	
    background: -moz-linear-gradient(top,#FFD700 0%,#EE3900);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFD700), to(#EE3900));
    border: 1px solid #DDD;
    color:#FFF;
    width: 100px;
    padding: 10px 0;
}
.mcs_link a {
	color:#FFFFFF;
	text-decoration:none;
}
.mcs_link a:hover {
	color:#0000CD;
	text-decoration:none;
}

/* header_web予約 */
.yoyaku_link {
	position:absolute;
	bottom:0px;
	right:110px;
	
    background: -moz-linear-gradient(top,#0099CC 0%,#00008B);
    background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#00008B));
    border: 1px solid #DDD;
    color:#FFF;
    width: 100px;
    padding: 10px 0;
}



/* headermenu */
.headermenu {
	padding-top:0px;
	border-bottom:1px solid #CCC;
	box-shadow:0 1px 5px #666;
	background:url(../img/head_back.png) repeat-x;
	margin-top:16px;
}
.headermenu_bar {
	width:900px; height:68px; margin:0 auto; position:relative; left:105px;
}
.headermenu_bar ul li {
	float:left; line-height:1;
}


/* content */
.content {
	width:900px;
	margin:0 auto;
	position:relative;
	margin-top:16px;
}
/* contents style */
.title {color:#666; font-size:30px; border-left:10px solid #390; border-bottom:1px dotted #06C; padding:0 0 1px 0px; margin:10px 0; text-shadow:0 1px 0 #fff,0 2px 3px #bbb;}
.subtitle {padding-left:10px; color:#03C; font-size:25px; text-shadow:0 1px 0 #3366FF; margin:10px 0;}
.koumoku20 {color:#633;  font-size:20px; text-shadow:0 1px 0 #3366FF;}
.text16 {padding:0 24px;}
/* faq */
.faq dl {margin-bottom:20px; padding: 5px 30px 10px; border-bottom:1px dotted #06C;}
.faq dt,.faq dd {min-height:30px; padding-left:40px;}
.faq dt {background:url(../img/icon_q.gif) no-repeat left top; line-height:30px; margin-bottom:10px;}
.faq dd {background:url(../img/icon_a.gif) no-repeat left top; line-height:30px; margin-bottom:10px}
/* tbl_price */
.tbl_price {width:90%; margin:0 auto;}
.tbl_price th,.tbl_price td {padding:5px;border:1px solid #666; text-align:center; white-space:nowrap;}
.tbl_price th {background-color:#99FFCC; color:#222222;}
.tbl_price tr:hover {background-color:#FF9;}
.tbl_price tr {background-color:#CFC;}
.tbl_price td a {color:#FF3300; font-weight:bold;}

/* 所在案内 */
.addressinfo {
	bottom:0;
	right:0px;
	position:absolute;
	width:250px;
}

/* modal window */
#open301, #open302, #open303, #open304, #open305, #open306, #open201, #openB1, #open5F {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000;
    opacity: 0.6;
    z-index: 5;
}
.modal_window {
	width: 760px;
	height: 812px;
	background-color: #fff;
	position: absolute;
	top: -webkit-calc(50% - 406px);
	top: calc(50% - 406px);
	left: -webkit-calc(50% - 380px);
	left: calc(50% - 380px);
	display: block;
	z-index: 10;
	position:relative;
	background:#FFD;
}
.modal_window_a {
	position:relative;
	top:20px;
	left:20px;
}
.modal_window_h1 {
	padding:8px 18px;
    margin-bottom: 20px;
    width: aute;
    height: aute;
    line-height: 30px;
    color: #CCF;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    background: #999;
	position:absolute;
	top:0px;
	text-shadow:0 2px 2px #000;
}

.modal_window_p {
    padding: 0 25px;
    font-size: 16px;
    text-align: left;
	position:absolute;
	top:60px;
}
.modal_window_close {
	position:absolute;
	top:0px;
	right:12px;
	color:#3366CC;
    z-index: 5;
}
.modal_table {
    font-size: 16px;
	position:absolute;
	top:66px;
	left:20px;
}
.modal_table th, td {
	padding:5px;border:1px solid #666; text-align:center; white-space:nowrap;
}
.modal_table th {background-color:#99FFCC; color:#222222;}
.modal_pict {
	border:1px solid #fff;
	top:270px;
	left:100px;
	position:absolute;
	box-shadow:2px 2px 10px #222222;
	width:auto;
	height:auto;
	/* zoom:1.4;
	clip: rect(120px 500px 300px 100px); */
}
.modal_tel {
	position:absolute;
	bottom:10px;
	left:22px;
	width:426px;
	line-height:1.2;
}
.modal_web {
	position:absolute;
	bottom:10px;
	right:22px;
	
    background: -moz-linear-gradient(top,#0099CC 0%,#00008B);
    background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#00008B));
    border: 1px solid #DDD;
    color:#FFF;
    padding: 10px 0;
}
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
div#modal div:target {
    -webkit-animation-name: modalFadeIn;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

/* 予約 */
.yoyakubox {
	width:820px;
	border:3px solid #69C;	
	margin:14px auto;
	padding:12px;
	position:relative;
}
.yoyakutel {
	position:absolute;
	bottom:8px;
	right:0;
	width:390px;
}

/* reservation */
.reservation {
	width:900px;
	height:142px;
	border:1px solid #DDD;
	margin:0 auto;
	position:relative;
	margin-top:16px;
}
/* reservation_案内 */
.reservation_info {
	position:absolute;
	bottom:4px;
	left:72px;
	line-height:1.2;
}
/* reservation_web予約 */
.reservation_link {
	position:absolute;
	bottom:8px;
	right:12px;
	
    background: -moz-linear-gradient(top,#0099CC 0%,#00008B);
    background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#00008B));
    border: 1px solid #DDD;
    color:#FFF;
    padding: 10px 0;
}


/* footer */
.footer {
	margin-top:16px;
	background:#121238;
	color:#fff;
	text-align:center;
	padding:15px;
	box-shadow:0 1px 0 #fff;
	height:100px;
}
.footer a {
	color:#FFF;
}
.footer a:hover {
	color:#FF8B00;
}