@charset "utf-8";

/* ========================================================================



	1. 基本レイアウト・デザイン


 
======================================================================== */

/* ----------------------------------------------------
	■基本レイアウト
---------------------------------------------------- */
body#sala {
	color:#301A05;
	text-align: center;
	background:url(../img/sala/bg_sala.jpg) repeat-x 0 0;
	line-height:150%;
}
#wrapper {
	width: 950px;
	text-align: left;
	margin: 0 auto;
}
#header {
	position: relative;
	width:950px;
}
#contents {
	width:620px;
	float:left;
	margin-top:40px;
}
#side {
	width:300px;
	float:right;
	margin-top:40px;
}
#footer {
	clear:both;
	overflow:hidden;
	padding-top:35px;
}

/* ----------------------------------------------------
	■見出し　
---------------------------------------------------- */
h2.base , h3.base {
	margin-top:40px;
	padding:0px 0 20px 0;
	display:inline-block;
	clear:both;
	overflow:hidden;
}
h2.base_mt , h3.base_mt {
	margin-top:0px;
	padding:0px 0 10px 0;
	display:inline-block;
	clear:both;
	overflow:hidden;
}
h2.base_m , h3.base_m {
	margin-top:20px;
	padding:0px 0 10px 0;
	display:inline-block;
	clear:both;
	overflow:hidden;
}
h4.bold {
	clear:both;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
h3.back {
	background:url(../img/h3_back.jpg) no-repeat 0 0;
	margin-bottom:20px;
	padding:9px 0 0 20px;
	height:26px;
	font-weight:bold;
	color:#FFFFFF;
}
h4.back {
	background:url(../img/h4_back.gif) no-repeat 0 0;
	margin-bottom:20px;
	padding:0 0 0 20px;
	height:24px;
	font-weight:bold;
}
/* ========================================================================



	2. head


 
======================================================================== */
#header h1 {
	background:url(../img/logo.gif) no-repeat 0 0;
	font-size:10px;
	*font-size:9px;
	margin-top:20px;
	padding:35px 0 11px 50px;
	color:#999;
	float:left;
	width:320px;
}
#header .snabiArea {
	float:right;
	width:537px;
	margin-bottom:16px;
}
.h_bt {
	width:182px;
	height:31px;
	float:left;
	overflow:hidden;
	display:block;
	margin-top:40px;
}
.h_bt a {
	display:block;
	height:31px;
	text-indent:-9999px;
	background:url(../img/h_bt.jpg) 0 0;
}
.h_bt a:hover {
	display:block;
	height:31px;
	text-indent:-9999px;
	background:url(../img/h_bt.jpg) 0 -31px;
}
.h_tel {
	float:right;
	width:351px;
}
/* ========================================================================



	サラテレナ

 
======================================================================== */
.h_bt_sala {
	width:182px;
	height:31px;
	float:left;
	overflow:hidden;
	display:block;
	margin-top:40px;
}
.h_bt_sala a {
	display:block;
	height:31px;
	text-indent:-9999px;
	background:url(../img/h_bt_sala.jpg) 0 0;
}
.h_bt_sala a:hover {
	display:block;
	height:31px;
	text-indent:-9999px;
	background:url(../img/h_bt_sala.jpg) 0 -31px;
}
/* ----------------------------------------------------
	■ナビ
---------------------------------------------------- */

ul.h_navi_sala {
	width:329px;
	float:right;
	overflow:hidden;
	margin-bottom:15px;
}
ul.h_navi_sala li {
	float:right;
	display:block;
	height:25px;
}
ul.h_navi_sala li a ,
ul.h_navi_sala li a:hover {
	display:block;
	height:25px;
	text-indent:-9999px;
}
ul.h_navi_sala li a#h_navi01 { background:url(../img/sala/h_navi_sala.gif) no-repeat 0 0; width:110px; }
ul.h_navi_sala li a#h_navi02 { background:url(../img/sala/h_navi_sala.gif) no-repeat -110px 0; width:110px; }
ul.h_navi_sala li a#h_navi03 { background:url(../img/sala/h_navi_sala.gif) no-repeat -220px 0; width:109px; }

ul.h_navi_sala li a:hover#h_navi01 { background:url(../img/sala/h_navi_sala.gif) no-repeat 0 -25px; width:110px; }
ul.h_navi_sala li a:hover#h_navi02 { background:url(../img/sala/h_navi_sala.gif) no-repeat -110px -25px; width:110px; }
ul.h_navi_sala li a:hover#h_navi03 { background:url(../img/sala/h_navi_sala.gif) no-repeat -220px -25px; width:109px; }


