/* ---------------- global --------------------- */
* {
	font-size:small;
	text-indent:0;
}
ul, ol, dl {
	margin-left:0;
	padding-left:0;
}
li {
	margin-left:0;
	padding-left:0;
}
/* ---------------- clearfix ------------------- */
.clearfix {
	min-height:0;
}
.clearfix:after {/* for modern browser */
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
* html .clearfix {/* for IE */
	/*\*/height:1%;/* for WinIE*/
	display:inline-table;/* for MacIE*/
}
/* ---------------- layout --------------------- */
body {
	background:#f4f6fc;
}
#wrapper {
	margin:0 auto;
	width:836px;
}
#header {
	background:#fff url("http://m-hyuga.org/site-design/header.gif") no-repeat 0px 0px;
	padding:30px 30px 0 30px;
}
#about #header,
#bbs #header {
	background:#fff url("http://m-hyuga.org/img/top.gif") no-repeat 0px 0px;
	height:70px;
	padding:30px;
}
#content {
	background:#fff url("http://m-hyuga.org/img/body.gif") repeat-y 0px 0px;
	padding:30px 30px 20px;
}
/* ---------------- layout rule ----------------------- */
.wide {
line-height:1.5;
}
.half-left {
	width:348px;
	float:left;
	clear:both;
	padding:0px 20px;
}
.half-right {
	width:348px;
	float:left;
	padding:0px 20px;
}
.forth-left {
	width:169px;
	float:left;
	padding:0px 20px;
	text-align:right;
}
.forth-right {
	width:527px;
	float:left;
	padding:0px 20px;
}
#sketch-back {
	background:#fff url("http://m-hyuga.org/img/sketch-back.jpg") 80px 50px no-repeat;
}
/* --------------- footer ------------------------ */
#footer {
	padding:10px 30px 30px;
	background:#fff url("http://m-hyuga.org/img/foot.gif") no-repeat 0px bottom;
	clear:both;
}
#footer p {
	color:#fff;
	text-align:center;
	margin:0px 20px 15px;
	padding:7px 20px;
	background:#233266;
}
/*------------------ heading ------------------- */
h1 {
font-size:x-large;
margin-top:0;
}
h2 {
	margin-top:1em;
	font-weight:normal;
}
/* ---------------- header ------------------------- */
#header h1,
#site-name {
	margin:0;
	padding:23px 0 27px 20px;
	height:30px;
	width:180px;
	float:left;
}
img#banner {
	padding:0 0 5px 20px;
margin:0;
	clear:both;
}
/* ---------------- info-navi -------------------------- */
ul#info-navi {
	float:right;
	padding:30px 20px 0 0;
	margin:0;
}
ul#info-navi li {
	float:left;
	list-style-type:none;
	list-style-position:outside;
	font-size:small;
	margin-right:3px;
	background:#fff url("http://www.m-hyuga.org/site-design/navi-icon/home.gif") center left no-repeat;
	padding:0 13px 0 23px;
	height:20px;
}
ul#info-navi li#about-navi {
	background-image:url("http://www.m-hyuga.org/site-design/navi-icon/about.gif");
	padding-left:15px;
}
ul#info-navi li#link-navi {
	background-image:url("http://www.m-hyuga.org/site-design/navi-icon/link.gif");
	padding-left:25px;
}
ul#info-navi li a {
	display:block;
	text-decoration:none;
}
/* ---------------- content-navi ----------------------- */
ul#content-navi {
	padding:0 0 0 20px;
	clear:both;
	margin:0;
display:block;
}

ul#content-navi li {
	float:left;
	list-style-type:none;
	list-style-position:outside;
	font-size:small;
	margin:0 3px 0 0;
	padding:0;
}
ul#content-navi li a {
	display:block;
	text-align:center;
	text-decoration:none;
	width:120px;
	height:1.2em;
	padding-top:3px;
	padding-bottom:3px;
	color:#fff;
	background:#233266;
}
ul#content-navi li a:hover,
ul#content-navi li a:active {
	color:#fff;
	background:#ddcc11;
}
ul#content-navi li.under-construction a {
	background:#ccc;
}
ul#content-navi li#current a {
	background:#ddcc11;
}
ul#content-navi li.current a {
	background:#ddcc11;
}
/* ----------------content ---------------------------- */
ul li {
	list-style-position:inside;
}
.link-block ul {
	margin-left:120px;
}
.link-block {
	margin-bottom:50px;
}

p {
	margin-top:1em;
}

/* ----------------- wide ------------------------------ */
.wide {
	padding:0px 20px;
}

/* -------------- link ------------------------------------ */
a:link,a:visited {
	color:#333;
}
a:hover,a:active {
	color:#c00;
}
/* --------------- img ------------------------------------ */
img {
	border:0px;
	margin:0;
	padding:0;
vertical-align: bottom;
}

/* --------------- typo ----------------------*/
em {
font-weight: bold;
font-style: normal;
color: #cc0000;
}