/* （株）精養軒 WebサイトCSS */

/* 基本
******************************************************************************************** */
/*html{ min-width: 840px; }*/
/*html {
	height: 100%;
	background: #f8f0e0 url(body_bg.jpg) repeat center top;
}*/
body {
	margin: 0 auto; padding: 0;
	/*height: 100%; min-height:100%;*/
	font: normal normal normal 0.9em/1.6em "Lucida Grande","Hiragino Kaku Gothic ProN W3","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-weight: normal;
	text-align: center;
	/*background: #f8f0e0 url(body_bg.jpg) repeat center top;*/
	background: #e8dfd4 url(body_bg2.jpg) repeat-y center top;
	/*background: #f8f0e0;*/
}

h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, tr, th, td, img {
	margin: 0; padding: 0; border: none;
}

hr { display: none; }

.display-none { display: none; }
.hidden { visibility: hidden; }
.clear-both { height: 0; clear: both; }

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ClearFix MacIE用（すべてが読み込む） */
.clearFix { display: inline-block; min-height: 1%; }
/* ClearFix MacIE用（MacIEに無効） \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* ClearFix MacIE用（MacIEに無効）ここまで */

a:link { color: #f00000; }
a:visited { color: #f00000; }
a:active { color: #f00000; }
a:hover { color: #f08080; }

sup {
	vertical-align: 0.6em;
	font-size: 75%; line-height: 100%;
}
sub {
	vertical-align: -0.3em;
	font-size: 75%; line-height: 100%;
}



/* 基本レイアウト
******************************************************************************************** */
#allContents {
	color: #000000; margin: 0px auto 0px auto; padding: 20px 0 0 0; border: none;
	/*width: 100%; min-height:100%;*/
	text-align: left;
	/*background: transparent url(allcontents_bg.gif) repeat-y center top;*/
} 
/*body > #allContents {
	height: auto;
}*/
/*#allContents {
	color: #000000; margin: 0px auto 0px auto; padding: 0 10px 0 30px; border: none;
	width: 840px; text-align: left;
	background: transparent url(allcontents_bg.gif) repeat-y top center;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 800px;
}
html>body #allContents { width: 800px; }*/



/* ヘッダ ------------------------------ */
#header {
	color: #000000; margin: 0px auto 0px auto; padding: 0px; border: 0; border: none;
	width: 100%; height: 100px;
	text-align: left;
	background: #da2300 url(header_bg_h100px.gif) repeat-x center top;
}
/*#header {
	color: #000000; margin: 0 auto 0px auto; padding: 0px; border: 0; border: none;
	position: relative; overflow: hidden; width: 800px; height: 130px;
	text-align: left;
	background: #ffffff;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 800px;
}
html>body #header { width: 800px; }*/
#headContent {
	color: #000000; margin: 0 auto 0px auto; padding: 0 10px 0 30px; border: 0; border: none;
	position: relative; overflow: hidden; width: 840px; height: 100px;
	text-align: left;
	background: transparent url(headcontent_bg_h100px.gif) repeat-y center top;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 800px;
}
html>body #headContent { width: 800px; }

#headContent #headerLogo {
	margin: 0 0px 0 0; padding: 0; border: none;
	position: absolute; top: 40px; left: 36px; overflow: hidden; width: 198px; height: 50px;
	text-align: left;
}
#headContent #headerLogo a {
	margin: 0; padding: 0;  border: none; overflow: hidden;
}
#headContent #headerLogo a img {
	margin: 0; padding: 0;  border: none;
}

#headContent p#headerText {
	color:#606060; margin: 0 0px 0 0; padding: 0; border: none;
	position: absolute; top: 15px; left: 48px; width: 174px; height: 17px;
	background: transparent;
}
#headContent #headerImg {
	margin: 0; padding: 0; border: none;
	position: absolute; top: 1px; left: 250px; width: 580px; height: 238px;
}
#headContent #headerImg img {
	margin: 0; padding: 0; border: none;
}



