/*


*** 全体共通指定 ****************



*/
body {
	background:   url(../img/header_right_bg.gif) left top repeat-x;
}


body a {
	color: #7A5E64;
	text-decoration: none;
}
body a:hover {
	color: #7A5E64;
	text-decoration:underline;
}

/* ヘッダ全体幅・背景指定 ******/
#header {
    width:       900px;
	height:      112px;
	background:  url(../img/header_bg.gif) no-repeat;
}

/* ヘッダサイト説明文設定 ********/
#banner-inner {
    padding:  0px;
	margin:   0px;
	width:    900px; /* necessary for ie win */
	height:   60px;
}

.banner-user {
    width: 70px;
    margin-top: 5px;
    font-size: 10px;
}

.banner-user-photo { border: 1px solid #fff; }


/* ヘッダサイト説明文設定 ********/
#banner-header {
    margin: 0;
    color: #fff;
    font-size: 1px;
}
#banner-header a {
	marigin:  0px;
	padding:  0px;
	display:  block;
	width:    900px;
	height:   60px;
	text-decoration:  none;
}
#banner-header a:hover {
	marigin:          0px;
	padding:          0px;
	display:          block;
	width:            840px;
	height:           60px;
	text-decoration:  none;
}
#banner-header span {
	position:        relative;
	left:            -5000px;
}

/* ヘッダサイト説明文設定 *********/
#banner-description {
	display: none;
}


/* 検索フィールド指定 *************/
#header-searcharea {
	margin:          20px 20px 0px 0px;
	_margin:         18px 20px 0px 0px;
	text-align:      right;
	width:           auto;
	min-height:      1px;
}
/* フィールド */
#header-searcharea #search {
	background:      #FFECDB;
	width:           150px;
}
/* ボタン */
#header-searcharea input {
	background:      #696A53;
	font-size:       10px;
}



/* グローバルナビゲーション指定 *****************************************************************/
#navi {
	margin-left: 165px;
	width:       735px;
	height:      30px;
	background:  url(../img/gn_home_over.gif) -5000px 0px no-repeat; /* キャッシュ用 */
	background:  url(../img/gn_news_over.gif) -5000px 0px no-repeat;
	background:  url(../img/gn_diary_over.gif) -5000px 0px no-repeat;
	background:  url(../img/gn_schedule_over.gif) -5000px 0px no-repeat;
	background:  url(../img/gn_discography_over.gif) -5000px 0px no-repeat;
	background:  url(../img/gn_profile_over.gif) -5000px 0px no-repeat;
	background:  url(../img/gn_fanclub_over.gif) -5000px 0px no-repeat;
	background:  url(../img/gn_goods_over.gif) -5000px 0px no-repeat;
}
#navi ul {
	margin:          0px;
	padding:         0px;
	list-style-type: none;
}
#navi li {
	float:       left;
}
#navi a {
	text-decoration:  none;
}

/* ホーム */
#navi .gn_home a {
	width:       57px;
	height:      30px;
	display:     block;
	background:  url(../img/gn_home.gif) no-repeat;
	float:       left;
	overflow:    hidden;
}
#navi .gn_home a:hover {
	background:  url(../img/gn_home_over.gif) no-repeat;
}

/* ニュース */
#navi .gn_news a {
	width:       75px;
	height:      30px;
	display:     block;
	background:  url(../img/gn_news.gif) no-repeat;
	float:       left;
	overflow:    hidden;
}
#navi .gn_news a:hover {
	background:  url(../img/gn_news_over.gif) no-repeat;
}

/* さゆり日記 */
#navi .gn_diary a {
	width:       92px;
	height:      30px;
	display:     block;
	background:  url(../img/gn_diary.gif) no-repeat;
	float:       left;
	overflow:    hidden;
}
#navi .gn_diary a:hover {
	background:  url(../img/gn_diary_over.gif) no-repeat;
}

