@charset "UTF-8";

/**********************************************************


スクリーン用設定スタイルシート
for_screen.css

Copyright (C) All rights reserved.

color
yellow:		#FFCC00;
orange:		#FF7F00;
red:			#FF0000;
darkred:	#B5141D;
green:		#33A02C;

***********************************************************/

/***********************************************************
	基本レイアウト
***********************************************************/
body {
	font-size: 10px;
	font-family: sans-serif;
	line-height: 1.7em;
	text-align: center;
}
#wrapper {
	width: 750px;
	margin: 0 auto 15px auto;
	text-align: left;
}
/***********************************************************
	ヘッダーエリアスタイル
***********************************************************/
#headerArea {
	position: relative;
	width: 750px;
	height: 277px;
	background: url(../img/header_bg.jpg) no-repeat;
}
#siteTitle a {
	position: absolute;
	top: 173px;
	left: 20px;
	display: block;
	width: 359px;
	height: 62px;
	overflow: hidden;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9999px;
}
#headerArea p {
	position: absolute;
	top: 187px;
	right: 20px;
	display: block;
	width: 323px;
	height: 35px;
	background: url(../img/header_text.gif) no-repeat;
	text-indent: -9999px;
}
/***********************************************************
	コンテンツエリアスタイル
***********************************************************/
#contentsArea {
	float: right;
	width: 535px;
}
#contentsAreaInner {
	padding: 0 10px;
}
.contentsBlock {
	margin-bottom: 20px;
}

/***********************************************************
	メニューエリアスタイル
***********************************************************/
/* #mainMenu
----------------------------------------------------------*/
#menuArea {
	width: 200px;
}
#mainMenu {
	width: 200px;
	margin: 1px 0 50px 0;
}
#menuIndex,
#menuSchedule,
#menuLesson,
#menuProfile,
#menuAccess,
#menuForm,
#menuContact {
	display: block;
	width: 200px;
	height: 43px;
	overflow: hidden;
	background-image: url(../img/mainmenu_bg.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddd;
	text-indent: -9999px;
}
#menuIndex { background-position: 0px 0px; }
#menuSchedule { background-position: 0px -44px; }
#menuLesson { background-position: 0px -88px; }
#menuProfile { background-position: 0px -132px; }
#menuAccess { background-position: 0px -176px; }
#menuForm { background-position: 0px -220px; }
#menuContact { background-position: 0px -264px; }

