@charset "utf-8";

/* all */

.blank {
	background: url(../image/link.gif) right center no-repeat;
	padding-right: 15px;
	margin-right: 3px;
	color: #33c;
	text-decoration: none;
}

.bold {
	font-weight: bold;
}

.pointer {
	cursor: pointer;
}

.clear {
	clear: both;
}


/* maincontent */

h1 {
	width: 100%;
	height: 63px;
	font-size: x-large;
	letter-spacing: 0.05em;
	float: right;
	margin: 0 -1px 5px 0;
}

.img7 {
	background: url(../image/title7_rigth.jpg) right top no-repeat;
}
.img11 {
	background: url(../image/title11_rigth.jpg) right top no-repeat;
}
.img12 {
	background: url(../image/title12_rigth.jpg) right top no-repeat;
}
.img13 {
	background: url(../image/title13_rigth.jpg) right top no-repeat;
}
.img14 {
	background: url(../image/title14_rigth.jpg) right top no-repeat;
}
.img15 {
	background: url(../image/title15_rigth.jpg) right top no-repeat;
}
.img16 {
	background: url(../image/title16_rigth.jpg) right top no-repeat;
}
.img17 {
	background: url(../image/title17_rigth.jpg) right top no-repeat;
}
.img18 {
	background: url(../image/title18_rigth.jpg) right top no-repeat;
}
.img19 {
	background: url(../image/title19_rigth.jpg) right top no-repeat;
}
.img20 {
	background: url(../image/title20_rigth.jpg) right top no-repeat;
}

h1 span {
	color: #fff;
	height: 63px;
	padding: 10px 0 0 20px;
	float: left;
	display: block;
}

.img7 span {
	background: url(../image/title7_left.jpg) left top no-repeat; 
}
.img11 span {
	background: url(../image/title11_left.jpg) left top no-repeat; 
}
.img12 span {
	background: url(../image/title12_left.jpg) left top no-repeat; 
}
.img13 span {
	background: url(../image/title13_left.jpg) left top no-repeat; 
}
.img14 span {
	background: url(../image/title14_left.jpg) left top no-repeat; 
}
.img15 span {
	background: url(../image/title15_left.jpg) left top no-repeat; 
}
.img16 span {
	background: url(../image/title16_left.jpg) left top no-repeat; 
}
.img17 span {
	background: url(../image/title17_left.jpg) left top no-repeat; 
}
.img18 span {
	background: url(../image/title18_left.jpg) left top no-repeat; 
}
.img19 span {
	background: url(../image/title19_left.jpg) left top no-repeat; 
}
.img20 span {
	background: url(../image/title20_left.jpg) left top no-repeat; 
}

.first-txt {
	clear: both;
	padding: 0 10px 15px 10px;
	display: block;
	line-height: 1.7;
	letter-spacing: 0.05em;
}

.first-txt:first-letter {
	float: left;
	font-size: 2em;
	line-height: 1.1;
	margin: 0.1em 2px 0 0;
}

.first-txt span {
	border-bottom: 2px dotted #bbb;
}


/* conbox */

#conbox {
	line-height: 1.6;
}

#conbox h2 {
	font-size: 100%;
	padding: 5px 0;
	background: #d9d9d9 url(/image/bg_h2.gif) left top repeat-x;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#conbox h2 span {
	border-left: 5px solid #4999b6;	
	padding-left: 10px;
	margin-left: 10px;
}

#conbox ol {
	padding: 0 10px 10px 20px;
}

#conbox ol li {
	margin-left: 1em;
	line-height: 1.8;
}

#u-index ul {
	padding: 0 10px 15px 10px;
	list-style: none;
}

#u-index ul li {
	line-height: 1.5;
	padding: 5px;
	border-top: 1px dotted #aaa;
}
#u-index ul .unyu-bonone {
	padding: 0 5px 5px 5px;
	border-top: none;
}
.unyu-back {
	background-color: #eeeef7;
}

#u-index ul li span {
	font-weight: bold;
}


/* text & attention & next-link */
#conbox .text {
	padding: 0 10px 10px 1em;
}

#conbox .text5 {
	padding: 0 10px 5px 1em;
}

#conbox .attention {
	padding: 0 10px 15px 1em;
}

#conbox .red-line {
	border-bottom: 1px dashed #e30000;
	display: inline;
	font-weight: normal;
}

#u-index ul li a, .next-link a, .doc-link, .gmaptxt, .comment-link a {
	color: #33c;
	text-decoration: none;
}

#u-index ul li a:hover, .next-link a:hover, .blank:hover, .doc-link:hover, .gmaptxt:hover, .comment-link a:hover {
	color: #00f;
	text-decoration: underline;
}

.db-next {
	font-weight: bold;
	padding: 15px 0 20px;
	text-align: center;
}

