@charset "utf-8";
/*======================目次==========================
 最終更新日：2008-01-04
 1.　各要素のリセット
=====================================================*/

/*====================================================
■  1.　各要素のリセット
=====================================================*/
body {
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
	font-size:10pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.22;
	margin:0;
	padding:0;
	background-image:url(../../img/unjin/bg_main.jpg);
	background-repeat:repeat-x;
	background-color:#b4bb3f;
	text-align:center;
}

h1 {
	font-size:15pt;
}

h2 {
	font-size:13pt;
	text-decoration:underline;
	text-align:center;
}

h3, h4 {
	font-size:11pt;
}

a:link, a:visited {
	text-decoration:none;
	color:#2971A7;
}
a:hover {
	color:#cc0066;
	text-decoration:underline;
}

/*
a:link, a:visited {
	text-decoration:none;
	color:#333333;
}
a:hover {
	color:#2971A7;
	text-decoration:underline;
}
*/
img {
	border:0;
}
/*====================================================
■  2.　基本レイアウト
=====================================================*/
#container {
	width:950px;
	text-align:left;
	margin:auto;
}

#header {
	height:150px;
	width:100%;
}

#sidebar {
	width:280px;	
	background-image: url(../../img/unjin_sidebar/rotator.php);
	background-repeat:no-repeat;
	height:660px;
	float:left;
}

#content {
	background-color:#fff;
	background-image: url(../../img/unjin/bg_content_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:620px;	
	min-height:665px;
	float:right;
	padding:0 20px;
	padding-bottom:50px;
}

#footer {
	float:right;
	width:660px;
	text-align:center;
	margin-top:15px;
	font-size:12px;
	color:#4F580C;
}

#footer a {
	margin:0 10px 0 0;
}

#footer a:link, #footer a:visited{
	color:#4F580C;
}

#site_copyright {
	margin-top:12px;
	font-size:12px;
	color:#4F580C;
	vertical-align:middle;
	height:22px;
	padding-top:6px;
	background-image: url(../../img/unjin/bg_footer_copyright.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
/*====================================================
■  2.　ナビゲーション類
=====================================================*/
#quick_menu {
	width:inherit;
	height:35px;
	/*background-color:#aba000;*/
	background-image: url(../../img/unjin/bg_quick_menu.gif);
	background-repeat:no-repeat;
}

/*#quick_menu_list {
	display:block;
	height:20px;
	margin-top:6px;
	margin-right:15px;
	background-color:#897a00;
	float:right;
	text-align:center;
	padding-top:2px;
	font-size:12px;
}
*/
ul#quick_menu_list {
	margin:0;
	padding:0;
	float:right;
	margin-top:6px;
	margin-right:15px;
	background-color:#897a00;
	/* for MacIE5.x \*//*/
	overflow: hidden;
	/* end */	
}

ul#quick_menu_list li {
	margin: 0;
	padding: 3px 0;
	float:left;
	line-height: 1;
	list-style-type: none;
	font-size:11px;
	font-family:Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
}


#quick_menu_list a {
	margin:0 8px;
}

#quick_menu_list a:link, #quick_menu_list a:visited {
	color:#e9de5e;
	text-decoration:none;
}

#quick_menu_list a:hover {
	color:#fff;
}

#header h1 {
	display:block;
	width:100px;
	float:left;
	margin-left:18px;
	margin-top:10px;
}

/*　グロバールナビゲーション　*/
#navi {
	width:810px;
	height:70px;
	margin:auto;
	position:relative;
	text-align:center;
	float:right;
	vertical-align:middle;
	font-size:12pt;
}

#navi a {
	selector-dummy: expression(this.hideFocus=true);
}

#navi ul {
	left:50%;
	position:absolute;
	top:0;
	padding:0;
	margin-top:0;
	z-index:6;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}

#navi li { /*border:1px solid red}*/}
li#tn1st {
	position:absolute;
	left:-450px;
	width:115px;
}

li#tn2nd {
	position:absolute;
	left:-335px;
	width:150px;		
}

li#tn3th {
	position:absolute;
	left:-185px;
	width:115px;	
}