/* スケジュール */
#navi .gn_schedule a {
	width:       102px;
	height:      30px;
	display:     block;
	background:  url(../img/gn_schedule.gif) no-repeat;
	float:       left;
	overflow:    hidden;
}
#navi .gn_schedule a:hover {
	background:  url(../img/gn_schedule_over.gif) no-repeat;
}

/* 作品集 */
#navi .gn_discography a {
	width:       66px;
	height:      30px;
	display:     block;
	background:  url(../img/gn_discography.gif) no-repeat;
	float:       left;
	overflow:    hidden;
}
#navi .gn_discography a:hover {
	background:  url(../img/gn_discography_over.gif) no-repeat;
}

/* プロフィール */
#navi .gn_profile a {
	width:       99px;
	height:      30px;
	display:     block;
	background:  url(../img/gn_profile.gif) no-repeat;
	float:       left;
	overflow:    hidden;
}
#navi .gn_profile a:hover {
	background:  url(../img/gn_profile_over.gif) no-repeat;
}

/* ファンクラブ */
#navi .gn_fanclub a {
	width:       96px;
	height:      30px;
	display:     block;
	background:  url(../img/gn_fanclub.gif) no-repeat;
	float:       left;
	overflow:    hidden;
}
#navi .gn_fanclub a:hover {
	background:  url(../img/gn_fanclub_over.gif) no-repeat;
	
}

/* オフィシャルグッズ */
#navi .gn_goods a {
	width:       148px;
	height:      30px;
	display:     block;
	background:  url(../img/gn_goods.gif) no-repeat;
	float:       left;
	overflow:    hidden;
}
#navi .gn_goods a:hover {
	background:  url(../img/gn_goods_over.gif) no-repeat;
}

/* テキスト設定 */
#navi span {
	margin:        0px;
	padding:       0px;
	text-indent:   -5000px;
	position:      relative;
	left:          -5000px;
	font-size:     1px;
}

/* ヘッダー下タイルエリア指定 */
.header-bottom {
	clear:       both;
	margin:      0px;
	width:       900px;
	height:      22px;
	background:  url(../img/header_bottom_bg.gif) repeat-x;
}



/* フッター設定 *********************************************************************************************************/
/* ページトップボタン */
.pagetop {
	margin:       0px 0px 0px 524px;
	padding:      0px;
	_width:        106px;
	background:      url(../img/btn_pagetop_over.gif) no-repeat;
}
.pagetop a {
	display:      block;
	width:        106px;
	height:       20px;
	background:   url(../img/btn_pagetop.gif) no-repeat;
	overflow:     hidden;
}
.pagetop a:hover {
	background:      url(../img/btn_pagetop_over.gif) no-repeat;
	text-decoration: none;
}
.pagetop span {
	margin:        0px;
	padding:       0px;
	text-indent:   -5000px;
	position:      relative;
	left:          -5000px;
	font-size:     1px;
}

/* フッターエリア */
#footer {
	margin:       0px 0px 20px 0px;
	width:        100%;
	height:       60px;
	
	clear:        both;
}
#footer a {
	text-decoration:  none;
}
#footer span {
	margin:        0px;
	padding:       0px;
	text-indent:   -5000px;
	position:      relative;
	left:          -5000px;
	font-size:     1px;
}

/* ご利用に関するお願い・コピーライトエリア */
#un_usage {
	margin:       30px 0px 0px 30px;
	padding:      0px;
	background:   url(../img/footer_copyright.gif) 130px 0px no-repeat;
}
#un_usage a {
	display:      block;
	width:        130px;
	height:       15px;
	background:   url(../img/un_usage.gif) no-repeat;
	overflow:     hidden;
}
#un_usage a:hover {
	background:        url(../img/un_usage_over.gif) no-repeat;
}
#un_usage span {
	margin:        0px;
	padding:       0px;
	text-indent:   -5000px;
	position:      relative;
	left:          -5000px;
	font-size:     1px;
}