@charset "UTF-8";

div#group{
	margin:10px;
}

a {text-decoration: none;}

.area_name_clearfix {
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	margin-bottom:10px;
	padding:1px;
	clear:both;	
	overflow:hidden;
	position:relative;
}
.area_name_left {
	text-align:left;
	margin-bottom:3px;
	float:left;
	overflow:hidden;
	height:20px;
}
.area_name_left .name {
	text-align:left;
	font-size:15px;
	padding-left:10px;
	color:#000000;
}
.hiroshima {border-left: #BC6756 solid 15px; border-bottom: #BC6756 solid 1px;}
.okayama {border-left: #BA79B1 solid 15px; border-bottom: #BA79B1 solid 1px;}
.himeji {border-left: #F19EC2 solid 15px; border-bottom: #F19EC2 solid 1px;}
.mie {border-left: #EF858C solid 15px; border-bottom: #EF858C solid 1px;}
.kagawa {border-left: #86B3E0 solid 15px; border-bottom: #86B3E0 solid 1px;}
.hakata {border-left: #76AE84 solid 15px; border-bottom: #76AE84 solid 1px;}
.matsuyama {border-left: #FFE67A solid 15px; border-bottom: #FFE67A solid 1px;}
.fukuyama {border-left: #C1DB81 solid 15px; border-bottom: #C1DB81 solid 1px;}
.kumamoto {border-left: #663300 solid 15px; border-bottom: #663300 solid 1px;}

.group_info {
	padding:5px;
	background:url(../images/bg001_10.gif) repeat;
	margin-bottom:5px;
}

.group_info:after{content: ""; clear: both; display: block;}

.group_namenum:after{content: ""; clear: both; display: block;}

.infobox{}
.eyecatch{margin:0 1% 1%; min-width:70px;}

.group_shopname {
	float:left; font-weight:bold; font-size:20px; color:#603;
}

/*.group_shopname a:link, .group_shopname a:visited{color:#603;text-decoration:none;}
.group_shopname a:hover{color:#c36sss; text-decoration:none;}
.group_shopname a:active, .group_shopname a:focus{color:#603;text-decoration:none;}*/

.group_tel {
	float:left;
}

.group_number {
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#c99;
}

.group_time {
	font-size:12px;
	width:100%;
	border-top:1px dotted #7F7F7F;
	padding-top:3px;
	margin-top:2px 0 3px;
}

.group_copy {
	color:#C36;
	font-size:16px;
	font-weight:bold;
	margin-bottom:2px;
}

.group_phototxt {
	margin-bottom:10px;
}

.group_phototxt:after{content: ""; clear: both; display: block;}

.group_photo img {
	width:50px;
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #cccccc;
}

.group_txt {
	font-size:14px;
	line-height:1.4;
	text-align:justify;
}

.group_lady img {
	width:78px;
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #cccccc;
}


@media only screen and (min-width:1106px){
.eyecatch{float:left; width:5%;}
.infobox{float:left; width:83%;}
}
@media only screen and (max-width:1105px){
.eyecatch{float:left; width:5%;}
.infobox{float:left; width:80%;}
}

@media only screen and (max-width:940px){
.eyecatch{float:left; width:5%;}
.infobox{float:left; width:80%;}
}

@media only screen and (max-width:904px){
.eyecatch{float:left; width:6%;}
.infobox{float:left; width:76%;}
}

@media only screen and (max-width:730px){
.eyecatch{float:left; width:6%;}
.infobox{float:left; width:74%;}
}

@media only screen and (max-width:666px){
.eyecatch{float:left; width:6%;}
.infobox{float:left; width:72%;}
}


@media screen and (max-width:613px){
.eyecatch{float:none; width:45%;}
.infobox{float:none; width:98%;}
}