ul.g_navi_sala {
	width:950px;
	clear:both;
	overflow:hidden;
	margin-bottom:1px;
}
ul.g_navi_sala li {
	float:left;
	display:block;
	height:42px;
}
ul.g_navi_sala li a ,
ul.g_navi_sala li a:hover {
	display:block;
	height:42px;
	text-indent:-9999px;
}
ul.g_navi_sala li a#g_navi01 { background:url(../img/sala/g_navi_sala.jpg) no-repeat 0 0; width:191px; }
ul.g_navi_sala li a#g_navi02 { background:url(../img/sala/g_navi_sala.jpg) no-repeat -191px 0; width:187px; }
ul.g_navi_sala li a#g_navi03 { background:url(../img/sala/g_navi_sala.jpg) no-repeat -378px 0; width:192px; }
ul.g_navi_sala li a#g_navi04 { background:url(../img/sala/g_navi_sala.jpg) no-repeat -570px 0; width:191px; }
ul.g_navi_sala li a#g_navi05 { background:url(../img/sala/g_navi_sala.jpg) no-repeat -761px 0; width:189px; }

ul.g_navi_sala li #g_navi01:hover,#g_navi01.hover { background:url(../img/sala/g_navi_sala.jpg) no-repeat 0 -42px; width:191px; }
ul.g_navi_sala li #g_navi02:hover,#g_navi02.hover { background:url(../img/sala/g_navi_sala.jpg) no-repeat -191px -42px; width:187px; }
ul.g_navi_sala li #g_navi03:hover,#g_navi03.hover { background:url(../img/sala/g_navi_sala.jpg) no-repeat -378px -42px; width:192px; }
ul.g_navi_sala li #g_navi04:hover,#g_navi04.hover { background:url(../img/sala/g_navi_sala.jpg) no-repeat -570px -42px; width:191px; }
ul.g_navi_sala li #g_navi05:hover,#g_navi05.hover { background:url(../img/sala/g_navi_sala.jpg) no-repeat -761px -42px; width:189px; }

ul.g_navi_sala li a:active#g_navi01 { background:url(../img/sala/g_navi_sala.jpg) no-repeat 0 -84px; width:191px; }
ul.g_navi_sala li a:active#g_navi02 { background:url(../img/sala/g_navi_sala.jpg) no-repeat -191px -84px; width:187px; }
ul.g_navi_sala li a:active#g_navi03 { background:url(../img/sala/g_navi_sala.jpg) no-repeat -378px -84px; width:192px; }
ul.g_navi_sala li a:active#g_navi04 { background:url(../img/sala/g_navi_sala.jpg) no-repeat -570px -84px; width:191px; }
ul.g_navi_sala li a:active#g_navi05 { background:url(../img/sala/g_navi_sala.jpg) no-repeat -761px -84px; width:189px; }

/* ========================================================================



	コンテンツ

 
======================================================================== */

#sala .top_m {
	background:url(../img/sala/top_bg.jpg) no-repeat 0 0;
	width:590px;
	height:130px;
	padding:75px 0 0 30px;
	display:inline-block;
}

#sala .left_sala_foot {
	float:left;
	width:275px;
}
#sala .right_sala_foot {
	float:right;
	width:320px;
}
#sala .left_sala_foot h3 {
	font-weight:bold;
}
#sala .left_sala_foot p {
	margin-bottom:20px;
}
#sala .event {
	background:#D7F2FF;
	border:#77D2FF solid 1px;
	padding:5px;
	width:610px;
}
#sala .event dl {
	background:#fff;
	padding: 10px 0;
	display:inline-block;
	width:610px;
}
#sala .event dt {
	margin:10px 20px;
	padding:0 0 10px 7px;
	border-bottom:#D7F2FF solid 1px;
	font-weight:bold;
}
#sala .event dd {
	font-size:10px;
	line-height:100%;
	margin-left:20px;
}

