/* EUC-JP  ÆüËÜ¸ìCSS ÆüËÜ¸åÉ½µ­¤Î¼«Æ°È½ÊÌ¤Î¤¿¤á¤Î½èÍý */
@import '/css/apsalus4/css/apsalus4.bootstrap_btn.v1r0.css';


#tbmg .main_content h1{
font-size: 100%;
padding: 0;
margin: 0;
line-height: initial;
}

#tbmg #header-container{
background-color: white;
}

#tbmg .main_content{
background-color: white;
}
#tbmg .main_content_box{
	width:640px;
	float:left;
}
#tbmg .right_content_box{
	width:280px;
	float:left;
	margin-left: 20px;
}


#tbmg .rightmenu_box{
width:280px;
margin-bottom: 20px;
}
#tbmg .bg_white{
	background-color: #fff;
}

#tbmg .banner_box{
	margin-bottom: 20px;
}

#tbmg .content{
padding-bottom:48px;
}

/* BACKNUMBER */
#tbmg .backnumber_box {
	margin-bottom: 20px;
}
#tbmg .backnumber_box .header{
	background-color:#475c89;
	padding-left: 10px;
   -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-right-radius: 0px;  
    -webkit-border-bottom-left-radius: 0px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
    -moz-border-radius-bottomright: 0px;  
    -moz-border-radius-bottomleft: 0px;  
	padding-top: 5px;
	padding-bottom: 10px;
}
#tbmg .backnumber_box .header strong,
#tbmg .backnumber_box .header h3{
	color: #fefefe;
}
#tbmg .backnumber_box .header form{
	margin:5px 0;
}
#tbmg .backnumber_box .header small{
	font-size:9px;
	color: #fefefe;
	display:block;
	padding-right:10px;
}

#tbmg .backnumber{
	background-color:#ffffff;
	border-bottom: 1px dotted #ccc;
	height: 60px;
	padding: 2px 0px;
	overflow:hidden;
}
#tbmg .backnumber .icon{
	width: 60px;
	height: 60px;
	margin-left:2px;
	float:left;
}
#tbmg .backnumber .salonname{
	width: 198px;
	margin-left: 20px;
	padding-top:5px;
	float:left;
}
#tbmg .backnumber .stylist{
	width: 198px;
	font-size: 120%;
	line-height: 1.5;
	margin-left: 20px;
	padding-top:5px;
	float:left;
}
#tbmg .backnumber_box .morelink{
	text-align:right;
}

#tbmg .skillupnews_box .backnumber .description{
	width: 198px;
	font-size: 90%;
	line-height: 1.7;
	margin-left: 5px;
	padding-top:0px;
	float:left;
}
#tbmg .skillupnews_box .backnumber .description .date{
	color: #cccccc;
}

#tbmg .information_box {
	margin-bottom: 20px;
}
#tbmg .information_box .header{
	background-color:#475c89;
	padding-left: 10px;
   -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-right-radius: 0px;  
    -webkit-border-bottom-left-radius: 0px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
    -moz-border-radius-bottomright: 0px;  
    -moz-border-radius-bottomleft: 0px;  
	padding-top: 5px;
	padding-bottom: 5px;
}
#tbmg .information_box .header strong{
	color: #fefefe;
}
#tbmg .information_box .header form{
	margin:0;
}

/* */
#tbmg #footer{
	background-color: #666666;
}

#tbmg #footer p{
	margin: 0px;
	text-align: center;
	line-height: 20px;
	font-family: Helvetica;
	font-size: 12px;
}
#tbmg #footer p.links{
	font-size: 14px;
	margin-bottom: 10px;
}
#tbmg #footer a {
	background: url(../image/bg_link_icon.gif) no-repeat 0px 2px;
	color: #FFFFFF;
	padding-left: 15px;
}
#tbmg #footer a:hover {
	background: url(../image/bg_link_icon_over.gif) no-repeat 0px 2px;
	color: #FFFF00;
}

#tbmg #footer p.copyright{
	color: #FFFFFF;
}

#tbmg #footer-before {
	clear:left;
	background-color: #FFFFFF;
	color: #666666;
	height: 65px;
	padding-top: 30px;
	margin-top: 30px; 
	text-align:center;
}
#tbmg #footer-before a {
	text-decoration:none;
	margin-left: 10px;
}
#tbmg #footer-before a:hover {
	color: #FFFF00;
	text-decoration:none;
}


#tbmg #footer-before  a.outlet{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_outlet.jpg);
	background-repeat:no-repeat;
	float:left;
}