/* メイン 2カラム用 ------------------------------ */
#mainBody {
	color: #000000; margin: 0px auto 0px auto; padding: 0 10px 0 30px; border: none;
	width: 840px; text-align: left;
	background: transparent;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 800px;
}
html>body #mainBody { width: 800px; }



/* ページ別 ------------------------------ */
body#home {
	margin: 0 auto; padding: 0;
}
body#common {
	margin: 0 auto; padding: 0;
}
body#company {
	margin: 0 auto; padding: 0;
}
body#access {
	margin: 0 auto; padding: 0;
}
body#contact {
	margin: 0 auto; padding: 0;
}
body#contactThanks {
	margin: 0 auto; padding: 0;
}



/* 2カラム ---------- */
/* 共通メニュー1 ------------------------------ */
#mainBody #sideNavi {
	color: #000000; margin: 0 0px 10px 0; padding: 0px 0px 0 0; border: none;
	display: inline; float: left; width: 220px;
	font-size: 1em; text-align: left;
	background: transparent;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 220px;
}
html>body #mainBody #sideNavi { width: 220px; }

#mainBody #sideNavi ul#globalNavi1 {
	color: #000000; margin: 0 0 20px 0; padding: 0; border: none;
	width: 220px;
	list-style: none outside;
	text-align: left;
	background: transparent;
}

#mainBody #sideNavi ul#globalNavi2 {
	color: #000000; margin: 20px auto; padding: 0; border: none;
	width: 200px;
	list-style: none outside;
	text-align: left;
	background: transparent;
}

#mainBody #sideNavi #sideLink1 {
	margin: 20px 0; padding: 0px 0; border: none;
	width: 220px;
	text-align: left;
}
#mainBody #sideNavi #sideLink1 h2 {
	color: #ffffff; margin: 0.2em auto; padding: 0em 0.4em 6px 0.4em; border: none;
	font-size: 16px; font-weight: bold; line-height: 24px;
	background: transparent url(./sidenavi-h2_bg.gif) no-repeat left bottom;
}
#mainBody #sideNavi #sideLink1 ul {
	color: #000000; margin: 0 5px; padding: 0; border: none;
	width: 180px;
	list-style: none outside;
	text-align: left;
	background: transparent;
}
#mainBody #sideNavi #sideLink1 ul li {
	margin: 0.1em 0em; padding: 0; border: none;
	text-align: left;
	background: transparent;
}
#mainBody #sideNavi #sideLink1 ul li a {
	margin: 0; padding: 0 0 0 15px; border: none;
	background: url(sidenavi-marker.gif) no-repeat left center;
}



#mainBody #mainContent {
	color: #000000; margin: 10px 10px; padding: 0px 0px 0 0; border: none;
	display: inline; float: left; width: 560px;
	font-size: 1em; text-align: left;
	list-style :none outside;
	background: transparent;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 560px;
}
html>body #mainContent { width: 560px; }




#mainContent #pageTitle {
	margin: 0 auto 10px auto; padding: 0; border: none;
	font-size: 1em; text-align: left;
}
#mainContent h1 {
	margin: 0 auto 10px auto; padding: 0; border: none;
	font-size: 1.6em; text-align: left;
}
#mainContent h1 img {
	margin: 0; padding: 0; border: none;
}
#mainContent h1.subtitle {
	color: #ffffff; margin: 0 auto 10px auto; padding: 0.2em 0.4em; border: none;
	font-size: 1.4em; font-weight: bold; text-align: left;
	background: transparent url(h1_subtitlebg.jpg) no-repeat left center;
}
#mainContent h2 {
	margin: 0 auto 5px auto; padding: 0; border: none;
	font-size: 1.4em; text-align: left;
}