#sala .planArea {
	border:#D0C698 solid 1px;
	background:#F5F2E2 url(../img/sala/price_bg.jpg) no-repeat 100% 100%;
	padding:20px 20px 10px 20px ;
	display:inline-block;
	margin-bottom:20px;
} 
#sala .planArea .ttlArea {
	background:url(../img/sala/line01.gif) repeat-x 0 100%;
	padding-bottom:8px;
	margin-bottom:10px;
	display:inline-block;
	width:100%;
} 
#sala .planArea .ttlArea h2 {
	float:left;
	margin-right:20px;
	font-size:15px;
	font-weight:bold;
	line-height:100%;
} 
#sala .planArea .ttlArea p {
	float:left;
	font-size:10px;
	padding:3px 10px;
	color:#FFFFFF;
	background-color:#AD9222;
	line-height:100%;
} 
#sala .planArea .p_normal {
	float:left;
	width:70px;
	background:url(../img/sala/price_normal.jpg) no-repeat 0 50%;
	text-decoration:line-through;
	padding-left:70px;
	margin-top:14px;
} 
#sala .planArea .p_v {
	float:left;
	width:100px;
	background:url(../img/sala/price_v.jpg) no-repeat 0 50%;
	color:#FF0000;
	font-size:20px;
	padding:13px 0 13px 90px;
	font-weight:bold;
} 

#sala .course {
	background:#FBE9AD url(../img/sala/cou_head.jpg) no-repeat 0 0;
	padding:59px 5px 5px 5px;
}
#sala .course .inner {
	background-color:#fff;
	border:#C79E3C solid 1px;
	padding:15px;
}
#sala .course h2 {
	background: url(../img/sala/cou_ttl.gif) no-repeat 0 0;
	font-size:20px;
	font-weight:bold;
	padding:10px 0 20px 50px;
	margin-bottom:10px;
}
#sala .ladyArea , #sala .ladyArea_last {
	float:left;
	width:170px;
	margin-right:53px;
}
#sala .ladyArea_last {
	margin-right:0;
}
#sala .ladyArea img , #sala .ladyArea_last img{
	border:#C17C83 solid 3px;
}
#sala .ladyArea h3 , #sala .ladyArea_last h3{
	font-weight:bold;
	color:#A74F58;
	margin:7px 0;
	font-size:14px;
}

/* mens
-------------------------------------------------------------------------------*/
#sala .planArea_m {
	border:#CCCCCC solid 1px;
	background-color:#F3F3F3;
	padding:20px 20px 10px 20px ;
	display:inline-block;
	margin-bottom:20px;
	width:580px;
} 
#sala .planArea_m .ttlArea {
	background:url(../img/sala/line02.gif) repeat-x 0 100%;
	padding-bottom:8px;
	margin-bottom:10px;
	display:inline-block;
	width:100%;
} 
#sala .planArea_m .ttlArea h2 {
	float:left;
	margin-right:20px;
	font-size:15px;
	font-weight:bold;
	line-height:100%;
} 
#sala .planArea_m .ttlArea p {
	float:left;
	font-size:10px;
	padding:3px 10px;
	color:#FFFFFF;
	background-color:#AD9222;
	line-height:100%;
} 
#sala .planArea_m .p_normal {
	float:left;
	width:70px;
	background:url(../img/sala/price_normal_m.jpg) no-repeat 0 50%;
	text-decoration:line-through;
	padding-left:70px;
	margin-top:14px;
} 
#sala .planArea_m .p_v {
	float:left;
	width:100px;
	background:url(../img/sala/price_v_m.jpg) no-repeat 0 50%;
	color:#FF0000;
	font-size:20px;
	padding:13px 0 13px 90px;
	font-weight:bold;
} 


#sala .mensArea {
	background-color:#F3F3F3;
	overflow:hidden;
	margin-top:20px;
}
#sala .mensArea .inner {
	margin:15px;
	overflow:hidden; 
}
#sala .mensArea .word {
	float:left;
	margin:0 20px 12px 0;
}
#sala .mensArea .list {
	clear:both;
	padding:7px;
	background-color:#FFFFFF;
	border:#CCCCCC solid 1px;
	overflow:hidden;
}
#sala .mensArea .option {
	clear:both;
	padding:10px 25px 25px 25px ;
	background-color:#FFFFFF;
	overflow:hidden;
	margin-top:20px;
}
#sala .mensArea .list li {
	float:left;
	margin-right:10px;
	background: url(../img/sala/icon_m02.gif) no-repeat 0 50%;
	padding-left:10px;
}
#sala h5.corse_ttl {
	background:url(../img/sala/icon_m04.gif) no-repeat 0 50%;
	padding:7px 0 0 20px;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}