.db-next a {
	color: #33c;
	text-decoration: underline;
	margin: 0 2px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

.db-next span {
	color: #33c;
	margin: 0 2px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.db-next a:hover {
	color: #00f;
	background-color: #ddd;
}

#conbox .next-link {
	margin: 0 20px 20px 20px;
	background-color: #fafafa;
	border: 1px solid #ccc;
	padding: 8px 0;
}

#conbox .next-link p {
	margin: 0 5px 0 1em;
}

.em1 {
	margin-top: 1em;
}

.px10 {
	margin-top: 10px;
}

.b-px10 {
	margin-bottom: 10px;
	padding: 5px;
}

.red {
	color: #f00;
	font-weight: bold;
	margin: 0 2px;
}

/* u-table */
#u-table table {
	width: 100%;
	border: 1px solid #999;
	border-collapse: separate;
	border-spacing: 0;
}

#u-table th , #u-table td {
	border: 1px solid;
	margin: 0;
	padding: 3px 10px 2px 10px;
}

#u-table th {
	background: #c8cdd4 url(/image/bg_unyu.gif) left top repeat-x;
	border-color: #fff #999 #999 #ddd;
	width: 5em;
	vertical-align: top;
	text-align: left;
}

#u-table td {
	background-color: #fff;
	border-color: #fff #aaa #aaa #ddd;
}

#u-table caption {
	text-align: left;
	font-weight: bold;
}


/* googlemap */
#googlemap {
	border: 1px solid #999;
}


/* shop list */
.shop a img { border: none; }

.shop ul {
	padding: 0 10px;
	list-style: none;
}

.shop ul li {
	line-height: 1.5;
}

.shop ul li ul {
	padding: 0 5px;
}

.shop ul li ul li {
	line-height: 1.2;
	margin: 3px 0;
}

.standard, .free {
	padding: 0;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	word-break: break-all;
}

.li-title {
	border-bottom: 1px solid #ccc;
	padding: 5px 11em 3px 10px;
	background: #c8cfe8 url(/shop_img/st_shop.gif) left top repeat-x;
}

.fo-s {
	font-size: small;
}

.shop-icon {
	position: absolute;
	top: 6px;
	right: 10px;
	background: url(/image/shop_icon.png) left top no-repeat;
	padding-left: 18px;
	font-size: small;
}

.shop-icon-tel {
	display: block;
	background: url(/image/tel_icon.png) left top no-repeat;
	padding-left: 18px;
	margin-left: -18px;
}

.main-box {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	padding: 5px 0 10px;
	line-height: 1.3;
}

.box-title {
	margin: 0 10px 5px 10px;
	font-weight: bold;
	display: block;
}

.boxes1 {
	float: left;
	width: 200%;
	margin-left: -160px;
	position: relative;
	right: 100%;
	font-size: 93%;
}

.free-boxes1 {
	font-size: 93%;
}

.boxes2 {
	float: left;
	width: 100%;
	margin-left: -50%;
	position: relative;
	left: 330px;
}

.boxes3 {
	float: left;
	width: 50%;
	position: relative;
	right: 170px;
}

.boxes-box1 {
	margin: 0 160px 0 170px;
	position: relative;
	left: 200%;
	overflow: hidden;
}

.comment-link {
	display: block;
	text-align: right;
}

.dynamic-img {
	margin-top: 10px;
	text-align: center;
}

.img-no2 {
	margin-left: 4%;
}

.boxes-box2 {
	float: left;
	float: right;
	width: 150px;
	position: relative;
	right: 10px;
}

.boxes-box3 {
	float: left;
	float: right;
	width: 140px;
	margin-right: 30px;
	position: relative;
	left: 50%;
}

.box3-title, .box3-title-u {
	padding: 3px 7px;
	width: 96px;
	height: 20px;
	margin-bottom: 5px;
	text-indent: -999em;
}
.box3-title {
	background: url(/image/shop_work.png) center no-repeat;
}
.box3-title-u {
	background: url(/image/shop_unyu.png) center no-repeat;
}

.free .box3-title, .free .box3-title-u {
	padding: 3px 0;
	margin: 0 10px;
}

.box3-ul li {
	background: url(/image/bg_icon.png) left top no-repeat;
	padding-left: 15px;
}

.free .box3-ul li {
	margin-left: 5px;
	margin-right: 10px;
	white-space: nowrap;
	float: left;
}

.fo-xs {
	font-size: 62%;
}

.box-footer {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 4px 10px 5px;
	text-align: center;
	background: #ccd3ea url(/shop_img/bg_shop.gif) left top repeat-y;
}

.box-footer a {
	width: 180px;
	height: 28px;
	display: block;
	text-indent: -999em;
	margin: 0 auto;
	/* macIE除外 */
	/*\*/
	overflow: hidden;
	/**/
}

.standard .box-footer a {
	background: url(/image/shop_click.png) center no-repeat;
}
.free .box-footer a {
	background: url(/image/shop_free_click.png) center no-repeat;
}


/* 登録店舗表示件数 */
.db-txt {
	font-size: x-small;
	color: #666;
	margin: -5px 5px 5px;
	text-align: right;
}
.db-txt span {
	color: #333;
	margin: 0 1px;
}