#mainContent ul {
	margin: 0 auto 0 2em; padding: 0; border: none;
	font-size: 1em; text-align: left;
}
#mainContent ul li {
	margin: 0.2em; padding: 0; border: none;
	font-size: 1em; text-align: left;
}

#mainContent .column {
	margin: 0 0 40px 0; padding: 0 10px; border: none;
	font-size: 1em; text-align: left;
}
#mainContent .column:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ClearFix MacIE用（すべてが読み込む） */
#mainContent .column { display: inline-block; min-height: 1%; }
/* ClearFix MacIE用（MacIEに無効） \*/
* html #mainContent .column { height: 1%; }
#mainContent .column { display: block; }
/* ClearFix MacIE用（MacIEに無効）ここまで */

#mainContent .column h2 {
	margin: 0 -10px 5px -10px; padding: 0em 0.4em 6px 0.4em; border: none;
	font-size: 16px; font-weight: bold; line-height: 24px;
	background: transparent url(./column-h2_bg.gif) no-repeat left bottom;
}


#mainContent .column h3 {
	color: #c00000; margin: 0.2em auto; padding: 0.2em 0.4em; border: none;
	font-size: 1em; font-weight: bold;
	background: transparent url(./border-dotted_800px.gif) repeat-x left bottom;
}


#mainContent .column p {
	margin: 0.2em auto 0.5em auto; padding: 0; border: none;
	font-size: 1em; font-weight: normal; text-align: left; text-indent: 1em;
}
#mainContent .column p.notes {
	margin: 0.5em 0.5em 0.5em 0.5em;
	font-size: 0.8em; text-indent: -1em; line-height: 1.2em;
}
#mainContent .column ol,
#mainContent .column ul {
	margin: 1em 1em 1em 2em; padding: 0; border: none;
	font-size: 1em; text-align: left;
}
#mainContent .column ol li,
#mainContent .column ul li {
	margin: 0 0 0.5em 0; padding: 0; border: none;
	font-size: 1em; text-align: left;
}

#mainContent .column table {
	margin: 0 auto 10px auto; padding: 0; border: none;
	width: 100%;
	font-size: 1em;
	border-collapse: collapse;
}
#mainContent .column table th,
#mainContent .column table td {
	padding: 0.2em 0.4em; border-top: none; border-right: none; border-bottom: 1px solid #c0c0c0; border-left: none;
	font-size: 1em; line-height: 1.3em;
	border-collapse: collapse;
}
#mainContent .column table th {
	white-space: nowrap;
}
#mainContent .column table thead th,
#mainContent .column table thead td {
	font-size: 0.8em; font-weight: bold; text-align: center;
}
#mainContent .column table tbody th {
	font-weight: normal; text-align: left;
}
#mainContent .column table tbody td {
	font-weight: normal; text-align: left;
}

#mainContent .column table td ol,
#mainContent .column table td ul {
	padding: 0; border: none;
	list-style: none outside;
	font-size: 1em; text-align: left;
}
#mainContent .column table td ol {
	margin: 0em 1em 0em 2em; 
	list-style: decimal outside;
}
#mainContent .column table td ul {
	margin: 0em 0em 0em 2em; 
	/*list-style: none outside;*/
}
#mainContent .column table td ol li,
#mainContent .column table td ul li {
	margin: 0 0 0.1em 0; padding: 0; border: none;
	font-size: 1em; text-align: left;
}

#mainContent .column em {
	
	font-size: 1em; font-weight: bold; font-style: normal;
}

#mainContent .column .imgLeft {
	margin: 0 10px 10px 0; padding: 0; border: none;
	float: left;
}
#mainContent .column .imgRight {
	margin: 0 0 10px 10px; padding: 0; border: none;
	float: right;
}
#mainContent .column .imgLeft120px {
	margin: 0 10px 10px 0; padding: 0; border: none;
	float: left;
}
#mainContent .column .imgRight120px {
	margin: 0 0 10px 10px; padding: 0; border: none;
	float: right;
}
#mainContent .column .imgLeft180px {
	margin: 0 10px 10px 0; padding: 0; border: none;
	float: left;
}
#mainContent .column .imgRight180px {
	margin: 0 0 10px 10px; padding: 0; border: none;
	float: right;
}



