@charset "utf-8";
/*
 * CSS Name			: header.css
 * CSS URL			: http://www.kekkon-j.com/css/common/header.css
 * CSS Role			: header Setting
*/


/* 
		Site Top Text
 -------------------------------------------------- */

h1{
	position: absolute;
	padding: 0px 0px 0px 7px;
	height: 15px;
	background-color: #ffffff;
	color: #666666;
	font-size: 12px;
	text-align:left;
	z-index: 1;
}


/* 
		Header
 -------------------------------------------------- */

/* 枠 */
#header{
	position: absolute;
	width: 980px;
	height: 115px;
	margin: 8px auto 0px;
	text-align: left;
	background-color: #ffffff;
}


/* 結婚準備室ロゴ画像 */
#header img.logo{
	display: block;
	position: absolute;
	margin: 20px 0px 0px 15px;
}



/* スーパーバナー枠 */
#header .superban{
	position: absolute;
	margin: 10px 0px 0px 366px;
	width: 468px;
	height: 60px;
}


/* Styleful枠 */
#header .styleful-btn {
	margin: 10px 2px 0px 0px;
	float: right;
}


/* ------------------------------------------------------------ ログイン・ログアウト共通 */

/* 枠 */
#header .header-menu{
	position: absolute;
	width: 130px;
	margin: 5px 0px 0px 845px;
}

/* HOME・ブログ */

/* リスト全体設定 */
#header .header-menu ul{
	position: relative;
	width: 130px;
	margin: 5px 0px 0px 0px;
}

/* 各リスト項目設定 */
#header .header-menu ul li{
	position: absolute;
	display: block;
	height: 15px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

/* リストリンク設定 */
#header .header-menu ul li a{
	text-decoration: none;
	display: block;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
}

/* リストマウスオーバー設定 */
#header .header-menu ul li a:hover{ text-decoration: none; }


/* ----------------------------------- HOME・ブログ */

/* HOME */
#header .header-menu ul li#home{
	width: 57px;
	height: 15px;
	background: url(http://www.kekkon-j.com/img/header/home-blog.gif) 0px 0px no-repeat;
}

#header .header-menu ul li#home a:hover{
	width: 57px;
	height: 15px;
	background: url(http://www.kekkon-j.com/img/header/home-blog.gif) 0px -15px no-repeat;
}

/* ブログ */
#header .header-menu ul li#blog{
	width: 73px;
	left: 57px;
	background: url(http://www.kekkon-j.com/img/header/home-blog.gif) -57px 0px no-repeat;
}

#header .header-menu ul li#blog a:hover{
	width: 73px;
	left: 57px;
	background: url(http://www.kekkon-j.com/img/header/home-blog.gif) -57px -15px no-repeat;
}


/* ログイン */
#header .header-menu ul li#login{
	width: 57px;
	top: 20px;
	background: url(http://www.kekkon-j.com/img/header/login2.gif) 0px 0px no-repeat;
}

#header .header-menu ul li#login a:hover{
	width: 57px;
	top: 20px;
	background: url(http://www.kekkon-j.com/img/header/login2.gif) 0px -15px no-repeat;
}

/* 会員登録 */
#header .header-menu ul li#regist{
	width: 73px;
	left: 57px;
	top: 20px;
	background: url(http://www.kekkon-j.com/img/header/login2.gif) -57px 0px no-repeat;
}

#header .header-menu ul li#regist a:hover{
	width: 73px;
	left: 57px;
	top: 20px;
	background: url(http://www.kekkon-j.com/img/header/login2.gif) -57px -15px no-repeat;
}


/* ログアウト */

/* ニックネームの文字 */
#header .header-menu p{
	margin: 6px 0px 0px 0px;
}

#header .header-menu ul li#logout{
	width: 57px;
	top: 20px;
	background: url(http://www.kekkon-j.com/img/header/logout.gif) 0px 0px no-repeat;
}

#header .header-menu ul li#logout a:hover{
	width: 57px;
	top: 20px;
	background: url(http://www.kekkon-j.com/img/header/logout.gif) 0px -15px no-repeat;
}

/* 会員メニュー */
#header .header-menu ul li#menu{
	width: 73px;
	left: 57px;
	top: 20px;
	background: url(http://www.kekkon-j.com/img/header/logout.gif) -57px 0px no-repeat;
}

#header .header-menu ul li#menu a:hover{
	width: 73px;
	left: 57px;
	top: 20px;
	background: url(http://www.kekkon-j.com/img/header/logout.gif) -57px -15px no-repeat;
}