#tbmg #footer-before  a.tbx{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_tbx.jpg);
	background-repeat:no-repeat;
	float:left;
}

#tbmg #footer-before  a.tb-net{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_tb-net.jpg);
	background-repeat:no-repeat;
	float:left;
}

#tbmg #footer-before  a.tbv{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_tbv.jpg?20121016);
	background-repeat:no-repeat;
	float:left;
}

#tbmg #footer-before  a.kaigyo{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_kaigyo.jpg);
	background-repeat:no-repeat;
	float:left;
}


#tbmg #footer-before  a:hover.outlet{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_outlet_f2.jpg);
	background-repeat:no-repeat;
	float:left;
}

#tbmg #footer-before  a:hover.tbx{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_tbx_f2.jpg);
	background-repeat:no-repeat;
	float:left;
}

#tbmg #footer-before  a:hover.tb-net{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_tb-net_f2.jpg);
	background-repeat:no-repeat;
	float:left;
}

#tbmg #footer-before  a:hover.tbv{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_tbv_f2.jpg?20121016);
	background-repeat:no-repeat;
	float:left;
}


#tbmg #footer-before  a:hover.kaigyo{
	display:block;
	width:116px;
	height:36px;
	background-image:url(../image/banner_kaigyo_f2.jpg);
	background-repeat:no-repeat;
	float:left;
}


#tbmg #footer-before .linkbox{
	width: 600px;
	text-align:center;
	margin: 0 auto;
}

#tbmg #menus{
	width: 190px; 
	float: left;
}

/* TBMG oldies header */
#tbmg header{
	background-color: #666666;
	color: #FFFFFF;
	margin-bottom: 30px;
}
#tbmg #header {
	width: 940px;
	margin: 0 auto;
	height: 40px;
}
#tbmg #header h1{
	font: normal 10px/40px Arial, Helvetica,"£Í£Ó ¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",  sans-serif;
	float: left;
}
#tbmg #header div.right{
	float:right;
	margin-right: 10px;
}

#tbmg #header span {
	font: normal 10px/40px Arial, Helvetica,"£Í£Ó ¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",  sans-serif;
}
#tbmg #header a {
	font: normal 10px/40px Arial, Helvetica,"£Í£Ó ¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",  sans-serif;
	/* background: url(../image/bg_link_icon.gif) no-repeat; */
	color: #FFFFFF;
	/* padding-left: 15px; */
}
#tbmg #header a:hover {
	/* background: url(../image/bg_link_icon_over.gif) no-repeat;  */
	color: #FFFF00;
}
#tbmg #header .information {
	background-color: #999999;
	color: #FFFFFF;
	clear:left;
	padding-left: 8px;
}
#tbmg #header .information a {
	background: url(../image/bg_link_icon.gif) no-repeat;
	background:none;
	font-size: 10px;
	line-height: 16px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 0px;
}
#tbmg #header .information a#hover {
	background: url(../image/bg_link_icon.gif) no-repeat;
	background:none;
	font-size: 10px;
	line-height: 16px;
	text-decoration:underline;
	color: #FFFF33;
	padding-left: 0px;
}


/* */
#tbmg .content-inner img {
max-width:100%;
width:100%;
}
#tbmg .w100p{
width:100%;
}
#tbmg .pull-center{
float:none;
margin:auto;
}

#tbmg .pull-left{
float:left;
}
#tbmg .pull-right{
float:right;
}

#tbmg .p4{padding:4px;}

#tbmg .mbw{margin-bottom:20px;}
#tbmg .mtw{margin-top:20px;}
#tbmg .mlw{margin-left:20px;}
#tbmg .mrw{margin-right:20px;}

/* ul splitlist */
ul.splitlist {
zoom: 1;
}
ul.splitlist:after{
  content: ""; 
  display: block; 
  clear: both;
}
ul.splitlist > li {
float:left;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden;
}

#tbmg .splitlist .split-left{
	border-left: 1px solid #bbb;
}
#tbmg .splitlist .split-right{
	border-right: 1px solid #bbb;
}


/* ul seplist  */
ul.seplist {
zoom: 1;
}
ul.seplist:after{
  content: ""; 
}
ul.seplist > li {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden;
}
ul.seplist > li > a {
display: inline-block;
}

ul.seplist > li:before {
 content: " | ";
}
ul.seplist > li:first-child:before {
 content: "";
}


/* ul navilist */
ul.navilist {
zoom: 1;
}
ul.navilist:after{
  content: ""; 
  display: block; 
  clear: both;
}
ul.navilist > li {
float:left;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden;
}

