/* CSS Document */
html {
	font-family:"Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	padding-top:50px;
	}
.clear {clear:both;}

a {color:#333;}
a:hover {color:#54C5D3 !important;}

.mt-20 {margin-top:20px;}
.mb_10 {margin-bottom:10px;}
.pankuzu {
	margin:4px 0 10px 0 ;
	font-size:8pt;
}

nav {margin-bottom:0 !important;
font-size:9pt;
background-color:#fff !important;
}

#footer {
	clear:both;
	text-align:center;
	border-top:1px solid #ccc;
	padding: 40px 0 0 0;
}

#footer .padb30 {
    padding-bottom: 30px;
}

#footer p {
	text-align:center;
	clear:both;
	padding:10px 0;
}

.blog{
	height:301px;
	margin:0 0 20px 0;
	padding:0 1px 0 1px;
}

.blog div {
	padding-top:-20px;
}


.blog h4 {
	position:absolute;
	background-color:#000000;
	width:100%;
	color:#fff;
	margin:0px 0 4px 0;
	padding:4px 4px 4px 0px;
	font-size:8pt;
	text-align:right;
}

.blog h4 a{color:#fff;}

a:hover .blog h4,
.online_new a:hover span {background:#18B9A8;}

.blog h4.auntie {background-color:#3B0012;}
.blog h4.auntma {background-color:#A35D20;}
.blog h4.etude {background-color:#2F1F42;}
.blog h4.holiday {background-color:#4B722B;}


.blog_in{
	position:absolute;
	bottom:0;
	background:#333;
	display:block;
	width:100%;
	color:#fff;
	opacity: 0.8 !important;
	padding:2px 0 2px 8px;
	margin-bottom:0px;
	font-size:9pt;
}

.blog_in small{font-size:8pt;}

.online_new{
	padding:0 1px 0 1px;
	margin:0 0px 2px 0px;
	position:relative;
}

.online_new span {
	position:absolute;
	bottom:-10;
	font-size:7pt;
	background-color:#000;
	opacity:0;
	color:#fff;
	text-align:center;
	padding:2px;
	margin:0 0px 0 0px;
	display:block;
	width:100%;
	border-right:2px solid #fff;
}

.news_area{
	font-size:8pt;
}

.news_area div {
	margin-bottom:10px;
	padding:0 5px;
}

.news_area img {
	padding-bottom:5px;
}



/*ショップリスト*/
.shop_index {
	min-height:100px;
	margin:0 0 10px 0;
}

.shop_index h3 {
	margin:0 0 6px 0px;
	padding:0 0 4px 2px;
	border-bottom:1px solid #555;
	font-size:11pt;
}
.shop_index p {
	padding:0 0 0 2px;
	margin:0 0 0px 0px;
	font-size:8pt;
}

.shop_index .shop_thumbs{
	/*min-width:120px;*/
	max-height:100px;
	margin:0 0 10px 0;
	padding:0 !important;
}

.shop_index .shop_thumbs img {
	max-height:100px;
}

.shop_title {
	position:relative;
	min-height:200px;
	background-size:cover;
	background-position:center !important;
	margin:0;
}

.shop_title2 {
	position:relative;
	min-height:100px;
	background-size:cover;
	background-position:center !important;
	margin:0;
}

.shop_title h1,.shop_title2 h1 {
	font-size:14pt;
	position:absolute;
	right:10px;
	bottom:0;
	color:#fff;
	text-shadow:1px 1px 2px #333;
}

.map {
	width:100%;
	min-height:250px;
}


.blog_area {
	margin:0px 0 10px 0;
}

.blog_area .blog_box {
	clear:both;
	border-bottom:1px dotted #aaa;
	float:left;
	padding:6px 4px;
	
}

.blog_area .blog_box h3 {
	font-size:10pt;
	margin:0;
	display:block;
	padding:6px 0 4px 0;
	font-weight:bold;
}

.blog_area .blog_box p {
	font-size:9pt;
	display:block;
	margin:0;
}

.blog_area .blog_img {
	float:left;
	margin-right:10px;
	width:20%;
}

.blog_area .blog_img img {
	width:100%;
}

.blog_area .blog_title, .map_title{
	position:relative;
	border-bottom:2px solid #000;
	padding:0 0 6px 2px;
	margin:0 0 6px 0;
	font-size:10pt;
}

.blog_area .blog_title span, .twitter_title span {
	position:absolute;
	right:0;
	bottom:4px;
	font-size:8pt;
}

.twitter_title {
	margin:0px 0 8px 0;
	border-bottom:2px solid #000;
	padding:0 0 6px 0;
	position:relative;
}

.twitter_in {
	margin:0;
}

.brand_title {
	clear:both;
	background-color:#ddd;
	padding:10px 0 10px 6px;
	font-size:10pt;
	font-weight:bold;
}

.gaiyou dd {
	margin-bottom:20px;
}

.required {color:#ff0000;}

.recruit_ul {
	margin-left:10px;
}

.inst_auntmaries div img {
	margin:8px 2px;
}

.shop_link {}

a:hover .shop_link {
	background-color:#aaa;
}