body {
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
/*
a:link, a:visited {
	color: #0066ff;
	text-decoration: none;
}

a:hover, a:active {
	color: #CBBE87;
	text-decoration: underline;
}
*/
.jumbotron {
  background-color: #F4F2E6;
}
.container {
  min-width: 1260px;
}
.form-control-description {
  background-color: #F9F2F4;
  border-radius: 4px;
  color: #C7254E;
  font-size: 90%;
  padding: 0px 4px;
  white-space: nowrap;
}

.highlight {
  background-color: #F7F7F9;
  border: 1px solid #E1E1E8;
  border-radius: 4px;
  margin-bottom: 14px;
  padding: 9px 14px;
}

.photoframe {
  width: 150px;
  height: 200px; margin: 5px 0px;
  border: solid 1px #ccc;
  padding: 4px;
}

.navbar-inverse {
    background-color: #85E2D6;
}


#wrapper {
    background: url("/images/h1.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
}
#head_banner {
    background: url("/images/head_banner.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 96px;
    text-indent: -9999px;
    width: 960px;
    margin: 0px auto;
}
h1 {
    color: #CCCCCC;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.mypage h2{
  font-size: 1.2em;
}

.mypage .sidebar-left{
  min-height:400px;
  padding-top: 20px;
  padding-right: 0.5em;
}
.mypage .sidebar-left .profile-salon-mei{
  font-size: 0.7em;
}
.mypage .sidebar-left .mysalon-page-link{
  font-size: 0.7em;
}
.mypage .sidebar-left .menu_items{
  margin-top: 1em;
}

.mypage .sidebar-left .menu_items h3{
  font-size: 1.0em;
}

.mypage .sidebar-left .menu_items ul{
  padding-left: 0.5em;
}

.mypage .sidebar-left .menu_items li {
  margin-left:0;
  padding-left:0;
  list-style-type: none;
}

.mypage-main-container{
  min-height:600px;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  padding: 25px 10px 10px 10px;
/*
  background-color: green;
*/
}
.mypage-main-container .announcement{
  margin-bottom: 10px;
}

.mypage-main-container .announcement h3{
  margin:0;
  padding:5px;
  background-color: #aeece4;
  font-size: 1em;
  color: #000000;
  border: solid 1px #ccc;
}
.mypage-main-container .announcement .message{
  margin:0;
  padding:5px;
  font-size: 0.9em;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

.mypage-sidebar-right{
  padding: 25px 10px 10px 10px;
  min-height:400px;
/*
  background-color: green;
*/
}

.mypage-main-container .yuryoutouroku_goannai{
  width: 970px;
  margin: 0 auto 0 auto;
}
.yuryoutouroku_goannai_on_mysalon_edit_error .yuryoutouroku_goannai{
  width: 970px;
  margin: 0 auto 0 auto;
}


/* フォント指定 */
.b {
	font-weight: bold;
}

.big {
	font-size: 1.25em;
}

.premium {
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}


.premium_ad {
	font-size: 20px;
	color: #000000;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	background: #FCEDED;
	padding: 5px;

}

.premium_midashi {
	font-size: 20px;
	color: #542714;
	font-weight: bold;
	width: 970px;
	background: #EFE1BE;
	float: left;
	padding: 10px;
	margin-bottom: 10px;
}

/* 揃え */
.center {
	text-align: center;
}

.clear {
	clear: both;
}

.right {
	text-align: right;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
	
/* マージン */
.m0 {
	margin: 0 !important;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb40 {
	margin-bottom: 40px;
}

/*
  ポセナビ公式　人気教室ランキング
*/
.message .container_02{
  width:auto;
  height:auto;
  overflow: hidden;
  margin-bottom:5px;
}
.message .hiduke-header{
	color: #CC0000;
}

.message .container_02 .ranking_left{
  width:380px;
  height:auto;
  line-height:autopx;
  border: 1px #bcbcbc solid;
  background-color: #f6f6f6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 5px 10px;
  float:left;
}

.message .container_02 .ranking_rigt{
  width:auto;
  height:auto;
  text-align:center;
  margin:0 15px;
  padding-top: 10px;
  float:right;
}

.table-ranking .arrow-up{
  font-size: 1.2em;
  color: red;
}
.table-ranking .arrow-down{
  font-size: 1.2em;
  color: blue;
}
.table-ranking .last-rank{
  color: #808080;
}
.table-ranking .last-rank-num{
  font-size: 1.4em;
}
.table-ranking .last-iine{
  color: #808080;
}
.table-ranking .last-iine-num{
  font-size: 1.0em;
}
.message .max-rank-num{
  font-size: 1.4em;
  color: #2A6496;
}
.message .thisweek-iine-num{
  font-size: 1.4em;
  color: #2A6496;
}


/*
  この教室いいね！
*/
.message .thisweek-rank-num{
  font-size: 1.4em;
  color: #2A6496;
}
.message .total-iine-num{
  font-size: 1.4em;
  color: #2A6496;
}

.message .container_01{
  width:auto;
  height:auto;
  overflow: hidden;
  margin-bottom:5px;
}

.message .container_01 .ranking_left{
  width:380px;
  height:auto;
  line-height:autopx;
  border: 1px #bcbcbc solid;
  background-color: #f6f6f6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 5px 10px;
  float:left;
}

.message .container_01 .ranking_rigt{
/*
  width:115px;
*/
  width:110px;
  text-align:center;
  vertical-align: middle;
  margin:0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  float:right;
  height: 50px;
/*
  background-color: red;
*/
}

.table-ranking{
}

.table-ranking .cell-left{
  width: 140px;
  vertical-align: middle;
}
.table-ranking .cell-center{
  width: 110px;
  vertical-align: bottom;
}
.table-ranking .cell-right{
  vertical-align: bottom;
}

.table-ranking-bar{
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.table-ranking-bar tr{
  height: 20px;
}
.table-ranking-bar .cell-left{
  width: 110px;
  text-align: center;
  color: #808080;
}
.table-ranking-bar .cell-center{
  width: 2px;
  background-color: #bcbcbc;
}
.table-ranking-bar th.cell-right{
  font-weight: normal;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  color: #808080;
}
.table-ranking-bar td.cell-right{
  text-align: center;
  vertical-align: middle;
}

.table-ranking-bar td.cell-right .rank-area{
  float: left;
	width: 40px;
  text-align: right;
  padding-right: 3px;
  vertical-align: middle;
/*
  color: #808080;
  background-color: #bcbcbc;
*/
}
.table-ranking-bar td.cell-right .rank-bar-area{
  float:  left;
	width:  330px;
	height: 18px;
/*
  background-color: red;
*/
}

.table-ranking-bar td.cell-right .rank-bar{
	margin-top: 1px;
	height: 14px;
	background-color: #FFC0CB;
  border: 1px solid #BCBCBC;
}

.table-ranking-bar .nothing-message{
  font-size: 1.4em;
  color: #808080;
}
.table-ranking-bar .nothing-next-update{
  font-size: 1em;
  color: red;
}


.ranking_left .blue{
  font-size:16px;
  color:#2c5da9;
}

.ranking_left .red{
 color:#ff0000;
}

.ranking_rigt .blue{
font-size:14px;
color:#2c5da9;
}