@charset "shift_jis";

/* information
-----------------------------------------------
	Site Name: 京料理 かじ;
	URL: http://www.kyoto-kaji.jp/shared/base.css;
	Date：2008-11;
	Author: Chiyo Uematsu;
	Comment: 基本スタイル用;
	Copyright: (C) Kaji. All Rights Reserved.;
*/

 



/* HTMLのベースセレクタ定義
-----------------------------------------------	*/
body {
	background: url(../img/back_body.jpg) 0 0 repeat-x #000;
	font: 0.8em/1.4
		"メイリオ",
		"Meiryo",
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Osaka,
		Sans-Serif;
	color: #000;
	text-align: center;
	height: 100%;
}


/* 見出し */
h1 {
	position: absolute;
	top: 440px;
	left: 0;
	width: 840px;
	height: 40px;
	background: url(../img/back_h1.jpg) 0 0 repeat-x;
	font-size: 0.85em;
	color: #FFF;
	padding-left: 40px;
	line-height: 3.6em;
}
h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 280px;
}
h3 {
	position: absolute;
	top: 0;
	left: 240px;
	width: 640px;
	height: 440px;
}
h4 {
}


/* 強調 */
strong {
	font-weight: bold;
}








/* 固有の定義
-----------------------------------------------	*/
div#container {
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	text-align: left;
}

/* ヘッダー */
div#header {
	position: relative;
	width: 880px;
	height: 480px;
	background: url(../img/back_header.jpg) 0 0 no-repeat;
}


/* 本文 */
div#content {
	clear: both;
	width: 880px;
	background-color: #FFF;
	
}
div#contentInner {
	float: left;
	width: 640px;
	padding-top: 8px;
}
div#contentInner2{
	clear:both;
	width: 860px;
	padding-top: 8px;
}
div#localnavArea {
	float: right;
	overflow: hidden;
	width: 220px;
	padding-bottom: 370px;
	background: url(../img/back_navl.jpg) 0 bottom no-repeat;
}
div.section {
	overflow: hidden;
}
div.sectionInner {
	clear: both;
	overflow: hidden;
}

/* フッター */
div#footer {
	clear: both;
	width: 880px;
	height: 80px;
	background: url(../img/back_footer.jpg) 0 0 no-repeat;
}

div#footerTxt {
	float: left;
	width: 630px;
}
p#pagetop {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right:10px;
	text-align:right;
}
address {
	font-size: 0.8em;
	color: #FFF;
	padding-left: 40px;
	padding-top: 8px;
}
p#copyright {
	float: right;
	width: 230px;
}

.hr{
	height:1px;
	clear:both;
	margin:0px 10px 40px 35px;
}
/* パーツ */
.moveto {
	background: url(../img/icon_moveto.jpg) no-repeat 0 0.5em;
	padding-left: 12px;
}
.note:first-letter {
	color: #E93A00; 
}
.left_col{
	float:left;
}
.right_col{
	float:right;
}




/* ナビゲーション部（グローバル）
-----------------------------------------------	*/
dl#globalnav {
	position: absolute;
	top: 280px;
	left: 0;
	width: 240px;
}
dl#globalnav dt {
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
}
dl#globalnav li {
	list-style: none;
	height: 40px;
	margin-bottom: 8px;
}
*:first-child+html dl#globalnav li {
}
* html dl#globalnav li {
}
dl#globalnav li a {
	display: block;
}
dl#globalnav li a:hover,
dl#globalnav li a:active,
dl#globalnav li a:focus {
	background: transparent;
}
dl#globalnav li a:hover img,
dl#globalnav li a:active img,
dl#globalnav li a:focus img {
	visibility: hidden;
}
dl#globalnav li#navGconcept {
	background: url(../img/navg_concept_o.jpg) no-repeat 0 0;
}
dl#globalnav li#navGmenu {
	background: url(../img/navg_menu_o.jpg) no-repeat 0 0;
}
dl#globalnav li#navGaccess {
	background: url(../img/navg_access_o.jpg) no-repeat 0 0;
}
body#concept li#navGconcept img,
body#menu li#navGmenu img,
body#access li#navGaccess img {
	visibility: hidden;
}




/* ナビゲーション部（ページ内メニュー）
-----------------------------------------------	*/
p#skipnav {
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
}
dl#localnav {
	padding-top: 32px;
	width: 180px;
}
dl#localnav dt {
	width: 180px;
	height: 60px;
	padding-bottom: 1em;
}
dl#localnav dd li {
	list-style-type: none;
	background: url(../img/icon_moveto.jpg) 12px 0.5em no-repeat;
	padding-left: 24px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
}




/* ナビゲーション部（補助）
-----------------------------------------------	*/
dl#footnav {
	padding-top: 24px;
	padding-left: 40px;	
}
dl#footnav dt {
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
}
dl#footnav dd li {
	font-size: 0.8em;
	display: inline;
	border-left: 1px solid #000;
	padding-left: 0.4em;
}
li.footnavEnd {
	border-right: 1px solid #000;
	padding-right: 0.4em;
}






/* 回り込み定義
-----------------------------------------------	*/
/* 回り込み解除 */
.clear {
	clear: both;
}

/* CLEAR FIX
--------------------------------------------------------- */
.clearfix {	zoom:1 !important; }/* for IE 5.5-7 */
.clearfix:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	visibility: hidden !important;
}


/* link装飾定義
-----------------------------------------------	*/
a,
a:link,
a:visited {/* リンク通常 */
	color: #666;
	text-decoration: underline;
}
a:hover,
a:focus,
a:active {/* リンク色変時 */
	color: #666;
	text-decoration: none;
}


.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}