@charset "UTF-8";

/*-----------------------*/
/* 1.BASE&RESET */
/* 2.FONT */
/* 3.LAYOUT */
/* 4. */
/*-----------------------*/


/* 1.BASE&RESET
====================================================================================================== */
*{
	margin: 0px;
	padding: 0px;}

body {
	line-height:1.5;
	font-family: Verdana, Helvetica , 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ',  sans-serif;
	color:#666;
	background:url(http://hizuki.exhn.jp/images/bg-square.gif);}

a:link, a:visited { color:#009966; text-decoration: none; outline:none;}
a:active, a:hover { color:#009966; text-decoration: underline; outline:none;}

img{
	border:none;
	vertical-align:bottom;}		

table{
	border-collapse:collapse;
	border-spacing:0;
	}
	td,th{
		border:none;
		}
	
ul li{list-style:none;}		

/* br clear
---------------------------*/
br.clear{
	width:auto;
	clear:both;
	line-height:0%;
	font-size:0;
	display: block;}	
.clear {
	clear: both;}

/* clearfix
---------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0.1px;
	line-height:0;
	font-size:0.1em;
	visibility: hidden;}
.clearfix{
	display:block;}
	
	
.bold{font-weight:bold !important;}


/* 2.FONT(base12px)
====================================================================================================== */
/* modern brawzer
---------------------------*/
html body{	
	font-size:12px;}
html body .large{
	font-size:14px;}
html body .small{
	font-size:10px;}
	

html body h1,
html body h2,
html body h3,
html body h4,
html body h5{	
	font-size:12px;
	font-weight:normal !important;}

input,textarea{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:1em;
	}

/* 3.LAYOUT
====================================================================================================== */
#wrapper{
	width:880px;
	margin:0 auto;
	background:url(http://hizuki.exhn.jp/images/bg.gif) repeat-y;}

#header{
	position:relative;
	margin:0 auto;
	width:800px;}

#contents{
	margin:15px 0 20px 55px;
	width:776px;}

#footer{
	margin:0 auto;
	padding:7px 0;
	width:800px;
	line-height:1.1;
	text-align:center;
	background:url(http://hizuki.exhn.jp/images/bg-footer.jpg);}


/* 4.
====================================================================================================== */
#header p{
	position:absolute;
	top:0;
	left:0;
	}
#header div{
	padding:0 0 0 335px;
	}
#header ul{
	height:48px;
	background:url(http://hizuki.exhn.jp/images/bg-menu.jpg) no-repeat bottom;
	}
#header li{
	float:left;
	}