#sala .mensArea .corse_list {
	border-bottom:#CCCCCC dotted 1px;
	overflow:hidden;
	margin-left:15px;
}
#sala .mensArea .corse_list dt {
	float:left;
	background: url(../img/sala/icon_m03.gif) no-repeat 5px 50%;
	padding:10px 0 10px 20px;
}
#sala .mensArea .corse_list dd {
	float:right;
	color:#990000;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 0 0;
}
#sala h5.option_ttl {
	background:url(../img/sala/icon_m01.gif) no-repeat 0 50%;
	padding:5px 0 0 20px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:7px;
}
#sala table.option_table {
	border-bottom:#656364 solid 2px;
	border-top:#656364 solid 2px;
	border-collapse:collapse;
	width:100%;
}
#sala table.option_table th {
	border-bottom:#F3F3F3 solid 1px;
	padding:7px;
	border-collapse:collapse;
	width:50%;
}
#sala table.option_table td {
	border-bottom:#F3F3F3 solid 1px;
	padding:7px;
	border-collapse:collapse;
	color:#990000;
	font-weight:bold;
	width:45%;
	text-align:center;
}
#sala table.option_table td.min {
	background-color:#D1CBC4;
	width:15%;
	font-weight:normal;
	color:#333333;
}
#sala .font10 {
	font-size:10px;
}
#sala .font10_c {
	font-size:10px;
	clear:both;
}


#sala .bt_p01 {
	width:251px;
	height:45px;
	float:left;
	overflow:hidden;
	display:block;
}
#sala .bt_p01 a {
	display:block;
	height:45px;
	text-indent:-9999px;
	background:url(../img/sala/price_bt01.jpg) 0 0;
}
#sala .bt_p01 a:hover {
	display:block;
	height:45px;
	text-indent:-9999px;
	background: url(../img/sala/price_bt01.jpg) 0 -45px;
}
#sala .bt_p02 {
	width:251px;
	height:45px;
	float:left;
	overflow:hidden;
	display:block;
}
#sala .bt_p02 a {
	display:block;
	height:45px;
	text-indent:-9999px;
	background:url(../img/sala/price_bt02.jpg) 0 0;
}
#sala .bt_p02 a:hover {
	display:block;
	height:45px;
	text-indent:-9999px;
	background:url(../img/sala/price_bt02.jpg) 0 -45px;
}

#sala .pdf {
	background:url(../img/sala/pdf.gif) no-repeat 0 0;
	padding:4px 5px 5px 26px ;
}

#sala .price_img {
	float:right;
	margin:0 0 30px 10px;
	border:#CCCCCC solid 3px;
}

/* ========================================================================



	5. footer


 
======================================================================== */


#sala #footer {
	clear:both;
	overflow:hidden;
	background:url(../img/sala/foot_sala.jpg) repeat-x 0 35px;
}
#sala #footer .inner {
	clear:both;
	overflow:hidden;
	width:950px;
	margin:0 auto;
	text-align:left;
}
#sala #footer .inner a {
	color:#FFF;
	text-decoration:underline;
}
#sala #footer .inner a:hover {
	color:#FFF;
	text-decoration:none;
}
#sala #footer .pagetop {
	text-align:right;
}
#sala #footer ul.navi {
	margin:0 auto;
	padding:15px 0 0 0;
	overflow:hidden;
}
#sala #footer ul.navi li {
	background:url(../img/icon04.gif) no-repeat 0 50%;
	padding:0 0 0 15px;
	margin: 0 25px 0 0;
	float:left;
}
#sala #footer ul.navi li a {
	color:#301A05;
	text-decoration:none;
	margin: 0 25px 0 0;
}
#sala #footer ul.navi li a:hover {
	color:#301A05;
	text-decoration: underline;
	margin: 0 25px 0 0;
}

#sala #footer .baseBox {
	float:left;
	width:280px;
	margin:25px 55px 20px 0;
	padding-top:0;
	overflow:hidden;
}
#sala #footer .baseBox_l {
	float:left;
	width:280px;
	margin:25px 0 0 0;
	padding-top:0;
	overflow:hidden;
}
#sala #footer h4 {
	background:url(../img/sala/foot_title_sala.jpg) 0 0;
	padding:5px 20px 12px 30px;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}
#sala #footer .baseBox li , #footer .baseBox_l li {
	background:url(../img/icon05.gif) no-repeat 7px 50%;
	padding:0 20px;
	margin:15px 0;
	color:#FFF;
}
#sala #footer .foot_info_left {
	float:left;
	width:410px;
	background:url(../img/foot_logo.gif) no-repeat 0 0;
	margin:7px 0;
	padding:20px 0 20px 50px;
}
#sala #footer .foot_info_left a {
	color: #875426;
	text-decoration:none;
}
#sala #footer .foot_info_right {
	float:right;
	width:460px;
	margin:15px 0;
}
#sala #footer address {
	text-align:right;
	padding:20px 0;
	clear:both;
	overflow:hidden;
}