@charset "UTF-8";

/* common */

.clr{zoom:1;}
.clr:after{content:".";display: block;height:0px;clear:both;line-height:0; visibility:hidden;}

p.err{
	width:60%;
	color:#fff;
	padding:10px;
	margin:20px 0;
	background-color:#f00;
	border:1px solid #666;
}

.mainBox {
}

.subBox {
}

.formStyleTable{width:500px;}
.styleTable{
	width:600px;
	color:#333;
}

.formStyleTable,
.styleTable
{
    border-top:1px solid #333;
    border-left:1px solid #333;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	margin:0 auto;
}
.formStyleTable th,
.styleTable th
{
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    color:#333;
    background-color:#ccc;
    background-image:url("../img/kanri/backTable.gif");
    background-position:left top;
    padding:3px 10px;
    text-align:center;
}
.styleTable th{
	font-weight:bold;
	white-space:nowrap
}
.formStyleTable th.title,
.styleTable th.title
{
    font-size:123.1%;
	font-weight:bold;
}
.formStyleTable td,
.styleTable td
{
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    padding:3px 10px;
}
.styleTable td{
	font-size:123.1%;
}
.formStyleTable .textForm
.styleTable .textForm
{
	width:260px; height:21px;
	margin:5px 10px;
	font-size:123.1%;
}
tr.trType1{
    background-color:#cff;
}
td.tableCenter{
    text-align:center;
}
.formStyleTable .text{
	color:#999;
}

table.tableType1{
    border-top:1px solid #333;
    border-left:1px solid #333;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	margin:0 0 20px 0;
}
table.tableType1 th{
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    color:#333;
    background-color:#ccc;
    background-image:url("../img/kanri/backTable.gif");
    background-position:left top;
    padding:7px 10px;
    text-align:center;
	font-size:108%;
}
table.tableType1 td{
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    padding:7px 10px;
}

h1.bar {
	width:656px;
	height:33px;
	background:url(../img/bar.gif) left top no-repeat;
	font-size:123.1%;
	font-weight:bold;
	color:#000;
	padding:8px 0 0 22px;
}

/* font */
body {
	font-size: 13px;
	line-height: 1.231;
	*font-size: 82%;
	*font: 82%;
	font-family: ;
	color:#69604c;
}

em {
}

strong {
	font-weight:bold;
}

address {
}

.show {
	display:none;
}

small{
	font-size:85%;
	color:#c00;
}

.txtType01{
	line-height: 150%;
}

pre.txtType1{
	width:600px;
	color:#333;
    font-size:123.1%;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 */
	word-wrap: break-word; /* IE 5.5+ */
	margin:0 auto;
}

.txtProf{
	font-size:108%;
}

p.txtConfirm {
	font-size:108%;
	text-align:center;
}

span.emphasis {
	color:#c00;
	font-weight:bold;
}

.emp{
	background-color:#fe0;
	color:#c00;
}

.emp2{
	background-color:#fe0;
	font-weight:bold;
}

.emp3{
	text-decoration:underline;
}

.emp4{
	color:#c00;
	text-decoration:underline;
	font-weight:bold;
}

/* link */
a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

a:focus {
}

a.type1{}

a.type1:link {
	color:#00f;
}

a.type1:visited {
	color:#00f;
}

a.type1:hover {
	color:#f00;
}

a.type1:active {
}

a.type1:focus {
}

a.type2{}

a.type2:link {
	color:#04c;
}

a.type2:visited {
	color:#639;
}

a.type2:hover {
	color:#04c;
}

a.type2:active {
}

a.type2:focus {
}

/* contents */

.topFlashBox{
	margin:0 0 26px 0;
}

.mailBox{
	width:292px;
	padding:100px 0 16px 0;
	background:url(../img/title_sub_mail_magazine.gif) center top no-repeat;
	position:relative;
}

.newBeautyBox{
	margin:0 0 28px 0;
}

.infomationBox{
	padding:47px 0 20px 16px;
	background:url(../img/title_sub_infomation.gif) center top no-repeat;
	position:relative;
}

.salonBox{
	padding:47px 0 0 2px;
	background:url(../img/title_sub_salon.gif) center top no-repeat;
	position:relative;
}

.infomationBox dl{
}

.infomationBox dt{
	color:#666;
}

.infomationBox dd{
	margin:3px 0 5px 10px;
}

.infomationBox dd a{
	color:#e15285;
}

.infomationBox dd a:hover{
	color:#f17aa4;
}

.salonBox img{
	float:left;
}

.salonBox .txtSalon {
	width:240px; height:16px;
	background:url(../img/txt_sub_salon.gif) left top no-repeat;
	text-indent:-9999px;
	margin:0 0 6px 0;
}

