@charset "UTF-8";

/*
======== table of content. =================================

summary:松岡ゆりなのオトコトバ・メニューCSS定義


- RESET

============================================================
*/

@import "base.css";


/*----------------------------------------------------------
TITLE
----------------------------------------------------------*/

h1 {
	display: block;
	background-image: url(../images/header/h1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 72px;
	width: 138px;
	text-indent: -9999px;
	margin-top: 12px;
	margin-left: 25px;
}

/*----------------------------------------------------------
MENU BOX
----------------------------------------------------------*/

ul.menu {
	display: block;
	width: 640px;
	float: left;
	left: 180px;
	bottom: 9px;
	overflow: hidden;
	position: absolute;
}
/* clearfix */
ul.menu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .ul.menu {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

ul.menu li {
	height: 96px;
	width: 85px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dce2da;
	padding-left: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
ul.menu li a {
	display: block;
	height: 96px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}

/*----------------------------------------------------------
MENU BOX2
----------------------------------------------------------*/

ul.menu2 {
	display: block;
	width: 210px;
	float: left;
	left: 819px;
	bottom: 3px;
	overflow: hidden;
	position: absolute;
}
/* clearfix */
ul.menu2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .ul2.menu {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

ul.menu2 li {
	height: 17px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	width: 209px;
}
ul.menu2 li a {
	display: block;
	height: 17px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	width: 209px;
}


/*----------------------------------------------------------
BTN_INTRO
----------------------------------------------------------*/

p.intro a {
	background-image: url(../images/header/btn_intro.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 11px;
	width: 37px;
	text-indent: -9999px;
	display: block;
	margin-left: 9px;
}
p.intro a:hover {
	background-image: url(../images/header/btn_intro_over.gif);
}
p.intro a.stay {
	background-image: url(../images/header/btn_intro_stay.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 11px;
	width: 37px;
	text-indent: -9999px;
	display: block;
	margin-left: 9px;
}

/*----------------------------------------------------------
BTN_TOP PAGE
----------------------------------------------------------*/


li.top a {
	background-image: url(../images/header/btn_top.gif);
}

li.top a:hover {
	background-image: url(../images/header/btn_top_over.gif);
}

li.top a.stay {
	background-image: url(../images/header/btn_top_stay.gif);
}


/*----------------------------------------------------------
BTN_CHEDULE
----------------------------------------------------------*/


li.schedule a {
	background-image: url(../images/header/btn_schedule.gif);
}

li.schedule a:hover {
	background-image: url(../images/header/btn_schedule_over.gif);
}

li.schedule a.stay {
	background-image: url(../images/header/btn_schedule_stay.gif);
}


/*----------------------------------------------------------
BTN_WORKS
----------------------------------------------------------*/


li.works a {
	background-image: url(../images/header/btn_works.gif);
}

li.works a:hover {
	background-image: url(../images/header/btn_works_over.gif);
}

li.works a.stay {
	background-image: url(../images/header/btn_works_stay.gif);
}


/*----------------------------------------------------------
BTN_WORKS
----------------------------------------------------------*/


li.music a {
	background-image: url(../images/header/btn_music.gif);
}

li.music a:hover {
	background-image: url(../images/header/btn_music_over.gif);
}

li.music a.stay {
	background-image: url(../images/header/btn_music_stay.gif);
}



/*----------------------------------------------------------
BTN_LESSON
----------------------------------------------------------*/


li.lesson a {
	background-image: url(../images/header/btn_lesson.gif);
}

li.lesson a:hover {
	background-image: url(../images/header/btn_lesson_over.gif);
}

li.lesson a.stay {
	background-image: url(../images/header/btn_lesson_stay.gif);
}




/*----------------------------------------------------------
BTN_PROFILE
----------------------------------------------------------*/


li.profile a {
	background-image: url(../images/header/btn_profile.gif);
}

li.profile a:hover {
	background-image: url(../images/header/btn_profile_over.gif);
}

li.profile a.stay {
	background-image: url(../images/header/btn_profile_stay.gif);
}



/*----------------------------------------------------------
BTN_LINK
----------------------------------------------------------*/


li.link a {
	background-image: url(../images/header/btn_link.gif);
}

li.link a:hover {
	background-image: url(../images/header/btn_link_over.gif);
}

li.link a.stay {
	background-image: url(../images/header/btn_link_stay.gif);
}




/*----------------------------------------------------------
BTN_CONTACT
----------------------------------------------------------*/


li.contact a {
	background-image: url(../images/header/btn_mail.gif);
}

li.contact a:hover {
	background-image: url(../images/header/btn_mail_over.gif);
}


/*----------------------------------------------------------
BTN_BLOG
----------------------------------------------------------*/


li.blog a {
	background-image: url(../images/header/btn_blog.gif);
}

li.blog a:hover {
	background-image: url(../images/header/btn_blog_over.gif);
}