ul.navilist > li > a{
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden;
text-align:center;
text-decoration:none;
padding: 0.5em;
line-height:1.3;
word-wrap: normal;
word-break:keep-all;
}

/* .navilist g */
ul.navilist > li {
background-color: #777;
color: #fff;
border-left: 1px solid #fff;
}
ul.navilist > li:first-child {
border-left:none;
}
ul.navilist > li > a{
background-color: #666;
color: #fff;
}
ul.navilist > li > a:hover{
background-color: #999;
color: yellow;
}
ul.navilist > li > a.active{
background-color: #999;
color: #fff;
}
ul.navilist > li:first-child {
border-left:none;
}


.sep2{
	width:50%;
}

.sep3{
	width:33.3333333%;
}

.sep4{
	width:25%;
}

.sep5{
	width:20%;
}

.sep6{
	width:16.6666666%;
}

.sep7{
	width:14.28%;
}

.sep8{
	width:12.5%;
}

.sep9{
	width:11.1%;
}

.sep10{
	width:10%;
}

.sep16{
	width:6.25%;
}


dl[class^="sep"],
dl[class*=" sep"],
ol.sep1,
ol.sep2,
ol.sep3,
ol.sep4,
ol.sep5,
ol.sep6,
ol.sep7,
ol.sep8,
ol.sep9,
ol.sep10,
ol.sep16,
ul.sep1,
ul.sep2,
ul.sep3,
ul.sep4,
ul.sep5,
ul.sep6,
ul.sep7,
ul.sep8,
ul.sep9,
ul.sep10,
ul.sep16{
	width:auto;
}
*.sep2 > *{
	width:50%;
}
*.sep3 > *{
	width:33.33%;
}
*.sep3 > *.col2{
	width:67%;
}
*.sep4 > *.col1,
*.sep4 > *{
	width:25%;
}
*.sep4 > *.col2{
	width:50%;
}
*.sep4 > *.col3{
	width:75%;
}
*.sep4 > *.col4{
	width:100%;
}

*.sep5 > *.col1,
*.sep5 > *{
	width:20%;
}
*.sep5 > *.col2{
	width:40%;
}
*.sep5 > *.col3{
	width:60%;
}
*.sep5 > *.col4{
	width:80%;
}
*.sep5 > *.col5{
	width:100%;
}
*.sep6 > *{
	width:16.6666666%;
}
*.sep7 > *{
	width:14.28%;
}
*.sep8 > *{
	width:12.5%;
}
*.sep9 > *{
	width:11.1%;
}
*.sep10 > *{
	width:10%;
}
*.sep16 > *{
	width:6.25%;
}

@media (max-width: 939px) {
	.sep3-xs-sep1{
		width:100%;
	}
	*.sep3-xs-sep1 > *{
		width:100%;
	}
	
}



#tbmg .hidden{
display:none;
}

/* header */
#tbmg .tbmg-bar{
background-color:#333;
color: #fff;
height:45px;
/* width:940px; 20210930 */
margin:auto;
margin-bottom: 20px;
}
#tbmg .tbmg-bar .tbmg-bar-header{
float:left;
line-height:45px;
padding-top:10px;
}
#tbmg .tbmg-bar .tbmg-bar-mail{
float:right;
line-height:45px;
margin-right:16px;
}
#tbmg .tbmg-bar a{
color:#fff;
}
@media (max-width: 939px) {
	#tbmg .container-fluid-p0-xs{
		padding-left: 0; 
		padding-right: 0; 
		/*  */
	}
	#tbmg .tbmg-bar{
		margin:0;
		height: 28px;
	}
	#tbmg .tbmg-bar .tbmg-bar-header{
		line-height: 28px;
		padding-top:2px;
	}
	#tbmg .tbmg-bar .tbmg-bar-mail{
		height:0;
		margin:0;
		padding:0;
	}
}


#tbmg .tbmg2012 img{
width:auto;
height:auto;
max-width:none;
max-height:none;
}

#tbmg .tbmg2012 img[src*="spacer.gif"]{
width:1px;
height:1px;
}
#tbmg .tbmg2012 img[height="1"]{
height:1px;
}
#tbmg .tbmg2012 img[height="5"]{
height:5px;
}

