@charset "utf-8" ;


/* --------------------------------------------------------------------------------------------------
AUTHOR:			Tosa Mamico
CSS構成書:   	イベントカレンダー専用
LAST MODIFIED:	2010.03.18

-------------------------------------------------------------------------------------------------- */ 

/* /////////////////////////////////////////////////////////////////////// カレンダー（index.php） */
#calender {}

/* h3 */
#calender h3 {
	background : url(../img/h3_001.jpg) left top no-repeat ;
	height : 45px ;
	line-height : 45px ;
	color : #211817 ; /* 黒に近い濃いグレー */
	font-weight : bold ;
	font-size : 1.8em ; /* 18px相当 */
	padding-left : 25px ;
}


/* p */
.calender_p_01 { margin : 20px 0 10px 20px ; }


/* -- [ 月移動ナビ ] -- */
ul#monthly {
	margin : 0 0 10px ;
	text-align : right ;
}
#monthly li {
	display : inline ;
	padding : 3px 0 0 ;
}


/* -- [ イベントカレンダー ] -- */
#calender table {
	width : 100% ;
	margin : 10px 0 ;
	border-top : solid 1px #dedede ;
	border-left : solid 1px #dedede ;
}
#calender th,
#calender td {
	border-bottom : solid 1px #dedede ;
	border-right : solid 1px #dedede ;
	width : 14% ;
}

#calender th {
	font-weight : bold ;
	padding : 7px ;
	color : #ffffff ;
	text-align : center ;
	background : #C0ab9e ; /* ベージュピンク */
}
#calender th.saturday { background : #a3b9e0 ; } /* 水色 */
#calender th.holiday { background : #e95464 ; } /* 赤 */

#calender td {
	height : 120px !important ;
	height /* */ : 130px ; /* IE6 older */
	padding : 5px ;
}

/* 日付 */
#calender em {
	display : block ;
	font-weight : bold ;
	font-size : 1.4em ;
	border-bottom : dotted 1px #dedede ;
	padding-bottom : 5px 
}
td.saturday em { color : #0066cc ; } /* 青 */
td.holiday em { color : #ff3300 ; } /* 赤 */

/* イベントリンク */
#calender td span {
	display : block ;
	margin : 5px 0 ;
	width : 100% ;
	overflow : hidden ;
}
#calender td span img {
	float : left ;
	width : 16px ;
	margin-right : 3px ;
}
#calender td a {
	color : #5f5f5f ;
	font-size : 0.9em ;
	display : block ;
	float : left ;
	width : 95px ;
}
#calender td a:hover { color : #ff641a ; }



/* -- [ イベントアイコンについて ]  マウスオーバー時ブロック表示 追記　10.03.18 -- */
#event_icon {
	width : 878px !important ;
	width /* */ : 900px ; /* IE6 older */
	border : solid 1px #dedede ;
	padding : 10px ;
	margin : 15px 0 ;
	overflow : hidden ;
}
#event_icon h4 { margin : 5px 0 ; }
#event_icon span img { margin : 5px ; }


/* 追記 10.03.18-------- */
#container {
	position : relative;
	z-index : 1 ;
}
#event_icon ul {
	width : 100% ;
	overflow : hidden ;
}
#event_icon li {
	float : left ;
	_display : inline ;
	margin : 5px ;
}
.hidden_box {
	margin : 5px 89px 0 ;
	background : #edebe4 ;
	width : 658px !important ;
	width /* */ : 700px ;
	padding : 10px 20px ;
	border : solid 1px #dedede ;
	overflow : hidden ;
	display : none ;
	z-index : 100 ;
}
.hidden_box p.Right_item { margin-left : 15px ; }
.hidden_box p.hidden_title {
	font-size : 1.4em ;
	font-weight : bold ;
	color : #763222 ;
	margin-bottom : 1em ;
	padding : 3px 5px ;
	border-left : solid 5px #763222 ;
	border-bottom : dotted 1px #cdcdcd ;
}
.hidden_box p { overflow : hidden ; }