.salonBox blockquote {
	width:140px;
	color:#666;
	margin:0 0 0 6px;
	float:left;
}

h1#titleMain {
	width:577px; height:59px;
	background:url(../img/title_profiles.gif) left top no-repeat;
	text-indent:-9999px;
	float:left;
}

h1#titleBeauty {
	width:345px; height:37px;
	background:url(../img/title_beauty_list.gif) left top no-repeat;
	text-indent:-9999px;
	float:left;
}

h1#contentsTitle {
	width:950px;
	font-size:108%;
	font-weight:bold;
	color:#c00;
	border-left:10px solid #c00;
	border-bottom:1px dotted #ccc;
	padding:5px 0 4px 6px;
	margin:0 0 20px 0;
}

h2#txtBeautyList,
h2#txtFoodList,
h2#txtEquipmentList
{
	margin:14px 0 0 0;
	text-indent:-9999px;
	float:left;
}

h2#err {
	width:60%;
	font-size:108%;
	font-weight:bold;
	color:#c00;
	border-left:10px solid #c00;
	border-bottom:1px dotted #ccc;
	padding:5px 0 4px 6px;
	margin:0 0 6px 0;
}

h2.title {
	width:60%;
	font-size:108%;
	font-weight:bold;
	color:#666;
	border-left:10px solid #ccc;
	border-bottom:1px dotted #ccc;
	padding:5px 0 4px 6px;
	margin:0 0 20px 0;
}

h3 {
	width:60%;
	font-size:108%;
	font-weight:bold;
	color:#c00;
	border-left:10px solid #c00;
	border-bottom:1px dotted #ccc;
	padding:5px 0 4px 6px;
	margin:0 0 6px 0;
}

#footer h4 {
	text-indent:-9999px;
}

#footer h4.txtfooterLogo{
	width:150px; height:17px;
	background:url(../img/txt_footer_logo.gif) left top no-repeat;
}

#footer h4.txtfooterTrouble{
	width:120px; height:17px;
	background:url(../img/txt_trouble.gif) left top no-repeat;
}

#footer h4.txtfooterBuy{
	width:120px; height:17px;
	background:url(../img/txt_buy.gif) left top no-repeat;
}

#footer #footerTxtBox {
	margin:10px 0 0 0;
}

#footer .footerBoxSub {
	float:right;
}

#header dl {
	width:1000px;
	margin: 0 auto;
  display: flex;
  align-items: center;
}

#header dt {
}

#header dd#mainLogo{
	margin: 40px 0 0 30px;
	float:left;
}

#header dd#txtCompany{
	margin:13px 0 0 165px;
	float:left;
}

#header dd#txtMng01{
  margin: 0 20px 0 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

#footer p {
	font-size:77%;
	color:#28508d;
}

#footer a {
	font-size:77%;
	color:#666;
}

#footer a:hover {
	font-size:77%;
	color:#999;
}

#userNav{
	width:250px; height:37px;
	margin:17px 0 0 29px;
	border: #000 solid 1px;
	float:left;
}

#userNav ul{
	height:17px;
	margin:10px 0 0 0;
}

#userNav li{
	display:inline;
}

#userNav li a{
	height:17px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	float:left;
}

#userNav li#txtLogin a{
	width:69px;
	background:url(../img/btn_user_nav_off.gif) no-repeat 0 0;
}

#userNav li#txtMember a{
	width:90px;
	background:url(../img/btn_user_nav_off.gif) no-repeat -69px 0;
}

#userNav li#txtCart a{
	width:88px;
	background:url(../img/btn_user_nav_off.gif) no-repeat -159px 0;
}

#userNav li#txtLogin a:hover{
	width:69px;
	background:url(../img/btn_user_nav_on.gif) no-repeat 0 0;
}

#userNav li#txtMember a:hover{
	width:90px;
	background:url(../img/btn_user_nav_on.gif) no-repeat -69px 0;
}

#userNav li#txtCart a:hover{
	width:88px;
	background:url(../img/btn_user_nav_on.gif) no-repeat -159px 0;
}

#guideNav {
	width:250px;
	margin:10px 0 0 29px;
	float:left;
}

#guideNav ul{
	height:15px;
}

#guideNav li{
	display:inline;
}

#guideNav li a{
	height:15px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	float:left;
}

#guideNav li#txtMelma a{
	width:91px;
	background:url(../img/btn_guide_nav_off.gif) no-repeat 0 0;
}

#guideNav li#txtSitemap a{
	width:83px;
	background:url(../img/btn_guide_nav_off.gif) no-repeat -91px 0;
}

#guideNav li#txtQA a{
	width:76px;
	background:url(../img/btn_guide_nav_off.gif) no-repeat -174px 0;
}

#guideNav li#txtMelma a:hover{
	width:91px;
	background:url(../img/btn_guide_nav_on.gif) no-repeat 0 0;
}