#tbmg .tbmg2012 img[height="10"]{
height:10px;
}
#tbmg .tbmg2012 img[height="15"]{
height:15px;
}
#tbmg .tbmg2012 img[height="20"]{
height:20px;
}
#tbmg .tbmg2012 img[height="72"]{
height:72px;
}
#tbmg .tbmg2012 img[width="363"]{
width:363px;
}
#tbmg .tbmg2012 img[width="20"]{
width:18px;
}
#tbmg .tbmg2012 img[width="15"]{
width:15px;
}
#tbmg .tbmg2012 img[width="13"]{
width:13px;
}
#tbmg .tbmg2012 img[width="10"]{
width:10px;
}
#tbmg .tbmg2012 img[width="5"]{
width:5px;
}
#tbmg .tbmg2012 img[width="2"]{
width:2px;
}
#tbmg .tbmg2012 img[width="1"]{
width:1px;
}
#tbmg .tbmg2012 img[width="232"]{
width:232px;
}
#tbmg .tbmg2012 img[width="80"]{
width:80px;
}

#tbmg .tbmg2012 img[width="572"]{
width:572px;
}

#tbmg .tbmg2012 img[width="600"]{
width:600px;
}

#tbmg .tbmg2012 td[width="1"]{
width:1px;
overflow:hidden;
}
#tbmg .tbmg2012 td[width="13"]{
width:13px;
overflow:hidden;
}
#tbmg .tbmg2012 td[width="20"]{
width:19px;
overflow:hidden;
}

#tbmg .tbmg2012 td[width="312"]{
width:312px;
overflow:hidden;
}


#tbmg .tbmg2012 a{
	color: #08c;
}

a:link{
	text-decoration: none;
}
#tbmg .tbmg2012 a.btn{
	color: #333;
}

#tbmg .tbmg2012 a.btn-primary,
#tbmg .tbmg2012 a.btn-warning,
#tbmg .tbmg2012 a.btn-danger,
#tbmg .tbmg2012 a.btn-success,
#tbmg .tbmg2012 a.btn-info,
#tbmg .tbmg2012 a.btn-inverse{
	color: #ffffff ;
}
#tbmg .tbmg2012 p{
margin: 0 0 9px;
}
#tbmg .tbmg2012 ul{
margin: 0 0 9px 25px;
}

/* */
#tbmg .tbmg2012 .main_content{
font-size:100%;
line-height:normal;
}
#tbmg .tbmg2012 .main_content table {
border-collapse:separate;
border-spacing: 2px;
}
#tbmg .tbmg2012 .main_content table[cellspacing="0"] {
 border-spacing: 0px; 
}
#tbmg .tbmg2012 .main_content table[width="640"] {
margin:auto;
}
#tbmg .tbmg2012 .main_content table[width="640"]  table[width="100%"] {
margin:auto;
width:99%;
}
#tbmg .tbmg2012 .main_content table[bgcolor="#FFFFFF"] {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
box-sizing:border-box;
}

#tbmg .tbmg2012 .main_content  div#loginform{
margin:auto !important;
width:100% !important;
}
#tbmg .tbmg2012 .main_content  div#loginform .well{
margin-bottom:0px;
}

/* */
#tbmg .tbmg2012 .right_content img {
	width:100%;
	height:auto;

}




/* */
#tbmg .enquete-form ,
#tbmg .enquete-form div {
	margin:0 !important;
}
#tbmg .enquete-form  .well2{
	padding: 8px;
	font-weight:bold;
	margin:8px 8px 0 8px;
	color:white;
	background: #666;
	border:1px solid #999;
	border-bottom:none;
	border-radius:5px 5px 0 0;
	font-size:12px;
}
#tbmg .enquete-form .enquete-form-inner {
	margin:0px 8px 0 8px;
	padding:8px;
	border:1px solid #999;
	border-top:none;
	border-radius: 0 0 5px 5px;
}
#tbmg .enquete-form p.muted{
	color:#356AB8;
	margin-bottom:0px;
	font-size:8px;
	line-height:1.2;
	margin:0;
	padding:0;
}

@media (min-width: 639px) {
#tbmg .enquete-form  .well2{
	margin:8px 0px 8px 8px;
	float:left;
	width:32%;
	line-height:34px;
	height: 50px;
	border:1px solid #999;
	border-right:none;
	border-radius: 5px 0 0 5px ;
}
#tbmg .enquete-form .enquete-form-inner {
	margin:8px 8px 8px 0px;
	height: 50px;
	width:60%;
	float:left;
	border:1px solid #999;
	border-left:none;
	border-radius: 0 5px 5px 0;
}
}


#tbmg .lh1p6{
line-height:1.6;
}
#tbmg .lh1p4{
line-height:1.4;
}

/* 202109 */
#tbmg-index h2 {
	font-size:18px;
	line-height:24px;
}
#tbmg .container,
#tbmg .container-fluid {
	max-width: 940px; /* 20210930 */
	margin:auto;
}
#tbmg .container-fluid {
	max-width: 970px; /* 20210930 */
}

