@charset "utf-8";

/* ----------------------------------------------------------------------------

　CSS リセット

---------------------------------------------------------------------------- */

html{
	color:#000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}

table{
    border-collapse:collapse;border-spacing:0;
}

fieldset,img{ border:0; }

address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}

li { list-style:none; } caption,th{ text-align:left; }

h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}

sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }

input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }

/* ----------------------------------------------------------------------------
　共通
---------------------------------------------------------------------------- */

body {
	background-color: #f3f3f3;
}

/* ----------------------------------------------------------------------------

　レイアウト関連

---------------------------------------------------------------------------- */

#wrap {
	width: 958px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 auto;
}

/* ----------------------------------------------------------------------------

　ヘッダー関連

---------------------------------------------------------------------------- */

#header {
	background-color: #444;
	border-bottom: 1px solid #444;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

#header h1 {
	padding-left: 25px;
	font-size: 200%;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------

　コンテンツ関連

---------------------------------------------------------------------------- */

#navi {
	float: left;
	width: 138px;
}

#navi ul {
	padding: 20px;
}


#navi li {
	line-height: 1.6em;
}

#contents {
	float: left;
	width: 800px;
	margin: 10px;

}

/* ----------------------------------------------------------------------------

　フッター関連

---------------------------------------------------------------------------- */

#footer {
	clear: both;
	width: 958px;
	text-align: center;
	background-color: #444;
	border-top: 1px solid #666;
}

#footer p {
	padding: 20px;
	color: #fff;
	font-size: 0.82em;
}

/* ----------------------------------------------------------------------------

　その他

---------------------------------------------------------------------------- */

/* クリアフィックス */

.clearfix {zoom:1;}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    }