@charset "UTF-8";

/* --------------------------
日本太昊伏羲廟 共通スタイル
--------------------------- */

body {
	margin:0;
	padding:0;
	font: normal 12px/1.5em "ＭＳ Ｐゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3",  Osaka, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#c4bbac url(../images/bg_header.gif) repeat-x 0 0;
	color:#666;
}

/* common style */
em {font-style:normal;font-weight:bold;}
a {color:#8a7759;text-decoration:underline;}
img {border:none;vertical-align:bottom;}
th,td {
	font: normal 12px/1.5em "ＭＳ Ｐゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3",  Osaka, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.clear {clear:both;}

.txtcenter {text-align:center;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.fl {float:left;}
.fr {float:right;}
.fl20 {float:left;padding-right:20px;}

/* font-size */
.s10 {font-size:10px;line-height:1.5em;}
.s11 {font-size:11px;line-height:1.5em;}
.s12 {font-size:12px;line-height:1.5em;}
.s14 {font-size:14px;line-height:1.5em;}
.s16 {font-size:16px;line-height:1.5em;}


/* Structure */
#header {
	margin:0 auto;
	width:898px;
	_width:900px;
	height:60px;
	background:url(../images/bg_header.jpg) repeat-x 0 0;
	border-top:5px solid #efd0e3;
	border-left:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
	text-align:left;
}
#container {background:url(../images/bg.gif) repeat 0 0;}

#main {
	margin:0 auto;
	padding:20px 20px 20px 60px;
	width:818px;
	_width:900px;
	background:#fff url(../images/bagua.gif) no-repeat 20px 20px;
	border-left:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	text-align:left;
	position:relative;
}

#footer {
	margin:0 auto;
	width:898px;
	_width:900px;
	height:3em;
	text-align:left;
}
#footer ul {
	float:left;
	margin:5px 0;
	padding:0;
	list-style:none;
}
#footer li {
	float:left;
	padding:0 10px;
	line-height:1em;
	border-right:1px solid #666;
}
#footer li.np {padding-left:0;}
#footer li.nb {border:none;}
#footer #rights {
	float:right;
	margin:5px 0;
}



#header #logo {
	float:left;
	display:inline;
	margin:10px 0 0 40px;
}
#header #menu {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	width:682px;
	height:50px;
}
#header #menu li {float:left;}
#header #menu li a {
	display:block;
	height:50px;
	background:url(../images/menu.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
/* default */
#header #menu li.about a {width:179px;background-position:0 0;}
#header #menu li.column a {width:150px;background-position:-179px 0;}
#header #menu li.products a {width:112px;background-position:-329px 0;}
#header #menu li.access a {width:113px;background-position:-441px 0;}
#header #menu li.blog a {width:128px;background-position:-554px 0;}
/* over */
#header #menu li.about a:hover {background-position:0 -50px;}
#header #menu li.column a:hover {background-position:-179px -50px;}
#header #menu li.products a:hover {background-position:-329px -50px;}
#header #menu li.access a:hover {background-position:-441px -50px;}
#header #menu li.blog a:hover {background-position:-554px -50px;}
/* active */
#header #menu li#about,
#header #menu li#column,
#header #menu li#products,
#header #menu li#access,
#header #menu li#blog {
	height:50px;
	background:url(../images/menu.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#header #menu li#about {width:179px;background-position:0 -100px;}
#header #menu li#column {width:150px;background-position:-179px -100px;}
#header #menu li#products {width:112px;background-position:-329px -100px;}
#header #menu li#access {width:113px;background-position:-441px -100px;}
#header #menu li#blog {width:128px;background-position:-554px -100px;}

#main h1 {margin:0;padding-top:5px;}
#main h1 + p {margin-top:10px;}


p#pankuzu {
	clear:both;
	margin-bottom:0;
	font-size:11px;
	color:#5c4976;
}