#mainContent #contactColumn {
	color: #000000; margin: 40px 0 10px 0; padding: 0 10px 15px 10px; border: none;
	font-size: 0.9em; text-align: left;
	list-style :none outside;
	background: transparent url(contactcolumn_bg.gif) no-repeat center bottom;
}
#mainContent #contactColumn h3 {
	color: #000000; margin: 0 -10px 5px -10px; padding: 0; border: none;
	font-size: 1em; text-align: left;
}
#mainContent #contactColumn p {
	color: #000000; margin: 0.2em auto; padding: 0; border: none;
	font-size: 1em; text-align: left; line-height: 1.4em; text-indent: 0;
}



#gotoPageTop {
	margin: 10px auto 0 auto; padding: 0 10px;
	clear: both; width: 800px;
	font-size: 10px; text-align: right;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 780px;
}
html>body #gotoPageTop { width: 780px; }




/* ぱんくずリスト ------------------------------ */
ol#breadCrumbs {
	color: #000000; margin: 40px auto 0px auto; padding: 8px 0 0 0; /*border: none;*/border-top: 1px solid #c0c0c0;
	width: 100%; height: 28px;
	list-style: none;
	font-size: 10px; font-weight: normal; line-height: 19px;
	background: transparent;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 20px
}
html>body ol#breadCrumbs { height: 20px }
ol#breadCrumbs li {
	margin: 0; padding: 0 5px 0 12px;
	float: left;
	font-size: 10px;
	background: transparent url(./breadcrumb_sep.gif) no-repeat left center;
}
ol#breadCrumbs li.dirHome {
	margin: 0; padding: 0 0 0 5px;
	background: none;
}
ol#breadCrumbs li a {
	color: #000000; padding: 0 5px; margin-left: -5px;
	float: left;
	line-height: 19px;
}
/*ol#breadCrumbs li.dirHome a {
	margin: 0 5px; padding: 0;
	width: 18px; overflow: hidden;
	text-indent: -9999px;
	background: transparent url(./breadcrumb_home.gif) no-repeat left center;
}*/



/* ページの先頭へ ------------------------------ */
#gotoPageTop {
	margin: 0px auto 0 auto; padding: 0 10px;
	clear: both; width: 800px;
	font-size: 10px; text-align: right;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 780px;
}
html>body #gotoPageTop { width: 780px; }
#gotoPageTop a {
	color: #808080; margin: 0; padding: 0.1em 0.1em 0.1em 13px;
	text-decoration: none;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background: url(./gotopagetop_cursor.gif) no-repeat left center;
}
html>body #gotoPageTop a { voice-family: inherit; }
#gotoPageTop a:hover {
	color: #f08080; 
	background-position: -1000px center;
	text-decoration: underline;
}


/* フッタ ------------------------------ */

#footer {
	color: #000000; margin: 50px auto 0px auto; padding: 0px 10px 10px 10px;
	width: 820px; text-align: center;
	background: transparent /*url(footer_bg.gif) no-repeat bottom center*/;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 800px;
}
html>body #footer { width: 800px; }

/* フッタ 1カラム（主祭神の説明ページ）用 ------------------------------ */
body#god #footer {
	color: #000000; margin: 0px auto 5px auto; padding: 0px 10px 15px 10px;
	width: 620px; text-align: center;
	background: transparent url(footer_bg600px.gif) no-repeat bottom center;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 600px;
}
html>body#god #footer { width: 600px; }

#footer p {
	margin: 0 auto; padding: 5px 0 0 0; border: none;
	font-size: 10px; text-align: center; line-height: 1.3em;
}