@charset "shift_jis"; 

/* 外枠
---------------------------------------------*/
#header {
	position: relative;
	background: #FFFFFF;
	height:80px;
	width: 850px;
	text-align: left;
	background: #FFFFFF url(../images/brown/header.jpg) left top no-repeat;
}


h1{
	width: 850px;
	height:20px;
	color: #000000;
	text-align: right;
	text-indent:10px;
	background: #FFFFFF;
}
/*******************************************************************************
* MENU
*******************************************************************************/
ul#menu {
    list-style-type:none;
    line-height:0px;
    font-size:0;
    position:absolute;
    top:50px;
    left:150px;
}
ul#menu li { text-indent: -1000px; }
ul#menu li a { display: block; text-decoration:none; position:relative; }

a#menu-info { background: url(../images/brown/g_menu_01.jpg) no-repeat; height:30px; width:236px; }
a#menu-map { background: url(../images/brown/g_menu_02.jpg) no-repeat; height:30px; width:66px; margin:-30px 0 0 236px; }
a#menu-contact { background: url(../images/brown/g_menu_03.jpg) no-repeat; height:30px; width:133px; margin:-30px 0 0 302px; }
a#menu-member { background: url(../images/brown/g_menu_04.jpg) no-repeat; height:30px; width:147px; margin:-30px 0 0 435px; }
a#menu-blog { background: url(../images/brown/g_menu_05.jpg) no-repeat; height:30px; width:116px; margin:-30px 0 0 582px; }

a#menu-info:hover, a#menu-info.active { background-position:0 -30px; }
a#menu-map:hover, a#menu-map.active { background-position:0 -30px; }
a#menu-contact:hover, a#menu-contact.active { background-position:0 -30px; }
a#menu-member:hover, a#menu-member.active { background-position:0 -30px; }
a#menu-blog:hover, a#menu-blog.active { background-position:0 -30px; }

/* レフトメニュー
---------------------------------------------*/

#leftmenu .box1 {
	width: 190px;
	height: 60px;
}

#leftmenu .box2 {
	width: 190px;
	height: 255px;
}
#leftmenu .box3 {
	width: 190px;
	height: 275px;
}
#leftmenu .box4 {
	width: 190px;
	height: 215px;
}
#leftmenu .box5 {
	width: 190px;
	height: 200px;
}


/*  ABOUT CARAT
---------------------------------------------*/
#NavAbout {
	position: relative;
	margin: 0 0 0 0;
	width: 190px;
	height: 60px;
	list-style-type: none;
	background:#6b3f18;
}
#NavAbout li {
	float: left;
	width: 190px;
}
#NavAbout li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:50px;
	padding-top: 50px;
	background-image: url(../images/brown/l_menu_aboutcarat_menu.jpg);
}
	/* 通常 */
	#NavAbout01 a { background-position:  0px   0px; }
	#NavAbout02 a { background-position:  0px   50px; }
	
	/* 現在位置 */
	#NavAbout01 a.stay { background-position: -190px  0px; }
	#NavAbout02 a.stay { background-position: -190px  50px; }

	/* オンマウス */
	#NavAbout01 a:hover { background-position: -190px  0px; }
	#NavAbout02 a:hover { background-position: -190px  50px; }
	
/*  メンズメニュー
---------------------------------------------*/
#NavMens {
	position: relative;
	margin: 0 0 0 0;
	width: 190px;
	height: 60px;
	list-style-type: none;
}
#NavMens li {
	float: left;
	width: 190px;
}
#NavMens li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:15px;
	padding-top: 15px;
	background-image: url(../images/brown/l_menu_mensmenu_menu.gif);
}
	
	/* 通常 */
	#NavMens01 a { background-position:  0px   0px; }
	#NavMens02 a { background-position:  0px   45px; }
	#NavMens03 a { background-position:  0px   30px; }
	#NavMens04 a { background-position:  0px   15px; }
	
	/* 現在位置 */
	#NavMens01 a.stay { background-position: -190px  0px; }
	#NavMens02 a.stay { background-position: -190px  45px; }
	#NavMens03 a.stay { background-position: -190px  30px; }
	#NavMens04 a.stay { background-position: -190px  15px; }

	/* オンマウス */
	#NavMens01 a:hover { background-position: -190px  0px; }
	#NavMens02 a:hover { background-position: -190px  45px; }
	#NavMens03 a:hover { background-position: -190px  30px; }
	#NavMens04 a:hover { background-position: -190px  15px; }