#guideNav li#txtSitemap a:hover{
	width:83px;
	background:url(../img/btn_guide_nav_on.gif) no-repeat -91px 0;
}

#guideNav li#txtQA a:hover{
	width:76px;
	background:url(../img/btn_guide_nav_on.gif) no-repeat -174px 0;
}

#globalNav {
	width:100%; height:35px;
	background:url(../img/bg_global_nav.gif) center top no-repeat;
	text-align:center;
}

#globalNav ul{
	width:1000px;
	margin:0 auto;
}

#globalNav li{
	display:inline;
}

#globalNav li a {
	height:35px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	float:left;
}

#globalNav #globalMain li#globalTop a{
	width:145px;
	background:url(../img/btn_top_off.gif) no-repeat 0 0;
	margin:0 529px 0 0 !important;
	margin:0; /* for only IE6 style */
	padding:0 !important;
	padding:0 529px 0 0; /* for only IE6 style */
}

#globalNav #globalSub li#globalCompany a{
	width:155px;
	background:url(../img/btn_company_off.gif) no-repeat 0 0;
	float:left;
}

#globalNav #globalSub li#globalProfile a{
	width:194px;
	background:url(../img/btn_profile_off.gif) no-repeat 0 0;
	float:left;
}


#globalNav #globalSub li#globalContact a{
	width:132px;
	background:url(../img/btn_contact_off.gif) no-repeat 0 0;
	float:left;
}

#globalNav #globalMain li#globalTop a:hover{
	width:145px;
	background:url(../img/btn_top_on.gif) no-repeat 0 0;
	margin:0 529px 0 0 !important;
	margin:0; /* for only IE6 style */
	float:left;
}

#globalNav #globalSub li#globalCompany a:hover{
	width:155px;
	background:url(../img/btn_company_on.gif) no-repeat 0 0;
	float:left;
}

#globalNav #globalSub li#globalProfile a:hover{
	width:194px;
	background:url(../img/btn_profile_on.gif) no-repeat 0 0;
	float:left;
}

#globalNav #globalSub li#globalContact a:hover{
	width:132px;
	background:url(../img/btn_contact_on.gif) no-repeat 0 0;
	float:left;
}

#globalNavMember {
	position:absolute;
	top:116px; left:0;
	width:100%; height:35px;
	background:url(../img/bg_global_nav.gif) center top no-repeat;
	text-align:center;
}

#globalNavMember ul{
	width:1000px;
	margin:0 auto;
}

#globalNavMember li{
	display:inline;
}

#globalNavMember li a {
	height:35px;
	display:block;
	overflow:hidden;
	float:left;
}

#globalNavMember #globalMain li.nav a{
	width:145px;
	background:url(../img/btn_back_off.gif) no-repeat 0 0;
	padding-top:7px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

#globalNavMember #globalMain li.nav a:hover{
	width:145px;
	background:url(../img/btn_back_on.gif) no-repeat 0 0;
	padding-top:7px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	float:left;
}

#localNav {
}
#localNav li a {
}
#localNav li a:link, #localNav li a:visited {
}
#localNav li a:hover, #localNav li#disp a:hover {
}

#contentsBox {
	width:643px;
	border-top: #ccc solid 1px;
	border-left: #900 solid 3px;
	padding:0 0 0 13px;
	overflow:hidden;
}

#contentsBox p {
	margin:17px 0 0 10px;
	float:left;
}

#contentsBox h3,
#contentsBox dt
{
	display:none;
}

#detailsBox {
	width:645px;
	border-top: #ccc solid 1px;
	border-left: #98ab11 solid 3px;
	margin:8px 0 0 0;
	padding:5px 0 0 10px;
	overflow:hidden;
	text-align:center;
}

.titleBox {
}

.dataBox {
	width:638px; height:160px;
	margin:14px 10px 0 0;
	border: #ccc solid 1px;
	float:left;
}

.profBox{
	width:638px;
	margin:14px 10px 0 0;
	padding:20px 0;
	border: #ccc solid 1px;
}

.footerBox {
	float:left;
}

p.more {
	margin:16px 0 0 0;
	text-align:right;
	float:right;
}

p.more2 {
	top:7px; left:154px;
	position:absolute;
}

address#copyright {
	font-size:77%;
	padding:5px;
	text-align:right;
}


#headBox{
	position:relative;
	width:100%;
	background:#000;
	margin:0 auto;
	text-align:center;
	min-width:1000px;
}

#headBack {
	width:100%;
	height:140px;
	background:url(../img/bg_head.gif) center top no-repeat;
	text-align:center;
}

#headBackMember {
	position:absolute;
	top:28px; left:0;
	width:100%; height:140px;
	background:url(../img/bg_head.gif) center top no-repeat;
	text-align:center;
}