/* #linkList
----------------------------------------------------------*/
#linkList {
	text-align: center;
	font-size: 100%;
	line-height: 1.7em;
}
#linkList dt {
	margin-bottom: 2px;
}
#linkList dd {
	margin-bottom: 25px;
}
/***********************************************************
	フッターエリアスタイル
***********************************************************/
#footerArea {
	clear: both;
	padding-top: 30px;
	height: 100%;
	background: url(../img/footer_bg.gif) no-repeat;
	text-align: right;
}
#copyright {
	font-size: 90%;
}
/***********************************************************
	ページ共通スタイル
***********************************************************/
#pageTitle {
	height: 43px;
	margin: 1px -10px 10px -10px;
	padding: 0 10px;
	background-color: #B5141D;
	line-height: 43px;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #fff;
}
h3 {
	clear: both;
	height: 2em;
	margin: 0px -10px 7px -10px;
	padding: 0 10px;
	background-color: #FF7F00;
	line-height: 2em;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
}
h4 {
	margin-bottom: 0.5em;
	line-height: 1.7em;
	font-size: 140%;
	letter-spacing: 0.1em;
}
p,dl,ul {
	margin-bottom: 1em;
	font-size: 120%;
	line-height: 1.7em;
	letter-spacing: 0.03em;
}
.padding10 {
	padding-left: 10px;
	padding-right: 10px;
}
.borderYellow { border-bottom: 1px solid #FFCC00; }
.borderOrange { border-bottom: 1px solid #FF7F00; }
.borderRed { border-bottom: 1px solid #FF0000; }
.borderDred { border-bottom: 1px solid #B5141D; }
.colorYellow { color: #FFCC00; }
.colorOrange { color: #FF7F00; }
.colorRed { color: #FF0000; }
.colorDred { color: #B5141D; }
.smallText {
	font-size: 100%;
	line-height: 1.9em;
}
.orangeTitle {
	border-bottom: 1px solid #FF7F00;
	color: #FF7F00;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.9em;
}
.mailButton a {
	display: block;
	height: 2.2em;
	width: 14em;
	padding-left: 3.5em;
	padding-right: 8px;
	background: #B5141D url(../img/mail_bg.gif) no-repeat left;
	color: #fff;
	text-align: center;
	line-height: 2.2em;
}
.mailButton a:hover, .mailButton a:visited { color: #fff; }
.attentionBlock {
	margin: 0px -10px 10px -10px;
	padding: 12px;
	border: #FF0000 3px solid;
	background-color: #FFFFCC;
}
.attentionBlock p {
	margin: 0;
}
.attentionTitle {
	font-weight: bold;
	margin-bottom: 7px !important;
}
/***********************************************************
	「料理教室のご案内」ページ用スタイル
***********************************************************/
#newsList {
}
#newsList dt {
	float: left;
}
#newsList dd {
	margin-left: 7em;
}
.positionBase { position: relative; height: 100%; }
.rightButton a {
	position: absolute;
	right: 10px;
	bottom: 3px;
	display: block;
	width: 10em;
	height: 1.8em;
	margin-top: 3px;
	background-color: #33A02C;
	color: #fff !important;
	font-size: 10px;
	text-align: center;
	line-height: 1.8em;
}
/***********************************************************
	「スケジュール」ページ用スタイル
***********************************************************/
.scheduleTable {
	margin-bottom: 15px;
	width: 515px;
}
.scheduleTable tr {
}
.scheduleTable tr th {
	padding-top: 5px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	width: 15.6em;
}
.scheduleTable tr th p {
	padding-left: 8px;
	margin: 0 0 0 5px;
	font-size: 100%;
	line-height: 1.7em;
}
.scheduleTable tr th p.yellow { border-left: 2px solid #FFCC00; }
.scheduleTable tr th p.orange { border-left: 2px solid #FF7F00; }
.scheduleTable tr th p.red { border-left: 2px solid #FF0000; }
.scheduleTable tr th p.dred { border-left: 2px solid #B5141D; }
.scheduleTable tr td {
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}
.classTime {
	font-size: 130%;
	line-height: 1.7em;
}
.classTeacher {
	font-size: 120%;
	line-height: 1.7em;
}
.classOpen {
	padding: 1px 2px;
	margin-left: 1em;
	background-color: #B5141D;
	color: #fff;
	font-size: 100%;
	line-height: 1.7em;
}
.classOpen a { color: #fff; }
.classOpen a:hover { color: #fff; }
.classClosed {
	padding: 1px 2px;
	margin-left: 1em;
	background-color: #bbb;
	color: #fff;
	font-size: 100%;
	line-height: 1.7em;
}
.classTitle {
	display: block;
	font-size: 140%;
	line-height: 1.9em;
}
.menuList {
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #ddd;
	font-size: 120%;
	line-height: 1.7em;
}
/***********************************************************
	「レッスンの流れ」ページ用スタイル
***********************************************************/
#lessonTable {
	border-top: 1px dashed #ddd;
}
#lessonTable tr {
}
#lessonTable td {
	vertical-align: middle;
	padding-top: 1em;
	border-bottom: 1px dashed #ddd;
}
#lessonTable td img {
	margin-left: 1.6em;
}
#lessonTable td h4 {
	color: #FF7F00;
}
/***********************************************************
	「講師プロフィール」ページ用スタイル
***********************************************************/
.profLink {
	float: right;
	width: 390px;
	text-align: right;
}
.lPhoto {
	float: left;
}
.rText {
	float: right;
	width: 390px;
}
/***********************************************************
	「アクセス」ページ用スタイル
***********************************************************/
.rPhoto {
	float: right;
}
#accessInfo {
}
#accessInfo dt {
	float: left;
	width: 5em;
}
#accessInfo dd {
	margin-left: 5em;
}
/***********************************************************
	「お申し込み」ページ用スタイル
***********************************************************/
form {
	margin-bottom: 1em;
}
.formh {
	margin-bottom: 0px;
}
#thanks {
	float: left;
	font-size: 8px;
}
#thanks a {
	color: #000;
}