#NavMensOsusume {
	position: relative;
	margin: 0 0 0 0;
	width: 190px;
	height: 40px;
	list-style-type: none;
}
#NavMensOsusume li {
	float: left;
	width: 190px;
}
#NavMensOsusume li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:40px;
	padding-top: 40px;
	background-image: url(../images/brown/l_menu_mensmenu_osusume.gif);
}

	/* 通常 */
	#NavMensOsusume01 a { background-position:  0px   0px; }
	
	/* 現在位置 */
	#NavMensOsusume01 a.stay { background-position: -190px  0px; }

	/* オンマウス */
	#NavMensOsusume01 a:hover { background-position: -190px  0px; }


/*  レディースメニュー
---------------------------------------------*/
#NavLadies {
	position: relative;
	margin: 0 0 0 0;
	width: 190px;
	height: 75px;
	list-style-type: none;
}
#NavLadies li {
	float: left;
	width: 190px;
}
#NavLadies li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:15px;
	padding-top: 15px;
	background-image: url(../images/brown/l_menu_ladiesmenu_menu.gif);
}
	
	/* 通常 */
	#NavLadies01 a { background-position:  0px   0px; }
	#NavLadies02 a { background-position:  0px   60px; }
	#NavLadies03 a { background-position:  0px   15px; }
	#NavLadies04 a { background-position:  0px   45px; }
	#NavLadies05 a { background-position:  0px   30px; }
	
	/* 現在位置 */
	#NavLadies01 a.stay { background-position: -190px  0px; }
	#NavLadies02 a.stay { background-position: -190px  60px; }
	#NavLadies03 a.stay { background-position: -190px  15px; }
	#NavLadies04 a.stay { background-position: -190px  45px; }
	#NavLadies05 a.stay { background-position: -190px  30px; }

	/* オンマウス */
	#NavLadies01 a:hover { background-position: -190px  0px; }
	#NavLadies02 a:hover { background-position: -190px  60px; }
	#NavLadies03 a:hover { background-position: -190px  15px; }
	#NavLadies04 a:hover { background-position: -190px  45px; }
	#NavLadies05 a:hover { background-position: -190px  30px; }

#NavLadiesOsusume {
	position: relative;
	margin: 0 0 0 0;
	width: 190px;
	height: 40px;
	list-style-type: none;
}
#NavLadiesOsusume li {
	float: left;
	width: 190px;
}
#NavLadiesOsusume li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:40px;
	padding-top: 40px;
	background-image: url(../images/brown/l_menu_ladiesmenu_osusume.gif);
}

	/* 通常 */
	#NavLadiesOsusume01 a { background-position:  0px   0px; }
	
	/* 現在位置 */
	#NavLadiesOsusume01 a.stay { background-position: -190px  0px; }

	/* オンマウス */
	#NavLadiesOsusume01 a:hover { background-position: -190px  0px; }

/*  メンバーメニュー
---------------------------------------------*/
#NavMember {
	position: relative;
	margin: 0 0 0 0;
	width: 190px;
	height: 105px;
	list-style-type: none;
}
#NavMember li {
	float: left;
	width: 190px;
}
#NavMember li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:35px;
	padding-top: 35px;
	background-image: url(../images/brown/l_menu_member_menu.gif);
}
	
	/* 通常 */
	#NavMember01 a { background-position:  0px   0px; }
	#NavMember02 a { background-position:  0px   35px; }
	#NavMember03 a { background-position:  0px   70px; }

	
	/* 現在位置 */
	#NavMember01 a.stay { background-position: -190px  0px; }
	#NavMember02 a.stay { background-position: -190px  35px; }
	#NavMember03 a.stay { background-position: -190px  70px; }


	/* オンマウス */
	#NavMember01 a:hover { background-position: -190px  0px; }
	#NavMember02 a:hover { background-position: -190px  35px; }
	#NavMember03 a:hover { background-position: -190px  70px; }