/* --------------------------------------
	基本設定
--------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	color: #ffffff;
	background-color: #000;
	background-image: url(../images/back.gif);
	background-repeat: repeat-x;
}

html {
	line-height: 1.5em;
}

img {
	border: 0px;
}

a {
	color: #E5CB55;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* --------------------------------------
		ブロック
--------------------------------------*/
#wrapper {
	width: 800px;
	margin: 0px auto;
}

#header {
	width: 744px;
	margin: 0px auto;
	height: 87px;
	padding: 0px 28px;
}

#contents {
	width: 800px;
	background-color: #121212;
	margin: 0px auto;
	padding-bottom: 35px;
}

#contents:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*IE7対応*/
#contents {  
	display: inline-block;  
}

#footer {
	width: 744px;
	height: 80px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	margin: 0px auto;
	padding: 30px 28px 0px;
}


/* --------------------------------------
	サイトタイトル
--------------------------------------*/
h1#sitetitle {
	float: left;
	margin: 23px 26px 0 0;
}

h1#sitetitle a {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 38px;
	display: block;
	text-indent: -9999px;
}


/*
-------------------------------------------
ヘッダー
-------------------------------------------
*/
ul#Hmenu {
	width: 498px;
	float: left;
}

ul#Hmenu li {
	float: left;
	list-style-type: none;
}

ul#Hmenu li a {
	display: block;
	text-indent: -9999px;
	height: 87px;
}

.Hmenu01 {	/* profile */
	width: 63px;
	background: url(../images/h_menu01.gif) no-repeat;
}
.Hmenu02 {	/* photo gallery */
	width: 109px;
	background: url(../images/h_menu02.gif) no-repeat;
}
.Hmenu03 {	/* information */
	width: 97px;
	background: url(../images/h_menu03.gif) no-repeat;
}
.Hmenu04 {	/* history */
	width: 65px;
	background: url(../images/h_menu04.gif) no-repeat;
}
.Hmenu05 {	/* blog */
	width: 49px;
	background: url(../images/h_menu05.gif) no-repeat;
}
.Hmenu06 {	/* link */
	width: 46px;
	background: url(../images/h_menu06.gif) no-repeat;
}
.Hmenu07 {	/* Contact */
	width: 69px;
	background: url(../images/h_menu07.gif) no-repeat;
}

.Hmenu01:hover,
.Hmenu02:hover,
.Hmenu03:hover,
.Hmenu04:hover,
.Hmenu05:hover,
.Hmenu06:hover,
.Hmenu07:hover { background-position: 0 -87px;}

/*** オンページ用のメニュー指定 ***/
.Hmenu01_on {
	width: 63px;
	background: url(../images/h_menu01.gif) no-repeat;
	background-position: 0 -87px;
}
.Hmenu02_on {
	width: 109px;
	background: url(../images/h_menu02.gif) no-repeat;
	background-position: 0 -87px;
}
.Hmenu03_on {
	width: 97px;
	background: url(../images/h_menu03.gif) no-repeat;
	background-position: 0 -87px;
}
.Hmenu04_on {
	width: 65px;
	background: url(../images/h_menu04.gif) no-repeat;
	background-position: 0 -87px;
}
.Hmenu05_on {
	width: 49px;
	background: url(../images/h_menu05.gif) no-repeat;
	background-position: 0 -87px;
}
.Hmenu06_on {
	width: 46px;
	background: url(../images/h_menu06.gif) no-repeat;
	background-position: 0 -87px;
}
.Hmenu07_on {
	width: 69px;
	background: url(../images/h_menu07.gif) no-repeat;
	background-position: 0 -87px;
}

/* --------------------------------------
	フッター設定
--------------------------------------*/
p.copyright {
	width: 264px;
	height: 32px;
	float: left;
	background: url(../images/copyright.gif) no-repeat;
	margin-right: 17px;
	text-indent: -9999px;
}

#Fmenu {
	width: 463px;
	height: 32px;
	float: left;
}

#Fmenu li {
	float: left;
	list-style-type: none;
}

#Fmenu li a {
	height: 32px;
	display: block;
	text-indent: -9999px;
}

.Fmenu01 {
	width: 52px;
	background: url(../images/f_menu01.gif) no-repeat;
}
.Fmenu02 {
	width: 93px;
	background: url(../images/f_menu02.gif) no-repeat;
}
.Fmenu03 {
	width: 82px;
	background: url(../images/f_menu03.gif) no-repeat;
}
.Fmenu04 {
	width: 53px;
	background: url(../images/f_menu04.gif) no-repeat;
}
.Fmenu05 {
	width: 37px;
	background: url(../images/f_menu05.gif) no-repeat;
}
.Fmenu06 {
	width: 35px;
	background: url(../images/f_menu06.gif) no-repeat;
}
.Fmenu07 {
	width: 56px;
	background: url(../images/f_menu07.gif) no-repeat;
}
.Fmenu08 {
	width: 55px;
	background: url(../images/f_menu08.gif) no-repeat;
}
.Fmenu01:hover,
.Fmenu02:hover,
.Fmenu03:hover,
.Fmenu04:hover,
.Fmenu05:hover,
.Fmenu06:hover,
.Fmenu07:hover,
.Fmenu08:hover { background-position: 0 -32px;}

/*** オンページ用のメニュー指定 ***/
.Fmenu01_on {
	width: 52px;
	background: url(../images/f_menu01.gif) no-repeat;
	background-position: 0 -32px;
}
.Fmenu02_on {
	width: 93px;
	background: url(../images/f_menu02.gif) no-repeat;
	background-position: 0 -32px;
}
.Fmenu03_on {
	width: 82px;
	background: url(../images/f_menu03.gif) no-repeat;
	background-position: 0 -32px;
}
.Fmenu04_on {
	width: 53px;
	background: url(../images/f_menu04.gif) no-repeat;
	background-position: 0 -32px;
}
.Fmenu05_on {
	width: 37px;
	background: url(../images/f_menu05.gif) no-repeat;
	background-position: 0 -32px;
}
.Fmenu06_on {
	width: 35px;
	background: url(../images/f_menu06.gif) no-repeat;
	background-position: 0 -32px;
}
.Fmenu07_on {
	width: 56px;
	background: url(../images/f_menu07.gif) no-repeat;
	background-position: 0 -32px;
}
.Fmenu08_on {
	width: 55px;
	background: url(../images/f_menu08.gif) no-repeat;
	background-position: 0 -32px;
}


/* --------------------------------------
	トップ設定
--------------------------------------*/

#fla {
	width: 800px;
	height: 470px;
	margin: 87px auto 0;
/*	border: 1px solid #333;*/
}