/* /////////////////////////////////////////////////////////////////////// 各種イベント情報（01～10.php） */
/* -- [ イベントの情報 ] ---- */
#event_box {
	width : 660px !important ;
	width /* */ : 680px ; /* IE 6 older */
	border : solid 1px #eceae3 ;
	padding : 15px 9px ;
	background : url(../img/event_bg.jpg) left top repeat-x ;
	position : relative ; /* 配置基準 */
}

#event_box h4 {
	font-size : 1.4em ;
	font-weight : bold ;
	color : #333333 ;
	border-left : solid 4px #763224 ;
	line-height : 1.6 ;
	padding-left : 8px ;
}

/* イベント内容 */
#event_in {
	width : 100% ;
	overflow : hidden ; /* float対策 */
	margin : 5px 0 15px ;
	padding : 15px 0 ;
	border-top : solid 1px #e0ddd1 ;
	border-bottom : dotted 1px #cdcdcd ;
}
#event_in .photo {
	clear : both ;
	float : right ;
	margin : 0 0 5px 20px ;
}
#event_in p { margin-bottom : 0.8em ; }


/* 予約フォームへ */
#event_box a {
	position : relative ;
	left : 218px ;
	display : block ;
	text-indent : -9999px ;
	overflow : hidden ; /* firefox枠線対策 */
	width : 244px ;
	height : 44px ;
	background : url(../img/form_bt.jpg) left top no-repeat ; 
}
#event_box a:hover { background-position : left bottom ; }

/* 要予約 */
#icon_yoyaku {
	position : absolute ;
	top : 10px ;
	right : 10px ;
}







/* /////////////////////////////////////////////////////////////////////// 予約フォーム（form.php） */
/* -- [ 予約フォーム用ボックス } ---- */
#yoyaku_box {
	width : 660px ;
	margin : 20px ;
}
#yoyaku_box p { margin : 0 0 0.8em ; }
#yoyaku_box p span {
	font-size : 0.9em ;
	color : #ff0000 ;
}

#yoyaku_box h4 {
	color : #333333 ;
	font-weight : bold ;
	font-size : 1.4em ;
	margin : 30px 0 15px ;
	padding-bottom : 8px ;
	background : url(../img/yoyaku_h4bg.jpg) left bottom no-repeat ; 
}



/* -- [ テーブル ] --- */
#yoyaku_T {
	width : 640px ;
	margin : 40px 0 20px ;
	border-top : solid 1px #cac7be ; /* 枠線 ベージュ */
	line-height : 1.4 ;
	table-layout : fixed ;
}
#yoyaku_T th,
#yoyaku_T td {
	border-bottom : solid 1px #cac7be ; /* 枠線 ベージュ */
	vertical-align : top ;
}

#yoyaku_T th {
	background : #f1f0ed ;
	width : 115px !important ;
	width /* */ : 130px ; /* IE 6 older */
	border-left : solid 5px #cac7be ;
	padding : 8px 5px ;
}
#yoyaku_T th.th_em { border-left-color : #ff0000 ; }
#yoyaku_T em {
	font-weight : bold ;
	color : #ff0000 ;
	margin-left : 2px ;
}
#yoyaku_T em img { vertical-align : middle ; }

#yoyaku_T td { padding : 8px ; }
#yoyaku_T input { margin : 0 5px 2px 0 ; } 
#yoyaku_T span { font-size : 0.9em ; }

#yoyaku_T select {
	display : block ;
	margin-bottom : 3px ;
}
#name,
#kana,
#tel,
#email { width : 18em ; }
#address { width : 420px ; }
#yoyaku_T textarea {
	width : 420px ;
	height : 7em ;
}

/* 未入力 */
#yoyaku_T td em {
	display : block ;
	margin-top : 3px ;
}
#yoyaku_T td em img { margin-right : 2px ; }


/* 送信ボタン */
#yoyaku_box p.A_Center {
	margin : 20px 0 ;
	font-size : 1em ;
}
#yoyaku_box p.A_Center input { margin-top : 5px ; }


/* 送信確認メッセージ */
p#attention {
	margin-top : 40px ;
	border : solid 1px #cdcdcd ;
	padding : 10px ;
}
p#attention strong { color : #ff0000 ; }