/* 
		Global Navigation
 -------------------------------------------------- */

/* 枠 */
#gnavi{
	position: absolute;
	width: 980px;
	height: 40px;
	top: 75px;
}


/* リスト全体設定 */
#gnavi ul{
	position: relative;
	width: 980px;
	height: 40px;
}


/* 各リスト項目設定 */
#gnavi ul li{
	position: absolute;
	display: block;
	height: 40px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


/* リストリンク設定 */
#gnavi ul li a{
	text-decoration: none;
	display: block;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}


/* リストマウスオーバー設定 */
#gnavi ul li a:hover{ text-decoration: none; }


/* ----------------------------------- Hall - 結婚式場 */

#gnavi ul li#hall{
	width: 82px;
	height: 40px;
	background: url(../../img/header/gnavi_new.gif) no-repeat 0px 0px;
}

#gnavi ul li#hall a:hover{
	width: 82px;
	height: 40px;
	background: url(../../img/header/gnavi_new.gif) no-repeat 0px -40px;
}

#gnavi ul li#hall_on,
#gnavi ul li#hall_on a:hover{
	width: 82px;
	height: 40px;
	background: url(../../img/header/gnavi_new.gif) no-repeat 0px -40px;
}



/* ----------------------------------- afterparty - 二次会 */

#gnavi ul li#afterparty{
	width: 82px;
	left: 82px;
	background: url(../../img/header/gnavi_new.gif) -82px 0px no-repeat;
}

#gnavi ul li#afterparty a:hover{
	width: 82px;
	left: 82px;
	background: url(../../img/header/gnavi_new.gif) -82px -40px no-repeat;
}

#gnavi ul li#afterparty_on,
#gnavi ul li#afterparty_on a:hover{
	width: 82px;
	left: 82px;
	background: url(../../img/header/gnavi_new.gif) -82px -40px no-repeat;
}



/* ----------------------------------- Manual - 結婚準備マニュアル */

#gnavi ul li#manual{
	width: 81px;
	left: 164px;
	background: url(../../img/header/gnavi_new.gif) -164px 0px no-repeat;
}

#gnavi ul li#manual a:hover{
	width: 81px;
	left: 164px;
	background: url(../../img/header/gnavi_new.gif) -164px -40px no-repeat;
}

#gnavi ul li#manual_on,
#gnavi ul li#manual_on a:hover{
	width: 81px;
	left: 164px;
	background: url(../../img/header/gnavi_new.gif) -164px -40px no-repeat;
}


/* ----------------------------------- Ring - 結婚指輪 婚約指輪 */

#gnavi ul li#ring{
	width: 82px;
	left: 245px;
	background: url(../../img/header/gnavi_new.gif) -245px 0px no-repeat;
}


#gnavi ul li#ring a:hover{
	width: 82px;
	left: 245px;
	background: url(../../img/header/gnavi_new.gif) -245px -40px no-repeat;
}

#gnavi ul li#ring_on,
#gnavi ul li#ring_on a:hover{
	width: 82px;
	left: 245px;
	background: url(../../img/header/gnavi_new.gif) -245px -40px no-repeat;
}




/* ----------------------------------- Dress - ウエディングドレス */

#gnavi ul li#dress{
	width: 81px;
	left: 327px;
	background: url(../../img/header/gnavi_new.gif) -327px 0px no-repeat;
}

#gnavi ul li#dress a:hover{
	width: 81px;
	left: 357px;
	background: url(../../img/header/gnavi_new.gif) -327px -40px no-repeat;
}

#gnavi ul li#dress_on,
#gnavi ul li#dress_on a:hover{
	width: 81px;
	left: 357px;
	background: url(../../img/header/gnavi_new.gif) -327px -40px no-repeat;
}




/* ----------------------------------- Esthetics - ブライダルエステ */

#gnavi ul li#esthe{
	width: 82px;
	left: 408px;
	background: url(../../img/header/gnavi_new.gif) -408px 0px no-repeat;
}


#gnavi ul li#esthe a:hover{
	width: 82px;
	left: 408px;
	background: url(../../img/header/gnavi_new.gif) -408px -40px no-repeat;
}

#gnavi ul li#esthe_on,
#gnavi ul li#esthe_on a:hover{
	width: 82px;
	left: 408px;
	background: url(../../img/header/gnavi_new.gif) -408px -40px no-repeat;
}



/* ----------------------------------- Gift - 引き出物 */

