@charset "shift_jis";

/*-------------------GLOBAL CONTROL-----------*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font-family: 'メイリオ', Meiryo, sans-serif;
	color: #808080;
	height: 100%;
}
html {
	height: 100%;
}

a:link {
	color: #808080;
}
a:visited {
	color: #808080;
}
a:hover {
	text-decoration: none;
	color: #ff3333;
}

table {
	border-collapse: collapse;
}
li {
	list-style-type: none;
}
img {
	border: none;
	margin: 0;
}
p {
	font-size: 12px;
}
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}
.clear {
	clear: both;
}
.clear hr {
	display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.text-left {
	text-align: left;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}
.red {

}
.blue {
	color: #6600ff;
}
.sky {
	color: #0066ff;
}
.pink {
	color: #ff00ff;
}
.orange {
	color: #ff9933;
}
.green {
	color: #04d7a8;
}

/*-------------------LAYOUT-------------------*/

#container {
	width: 1100px;
	height: 100%;
	margin: 0 auto;
}

/*-------------------TOP----------------------*/

#top-box {
	width: 1100px;
	height: 200px;
	text-align: center;
}

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

#menu {
	width: 1000px;
	height: 30px;
	margin: 0 0 0 50px;
}

#menu ul {
	list-style-type: none;
}

#menu li {
	text-indent: -9999px;
	float: left;
	width: 125px;
	margin: 0;
	padding : 0;
}

#menu a {
	display: block;
	width: 1000px;
	height: 30px;
	background-image: url('../img/menu/menu_off.gif');
	background-repeat: no-repeat;
}

#menu_top a {background-position: 0px 0;}
#menu_system a {background-position: -125px 0;}
#menu_gallery a {background-position: -250px 0;}
#menu_studio a {background-position: -375px 0;}
#menu_hairmake a {background-position: -500px 0;}
#menu_rental a {background-position: -625px 0;}
#menu_access a {background-position: -750px 0;}
#menu_info a {background-position: -875px 0;}

#menu a:hover {
	background-image: url('../img/menu/menu_on.gif');
	background-repeat: no-repeat;
}

#menu_top a:hover {background-position: 0px 0;}
#menu_system a:hover {background-position: -125px 0;}
#menu_gallery a:hover {background-position: -250px 0;}
#menu_studio a:hover {background-position: -375px 0;}
#menu_hairmake a:hover {background-position: -500px 0;}
#menu_rental a:hover {background-position: -625px 0;}
#menu_access a:hover {background-position: -750px 0;}
#menu_info a:hover {background-position: -875px 0;}

#menu_top_on a{
	background-position: 0 ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_top_on a:hover{
	background-position: 0 ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_system_on a{
	background-position: -125px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_system_on a:hover{
	background-position: -125px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_gallery_on a{
	background-position: -250px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_gallery_on a:hover{
	background-position: -250px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_studio_on a{
	background-position: -375px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_studio_on a:hover{
	background-position: -375px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_hairmake_on a{
	background-position: -500px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_hairmake_on a:hover{
	background-position: -500px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_rental_on a{
	background-position: -625px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_rental_on a:hover{
	background-position: -625px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_access_on a{
	background-position: -750px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_access_on a:hover{
	background-position: -750px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_info_on a{
	background-position: -875px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

#menu_info_on a:hover{
	background-position: -875px ;
	background-image: url('../img/menu/menu_in.gif');
	background-repeat: no-repeat;
}

/*-------------------MAIN---------------------*/

#main-box {
	width: 1100px;
	min-height: 100%;
}

/* subconteiner */
#subconteiner {
	width: 980px;
	padding: 20px 60px 0 60px;
}

#subconteiner h2 {
	text-align: center;
}

/*-------------------BOTTOM-------------------*/

#bottom-box {
	width: 1100px;
	height: 20px;
	text-align: center;
}

/*-------------------COPYRIGHT----------------*/

#copy-box {
	width: 1100px;
	text-align: center;
}
.copy-right {
	font-family: Century;
	font-size: 12px;
	font-style: normal;
	color: #efc400;
}

/* ########################### */
/*        間隔・長さ設定       */
/* ########################### */

.mt5  { margin-top: 5px; }
.mt6  { margin-top: 6px; }
.mt7  { margin-top: 7px; }
.mt8  { margin-top: 8px; }
.mt9  { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt1em { margin-top: 1em; }
.mt2em { margin-top: 2em; }
.mt3em { margin-top: 3em; }
.mt4em { margin-top: 4em; }
.mt5em { margin-top: 5em; }
.mt6em { margin-top: 6em; }
.mt100 { margin-top: 100px; }
.mt150 { margin-top: 150px; }
.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml50 { margin-left: 50px; }
.ml100 { margin-left: 100px; }
.ml150 { margin-left: 150px; }
.ml1em { margin-left: 1em; }
.ml1-5em { margin-left: 1.5em; }
.ml2em { margin-left: 2em; }
.ml4em { margin-left: 4em; }
.ml6em { margin-left: 6em; }
.ml-6em { margin-left: -6em; }