@charset "UTF-8";
/* CSS Document */


/*
PAGE LAYOUT
====================================================================================================================================================== */

#wrapper {
	width: 753px;
	margin-right: auto;
	margin-left: auto;
	background-color: #381103;
	text-align: left;
}

#container {
	width: 751px;
	background-image: url(../images/bg_vertical_line.gif);
	background-repeat: repeat-y;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#column_left {
	width: 150px;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 40px 0px;
	float: left;
}

#column_right {
	width: 600px;
	margin: 0px;
	padding: 0px 0px 40px 0px;
	float: right;
}

/*
HEADER LAYOUT
====================================================================================================================================================== */

#header {
	width: 751px;
	height: 120px;
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#headermain {
	width: 600px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#headline {
	width: 600px;
	height: 20px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	text-align: center;
}

#headline h1 {
	margin: 0px;
	padding: 0px;
	font-size: 0.84em;
	font-style: normal;
	line-height: 2em;
	font-weight: normal;
}

#headline h1 strong {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}

#headerlogo {
	width: 150px;
	height: 120px;
	margin-right: 1px;
	background-image: url(../images/logo_ms.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#headerlogo h2 {
	font-size: 0.84em;
	font-style: normal;
	font-weight: normal;
	overflow: hidden;
	text-indent: -9999px;
}

#header #headerlogo a {
	width: 150px;
	height: 110px;
	padding-top: 10px;
	display: block;
}

#headermenu {
	width: 160px;
	height: 90px;
	margin: 0px 5px 0px 435px;
	padding: 0px;
}

#headermenu ul {
	width: 160px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#headermenu li#ms {
	width: 160px;
	height: 40px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
}

#headermenu li#ms_annex {
	width: 160px;
	height: 40px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
}

#headermenu li#ms a {
	width: 160px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_ms.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#headermenu li#ms_annex a {
	width: 160px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_annex.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#headermenu li#ms a:hover {
	background-image: url(../images/btn_ms.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#headermenu li#ms_annex a:hover {
	background-image: url(../images/btn_annex.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*
BREADCRUMB LIST
====================================================================================================================================================== */

#breadcrumb {
	width: 590px;
	margin: 0px 0px 10px 5px;
	padding: 0px;
}

#breadcrumb li {
	font-size: 0.84em;
	line-height: 1.5em;
	color: #B9C3C6;
	display: inline;
}

#breadcrumb li a {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #CC6666;
	text-decoration: none;
	background-image: url(../images/breadcrumb_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#breadcrumb li a:visited {
	color: #CC6666;
	text-decoration: none;
}

#breadcrumb li a:hover {
	color: #B9C3C6;
	text-decoration: underline;
}

#breadcrumb li a:active {
	color: #B9C3C6;
	text-decoration: underline;
}

/*
BACK TO PAGE TOP
====================================================================================================================================================== */

/* Internet Explorer 4 以上 6 以下に対応 */
* html .pagetop {
	width: 600px;
	height: 15px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	clear: both;
}

* html .pagetop a {
	width: 125px;
	height: 15px;
	margin: 0px 2px 20px 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 15px;
	text-indent: -9999px;
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	display: block;
	overflow: hidden;
}

/* Internet Explorer 7 以上に対応 */
.pagetop {
	width: 600px;
	height: 15px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	clear: both;
}

.pagetop a {
	width: 125px;
	height: 15px;
	margin: 0px 5px 40px 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 15px;
	text-indent: -9999px;
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	display: block;
	overflow: hidden;
}

.pagetop a:hover {
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Internet Explorer 4 以上 6 以下に対応 */
* html #pagetop_lower {
	width: 751px;
	height: 15px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	clear: both;
}

* html #pagetop_lower a {
	width: 125px;
	height: 15px;
	margin: 0px 2px 20px 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 15px;
	text-indent: -9999px;
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	display: block;
	overflow: hidden;
}

/* Internet Explorer 7 以上に対応 */
#pagetop_lower {
	width: 751px;
	height: 15px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	clear: both;
}

#pagetop_lower a {
	width: 125px;
	height: 15px;
	margin: 0px 5px 40px 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 15px;
	text-indent: -9999px;
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	display: block;
	overflow: hidden;
}

#pagetop_lower a:hover {
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*
GLOBAL NAVIGATION LAYOUT
====================================================================================================================================================== */

#globalnavi {
	width: 150px;
	margin: 0px 0px 35px 0px;
	padding: 0px;
}

#globalnavi ul {
	width: 150px;
	margin: 0px;
	padding: 0px;
}

#globalnavi li {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#globalnavi li#globalnavi_home a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalnavi li#globalnavi_shop a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_shop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalnavi li#globalnavi_nail a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_nail.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#globalnavi li#globalnavi_eyelash a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_eyelash.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalnavi li#globalnavi_gallery a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_gallery.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalnavi li#globalnavi_access a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_access.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalnavi li#globalnavi_contact a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalnavi li#globalnavi_home a:hover {
	background-image: url(../images/btn_home.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#globalnavi li#globalnavi_shop a:hover {
	background-image: url(../images/btn_shop.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#globalnavi li#globalnavi_nail a:hover {
	background-image: url(../images/btn_nail.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#globalnavi li#globalnavi_eyelash a:hover {
	background-image: url(../images/btn_eyelash.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#globalnavi li#globalnavi_gallery a:hover {
	background-image: url(../images/btn_gallery.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#globalnavi #globalnavi_access a:hover {
	background-image: url(../images/btn_access.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#globalnavi li#globalnavi_contact a:hover {
	background-image: url(../images/btn_contact.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*
SIDE MENU LAYOUT
====================================================================================================================================================== */

#sidemenu {
	width: 150px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
}

#sidemenu ul {
	width: 150px;
	margin: 0px;
	padding: 0px;
}

#sidemenu li {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#sidemenu li#sidemenu_blog a {
	height: 90px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sidemenu li#sidemenu_campaign a {
	height: 90px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_campaign.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sidemenu li#sidemenu_media a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_media.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sidemenu li#sidemenu_recruit a {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_recruit.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sidemenu li#sidemenu_career a {
	height: 90px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn_career.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sidemenu li#sidemenu_mobile span {
	height: 35px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/ttl_mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sidemenu li#sidemenu_text span {
	height: 50px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	font-size: 0.92em;
	line-height: 1.64em;
	text-align: center;
	display: block;
}

#sidemenu li#sidemenu_qrcode span {
	height: 80px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/ttl_qrcode.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sidemenu li#sidemenu_blog a:hover {
	background-image: url(../images/btn_blog.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#sidemenu li#sidemenu_campaign a:hover {
	background-image: url(../images/btn_campaign.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sidemenu li#sidemenu_media a:hover {
	background-image: url(../images/btn_media.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sidemenu li#sidemenu_recruit a:hover {
	background-image: url(../images/btn_recruit.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sidemenu li#sidemenu_career a:hover {
	background-image: url(../images/btn_career.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*
FOOTER LAYOUT
====================================================================================================================================================== */

#footer {
	width: 751px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#footermenu {
	width: 751px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#footermenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footermenu li {
	margin: 0;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 0.85em;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 0.1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4C6691;
	display: inline;
}

#footermenu li.last {
	border-right: none;
}

/*
FOOTER COPYRIGHT LAYOUT
====================================================================================================================================================== */

#copyright {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.85em;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center;
}

/*
PAGE BOTTOM LAYOUT
====================================================================================================================================================== */

#area_bottom {
	height: 20px;
	width: 753px;
}