#gnavi ul li#gift{
	width: 81px;
	left: 490px;
	background: url(../../img/header/gnavi_new.gif) -490px 0px no-repeat;
}


#gnavi ul li#gift a:hover{
	width: 81px;
	left: 490px;
	background: url(../../img/header/gnavi_new.gif) -490px -40px no-repeat;
}

#gnavi ul li#gift_on,
#gnavi ul li#gift_on a:hover{
	width: 81px;
	left: 490px;
	background: url(../../img/header/gnavi_new.gif) -490px -40px no-repeat;
}


/* ----------------------------------- Produce - 余興・演出 */

#gnavi ul li#produce{
	width: 81px;
	left: 571px;
	background: url(../../img/header/gnavi_new.gif) -571px -0px no-repeat;
}


#gnavi ul li#produce a:hover{
	width: 81px;
	left: 571px;
	background: url(../../img/header/gnavi_new.gif) -571px -40px no-repeat;
}

#gnavi ul li#produce_on,
#gnavi ul li#produce_on a:hover{
	width: 81px;
	left: 571px;
	background: url(../../img/header/gnavi_new.gif) -571px -40px no-repeat;
}


/* ----------------------------------- Life - 新婚旅行 新生活 */

#gnavi ul li#life{
	width: 82px;
	left: 652px;
	background: url(../../img/header/gnavi_new.gif) -652px -0px no-repeat;
}


#gnavi ul li#life a:hover{
	width: 82px;
	left: 652px;
	background: url(../../img/header/gnavi_new.gif) -652px -40px no-repeat;
}

#gnavi ul li#life_on,
#gnavi ul li#life_on a:hover{
	width: 82px;
	left: 652px;
	background: url(../../img/header/gnavi_new.gif) -652px -40px no-repeat;
}



/* ----------------------------------- Q＆A - QA 口コミ */

#gnavi ul li#qa{
	width: 82px;
	left: 734px;
	background: url(../../img/header/gnavi_new.gif) -734px 0px no-repeat;
}


#gnavi ul li#qa a:hover{
	width: 82px;
	left: 734px;
	background: url(../../img/header/gnavi_new.gif) -734px -40px no-repeat;
}

#gnavi ul li#qa_on,
#gnavi ul li#qa_on a:hover{
	width: 82px;
	left: 734px;
	background: url(../../img/header/gnavi_new.gif) -734px -40px no-repeat;
}


/* ----------------------------------- Shopping - ショッピング */

#gnavi ul li#shopping{
	width: 81px;
	left: 816px;
	background: url(../../img/header/gnavi_new.gif) -816px 0px no-repeat;
}

#gnavi ul li#shopping{
	width: 81px;
	left: 816px;
	background: url(../../img/header/gnavi_new.gif) -816px 0px no-repeat;
}


#gnavi ul li#shopping a:hover{
	width: 81px;
	left: 816px;
	background: url(../../img/header/gnavi_new.gif) -816px -40px no-repeat;
}



/* ----------------------------------- Stylful - スタイルフル */

#gnavi ul li#stylful{
	width: 83px;
	left: 897px;
	background: url(../../img/header/gnavi_new.gif) -897px 0px no-repeat;
}

#gnavi ul li#stylful{
	width: 83px;
	left: 897px;
	background: url(../../img/header/gnavi_new.gif) -897px 0px no-repeat;
}


#gnavi ul li#stylful a:hover{
	width: 83px;
	left: 897px;
	background: url(../../img/header/gnavi_new.gif) -897px -40px no-repeat;
}


/* 
		nav - パンくず
 -------------------------------------------------- */

#nav{
	position: absolute;
	display: block;
	top: 123px;
	width: 980px;
	height: 30px;
	background-color: #3c3c3c;
	text-align: left;
	overflow: hidden;
}

#nav a:link,#nav a:visited{ color: #ffffff; text-decoration: none; }
#nav a:hover{ color: #cccccc; text-decoration:underline ; }

#nav p{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	color: #ffffff;
	font-size: 12px;
	line-height: 30px;
}

/* お知らせ（パンくず部分） */
#nav p span.notice {
	margin: 0px 0px 0px 50px;
}



/* ------------------------------ Social Bookmark */

#nav #sbm{
	position: absolute;
	top: 4px;
	left: 685px;
}

#nav #sbm img{
	float: left;
	margin: 0px 3px 0px 0px;
}

#nav #sbm p{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 18px;
}

#nav #sbm ul{
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#nav #sbm ul li{
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#nav #sbm ul li.twitter{
	width: 95px;

}