@charset "utf-8";
@import url("reset.css");
@import url("styling.css");

/* レイアウト-全体 */
#wrap {
	position:relative; /* 固定の基準 */
	width:770px;
	margin:0px auto;
	background-color: #FFFFFF;
	border-left:1px solid #D1D1D1;
	border-right:1px solid #D1D1D1;
}
/* レイアウト-ヘッダー */
#header {
	width:770px;
}
/* レイアウト-コンテンツエリア*/
#content {
	clear:both;
	width:770px;
	background-color: #FFFFFF;
}
/* レイアウト-メインエリア */
#main {
	width:560px;
	float:right;
	padding-left: 10px;
}
/* レイアウト-サイドバー */
#sub {
	width:200px;
	float:left;
}
/* レイアウト-メインエリア（１面） */
#main-one {
	padding-left: 30px;
	padding-right: 30px;
}


/* レイアウト-フッター */
#footer {
	clear:both;
	width:770px;
	padding:5px 0px;
	text-align:center;
	background-color: #b4a8b2;
	height: 100px;
}

/* レイアウト-ヘッダー 詳細*/
#logo{
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
#header-navi{
	float:right;
	padding-top: 10px;
	text-align: right;
	padding-right: 10px;
}
#header-navi ul li{
	display:inline;
	padding-left:5px;

}