/* layout */

body {
	width:100%;
	background:#fff;
}

#wrapper {
  height: 100vh;
	background-color: #000;
  padding: 30px;
}

#wrapperMember {
	background:url(../img/bg2.gif) center top no-repeat;
}

#wrapperFree {
	background:url(../img/bg_free.gif) center top no-repeat;
}

#wrapperNoBack {
}

#header {
	width:100%;
	margin:0 auto;
	padding:0;
}

#container {
	width:1000px;
  background: #fff;
	text-align:left;
	margin:0 auto;
}

#main {
	width:690px;
	float:left;
	text-align:left;
}

#main1Col {
	width:1000px;
}

#mainContainer {
	margin:17px 17px 17px 16px !important;
	margin:17px 16px 17px 16px; /* for only IE6 style */
}

#mainContainerMember {
	margin:170px 17px 17px 16px !important;
	margin:170px 16px 17px 16px; /* for only IE6 style */
}

#topContainer {
	margin: 17px 17px 17px 17px !important;
	margin:17px 16px 17px 16px; /* for only IE6 style */
}

#sub {
	width:310px;
	float:right;
	text-align:left;
}

#subContainer {
	margin:17px 17px 0 0;
}

#subContainerMember {
	margin:170px 17px 0 0;
}

#footer {
	width:1000px;
	background:url(../img/line_black.gif) center top repeat-x;
  background-color: #fff;
  box-sizing: border-box;
	margin:0 auto;
  padding: 30px;
}

/* set */
input#btnDownload{
	width:360px; height:72px;
	background:url(../img/btn_download_off.gif) center top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin:10px auto;
	padding:0;
	border:0;
	display:block;
	font-size: 0px;
	line-height: 0px;

}

input#btnDownload:hover,
input#btnDownload:focus {
	background:url(../img/btn_download_on.gif) center top no-repeat;
}
a.btnDownload{
	width:360px; height:72px;
	background:url(../img/btn_download_on.gif) center top no-repeat;
	text-indent:-9999px;
	display:block;
	margin:10px auto;
	padding:0;
	border:0;
}

a.btnDownload:hover,
a.btnDownload:focus {
	background:url(../img/btn_download_on.gif) center top no-repeat;
}

input#btnMelma{
	width:360px; height:72px;
	background:url(../img/btn_melma_off.gif) center top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin:10px auto;
	padding:0;
	border:0;
	display:block;
	font-size: 0px;
	line-height: 0px;
}

input#btnMelma:hover,
input#btnMelma:focus {
	background:url(../img/btn_melma_on.gif) center top no-repeat;
}

input#btnSeminar{
	width:360px; height:72px;
	background:url(../img/btn_seminar_off.gif) center top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin:10px auto;
	padding:0;
	border:0;
	display:block;
	font-size: 0px;
	line-height: 0px;
}

input#btnSeminar:hover,
input#btnSeminar:focus {
	background:url(../img/btn_seminar_on.gif) center top no-repeat;
}

input#btnOffer{
	width:360px; height:72px;
	background:url(../img/btn_offer_off.gif) center top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin:10px auto;
	padding:0;
	border:0;
	display:block;
	font-size: 0px;
	line-height: 0px;
}

input#btnOffer:hover,
input#btnOffer:focus {
	background:url(../img/btn_offer_on.gif) center top no-repeat;
}

a.btnOffer{
	width:360px; height:72px;
	background:url(../img/btn_offer_off.gif) center top no-repeat;
	text-indent:-9999px;
	display:block;
	margin:10px auto;
	padding:0;
	border:0;
}

a.btnOffer:hover,
a.btnOffer:focus {
	background:url(../img/btn_offer_on.gif) center top no-repeat;
}

input#btnNext{
	width:360px; height:72px;
	background:url(../img/btn_next_off.gif) center top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin:10px 0;
	padding:0;
	border:0;
}

input#btnNext:hover,
input#btnNext:focus {
	background:url(../img/btn_next_on.gif) center top no-repeat;
}

input#btnOrder{
	width:360px; height:72px;
	background:url(../img/btn_order_off.gif) center top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin:10px 0;
	padding:0;
	border:0;
}

input#btnOrder:hover,
input#btnOrder:focus {
	background:url(../img/btn_order_on.gif) center top no-repeat;
}

input#btnReg{
	width:360px; height:72px;
	background:url(../img/btn_reg_off.gif) center top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	margin:10px auto;
	padding:0;
	border:0;
	display:block;
	font-size: 0px;
	line-height: 0px;

}

input#btnReg:hover,
input#btnReg:focus {
	background:url(../img/btn_reg_on.gif) center top no-repeat;
}


.float{
	float:left;
}