li#tn4th {
	position:absolute;
	left:-70px;
	width:150px;			
}

li#tn5th {
	position:absolute;
	left:80px;
	width:115px;		
}

li#tn6th {
	position:absolute;
	left:195px;
	width:150px;			
}


/* 右サイドクイックメニュー*/
#quickMenuRight {
	display:block;
	visibility:hidden;
	top: 135px;
	position:absolute;
	width:60px;
	text-align:center;
	border:1px double #ddd;
	background-color:#fff;
	z-index:1;
}

#quickMenuRight a {
	font-size:11px;
	text-decoration:none;
}

#quickMenuRight h3 {
	margin:0;
	font-size:9px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	color:#fff;
	background-color:#FF8800;
}

.q_menus {
	margin-bottom:10px;
}


/*====================================================
■  8.　TABLE
=====================================================*/
table {
	border-collapse:collapse;
	margin:auto;
}

th { text-align:center;}

th, td {
	border-collapse:collapse;
	padding:3px;
	border:1px solid #eee;
	font-size:12px;
}

/* Action Links */
td.actions {
	font-size:9pt;
	white-space:nowrap;
}

/* 左整列　*/
.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}
.top { vertical-align:top;}
.middle { vertical-align:middle;}
.bottom { vertical-align: bottom;}
/* 右整列　*/
/*====================================================
■  9.　FORM
=====================================================*/
fieldset {
	border:1px solid #999;
}

legend {
	margin-left:35px;
	margin-bottom:10px;
	padding:3px 5px;
	border:1px solid #999;
	border-right:2px solid #999;
	border-bottom:2px solid #999;	
}

input[type=checkbox] {
	width:auto;
}

.submit { text-align:center;}
/*====================================================
■  10. その他
=====================================================*/
/* 説明ボックス */
.cautionbox {
	width:90%;
	margin:auto;
	margin-bottom:20px;
	padding:5px;
	font-size:9pt;
	border:1px solid #ddd;
	background-color:#eee;
}

.cautionbox ul{
	margin-bottom:0;
}

/* イメージ枠*/
img { border:0}
/*====================================================
■  11. CAKEPHP1.2　BAKE用
=====================================================*/
/*	Pagination　*/
.paging div{
	display:inline;
}
.paging {
	margin-top:10px;
	text-align:center;
}

/*　flashMessage　*/
.message {
    width:90%;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
    padding:7px;
    color:#000;
    background-color:#FEF4ED;
    text-align:center; 
}

/* バリデーションError メッセージ */
.error-message {
	color:red;
	font-size:9pt;
}

.cakeSqlLog{
	font-size:9pt;
	width:100%;
	margin:auto;
	background-color:#fff;
	color:#000;
	width:750px;
}


/*====================================================
■  12. テキストの飾り
=====================================================*/
.red-text {
	color:red;
}
.blue-text {
	color:#0066CC;
}

/*  必須項目 */
span.required {
	color:red;
}

.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
/*====================================================
■  13. 予約関連CSS
=====================================================*/
.reserve_number {
	color:#CC0033;
	font-weight:bold;
}

/************************************************
* cakeSqlLog
************************************************/
.cakeSqlLog {
	clear:both;
	width:100%;
	background-color:#fff;
	border-collapse:collapse;
}

.cakeSqlLog thead {
	background-color:#FFFFFF;
	margin:0;
}

.cakeSqlLog caption {
	background-color:#FFFFFF;
	margin:0;
}

.cakeSqlLog th, .cakeSqlLog td {
	border:1px solid black;
	border-collapse:collapse;	
	text-align:left;
}

/*====================================================
■  6.　CRUMB NAVI
=====================================================*/
.crumb_navi {
	margin-left: 10px;
	margin-bottom:10px;
	color:#666666;
}

.crumb_navi a:link, .crumb_navi a:visited {
	text-decoration:none;
	margin-right:5px;
	color:#999900;
}

.crumb_navi a:hover{
	color:#CC0066;
}

/* 視覚的イメージなどの要素*/
#visual {
	display:block;
	text-align:center;
	width:600px;
	overflow:hidden;
	margin-bottom:10px;
}