@charset "UTF-8";

/* --------------------------------------------------------
 tou.ch PC ver.2 CSS

 table of contents

 =1 html5 reset css asaduke
 =2 module
 =3 common
 =4 pages index
 =5 pages home
  =6 pages home/setting
 =7 pages member
 =8 pages spot
 =9 pages sticker
 =10 docs
 =11 0thers
 =12 auth

-------------------------------------------------------- */







/* -------------------------------------------------------

 =1 html5 reset css asaduke

------------------------------------------------------- */

/* reset
------------------------------------------ */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area,
menu, hr, address, small, strong, i, b,
article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command,
datalist, keygen, output, progress, meter {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
}

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav,  section, summary {
	display: block;
}

li {
	list-style-type: none;
}

a img {
	border: none;
}

img {
	vertical-align: bottom;
}

[hidden] {
	display: none;
}

/* standard
------------------------------------------ */
* {
	word-wrap: break-word;
}

body {
	line-height: 1.5;
	/*letter-spacing: 0.02em;*/
/*	background: #fff;*/
	color: #333;
	font-family: Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

a:link {
	color: #0699c5;
}
a:visited {
	color: #047da0;
}
a:hover {
	text-decoration: underline;
}
a:active {}

label {
	cursor: pointer;
}

mark {
	background-color: #ff9;
	color: #000;
}



/* clearfix
------------------------------------------ */

#fbInvite li,
body#index #enjoyLocTouCh .inner,
body#index #globalHeader .inner,
body.auth .ld,
body#authRegistered .authBox .device,
body#authRegistered #how-it-touch,
ul.list.my-book,
body#spotTouched .sticker-box,
body#homeWidgetconfig .widget_config td.form dd,
#sticker-book-list ul,
.contents-box,
#global-header,
#header-contents .login-box,
#contents {
	/zoom: 1;
}


#fbInvite li:after,
body#index #enjoyLocTouCh .inner:after,
body#index #enjoyLocTouCh .inner:after,
body#index #globalHeader .inner:after,
body.auth .ld:after,
body#authRegistered .authBox .device:after,
body#authRegistered #how-it-touch:after,
ul.list.my-book:after,
body#spotTouched .sticker-box:after,
body#homeWidgetconfig .widget_config td.form dd:after,
#sticker-book-list ul:after,
.contents-box:after,
#global-header:after,
#header-contents .login-box:after,
#contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}











/* -------------------------------------------------------

 =2 module

------------------------------------------------------- */

/* box
------------------------------------------ */
.contents-box {
	margin-bottom: 20px;
	border: solid 0 #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}

.spot-box,
.edit-title,
.profile-box {
	border-width: 5px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #0175a6;
	-moz-background-clip: padding;
	color: #fff;
}
body.detail #spot-detail {
	border-color: #068BC3;
	background: #fff;
	color: #333;
}


.edit-title {
	padding: 10px 15px;
}

body.home .profile-box {
	background: #ffcd00;
	color: #333;
}

.etc-contents-box {
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #009ac6;
	color: #fff;
}
body.recent #picture-log.etc-contents-box {
	padding: 5px;
}
body.recent .etc-contents-box,
body#stickerBook .etc-contents-box,
body#indexRecentSpots .etc-contents-box,
body.search .etc-contents-box {
	padding: 10px;
}

.spot-box a,
.edit-title a,
.profile-box a {
	color: #fff;
	text-decoration: underline;
}
.spot-box a:hover,
.edit-title a:hover,
.profile-box a:hover {
	text-decoration: none;
}

body.detail #spot-detail a {
	color: #333;
	text-decoration: none;
}
body.detail #spot-detail a:hover {
	text-decoration: underline;
}


.docs-contents-box {
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #048cc0;
	color: #767676;
}






.sticker-box {
	margin-top: 20px;
	margin-bottom: 20px;
xpadding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #0175a6;
background: #fff;
border-color: #0175a6;
}

	body#stickerIndex #sticker-data {
		min-height: 410px;
		height: auto!important;
		height: 410px;
		padding: 30px 20px 30px 30px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
/*		background: #fff;*/
	}

		body#stickerIndex .sticker {
			position: relative;
		}

			body#stickerIndex .sticker .sticker-icon {
				position: absolute;
				width: 410px;
			}

		body#stickerIndex #sticker-data .wrap {
			margin: 0px 0 0 460px;
			padding: 5px;
			border: solid 1px #383838;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-border-radius: 10px;
			background: #fff;
			line-height: 2;
		}
		body#stickerIndex .wrap .inner {
			min-height: 400px;
			height: auto!important;
			height: 400px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-border-radius: 10px;
			background: #000;
			color: #fff;
		}

			body#stickerIndex .sticker-name {
				padding: 130px 25px 0;
				font-size: 210%;
				font-weight: bold;
				text-align: center;
			}

			body#stickerIndex .sticker-description {
				padding: 0 25px;
				font-size: 105%;
			}

			body#stickerIndex .sticker-count {
				padding: 0 25px 130px;
				font-size: 120%;
				font-weight: bold;
			}

			body#stickerIndex .sticker-information {
				margin: 0px 10px;
				padding: 0 0 10px 0;
			}

			body#stickerIndex .sticker-information a {
				display: block;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-border-radius: 10px;
			padding: 1px 0 1px 7px;
			background: #fd6001 url(/images/ver2/sticker/right_arrow2.png) no-repeat 97% center;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			xtext-shadow: 0 1px 0px #333;
			text-decoration: none;
			}

.note-box-outer:before {
 	position: relative;
	top: -20px;
	content: "";
	display: block;
	width: 520px;
	height: 20px;
	margin-top: 20px;
	background: url(/images/ver2/spot/note_top.png) no-repeat right top;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

  .note-box-outer {
    /position: relative;
    margin-bottom: 40px;
    background: url(/images/ver2/spot/note_bg.png) repeat-y right top;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

    .note-box {
      position: relative;
      bottom: -25px;
      margin-top: -65px;
      /margin-top: 0;
      background: url(/images/ver2/spot/note_btm.png) no-repeat left bottom;
    }





body.widget .sticker-box {
	border: solid 4px #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #000;
	color: #fff;
}









/* title
------------------------------------------ */
.sub-title {
	padding: 5px 5px 5px 35px;
	border-bottom: solid 2px #c6c3c6;
	background: url(/images/ver2/cmn/title_top.png) no-repeat 8px 4px;
	color: #5a595a;
	font-size: 14px;
	font-weight: bold;
}

.edit-title .title {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}

.docsTitle {
	padding: 3px 7px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	background: #088ac6;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
}





/* title + contents-block
------------------------------------------ */
.contents-block {
	padding: 0 10px 10px;
}


/* edit-title > text
------------------------------------------ */
.edit-title .text {
	font-size: 12px;
}

.edit-title .text a {
	color: #fff;
}




/* mouse over
------------------------------------------ */
.sp-btn:hover {
	filter: alpha(opacity=80);
	opacity:0.8;
}








/* list
------------------------------------------ */
.member-log .log {
	padding: 10px 3px 7px;
	border-top: dotted 1px #000;
	font-size: 12px;
	font-weight: bold;
}

.member-log .log:first-child {
	border-top: none;
}

	.member-log .log a {
		margin-right: 3px;
		font-weight: bold;
	}

  .member-log .log .time {
    color: #666;
  }


.follow-list,
.positive-spot-list {
	position: relative;
	min-height: 40px;
	height: auto!important;
	height: 40px;
	padding: 5px 3px;
	border-top: dotted 1px #000;
}
.follow-list {
	padding: 10px 0;
	border-top: solid 1px #d6d6d6;
}

.follow-list:first-child,
.positive-spot-list:first-child {
	border-top: none;
}

	.follow-list a.member-icon,
	.positive-spot-list a.spot-icon {
		display: table-cell;
		/float: left;
/width: 50px;
	}
	.follow-list a.member-icon {
		width: 50px;
	}

		.follow-list a.spot-icon img,
		.positive-spot-list a.spot-icon img {
			/position: absolute;
			/top: 5px;
			/left: 3px;
			background: #efefef;
		}

	.follow-list .text,
	.positive-spot-list .text {
		display: table-cell;
		vertical-align: middle;
		padding-left: 10px;
		font-size: 14px;
		/float: left;
		/margin-left: 40px;
	}
	.follow-list .text {
		width: 400px;
	}

	* html .follow-list .text {
		width: 350px;
	}


		.follow-list .text a,
		.positive-spot-list .text a {
			font-weight: bold;
		}

		.follow-list .text a {
			color: #000;
		}

	.follow-list .follow-status {
		display: table-cell;
		vertical-align: middle;
		width: 85px;
		width: 35px;
		/float: right;
	}




.list-container {
	width: 480px;
	position: relative;
	min-height: 50px;
	height: auto!important;
	height: 50px;
	padding: 10px;
	border: solid 0 #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	background: #fff;
	-moz-box-shadow: 1px 1px 1px #067d9f;
	color: #000;
	overflow: hidden; /* clearfix */
}

.list-container:last-child {
	margin-bottom: 0;
}

	.list-container .spot-icon,
	.list-container .member-icon {
		display: table-cell;
		vertical-align: middle;
		width: 51px;
		/position: absolute;
		/top: 10px;
		/left: 10px;
	}

		.list-container .spot-icon img,
		.list-container .member-icon img {
			width: 45px;
			border: solid 3px #dfdfdf;
		}
		.list-container .spot-icon img.owner {
			position: absolute;
			top: 50px;
			left: 50px;
			width: auto;
			border: none;
		}

		.list-container .spot-icon img {
			border: solid 5px #dfdfdf;
		}



	.list-container .wrap {
		display: table-cell;
		vertical-align: middle;
		/margin-left: 60px;
	}
	body#indexRecentSpots .list-container .wrap,
	body#searchSpot .list-container .wrap {
		width: 419px;
		padding-left: 10px;
	}
	body.recent #my-timeline .list-container .wrap {
		display: block;
		margin-left: 67px;
	}


		.list-container .name {
			/float: left;
			display: table-cell;
			vertical-align: middle;
			width: 320px;
			padding-right: 10px;
			padding-left: 10px;
		}

			.list-container .spot-name a,
			.list-container .member-name a {
				color: #383838;
				font-size: 16px;
				font-weight: bold;
			}

			.list-container .spot-name a {
				color: #383838;
				font-size: 14px;
			}

		.list-container .address,
		.list-container .member-ldid {
			color: #838383;
			font-size: 12px;
		}
		.list-container .address {
			padding-right: 100px;
		}


		.list-container .u-rei {
			/float: left;
			display: table-cell;
			vertical-align: middle;
			width: 30px;
		}

		.list-container .follow-status {
			/float: right;
			display: table-cell;
			vertical-align: middle;
			width: 80px;
			text-align: right;
		}

			.list-container .follow-status li {
				display: inline;
			}

body#searchSpot .touch-count {
	position: absolute;
	bottom: 0;
	right: 7px;
	color: #9c9c9c;
	font-size: 9px;
}

	body#searchSpot .touch-count b {
		margin-right: 5px;
		color: #bdbdbd;
		font-size: 24px;
		font-weight: bold;
	}







/* paging
------------------------------------------ */

.pager {
	padding-top: 15px;
	text-align: center;
}

	.pager * {
		font-weight: bold;
		vertical-align: top;
		overflow: hidden;
	}

	.pager a {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		border: solid 0 #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	  -moz-background-clip: padding;
	  -webkit-background-clip: padding-box;
	  background-clip: padding-box;
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	}
	.pager a:hover {
		text-decoration: none;
	}
	.pager p a:hover,
	.pager .link:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}


	.pager p:after,
	.pager li:after {
		content: "";
		display: block;
		width: 25px;
		height: 1px;
		margin-left: 1px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 10px 2px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 10px 2px rgba(0, 0, 0, 0.4);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
		background: rgba(0,0,0,0.2);
	}

	.pager p,
	.pager ul,
	.pager li {
		display: inline-block;
		/display: inline;
		/zoom: 1;
	}

		.pager ul a {
			width: 27px;
			line-height: 27px;
		}
		.pager ul .link {
			background: #fff;
			color: #0075a5;
		}
		.pager ul .placeholder {
			background: #e7e7e7;
			color: #637d8c;
		}
		body.global .pager ul .link {
			background: #0075a5;
			color: #fff;
		}
		body.global .pager ul .placeholder {
			background: #d6d6d6;
			color: #fff;
		}


		.pager p a {
			width: 27px;
			line-height: 27px;
			text-indent: -99999px;
		}
		.pager .prev a {
			background: #fff url(/images/ver2/cmn/back_b.png) no-repeat center center;
		}
		.pager .next a {
			background: #fff url(/images/ver2/cmn/next_b.png) no-repeat center center;
		}
		body.global .pager .prev a {
			background: #0075a5 url(/images/ver2/cmn/back_w.png) no-repeat center center;
		}
		body.global .pager .next a {
			background: #0075a5 url(/images/ver2/cmn/next_w.png) no-repeat center center;
		}













/* btn
------------------------------------------ */
/* basic */
.important-btn {
	width: 100%;
	height: 58px;
	line-height: 58px;
	border: solid 0 #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
background: #000;
}

.important-btn:hover {
  filter: alpha(opacity=90);
  opacity:0.9;
}

	.important-btn a {
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		font-weight: bold;
		text-align: center;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	.important-btn a:hover {
		text-decoration: none;
	}


/* blue btn */
.add-my-map {
	clear: both;
	margin-bottom: 15px;
	border: solid 1px #0175a6;
	background: -moz-linear-gradient(
    center top,
    rgb(23,218,236) 0%,
    rgb(0,172,235) 50%,
    rgb(0,150,230) 51%,
    rgb(1,115,221) 100%
	);
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(23,218,236)),
    color-stop(0.5, rgb(0,172,235)),
    color-stop(0.51, rgb(0,150,230)),
    color-stop(1, rgb(1,115,221))
	);
	background-color: #0171dd;
	-moz-box-shadow: inset 0 0 1px 1px #8fe5c2, 0 2px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 1px 1px #8fe5c2, 0 2px 1px rgba(0,0,0,0.2);
	text-shadow: 0 1px 1px #014778;
}



/* gray btn */
.more-btn {
	clear: both;
	margin-bottom: 15px;
	border: solid 1px #e5e5e5;
	background: -moz-linear-gradient(
    center top,
    rgb(254,254,254) 0%,
    rgb(244,244,244) 50%,
    rgb(238,238,238) 51%,
    rgb(229,229,229) 100%
	);
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(254,254,254)),
    color-stop(0.5, rgb(244,244,244)),
    color-stop(0.51, rgb(238,238,238)),
    color-stop(1, rgb(229,229,229))
	);
	background-color: #dfdfdf;
	-moz-box-shadow: inset 0 0 1px 1px #fff, 0 2px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 1px 1px #fff, 0 2px 1px rgba(0,0,0,0.2);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

	.more-btn a {
		color: #0699c5;
	}



/* orange btn */
.create-btn {
	border: solid 1px #ff7000;
	background: -moz-linear-gradient(
    center top,
    rgb(255,223,44) 0%,
    rgb(255,170,1) 50%,
    rgb(255,145,0) 51%,
    rgb(255,129,18) 100%
	);
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(255,223,44)),
    color-stop(0.5, rgb(255,170,1)),
    color-stop(0.51, rgb(255,145,0)),
    color-stop(1, rgb(255,129,18))
	);
	background-color: #ff9100;
	-moz-box-shadow: inset 0 0 1px 1px #fff, 0 2px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 1px 1px #fff, 0 2px 1px rgba(0,0,0,0.2);
	text-shadow: 0 1px 1px #014778;
}

.create-btn a {
	font-weight: bold;
}

body#searchSpot .create-btn a {
	color: #fff!important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}


.btn-backer {
	border: solid 0 #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
}



/* edit-btn */
.edit-btn {
	min-width: 120px;
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	border: solid 1px #bebebe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background: -moz-linear-gradient(
    center top,
    rgb(255,255,255) 0%,
    rgb(244,244,244) 50%,
    rgb(236,237,239) 51%,
    rgb(230,230,230) 100%
	);
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(255,255,255)),
    color-stop(0.5, rgb(244,244,244)),
    color-stop(0.51, rgb(236,237,239)),
    color-stop(1, rgb(230,230,230))
	);
	background-clip: padding-box;
	-moz-box-shadow: 0 0 1px 1px #d1d1d1;
	-webkit-box-shadow: 0 0 1px 1px #d1d1d1;
	box-shadow: 0 0 1px 1px #d1d1d1;
	text-align: center;
	background-color: #fff;
	color: #0187ae;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}


.edit-btn.release {
	color: #616161;
}







/* icon
------------------------------------------ */
img.member-icon {

}








/* form parts
------------------------------------------ */
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #b5b5b5;
	-moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);
	-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);
}






/* meter
------------------------------------------ */
meter.percentage {
	width: 100%;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

meter.percentage::-webkit-meter-horizontal-bar {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262827), color-stop(100%,#3F3F41));
	background: linear-gradient(top, #5C5C5C 0%, #3F3F41 100%);
}
meter.percentage::-webkit-meter-horizontal-optimum-value {
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6300), color-stop(100%,#FF9400));
	background: linear-gradient(top, #FF6300 0%, #FF9400 100%);
}
meter.percentage::-moz-meter-horizontal-bar {
	background: -moz-linear-gradient(top, #5C5C5C 0%, #B5B5B5 100%);
	background: linear-gradient(top, #5C5C5C 0%, #3F3F41 100%);
}
meter.percentage::-moz-meter-horizontal-optimum-value {
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: -moz-linear-gradient(top, #FF6300 0%, #FF9400 100%);
	background: linear-gradient(top, #FF6300 0%, #FF9400 100%);
}


meter .outer {
  display: block;
}
meter .inner {
  display: block;
	text-indent: -99999px;
}
meter.percentage .outer {
/*	border: solid 2px #DFDFDF;*/
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #B5B5B5;
	background: -moz-linear-gradient(top, #262827 0%, #3F3F41 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262827), color-stop(100%,#3F3F41));
	background: linear-gradient(top, #262827 0%, #3F3F41 100%);
}
meter.percentage .inner {
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #FF9400;
	background: -moz-linear-gradient(top, #FF6300 0%, #FF9400 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6300), color-stop(100%,#FF9400));
	background: linear-gradient(top, #FF6300 0%, #FF9400 100%);
}







/* like
------------------------------------------ */
.like .likeCount {
	float: left;
	margin-right: 5px;
	color: #747474;
	font-size: 20px;
}
.like .likeBtn {
	float: left;
	width: 80px;
	height: 25px;
	background: url(/images/ver2/ver2/btn_like_off.png) no-repeat;
	text-indent: -99999px;
	cursor: pointer;
}

.like .likeBtn:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: -99999px;
	background: url(/images/ver2/ver2/btn_like_on.png) no-repeat;
}

.like .likeBtn.liking {
	background: url(/images/ver2/ver2/btn_like_on.png) no-repeat;
}


/* wish
------------------------------------------ */
.wish .wishCount {
	float: left;
	margin-right: 5px;
	color: #747474;
	font-size: 20px;
}
.wish .wishBtn {
	float: left;
	width: 80px;
	height: 25px;
	background: url(/images/ver2/ver2/btn_like_off.png) no-repeat;
	text-indent: -99999px;
	cursor: pointer;
}

.wish .wishBtn:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: -99999px;
	background: url(/images/ver2/ver2/btn_like_on.png) no-repeat;
}

.wish .wishBtn.wishing {
	background: url(/images/ver2/ver2/btn_like_on.png) no-repeat;
}


/* spot renewal */
body.spotData .like .likeBtn {
	width: 67px;
	height: 21px;
	background: url(/images/ver3/cmn/btn/btn_like.png) no-repeat;
}
body.spotData .like .likeBtn:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: -99999px;
	background: url(/images/ver3/cmn/btn/btn_like_on.png) no-repeat;
}

body.spotData .like .likeBtn.liking {
	background: url(/images/ver3/cmn/btn/btn_like_on.png) no-repeat;
}






















/* -------------------------------------------------------

 =3 common

------------------------------------------------------- */

/* header
------------------------------------------ */
#global-header,
#contents {
	width: 920px;
	margin: 0 auto;
}


#global-header {
	padding-bottom: 10px;
}

	#site-logo {
		float: left;
		width: 420px;
	}

		#site-logo a {
			position: relative;
			top: 25px;
			left: 20px;
		}

	#header-contents {
		float: right;
		width: 500px;
	}

		#header-contents .login-box {
			margin-bottom: 10px;
			padding: 7px 10px;
			border: solid 0 #fff;
			-moz-border-radius: 0 0 5px 5px;
			-webkit-border-top-left-radius: 0;
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			border-radius: 0 0 5px 5px;
			-moz-box-shadow: 0 1px 3px #9c9c9c;
			-webkit-box-shadow: 0 1px 3px #9c9c9c;
			box-shadow: 0 1px 3px #9c9c9c;
			/border: solid 1px #9c9c9c;
			/border-top: none;
		}
		html>/**/body #header-contents .login-box {
			border: solid 1px #9c9c9c;
			border-top: none;
		}/* ie 8 */

			/* login */
			#header-contents .user-name,
			#header-contents .log-out,
			#header-contents .log-in {
				float: left;
			}

			#header-contents .user-name {
				position: relative;
				top: 10px;
				width: 320px;
				font-weight: bold;
				text-align: right;
			}

			#header-contents .log-out {
				position: relative;
				top: 15px;
				font-size: 12px;
			}

				#header-contents .log-out a {
					color: #949294;
				}

			#header-contents .to-home {
				float: right;
				text-align: right;
			}



			/* logout */
			#header-contents .registration,
			#header-contents .app {
				float: left;
			}

			#header-contents .app {
				margin-left: 15px;
			}

			#header-contents .log-in {
				float: right;
			}

				#header-contents .registration a,
				#header-contents .log-in a {
					display: block;
					text-indent: -99999px;
					overflow: hidden;
				}
				#header-contents .registration a:hover,
				#header-contents .log-in a:hover {
					background-position: left bottom;
				}


				#header-contents .registration a {
					width: 140px;
					height: 30px;
					background: url(/images/ver2/header/header_about.png) no-repeat;
				}
				#header-contents .log-in a {
					width: 190px;
					height: 35px;
					background: url(/images/ver2/header/header_login.png) no-repeat;
				}


	#loctouch-search {
		clear: both;
	}

		#loctouch-search li {
			float: left;
			line-height: 37px;
			cursor: pointer;
		}

		#loctouch-search li:first-child {
			margin-right: 3px;
		}


			#loctouch-search li img {
				vertical-align: middle;
			}


		#loctouch-search form {
			float: left;
			/position: relative;
			padding-left: 5px;
		}

		#loctouch-search form input.text {
			width: 246px;
			padding: 13px 15px 13px 35px;
			border: none;
			background: url(/images/ver2/header/header_search.png) no-repeat;
			color: #999;
		}

		#loctouch-search form input.text:focus {
			outline: none;
		}

		#loctouch-search form input.submit {
			margin-top: -4px;
			margin-left: 5px;
			vertical-align: middle;
			/position: absolute;
			/top: 9px;
		}






/* locidkun
------------------------------------------ */
/*
#global-header {
	position: relative;
}
#global-header #locidkun {
	position: absolute;
	bottom: 0px;
	left: -130px;
	width: 120px;
	height: 100px;
	background: url(/images/cp/loctouch/2/coming_soon_on.png) no-repeat;
}

#global-header #locidkun span {
	display: block;
	width: 120px;
	height: 100px;
	background: url(/images/cp/loctouch/2/coming_soon.png) no-repeat;
}

#global-header #locidkun span:hover {
	background: none;
}
*/













/* contents
------------------------------------------ */
#contents-outer {
	clear: both;
	position: relative;
	background: #cde0df;
}

#contents-outer {
	min-width: 930px;
}

body.global #contents-outer {
	background: #ffcd00;
}
body#index #contents-outer,
body.home #contents-outer {
	background: #0798c4;
}

#contents-outer::before {
	content: '';
	display: block;
	width: 100%;
	height: 7px;
	position: absolute;
	z-index: 9;
}

#contents-outer::before {
	-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
/*
body.global #contents-outer::before {
	-moz-box-shadow: inset 0px 5px 5px #e7ba00;
	-webkit-box-shadow: inset 0px 5px 5px #e7ba00;
}
body.home #contents-outer::before {
	-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
*/

	#contents {
		padding-top: 15px;
		padding-bottom: 30px;
	}


		#contents-1 {
			float: left;
			width: 380px;
			margin-bottom: 20px;
		}
		#contents-2 {
			float: right;
			width: 520px;
			margin-bottom: 20px;
		}
		body.global #contents-1 {
/*		body.home #contents-1 { */
			float: left;
			width: 380px;
			margin-bottom: 0;
		}
		body.global #contents-2 {
/*		body.home #contents-2 { */
			float: right;
			width: 520px;
			margin-bottom: 0;
		}
		#contents-3 {
			clear: both;
		}






/* footer
------------------------------------------ */
div#contents {
	position: relative;
}

#go-to-top {
	position: absolute;
	right: 0;
	bottom: -2px;
}

#go-to-top a {
	display: block;
	width: 183px;
	height: 25px;
	background: url(/images/ver2/cmn/tab_to_pagetop.png) no-repeat left bottom;
	text-indent: -99999px;
	overflow: hidden;
}

#go-to-top a:hover {
	background-position: 0 -2px;
}


body#docsAbout #go-to-top,
body#homeMap #go-to-top,
body#homeMap2 #go-to-top,
body#index #go-to-top {
	position: relative;
	top: 32px;
	margin-bottom: -30px;
	width: 920px;
	margin: 0 auto;
}

  body#docsAbout #go-to-top a,
	body#homeMap #go-to-top a,
	body#homeMap2 #go-to-top a,
	body#index #go-to-top a {
		float: right;
	}






#global-footer {
	width: 920px;
	margin: 0 auto;
	padding-top: 20px;
}

	#global-footer .footer-link {
		float: left;
		width: 140px;
	}
	*:first-child+html #global-footer .footer-link {
		width: 135px;
	}
		#global-footer .footer-link li {
			margin-bottom: 0px;
			line-height:1.35;
		}

			#global-footer .footer-link li a {
				font-size: 12px;
			}


	#global-footer #footer-app-link {
		width: 630px;
	}
	*:first-child+html #global-footer #footer-app-link {
		width: 640px;
	}



		#global-footer #footer-app-link li  {
			float: left;
			margin-right: 10px;
		}

			#global-footer #footer-app-link li a {
			}

	#global-footer .copyright {
		clear: both;
		padding-top: 15px;
		font-size: 14px;
	}









/* parts
------------------------------------------ */
.loctouch-information-box {
  min-height: 60px;
  height: auto!important;
  height: 60px;
  margin-top: -20px;
  background: url(/images/ver2/cmn/news_title.png) no-repeat left bottom;
}

  .loctouch-information-box section {
    position: relative;
    top: 20px;
    width: 440px;
    line-height: 1;
    margin-left: 60px;
    padding: 5px 10px 7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fed944;
  }


    .loctouch-information-box .information,
    .loctouch-information-box .title {
      display: inline;
    }


    .loctouch-information-box .title {
      color: #000;
      font-size: 12px;
      font-weight: bold;
    }

      .loctouch-information-box .information a {
        color: #777;
        font-size: 14px;
        font-weight: bold;
      }

      .loctouch-information-box .information a:hover {
        color: #afafaf;
      }

















/* -------------------------------------------------------

 =4 pages index

------------------------------------------------------- */

/* index page
------------------------------------------ */

body#index #loctouchFooter,
body#index #loctouchHeader {
	min-width: 1020px;
}




body#index #global-header .login-box,
body#index #global-header h1 {
	display: none;
}

body#index #global-header {
	position: relative;
	/z-index: 9;
	padding: 0;
}

body#index #header-contents {
}

body#index #header-contents #loctouch-search {
	position: absolute;
	top: 10px;
	right: 39px;
	z-index: 9;
	width: 500px;
}

body#index {
/*	background: #fff;*/
}

body#index #index-contents-outer {
	background: #009ac6;
	overflow: hidden;/* clearfix */
}

body#index #contents-outer {
	min-width: 1020px;
	background: #009ac6;
}

body#docsAbout #contents,
body#index #contents {
	width: 100%;
	background: none;
}


body#index #contents-header {
	background: #ffcf00 url(/images/ver2/index/top_ver2.png) no-repeat center top;
}

body#index #contents-header.daida {
	background: #ffcf00 url(/images/ver2/index/top_daida.jpg) no-repeat center top;
}
body#index #contents-header.honey {
	background: #ffcf00 url(/images/ver2/index/top_honey.jpg) no-repeat center top;
}
body#index #contents-header.mosa {
	background: #ffcf00 url(/images/ver2/index/top_tenichi.jpg) no-repeat center top;
}



	body#index #contents-header .inner {
		position: relative;
		width: 980px;
		height: 410px;
		margin: -15px auto 0;
	}



body#index .index-login-box {
	position: absolute;
	top: 271px;
	right: 0;
/*
	left: 445px;
	width: 490px;
*/
}
/*
	body#index .index-login-box li {
		float: left;
	}

	body#index .index-login-box li.home {
		float: right;
	}
*/
		body#index .index-login-box a {
			display: block;
			text-indent: -99999px;
			overflow: hidden;
		}


		body#index .index-login-box .login {
			position: relative;
			top: 15px;
		}

			body#index .index-login-box .login a {
				width: 300px;
				height: 60px;
				margin-right: 135px;
				background: url(/images/ver2/index/top_btn_newlogin.png) no-repeat left top;
			}
			body#index .index-login-box .login a:hover {
				background-position: left bottom;
			}

			body#index .index-login-box .login .new {
				position: absolute;
				top: -15px;
				right: 57px;
			}

		body#index .index-login-box .home {
			margin-right: 45px;
		}

		body#index .index-login-box .home a {
			width: 230px;
			height: 64px;
			background: url(/images/ver2/index/top_btn_home.png) no-repeat left bottom;
		}

/*
		body#index .index-login-box .register a {
			width: 300px;
			height: 65px;
			background: url(/images/ver2/index/top_btn_signup.png) no-repeat left bottom;
		}
		body#index .index-login-box .login a {
			width: 190px;
			height: 65px;
			background: url(/images/ver2/index/top_btn_login.png) no-repeat left bottom;
		}
		body#index .index-login-box .home a {
			width: 230px;
			height: 64px;
			background: url(/images/ver2/index/top_btn_home.png) no-repeat left bottom;
		}

		body#index .index-login-box a:hover {
			background-position: left top;
		}
*/


body#index .app-link {
	position: absolute;
	top: 360px;
	right: 45px;
	width: 900px;
}

	body#index .app-link li {
		float: left;
		display: inline;
		width: 290px;
		margin-left: 10px;
	}

		body#index .app-link li a {
			display: block;
			width: 290px;
			height: 130px;
			text-indent: -99999px;
      overflow: hidden;
		}


	body#index .app-link .android {
	}

		body#index .app-link .android a {
			background: url(/images/ver2/index/top_smartphone.png) no-repeat;
		}


		body#index .app-link .iPhone a {
			background: url(/images/ver2/index/top_iphoneapp.png) no-repeat;
		}

/*
	body#index .app-link .iPhone {
		position: relative;
		xwidth: 390px;
		xheight: 130px;
		margin-right: 20px;
		background: url(/images/ver2/index/top_iphoneapp.png) no-repeat;
	}

		body#index .app-link .iPhone a {
			position: absolute;
			top: 18px;
			right: 18px;
			width:94px;
			height: 97px;
			text-indent: -99999px;
			overflow: hidden;
		}
*/





#index-contents {
	width: 880px;
	margin: 0 auto;
	padding-top: 69px;
}

  body#index #new-campaign {
		margin-top: 11px;
    margin-left: -20px;
    /margin-left: -19px;
    overflow: hidden; /* clear */
  }

    body#index #new-campaign li {
      float: left;
      display: inline;
      margin-left: 20px;
			margin-bottom: 20px;
      /margin-left: 17px;
    }



  #new-pics {
		padding-top: 20px;
		padding-bottom: 0;
  }

	.new-touch-list  {
		padding-bottom: 20px;
		text-align: center;
	}
  #new-spot {
    position: relative;
    padding-bottom: 30px;
  }

		.new-touch-list ul {
			margin-right: -15px;
		}

			.new-touch-list li {
				display: inline-block;
				/display: inline;
				zoom: 1;
				vertical-align: top;
				height: 130px;
				margin-right: 15px;
      }

			#new-spot li {
        position: relative;
				width: 130px;
      }

			#new-pics li.pics {
				width: 120px;
				margin-bottom: 20px;
				padding: 5px;
				background: #fff;
				-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
				font-size: 11px;
			}

			#new-spot li.spot {
        height: auto;
      }

			.new-touch-list .index-sub-title h2 {
				width: 130px;
        text-indent: -99999px;
			}
			#new-pics .index-sub-title {
        background: url(/images/ver2/index/t_new_album.png) no-repeat;
			}
			#new-spot .index-sub-title {
        background: url(/images/ver2/index/t_new_spot.png) no-repeat;
			}

				#new-spot .index-sub-title * {
          display: block;
          width: 130px;
          height: 130px;
				}

      #new-spot .more {
        position: absolute;
        top: 125px;
        right: -150px;
      }

				.new-touch-list .more a {
 					display: block;
					width: 61px;
					height: 31px;
					padding-right: 0;
					padding-left: 0;
          background: url(/images/ver2/index/more.png) no-repeat;
          text-indent: -99999px;
				}

				.new-touch-list li .spot-icon {
					display: block;
					width: 120px;
          max-height: 95px;
          overflow: hidden;
					line-height: 100px;
					margin: 0 auto 5px;
					text-align: center;
				}
				#new-spot li .spot-icon {
          position: relative;
          padding-top: 65px;
        }


					.new-touch-list li img {
						vertical-align: middle;
					}

				#new-pics li .name {
          line-height: 1.5;
          text-align: left;
        }

				#new-spot li .name {
          position: absolute;
          top: 0;
          left: 0;
          width: 110px;
          height: 71px;
          padding: 10px 10px 0 10px;
          background: url(/images/ver2/index/spot_name.png);
          color: #777;
          font-size: 13px;
          font-weight: bold;
          text-align: left;
          line-height: 1.25;
        }
				#new-spot li a:hover .name {
          color: #999;
        }


	#new-touch {
		float: left;
		width: 580px;
	}

		body#index #new-touch .timeline-entry {
			margin-right: 0;
			margin-left: 0;
		}

		body#index #new-touch .member-name a {
			font-size: 12px;
		}



#loctouch-feed {
	float: right;
	width: 280px;
}

#loctouch-feed .feed-box {
	margin-bottom: 20px;
	padding: 10px;
	border: solid 0 #ffcf00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffcf00;
}

#loctouch-feed .feed-title {
	margin-bottom: 10px;
	color: #000;
	font-weight: bold;
}

#loctouch-feed .twitter .feed-title {
	line-height: 45px;
	padding-left: 55px;
	background: url(/images/ver2/index/loctouch_twitter.gif) no-repeat left center;
	font-size: 18px;
}

#loctouch-feed .blog .feed-title {
	font-size: 16px;
}


#loctouch-feed .feed-box .feed {
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 0 #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}

#loctouch-feed .feed-box .feed li {
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: solid 1px #c6c6c6;
}

#loctouch-feed .feed-box .feed li:first-child {
	border-top: none;
}

#loctouch-feed .feed-box .feed * {
	font-size: 12px;
	line-height: 150%;
}















/* create spot
------------------------------------------ */
#create-spot-form {
}


	#create-spot-form li {
		margin: 0 0 10px 0;
		overflow: hidden; /* clearfix */
	}

		#create-spot-form label {
			display: block;
			float: left;
			width: 90px;
			padding-top: 9px;
			padding-right: 10px;
			font-size: 14px;
			font-weight: bold;
			text-align: right;
		}

		#create-spot-form .spot-category label {
			padding-top: 3px;
		}


		#create-spot-form .category-select-wrap {
			float: left;
			margin-bottom: -10px;
		}

		#create-spot-form .spot-address {
			clear: left;
		}

		#create-spot-form .spot-input-wrap {
			float: left;
			width: 376px;
		}

			#create-spot-form input {
				width: 360px;
				padding: 7px 5px;
				border: solid 3px #ffcf00;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				border-radius: 8px;
				-moz-box-shadow: inset 2px 2px 1px #ccc;
				-webkit-box-shadow: inset 2px 2px 1px #ccc;
				box-shadow: inset 2px 2px 1px #ccc;
				font-size: 16px;
			}

			#create-spot-form select {
				margin-bottom: 10px;
				-moz-box-shadow: inset 2px 2px 1px #ccc;
				font-size: 16px;
			}

				#create-spot-form option {
				}

	body.createSpot .invalid {
		margin-bottom: 3px;
		padding-left: 18px;
		background: url(/images/ver2/cmn/error.png) no-repeat left center;
		color: #ffcf00;
		font-size: 12px;
		/width: 210px;
	}

	body.createSpot #map-canvas-container .invalid {
		clear: both;
		float: right;
	}


.map-advice {
	float: left;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 12px;
}

.map-reflection {
	float: right;
	padding-bottom: 3px;
}

	.map-reflection a {
		display: block;
		width: 193px;
		padding-top: 8px;
		padding-bottom: 3px;
		border: solid 0 #ffcf00;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #ffcf00;
		color: #5a5d5a;
		font-weight: bold;
		text-align: center;
	}

#editSpot #map_canvas,
#createSpot #map_canvas {
	clear: both;
	border: solid 5px #ffcf00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 2px 2px 1px #ccc;
	-webkit-box-shadow: inset 2px 2px 1px #ccc;
	box-shadow: inset 2px 2px 1px #ccc;
}


#editSpot .create .submit,
body#createSpot .create .submit {
	padding-top: 20px;
}





/* -------------------------------------------------------

 =5 pages home

------------------------------------------------------- */
/* navi
------------------------------------------ */
nav.home {
	margin-top: -15px;
	margin-left: -5px;
	padding-bottom: 15px;
	overflow: hidden; /* clearfix */
	/zoom: 1;
	/position: relative;
}

body#homeMap nav.home,
body#homeMap2 nav.home {
	width: 525px;
	padding-bottom: 5px;
	margin-left: auto;
}

	.home-nav li {
		float: left;
		display: inline;
		margin-left: 5px;
	}

		.home-nav li a {
			display: block;
			width: 170px;
			height: 45px;
			text-indent: -99999px;
			overflow: hidden;
		}

		.home-nav li.map a {
			background: url(/images/ver2/menu_tab/tab_map.png) no-repeat;
		}
		.home-nav li.timeline a {
			background: url(/images/ver2/menu_tab/tab_tl.png) no-repeat;
		}
		.home-nav li.setting a {
			background: url(/images/ver2/menu_tab/tab_setting.png) no-repeat;
		}
		.home-nav li.map,
		body#homeMap2 .home-nav li.map a,
		body#homeMap .home-nav li.map a,
		.home-nav li.map a:hover {
			background: url(/images/ver2/menu_tab/tab_map_off.png) no-repeat;
		}
		.home-nav li.timeline,
		body#homeTimeline .home-nav li.timeline a,
		.home-nav li.timeline a:hover {
			background: url(/images/ver2/menu_tab/tab_tl_off.png) no-repeat;
		}
		.home-nav li.setting,
		body#homeSettingIndex .home-nav li.setting a,
		.home-nav li.setting a:hover {
			background: url(/images/ver2/menu_tab/tab_setting_off.png) no-repeat;
		}









#my-timeline {
}

#my-timeline .new-post {
	margin: 15px 20px 0;
	padding: 10px 0;
	background: #e3f2f7;
	font-size: 12px;
	text-align: center;
}

#notifyContainer .timeline-entry a,
#likeList li,
#likeList section,
.follow-request,
#my-timeline .timeline-entry {
	clear: both;
	position: relative;
	min-height: 54px;
	padding: 10px 20px;
	border-bottom: solid 1px #dedede;
	/zoom: 1;
}
#likeList li:last-child,
#likeList section:last-child,
.follow-request:last-child,
#my-timeline .timeline-entry:last-child {
	border-bottom: none;
}

body.recent #my-timeline .timeline-entry {
	padding: 10px;
}
body#index #my-timeline .timeline-entry {
	min-height: 65px;
	padding: 5px 0;
}


	#notifyContainer .member-icon,
	#likeList .member-icon,
	.follow-request .member-icon,
	#my-timeline .timeline-entry .member-icon {
		position: absolute;
		top: 10px;
		left: 10px;
		border: solid 3px #c6c6c6;
	}

	body#index #my-timeline .timeline-entry .member-icon {
		top: 10px;
	}


	#likeList .wrap,
	.follow-request .wrap,
	#my-timeline .timeline-entry .wrap {
		margin-left: 55px;
	}
	body#index #my-timeline .timeline-entry .wrap {
		margin-left: 75px;
	}

	#my-timeline .timeline-entry .wrap {
    overflow: hidden;
  }


		#my-timeline .timeline-entry .member-name {
			padding-right: 100px;
			font-size: 16px;
		}

			#likeList .member-name a,
			.follow-request .member-name a,
			#my-timeline .timeline-entry .member-name a {
				color: #000;
				font-size: 12px;
				font-weight: bold;
			}

		#my-timeline .timeline-entry .default,
		#my-timeline .timeline-entry .comment {
      position: relative;
			margin: 5px 0 5px 10px;
			padding: 5px 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #ffe363;
			font-size: 12px;
		}
		#my-timeline .timeline-entry .default {
			display: block;
			margin-bottom: 10px;
		}

		#my-timeline .timeline-entry .default:before,
		#my-timeline .timeline-entry .comment:before {
			position: absolute;
			top: 10px;
			left: -7px;
			content: "";
			display: block;
			width: 7px;
			height: 7px;
			background: url(/images/ver2/index/tl_fukidashi.png) no-repeat;
		}

  		#my-timeline .timeline-entry .thumbnail {
        float: left;
        margin-right: 10px;
        border: solid 1px #c6c6c6;
      }

		#likeList .time,
		#my-timeline .timeline-entry .time {
			position: absolute;
			top: 17px;
			right: 10px;
			color: #9c9a9c;
			font-size: 12px;
		}
		#likeList .time {
			font-size: 14px;
		}
			#notificationParts .time,
			#my-timeline .timeline-entry .time a {
				color: #9c9c9c;
			}
		body#index #my-timeline .timeline-entry .time {
			top: 8px;
			font-size: 11px;
		}

	#my-timeline .timeline-entry .touch,
	#my-timeline .timeline-entry .leader,
	#my-timeline .timeline-entry .note {
		margin-bottom: 7px;
	}

	#my-timeline .timeline-entry .sticker {
		position: relative;
		margin: 5px 100px 5px 0;
		padding-bottom: 10px;
	}

		#my-timeline .timeline-entry .sticker img {
/*			position: absolute;
			top: 0;
			left: 0; */
			margin-right: 10px;
		}

		#my-timeline .timeline-entry .sticker span {
/*			position: relative;
			top: 2px;
			margin-left: 33px;*/
		}

	#my-timeline .timeline-entry .note,
	#my-timeline .timeline-entry .leader {
		font-size: 14px;
	}


	#my-timeline .timeline-entry .leader {
		line-height: 25px;
		padding-left: 33px;
		background: url(/images/ver2/cmn/s_star.png) no-repeat left center;
	}


#likeList .text,
#likeList .text a,
#my-timeline .timeline-entry a,
#my-timeline .timeline-entry .touch,
#my-timeline .timeline-entry .leader,
#my-timeline .timeline-entry .sticker,
#my-timeline .timeline-entry .note {
  overflow: hidden;
  font-size: 14px;
	font-weight: bold;
}

body#indexRecentTouches .timeline-entry .time a {
	font-weight: normal;
}

#my-timeline .timeline-entry .touch {
	margin-right: 100px;
}


#my-timeline .timeline-entry .touch a,
#my-timeline .timeline-entry .touch {
}


#my-timeline .contents-block {
	padding: 0px 20px 10px;
}

#my-timeline .timeline-loading {
  padding: 0 0 10px 0;
  font-size: 14px;
  text-align: center;
}







	#my-timeline .timeline-entry .hightouch {
		position: relative;
		min-height: 60px;
	}
		#my-timeline .timeline-entry .hightouch .member-icon {
			top: 0;
			left: 0;
		}
		#my-timeline .timeline-entry .hightouch .member-name {
			margin-left: 65px;
			font-weight: bold;
		}
			#my-timeline .timeline-entry .hightouch .member-name a {
				color: #0699C5;
			}


	body.spotData .touch-list .like,
	#my-timeline .timeline-entry .like {
		float: right;
		position: absolute;
		bottom: 10px;
		right: 10px;
		line-height: 1;
		text-align: right;
	}
	body.spotData .touch-list .like {
		text-align: left;
	}
		body.spotData .touch-list .like .likeCount,
		#my-timeline .timeline-entry .like .likeCount {
			position: relative;
			float: left;
			margin-right: 5px;
			padding: 3px 10px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: #FFD5DF;
			color: #757575;
			font-size: 14px;
			font-weight: bold;
		}
		body.spotData .touch-list .like .likeCount:after,
		#my-timeline .timeline-entry .like .likeCount:after {
			content: "";
			display: block;
			position: absolute;
			top: 9px;
			right: -5px;
			width: 5px;
			height: 4px;
			background: url(/images/ver2/ver2/tl_like_count.png);
		}
/*
			#my-timeline .timeline-entry .like .likeCount a {
				display: block;
				padding: 3px 10px;
				color: #757575;
			}
*/

		#my-timeline .timeline-entry .like .likeBtn {
			float: left;
			width: auto;
			height: auto;
			line-height: 19px;
			padding-left: 20px;
			padding-top: 3px;
			background: url(/images/ver2/ver2/tl_like_off.png) no-repeat left 3px;
			color: #666;
			font-size: 12px;
			text-indent: 0;
		}
		#my-timeline .timeline-entry .like .likeBtn.liking {
			color: #EB0C42;
			background: url(/images/ver2/ver2/tl_like_on.png) no-repeat left 3px;

		}


    body.listView #action .touch-list .like,
	body#spotIndex.spotData #action .touch-list .like {
		float: right;
		width: 370px;
	}

        body.listView #action .touch-list .dt,
		body#spotIndex.spotData #action .touch-list .like dt {
			float: left;
			width: 290px;
			min-height: 1px;
			margin-right: 5px;
			color: #858585;
			font-size: 13px;
			text-align: right;
		}

            body.listView #action .touch-list .like img,
			body#spotIndex.spotData #action .touch-list .like img {
				position: static;
				margin-right: 5px;
				border: solid 1px #bfbfbf;
				vertical-align: middle;
			}

        body.listView #action .touch-list .like dd,
		body#spotIndex.spotData #action .touch-list .like dd {
			float: left;
			width: 75px;
		}




body.recent #picture-log li {
	margin-bottom: 10px;
}

body.recent #picture-log .picture-log li a {
	color: #fff;
}

body.recent #picture-log li .name {
	margin-top: 5px;
}

/* invite
------------------------------------------ */
#homeInvite {
}
#homeInvite #contents-2 .item{
 		background: none repeat scroll 0 0 #F1F1F1;
 		border: 0 solid #F1F1F1;
 		border-radius: 5px 5px 5px 5px;
 		overflow: hidden;
 		padding: 10px
}


/* map
------------------------------------------ */
body#homeMap2 #contents,
body#homeMap #contents {
	width: 100%;
}

body#homeMap2 #contents-2,
body#homeMap #contents-2 {
	float: none;
	width: 900px;
	margin: 0 auto;
}

body#homeMap2 #contents-3,
body#homeMap #contents-3 {
	padding-bottom: 15px;
}

body#spotMap #map_canvas,
body#homeMap2 #map_canvas,
body#homeMap #map_canvas {
	clear: both;
	width: 100%;
	height: 400px;
	border-top: solid 5px #ffcc00;
	border-bottom: solid 5px #ffcc00;
	-moz-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
}

body#homeMap2 #map_list {
    float: left;
    width: 20%;
    background-color: #ffffff;
    height: 400px;
    font-size: 14px;
    overflow-y: scroll;
	border-top: solid 5px #ffcc00;
	border-bottom: solid 5px #ffcc00;
	-moz-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
}
body#homeMap2 #map_list li {
    border-bottom: #cccccc 1px solid;
    word-break: break-all;
}
body#homeMap2 #map_list a {
    text-decoration: none;
    width: 100%;
    height: 100%;
}
body#homeMap2 #map_list a .spot-address {
    color: #777777;
    display: block;
}
body#homeMap2 #categorySelectors {
    float: right;
}
body#homeMap2.nonMember #map-container {
    margin-top: 20px;
}
body#homeMap2 #spotSearch form {
    float: left;
}
body#homeMap2 .map-selector-container {
    margin-top: 10px;
    clear: both;
}
body#homeMap2 .map-selecter-container #map-selecter {
    width: 800px;
}
body#homeMap2 .map-selecter-container #map-selecter #mymap-all {
    background-color: white;
}

body#homeMap2 #map_canvas {
    float: right;
    list-style: none;
    width: 80%;
    clear: none;
}
body#homeMap2 #map-container {
    clear: both;
}

.map-selecter-container {
	width: 900px;
	margin: 0 auto;
}

		.map-selecter-container a {
			display: block;
			text-indent: -99999px;
		}

	.map-selecter-container .refresh {
		float: left;
		position: relative;
		z-index: 9;
		width: 380px;
	}

		.map-selecter-container .refresh a {
			width: 180px;
			height: 30px;
			background: url(/images/ver2/map/map_tab_shiraberu.png) no-repeat;
		}

		.map-selecter-container .refresh a:hover {
			opacity: 0.8;
		}

	.map-selecter-container .refresh span {
		position: absolute;
		top: -40px;
		left: 0;
		width: 280px;
		height: 36px;
		background: url(/images/ver2/map/map_fukidashi.png) no-repeat;
		text-indent: -99999px;
	}

	.map-selecter-container #map-selecter {
		position: relative;
		z-index: 9;
		float: right;
		width: 520px;
	}

		.map-selecter-container #map-selecter li {
			float: left;
		}

			.map-selecter-container #map-selecter a {
				width: 260px;
				height: 30px;
				overflow: hidden;
			}

			.map-selecter-container #map-selecter .every a {
				background: url(/images/ver2/map/map_tab_all_off.png) no-repeat;
			}
			.map-selecter-container #map-selecter .self a {
				background: url(/images/ver2/map/map_tab_me_off.png) no-repeat;
			}
			.map-selecter-container #map-selecter .every a.selected {
				background: url(/images/ver2/map/map_tab_all.png) no-repeat;
			}
			.map-selecter-container #map-selecter .self a.selected {
				background: url(/images/ver2/map/map_tab_me.png) no-repeat;
			}


#map-container {
	position: relative;
	z-index: 1;
	/zoom: 1;
}

#selected_spot {
	display: none;
	position: absolute;
width: 800px;
bottom: 55px;
left: 50%;
margin-left: -400px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
min-height: 90px;
height: auto!important;
height: 90px;

	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	background: #333;
	background: rgba(0, 0, 0, 0.8);
}
	#selected_spot a {
		text-indent: 0;
		color: #fff;
	}

	#selected_spot .close {
		display: none;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 15px;
		height: 15px;
		background: url(/images/ver2/map/close.png) no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#selected_spot .spot-icon {
		position: absolute;
top: 20px;
left: 20px;
border: solid 5px #dfdfdf;
background: #fff;
	}

	#selected_spot .wrap {
margin-left: 110px;
		margin-right: 30px;
	}

		#selected_spot .wrap .spot-name {
			font-size: 23px;
			font-weight: bold;
		}
		#selected_spot .wrap .address-icons {
      min-height: 4em;
		}






/* follow request
------------------------------------------ */
body#homeFollowrequest .follow-select a {
float: left;
min-width: 0;
line-height: 15px;
height: 15px;
margin-right: 10px;
padding: 5px 10px;
}








/* feed page
------------------------------------------ */
body#homeFeed {}



body#homeFeed #contents-2Inner .item {
	margin-bottom: 10px;
}

	body#homeFeed #contents-2Inner .item .title {
		float: left;
		padding-top: 2px;
		margin-right: 10px;
	}

		body#homeFeed #contents-2Inner .item a {
			width: 70px;
			display: block;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			color: #fff;
			background: #ff9200;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
		}

		body#homeFeed #contents-2Inner .item a:hover {
			background: #ffcd00;
		}


	body#homeFeed #contents-2Inner .item textarea {
		width: 373px;
		cursor: pointer;
	}



body#homeFeed #contents-2 .text {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}

body#homeFeed .description {
	padding-top: 10px;
}

body#homeFeed .rss {
	padding-top: 15px;
	padding-bottom: 10px;
}










/* -------------------------------------------------------

 =6 pages home/setting

------------------------------------------------------- */
/* setting/
------------------------------------------ */
.edit-container {
	padding: 20px 10px 0;
	
}

	.edit-container.errorBox{
		border:#FF0000 4px solid;
		padding:20px;
		margin:10px 10px 0 10px;
	}
		.edit-container.errorBox li,
		.edit-container.errorBox li{
			color:#FF0000;
			font-weight:bold;
			list-style:disc;
			margin-left:10px;
		}
	

	.item-headline {
		padding-bottom: 3px;
		color: #323232;
		font-size: 14px;
		font-weight: bold;
	}


  #homeSettingMixi .item,
	#profile-edit .item-container,
	#etc-edit .item-container,
	.edit-container .item {
		padding: 10px;
		border: solid 0 #f1f1f1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #f1f1f1;
		overflow: hidden; /* clearfix */
	}


#user-icon-edit {}

#user-icon-edit .item {
	min-height: 50px;
}

	#user-icon-edit .user-icon {
		float: left;
		border: solid 3px #dfdfdf;
	}

	#user-icon-edit .icon-form {
		margin-left: 70px;
	}

		#user-icon-edit .icon-form form {
			margin-bottom: 10px;
		}

	#user-icon-edit .icon-form .guide-profile-img {
		color: #0187ae;
		font-size: 10px;
	}


#mail-address-edit {}

	#twitter-account-edit .item, #livedoor-account-edit .item {
xwidth: 480px;
		overflow: hidden; /* clearfix */
		text-align: right;
	}

	#mail-address-edit .item {
		/position: relative;
	}
/*
		#twitter-account-edit .now {
			display: table-cell;
			width: 350px;
			padding-left: 10px;
			color: #000;
			font-weight: bold;
			text-align: left;
			/float: left;
		}
*/

.externalService .description {
  float: left;
  padding-top: 6px;
  padding-left: 10px;
  font-size: 12px;
}

#facebook-account-edit .submit {
  xmargin-left: 360px;
}

.externalService .registration-release .description {
  color: #000;
}
.externalService .registration .description {
  color: #EF1C21;
}

.externalService .now {
			width: 350px;
			padding-left: 10px;
			color: #000;
			font-weight: bold;
			text-align: left;
			float: left;
}

.externalService form {
	float: right;
}




		#mail-address-edit .now {
			position: relative;
			top: 5px;
			width: 325px;
			padding-left: 10px;
			color: #000;
			font-weight: bold;
		}

		#mail-address-edit .edit-btn {
			float: right;
			/position: absolute;
			/top: 5px;
			/right: 20px;
		}
/*
		#twitter-account-edit form {
			display: table-cell;
		}
*/
		#mail-address-edit form {
			clear: both;
			width: 469px;
			padding-top: 15px;
			padding-left: 10px;
		}

			#mail-address-edit form .text {
				width: 330px;
				font-size: 20px;
			}

			#twitter-account-edit .submit {
				/float: right;
			}



#profile-edit{
}

	#profile-edit .prof-attention{
			font-size: 11px;
			color:#bf0000;
	}
	
	#profile-edit .prof-attention.bold{
		font-weight:bold;
	}

	#profile-edit .item-subheadline{
		font-size:11px !important;
	}
	
	#profile-edit .profile-year{
		width:40px;
	}
	
	#profile-edit .profile-month,
	#profile-edit .profile-day{
		text-align:center;
	}
	
	#profile-edit #fem,	
	#profile-edit #non{
		margin-left:10px;
	}
	
	#profile-edit .zip{
		width:60px;
	}
	

#twitter-account-edit {
}

	#etc-edit {
		padding-bottom: 10px;
	}
	
		#profile-edit .item, 
		#etc-edit .item {
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			background: none;
			color: #585858;
		}
		
		#profile-edit .item-subheadline, 
		#etc-edit .item-subheadline {
			display: table-cell;
			width: 130px;
			font-size: 14px;
			font-weight: bold;
		}

		#profile-edit .input, 
		#etc-edit .input {
			display: table-cell;
		}

	#profile-edit div.submit, 
	#etc-edit div.submit {
		padding-top: 15px;
		text-align :right;
	}

	#etc-edit #nickname-edit .input {
		width: 330px;
	}

		#etc-edit .input li {
			margin-bottom: 10px;
		}

		#etc-edit #nickname-edit .input input {
			width: 320px;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
		}

		#etc-edit .input .checkbox {
			margin-right: 5px;
		}

		#etc-edit #alias-edit .input input {
			width: 320px;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
		}
	#etc-edit .twitter-send-headline label {
		font-size: 14px;
		font-weight: bold;
	}

	#etc-edit .mail-reception-headline label {
		font-size: 14px;
		font-weight: bold;
	}

#etc-edit .cautions {
	line-height: 150%;
	color: #bf0000;
	font-size: 11px;
}

#etc-edit .done {
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}


#api-edit{
}
	#api-edit p {
		text-align:right;
		float:right;
	}

	#fbInviteGuide .edit-btn,
	#fbInvite a.edit-btn,
	#api-edit a {
		display:block;
		width:100px;
		min-width:100px;
		height:27px;
		text-decoration:none;
	}



/* API reject page
------------------------------------------ */
#api-reject{
}

#api-reject .now {
    color: #000000;
    font-weight: bold;
    padding-left: 10px;
    width: 335px;
	display:block;
}
#api-reject .item{
	margin-bottom:20px;
	position:relative;
}

#api-reject form{
    clear: both;
    float: right;
    padding-left: 10px;
    width: 336px;
}

#api-reject .edit-btn {
	color:#666;
	position:absolute;
	top:7px;
	right:10px;
}





/* .settingDetail
------------------------------------------ */
body.settingDetail .contents-block {
	padding-top: 10px;
}

body.settingDetail .description {
	padding-top: 10px;
	font-size: 14px;
}

body.settingDetail #contents-2 b {
	font-weight: bold;
}



/* icon */
body#homeSettingIcon .member-icon {
	border: solid 3px #dfdfdf;
}
















/* -------------------------------------------------------

 =7 pages member

------------------------------------------------------- */




/* member-detail
------------------------------------------ */

body#hightouchDetail .profile-box,
#member-detail {
	padding: 15px;
	color: #fff;
}

	body.member #member-detail a {
		color: #fff;
		font-weight: bold;
    text-decoration: none;
	}
	body.home #member-detail a {
		color: #000;
		font-weight: bold;
    text-decoration: none;
	}


body.home #member-detail {
	color: #000;
}

	#member-detail .wrap {
		padding-bottom: 15px;
		overflow: hidden;
		/zoom: 1;
	}

		body#hightouchDetail .member-icon,
		body.detail .member-icon,
		#member-detail .member-icon {
			position: relative;
			float: left;
			border: solid 5px #fff;
			border-radius:5px;
			box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.5) inset;
		}

			#member-detail .member-icon .memberIcon {
				width: 45px;
			}

			body.home .member-icon .U-rei,
			body.member .member-icon .U-rei {
				position: absolute;
				bottom: -10px;
				right: -15px;
			}


		body#hightouchDetail .member-name,
		#member-detail .member-name {
			width: 270px;
			margin-left: 65px;
			margin-bottom: 5px;
			padding-top: 3px;
			font-size: 16px;
			font-weight: bold;
		}
		body#hightouchDetail .member-name {
			padding-top: 17px;
		}

			#member-detail .member-name a {
				font-size: 16px;
				font-weight: bold;
			}
			body#hightouchDetail .member-name a {
				font-weight: bold;
				text-decoration: none;
			}


	#member-detail .livedoor-profile {
    float: left;
  }

		#member-detail .livedoor-profile a {
      display: block;
      width: 117px;
      xheight: 20px;
      xmin-height: 20px;
      line-height: 1;
      margin-left: 10px;
      padding: 5px 5px 3px 28px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);

      background-color: #fff;
      background-image: url(/images/ver2/cmn/logo_prof.png), url(/images/ver2/cmn/r_arrow_black.png);
      background-position: 6px center, 95% center;
      background-repeat: no-repeat, no-repeat;

      color: #575757;
      font-size: 11px;
      font-weight: normal!important;
      text-decoration: none;
    }

	  body.member #member-detail .livedoor-profile a {
      background-image: url(/images/ver2/cmn/logo_prof.png), url(/images/ver2/cmn/r_arrow_blue.png);
      color: #0699c5;
    }


		  #member-detail .livedoor-profile a span {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
      }


	#member-detail .member-link {
    float: left;
  }


		#member-detail .my-profile {

    }

      #member-detail .my-profile a {
      }


			#picture-page .spot-edit,
      .my-profile,
			#spotIndex .spot-edit {
				float: right;
				margin-top: -20px;
				margin-right: 15px;
				margin-bottom: 15px;
				border: solid 0 #fff;
				-moz-border-radius: 0 0 5px 5px;
				-webkit-border-top-left-radius: 0;
				-webkit-border-top-right-radius: 0;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				border-radius: 0 0 5px 5px;
				-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
				box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
				background: #fff;
			}

			#picture-page .spot-edit {
				background: #068BC3;
			}

      .my-profile {
        width: 180px;
      }

			#picture-page .spot-edit,
			#spotIndex .spot-edit {
				position: relative;
        width: 140px;
      }

				#picture-page .spot-edit a,
        .my-profile a,
				#spotIndex .spot-edit a {
					display: block;
					padding: 3px 5px 3px 25px;
					font-size: 12px;
				}
				#picture-page .spot-edit a {
					color: #fff;
				}


        .my-profile.home a,
				#spotIndex .spot-edit a {
          width: 110px;
					background: url(/images/ver2/spot/arrow_edit.png) no-repeat 8px center;
					color: #0699c5;
        }

        * html .my-profile.home a {
          background: none;
        }


        .my-profile a {
          width: 150px;
          color: #676767;
					background: url(/images/ver2/cmn/arrow_right.png) no-repeat 8px center;
        }

        .my-profile.home a {
          width: 150px;
        }



/*
		#member-detail .my-profile {
			text-align: right;
		}

			#member-detail p.my-profile a {
				padding-left: 15px;
				font-size: 10px;
			}

			body.home #member-detail p.my-profile a {
				background: url(/images/ver2/cmn/arrow_right.png) no-repeat left center;
				color: #666;
			}
			body.member #member-detail p.my-profile a {
				background: url(/images/ver2/cmn/arrow_fff.png) no-repeat left center;
				color: #fff;
			}
*/


.member-detail {
	float: left;
}

.member-touch {
	overflow: hidden;
}

.member-status {
	clear: both;
	margin-left: -10px;
	padding-top: 10px;
	overflow: hidden;
}

	.member-touch,
	.member-status .member-box {
		border: solid 0 #4a9ec6;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		background: #4a9ec6;
	}
	body.home .member-touch {
		background: #FED943;
	}
	.member-touch {
		background: #018DC8;
	}

	/*.touch-count span,*/
	.member-touch {
		float: left;
		width: 204px;
		padding: 5px 10px;
	}
	.member-status .member-box {
		display: inline-block;
		vertical-align: top;
		width: 145px;
		padding: 5px 10px;
		margin-left: 10px;
		margin-bottom: 10px;
		border: solid 0 #4a9ec6;
		-moz-border-radius: 7px;
		border-radius: 7px;

		background: #0182b9; /* Old browsers */
		background: -moz-linear-gradient(top, #0182b9 0%, #0175a6 50%, #00659d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0182b9), color-stop(50%,#0175a6), color-stop(100%,#00659d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #0182b9 0%,#0175a6 50%,#00659d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #0182b9 0%,#0175a6 50%,#00659d 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #0182b9 0%,#0175a6 50%,#00659d 100%); /* IE10+ */

		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

		line-height: 1;

		/display: inline;
		/zoom: 1;
	}
	.member-status .member-box:hover {
		background: #00659d; /* Old browsers */
		background: -moz-linear-gradient(bottom, #0182b9 0%, #0175a6 50%, #00659d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#0182b9), color-stop(50%,#0175a6), color-stop(100%,#00659d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(bottom, #0182b9 0%,#0175a6 50%,#00659d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(bottom, #0182b9 0%,#0175a6 50%,#00659d 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(bottom, #0182b9 0%,#0175a6 50%,#00659d 100%); /* IE10+ */
	}
	body.home .member-status .member-box {
		background: #ffe349; /* Old browsers */
		background: -moz-linear-gradient(top, #ffe349 0%, #facc42 50%, #f7c62c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe349), color-stop(50%,#facc42), color-stop(100%,#f7c62c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffe349 0%,#facc42 50%,#f7c62c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffe349 0%,#facc42 50%,#f7c62c 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #ffe349 0%,#facc42 50%,#f7c62c 100%); /* IE10+ */
	}
	body.home .member-status .member-box:last-child:hover {
		background: #f7c62c; /* Old browsers */
		background: -moz-linear-gradient(bottom, #ffe349 0%, #facc42 50%, #f7c62c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ffe349), color-stop(50%,#facc42), color-stop(100%,#f7c62c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(bottom, #ffe349 0%,#facc42 50%,#f7c62c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(bottom, #ffe349 0%,#facc42 50%,#f7c62c 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(bottom, #ffe349 0%,#facc42 50%,#f7c62c 100%); /* IE10+ */
	}
	body.home .getStatus .member-box {
		width: 86px;
		color: #373737;
	}
	.member-status .followStatus .member-box {
		padding: 5px 10px;
		line-height: 1;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		cursor: pointer;
	}


	.member-status .followees,
	.member-status .followers {
		margin-bottom: 0;
	}
	body.home #member-detail .member-status a .member-status-count {
		color: #373737;
		text-decoration: none;
	}
	body.home #member-detail .member-status a:hover .member-status-count {
		color: #000;
	}
	body.member #member-detail .member-status .followees p,
	body.member #member-detail .member-status .followers p {
		color: #fff;
		text-decoration: none;
	}
	body.member #member-detail .member-status a:hover .followees p,
	body.member #member-detail .member-status a:hover .followers p {
		color: #fff;
	}

		.member-touch .member-touch-title,
		.member-status .member-status-title {
		}
		.member-touch .member-touch-title {
			width: 60px;
			padding-top: 10px;
			font-size: 10px;
		}
		.member-status .member-status-title {
			font-size: 12px;
		}
		.member-status .followStatus .member-status-title {
			font-size: 10px;
		}

		#member-detail.u-rei .member-status .followStatus .member-status-title {
			font-size: 11px;
		}
		.member-touch .member-touch-title {
			float: left;
			font-size: 16px;
		}
		.member-status .followStatus .member-status-title {
			float: left;
			padding-top: 6px;
		}


		.followees .member-status-title,
		.followers .member-status-title {
			padding-top: 8px;
		}
		body.home .followees .member-status-title,
		body.home .followers .member-status-title {
			color: #373737;
		}
		body.home a:hover .followees .member-status-title,
		body.home a:hover .followers .member-status-title {
			color: #000;
		}
		body.member .followees .member-status-title,
		body.member .followers .member-status-title {
			color: #fff;
		}
		body.member a:hover .followees .member-status-title,
		body.member a:hover .followers .member-status-title {
			color: #fff;
		}


		.like .member-status-title,
		.leader .member-status-title,
		.sticker .member-status-title {
			padding: 3px 5px 10px 0px;
			background: url(/images/ver2/ver2/home_profile_arrow.png) no-repeat right 4px;
		}
		body.member .like .member-status-title,
		body.member .leader .member-status-title,
		body.member .sticker .member-status-title {
			background: url(/images/ver2/ver2/member_profile_arrow.png) no-repeat right 4px;
		}


		.member-touch .member-touch-count,
		.member-status .member-status-count {
			float: right;
			padding-right: 5px;
			font-weight: bold;
		}

		.member-status .followStatus .member-status-count {
			padding-right: 15px;
			background: url(/images/ver2/ver2/home_profile_arrow.png) no-repeat right center;
		}
		body.member .member-status .followStatus .member-status-count {
			padding-right: 12px;
			background: url(/images/ver2/ver2/member_profile_arrow.png) no-repeat right center;
		}


/*		.touch-count span,*/
		.member-touch .member-touch-count {
			font-size: 30px;
		}
		.member-status .member-status-count {
			font-size: 35px;
		}
		.member-status .followStatus .member-status-count {
			font-size: 20px;
		}

		.member-status .member-status-count a {
			color: #fff;
			text-decoration: underline;
		}


#member-detail .U-rei,
.member-twitter {
	float: left;
	margin-left: 10px;
}

.my-feeds {
	margin-top: 10px;
	text-align: center;
}
	#contents-1 .my-feeds a {
		color: #055B74;
	}
		.my-feeds a img {
			vertical-align: text-bottom;
		}

.member-twitter img {
	vertical-align: top;
}

ul.follow-control {
	float: left;
	width: 105px;
	line-height: 1.1;
	margin-left: 10px;
	overflow: hidden;
	font-weight: bold;
}
body#memberIndex ul.follow-control {
	overflow: visible;
}

.u-rei-box ul.follow-control {
	margin-left: 0;
}

	body.home #findFriends .follow-control,
	body.home #member-detail .request,
	ul.follow-control .member-button {
		position: relative;
		padding-left: 40px;
	}

	.u-rei-box ul.follow-control .member-button {
		padding-left: 0;
	}
		.follow-control a {
			color: #fff;
			font-weight: bold;
		}

			body.home #member-detail .request a img,
			.follow-control img {
				position: absolute;
				top: 0;
				left: 0;
				margin-right: 5px;
				vertical-align: middle;
			}

body.home #member-detail .request {
	float: right;
	xwidth: 86px;
	margin-left: 10px;
}
body.home #member-detail .request a {
	color: #554E32;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
}







/* member-log
------------------------------------------ */
body#memberIndex .my-detail {
  margin-bottom: 40px;
}

body#memberIndex .my-profile {
	position: relative;
	z-index: 2;
	margin-top: -40px;
}







/* sticker
------------------------------------------ */
#sticker-book-list.my-book {
	margin-bottom: 40px;
}

body#memberIndex .new.book {
	margin-top: -40px;
}


body#memberSticker #member-sticker-list {
	margin-top: 0;
}


	#member-sticker-list ul {
		padding-top: 15px;
		margin-left: 12px;
		overflow: hidden; /* clearfix */
		text-align: left;
	}

		#member-sticker-list .sticker-list {
			display: inline-block;
			/display: inline;
			/zoom: 1;
			width: 95px;
			margin-bottom: 10px;
			text-align: center;
			vertical-align: top;
		}

			#member-sticker-list ul a {
				color: #000;
				font-size: 83%;
				text-decoration: none;
			}

			#member-sticker-list a:hover {
			  filter: alpha(opacity=50);
			  opacity:0.5;
			}




body#memberIndex .no-sticker-book {
  margin-bottom: 40px;
}

body#memberIndex .book.first {
	position: relative;
	z-index: 2;
	margin-top: -40px;
}







/* leader
------------------------------------------ */



/* album
------------------------------------------ */
#picture-log {
  position: relative;
}

  #picture-log .sub-title {
/*    margin-right: 11px;*/
  }

  #picture-log .picture-log {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
  body#memberIndex #picture-log .picture-log {
		padding-left: 27px;
	}
  body#memberIndex #picture-log .picture-log {
    padding-bottom: 15px;
margin-left: -15px;
  }



    #picture-log .picture-log li {
      display: inline-block;
      vertical-align: top;
      /display: inline;
      /zoom: 1;
/*      width: 114px;
      margin-right: 3px;
      margin-bottom: 10px;*/
      width: 110px;
      margin-right: 11px;
      margin-bottom: 15px;
      line-height: 1.3;
    }
    body#indexRecentPictures #picture-log .picture-log li {
			width: 114px;
			margin-right: 3px;
			margin-bottom: 10px;
		}

      #picture-log .thumbnail {
        max-width: 100%;
/*        width: 100px;
        height: 100px;
        padding: 5px;*/
        width: 110px;
        height: 110px;
        padding: 0;
        -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
      }
      body.recent #picture-log .thumbnail {
				background: #fff;
			}
      body#indexRecentPictures #picture-log .thumbnail {
				width: 100px;
				height: 100px;
				padding: 5px;
			}

      #picture-log .picture-log li .time {
        color: #666;
        font-size: 10px;
      }

      #picture-log .picture-log li .name {
        font-size: 12px;
      }

        #picture-log a:hover {
          text-decoration: none;
        }

          #picture-log a:hover .name {
            text-decoration: underline;
          }




body.stickerBook #contents-2 .contents-box,
body#spotIndex .note-box-outer,
body#memberIndex .contents-box {
	position: relative;
}

body.stickerBook #contents-2 .back,
body#spotIndex .note-box-outer .more,
body#memberIndex .contents-box .more {
  position: absolute;
  top: 5px;
  right: 20px;
}

	body.suggest #contents-2 .back a,
	body.stickerBook #contents-2 .back a,
	body#spotIndex .note-box-outer .more a,
  body#memberIndex .more a {
    padding-left: 17px;
    background: url(/images/ver2/spot/arrow_edit.png) no-repeat left center;
    font-size: 12px;
    font-weight: bold;
  }


#picture-log .pager {
  padding-bottom: 25px;
}


body#spotIndex #spot-note {
  margin-top: 60px;
}










/* sticker book
------------------------------------------ */
img.book-cover {
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), -5px 0 5px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), -5px 0 5px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), -5px 0 5px rgba(0, 0, 0, 0.2) inset;
}


body#memberStickerBookIndex #contents-2 .sub-title {
	border-bottom: none;
}

body.stickerBook ul.list.my-book {
	margin: 0 5px 5px;
	background: url(/images/ver2/sticker_book/book_bg.png);
}

	body.stickerBook .my-book li {
		float: left;
		width: 80px;
		min-height: 180px;
		height: auto!important;
		height: 180px;
		margin-left: 18px;
	}

	body.stickerBook .my-book .percentage.text {
		padding-top: 10px;
		line-height: 1;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}

	body.stickerBook .my-book meter,
	body.stickerBook .my-book meter .outer,
	body.stickerBook .my-book meter .inner {
		height: 6px;
	}

		body.stickerBook .my-book meter {
			display: block;
			margin-top: 5px;
		}

	body.stickerBook .my-book .book {
		display: block;
		margin-top: 15px;
	}

	body.stickerBook .my-book .more {
		min-height: 115px;
		height: auto!important;
		height: 115px;
		padding-top: 65px;
	}

body.stickerBook #contents-2 li.more {
	margin-left: 13px;
}






#about-book {
	font-size: 12px;
}

	#about-book img {
		float: left;
		width: 140px;
		margin: 15px;
		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.35);
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.35);
	}



#sticker-book-list ul {
	padding: 15px 0 0;
}

	#sticker-book-list ul li {
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	#sticker-book-list ul li.no-get {
		float: none;
	}


	#book-global-list .list-container {
		min-height: 110px;
		height: auto!important;
		height: 110px;
		overflow: visible;
	}

		#book-global-list img.book-cover {
			position: absolute;
			top: 10px;
			left: 10px;
		}

		#book-global-list .data {
			margin: 0 0 0 95px;
		}

			#book-global-list .data .title {
				font-size: 20px;
				font-weight: bold;
			}

			#book-global-list .data .text {
				margin-top: 5px;
				font-size: 15px;
			}

			#book-global-list .data .kind {
				position: absolute;
				bottom: 5px;
				right: 10px;
				font-size: 14px;
				font-weight: bold;
			}

				#book-global-list .data .kind b {
					margin: 0 5px;
					font-size: 20px;
				}

			#book-global-list .data .finishing,
			#book-global-list .data .get {
				position: absolute;
				top: -5px;
				right: -8px;
			}

			#book-global-list .data .get {
				display: block;
				width: 45px;
				height: 45px;
				background: url(/images/ver2/sticker_book/btn_book_add_on.png) no-repeat;
				-moz-background-size: 1px 1px;
				-webkit-background-size: 1px 1px;
				background-size: 1px 1px;
				cursor: pointer;
			}

				#book-global-list .data a.get-book {
					display: block;
					width: 45px;
					height: 45px;
					background: url(/images/ver2/sticker_book/btn_book_add.png) no-repeat;
					text-indent: -99999px;
				}

				#book-global-list .data .get a:hover {
					background: none;
				}

			#book-global-list .data .get:hover {
				-moz-background-size: 45px 45px;
				-webkit-background-size: 45px 45px;
				background-size: 45px 45px;
			}


			#book-global-list .data .finishing {

			}


#book-global-list form.get-book {
	position: absolute;
	top: 22px;
	right: -40px;
	z-index: 2;
	width: 320px;
	height: 160px;
	background: url(/images/ver2/sticker_book/book_alert_bg.png);
	text-align: center;
}

	#book-global-list form.get-book .title {
		padding: 45px 25px 15px;
		font-size: 18px;
		font-weight: bold;
	}

	form.get-book .btn {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 108px;
		xheight: 34px;
		xline-height: 34px;
		xpadding: 0 0 5px 0;
		padding: 5px 0 3px;
		border: solid 3px #fff;
		-moz-border-radius: 7px;
		border-radius: 7px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
		-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
		color: #fff;
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
	}
	form.get-book .btn.no {
		padding-left: 24px;
		background: #1D96E7;
		background: url(/images/ver2/sticker_book/btn_cancel.png) no-repeat 7px 4px, -moz-linear-gradient(top, #51DBF7 0%, #3BBDF1 50%, #2FACEC 51%, #1D96E7 100%);
		background: url(/images/ver2/sticker_book/btn_cancel.png) no-repeat 8px 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51DBF7), color-stop(50%,#3BBDF1), color-stop(51%,#2FACEC), color-stop(100%,#1D96E7));
		background: url(/images/ver2/sticker_book/btn_cancel.png) no-repeat 7px 3px, linear-gradient(top, #51DBF7 0%, #3BBDF1 50%, #2FACEC 51%, #1D96E7 100%);
		letter-spacing: 0.2em;
	}
	form.get-book .btn.yes {
		margin-left: 5px;
		padding-left: 27px;
		background: #003D7C;
		background: url(/images/ver2/sticker_book/btn_ok.png) no-repeat 13px 4px, -moz-linear-gradient(top, #02AED2 0%, #007DAB 50%, #026398 51%, #003D7C 100%);
		background: url(/images/ver2/sticker_book/btn_ok.png) no-repeat 8px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02AED2), color-stop(50%,#007DAB), color-stop(51%,#026398), color-stop(100%,#003D7C));
		background: url(/images/ver2/sticker_book/btn_ok.png) no-repeat 7px 3px, linear-gradient(top, #02AED2 0%, #007DAB 50%, #026398 51%, #003D7C 100%);
		letter-spacing: 0.7em;
	}





body#memberStickerbookDetail #contents-2 .contents-box {
	position: relative;
}

body#memberStickerbookDetail .book-cover {
	position: absolute;
	top: 15px;
	left: 15px;
}

body#memberStickerbookDetail .data {
	min-height: 240px;
	height: auto!important;
	height: 240px;
	margin: 0 0 0 200px;
	padding: 15px 15px 0 0;
}

body#memberStickerbookDetail .data .title {
	margin-bottom: 10px;
	margin-right: -15px;
	border-bottom: solid 1px #000;
	font-weight: bold;
}

body#memberStickerbookDetail .data .name {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
}

body#memberStickerbookDetail .data .text {
	margin-bottom: 20px;
	font-size: 14px;
}


body#memberStickerbookDetail .meterOuter {
	position: relative;
	float: left;
	width: 230px;
	height: 15px;
	margin-right: 10px;
	overflow: hidden;
	border: solid 2px #DFDFDF;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

	body#memberStickerbookDetail meter {
		position: absolute;
		top: 0;
		width: 230px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		vertical-align: top;
	}
	meter.percentage::-webkit-meter-horizontal-bar {
		-moz-border-radius: 15px;
		border-radius: 15px;
	}

	meter.percentage::-webkit-meter-horizontal-optimum-value {
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
		body#memberStickerbookDetail meter .inner,
		body#memberStickerbookDetail meter .outer {
			width: 230px;
			height: 15px;
		}

body#memberStickerbookDetail p.percentage {
	position: relative;
	top: -8px;
	font-size: 25px;
	font-weight: bold;
}



body#memberStickerbookDetail .sticker-list li {
	float: left;
	margin-left: 20px;
	margin-bottom: 15px;
	text-align: center;
}

	body#memberStickerbookDetail .sticker-list a {
		display: block;
	}

		body#memberStickerbookDetail .sticker-list .no-get {
			display: block;
			width: 80px;
			height: 80px;
			line-height: 80px;
			background: url(/images/ver2/sticker_book/seal_blank.png) no-repeat;
			color: #C6C6C6;
		}

		body#memberStickerbookDetail .sticker-list .no-get .number {
			font-size: 37px;
			font-weight: bold;
		}

		body#memberStickerbookDetail .sticker-list li .name {
			color: #C6C6C6;
			font-size: 12px;
		}






















/* follow list
------------------------------------------ */
body#memberFollowees .contents-box,
body#memberFollowers .contents-box {
	padding-bottom: 10px;
}


.follow-list .member-icon img {
	width: 45px;
	border: solid 3px #ededed;
}

.follow-list .text {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

.follow-list .follow-status-icon {
	color: #666;
	font-size: 10px;
	text-align: center;
}














/* u-rei
------------------------------------------ */
.u-rei-box {
	padding: 60px 45px;
	border: solid ;
	background: #000;
	color: #fff;
}

	.u-rei-box .text {
		padding-bottom: 30px;
		font-size: 20px;
		font-weight: bold;
	}

.u-rei-box .follow-control {
	width: 100%;
}


.u-rei-box .more-btn {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.u-rei-box .more-btn a {
	color: #000;
}





body#memberIndex #contents-2 .follow-button a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}









/* -------------------------------------------------------

 =8 pages spot

------------------------------------------------------- */


/* spot detail
------------------------------------------ */
#spot-detail {
/*	padding: 15px;*/
	padding: 10px 25px 10px 15px;
}
#contents-2 #spot-detail {
	padding: 15px 15px 0 15px;
}

	#touch-data {
		float: left;
/*		width: 95px;*/
    	width: 66px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	body.detail #touch-data {
		width: 55px;
  }


		#touch-data p.spot-icon {
/*      	width: 80px;*/
			width: 60px;
			border: solid  3px #fff;
			background: #fff;
		}
		body.detail #touch-data p.spot-icon {
			width: 45px;
			background: #F0F0F0;
    	}
		body.detail #spot-detail p.spot-icon {
			width: 45px;
			height: 45px;
			-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    	}
			body.detail #spot-detail p.spot-icon img {
				padding: 0;
				margin-bottom: 0;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
			}


 		#touch-data p.spot-icon .spot-icon {
    }
 		body.detail #touch-data p.spot-icon .spot-icon {
      width: 45px;
    }
/*
		#touch-data .touch-count {
			margin-top: 15px;
			margin-bottom: 10px;
			font-size: 10px;
			text-align: right;
		}

			#touch-data .touch-count span {
				float: none;
				width: 70px;
				display: block;
				line-height: 1.1;
			}
*/

	#spot-data {
    float: right;
/*    width: 240px;*/
    width: 275px;
/*    margin-left: 0;*/
    margin-left: 10px;
		margin-bottom: 15px;
	}
	body.detail #spot-data {
		float: left;
		width: 270px;
    margin-left: 10px;
  }
	body.detail #contents-2 #spot-data {
		width: 375px;
	}


		#spot-data .spot-category {
			font-size: 10px;
		}
		#spot-data .spot-name {
			font-size: 23px;
			font-weight: bold;
			line-height: 1.3;
		}
		body#spotIndex #spot-data .spot-name {
			display: inline;
		}
		#spot-data .spotEdit {
			float: left;
			margin-left: 5px;
			padding-top: 5px;
		}
		body#spotIndex  #spot-data .spotEdit {
			float: none;
			display: inline;
			vertical-align: top;
		}
			#spot-data .spotEdit a {
				color: #FDCE00;
				font-size: 10px;
				text-decoration: none;
			}
			#spot-data .spotEdit a:hover {
				text-decoration: underline;
			}
			#spot-data .spot-name a {
				text-decoration: none;
			}
			#spot-data .spot-name a:hover {
				text-decoration: underline;
			}

			#spot-data .spot-sub-title {
				position: absolute;
				width: 0;
				height: 0;
				overflow: hidden;
			}

			#spot-data a {
				color: #fff;
			}
			#spot-data .spot-url a {
				color: #fff;
				text-decoration: underline;
			}
			#spot-data .spot-url a:hover {
				text-decoration: none;
			}

		#spot-data .spot-correction {
			text-align: right;
		}

			#spotRegister a,
			#spot-data .spot-correction a {
				padding: 3px 3px 3px 16px;
				background: url(/images/ver2/spot/arrow_edit.png) no-repeat 0px 4px;
				font-size: 12px;
				font-weight:bold;
			}

/* guide */
.guideListOuter{
	padding-top:10px;
}

.guideList{
	width:360px;
	margin:0 0 10px 10px;
	display: table;
	font-size:14px;
}

.guideListPicture{
/*	float:left;*/
	width:100px;
	display:table-cell;
	vertical-align:middle;
}

.guideListText{
/*	float:left;*/
	width:240px;
	padding-left:10px;
	display:table-cell;
	vertical-align:middle;
}

.guideListText div{
	word-wrap: break-word;
	white-space: pre-wrap;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
	width:250px;
}

	*:first-child+html .couponListOuter .couponList:first-child .couponListPicture,
	* html .couponListOuter .couponList:first-child .couponListPicture{
		margin-left:10px;
	}

    *:first-child+html .couponListPicture,
    *:first-child+html .couponListText{float:left;}
    * html .couponListPicture,
    * html .couponListText{float:left;}


/*20120124 add nakano*/
.couponListPicture{
    display: table-cell;
    vertical-align: middle;
    width: 100px;

}
	.couponListPicture img{
		margin-left:10px;
		padding-top:10px;
	}

/*20120124 add nakano*/
.couponListText{
    display: table-cell;
    padding-left: 10px;
	padding-top:10px;
    vertical-align: middle;
    width: 250px;
}

table.coupon_desc {
	margin: 10px 0px 5px 0px;
	border-collapse: separate;
	border-spacing: 10px 5px;
}



/* �p�[�c��͂��A�㕔�̉A */
.couponImageWrapper {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 380px;
	background: url(/images/ver3/spot/coupon_top.png) no-repeat;
	padding-top: 10px;
}

/* ��̉A */
.couponImageOuter {
	padding-bottom: 15px;
	width: 380px;
	background: url(/images/ver3/spot/coupon_btm.png) no-repeat;
	background-position: bottom;
}

/* �{�� */
.couponImageInner {
	width: 360px;
	background: url(/images/ver3/spot/coupon_bg.png);
	padding: 0px 10px;
}

/* �^�C�g�����u���b�N */
.couponTitleWrapper {
	height: 60px;
	background: url(/images/ver3/spot/coupon_leftmark.png) no-repeat;
}

/* �^�C�g�� */
.couponTitle {
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 20px;
	color: #d71e1a;
	font-size: 18px;
	font-weight: bold;
}

/* �摜�Ɛ���̃��b�p�[ */
.couponImageDescWrapper {
	padding: 10px;
}

/* �摜�Ɛ���̉��n */
.couponImageBase {
	background: #fed3c5;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
}

/* ����� */
.couponDesc {
	padding: 10px 10px;
	margin-top: 10px;
	background: #fff6f3;
	text-align: left;
}

/**
�����܂ŃN�[�|���C���[�W
**/

/* �z�z�����̃u���b�N */
.couponEndDate {
	width: 450px;
	border: 4px solid #078bc3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	margin: 10px auto;
}

/* �N�[�|���g�����u���b�N */
.howToUseWrapper {
	width: 480px;
	margin: 10px auto;
}

.howToUse {
	width: 240px;
	float: left;
	overflow: hidden;
}

.howToUseDesc {
	width: 230px;
	float: left;
	font-size: 12px;
	padding-top: 3px;
}

.howToUseDesc1 {
	padding-right: 10px;
}

.howToUseDesc2 {
	padding-left: 10px;
}

.couponCaution {
	margin: 20px auto;
	width: 450px;
	padding: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #f3f3f3;
}

.couponCaution .title {
	font-weight: bold;
}

.couponCaution ul {

}

.couponCaution li {
	font-size: 12px;
	line-height: 125%;
	color: #000;
	margin-top: 10px;
	margin-left: 15px;
	list-style-type: disc;
}

/* k */
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix {
	height:1%;
	display:block;
}



/* nakama
------------------------------------------ */
#spot-supporter .leader .contents-block {
	padding-top: 15px;
	padding-bottom: 0;
}

	body.spotData #spot-supporter .leader,
	body#spotIndex #spot-supporter .leader {
		padding-bottom: 10px;
	}

	body.spotData #spot-supporter .leader a,
	body#spotIndex #spot-supporter .leader a {
		text-decoration: none;
	}
	body.spotData #spot-supporter .leader a:hover,
	body#spotIndex #spot-supporter .leader a:hover {
		text-decoration: underline;
	}


	body#spotIndex #spot-supporter .leader .inner,
	body.spotData #spot-supporter .leader .inner {
		position: relative;

/*
		min-height: 50px;
		height: auto!important;
		height: 50px;
		padding: 10px;
		border: solid 0px #e3f3fa;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #e3f3fa;
*/
	}

		body.spotData #spot-supporter .leader .leader-icon,
		body#spotIndex #spot-supporter .leader .leader-icon,
		body#spotIndex #action .member-icon,
		body#spotIndex #spot-touch .member-icon,
		body#spotIndex #spot-note .member-icon {
			position: absolute;
			top: 10px;
			left: 10px;
			width: 45px;
			height: 45px;
			border: solid 1px #949494;
			border-radius:5px;
		}
		body.listView #action .hightouch .member-icon,
		body#spotIndex #action .hightouch .member-icon {
			position: static;
		}

		body#spotIndex #touch-form-wrapper .member-icon,
		body#spotIndex #action .member-icon {
			border: solid 1px #cccccc;
			border-radius:5px;
			-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
			-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
			-o-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
			-ms-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
		}
		body#spotIndex #spot-supporter .leader .leader-icon,
		body.spotData #spot-supporter .leader .leader-icon {
			top: 0px;
			left: 0px;
		}
		body#spotIndex #spot-supporter .leader .leader-mark-icon {
			position: absolute;
			top: 0;
			left: 60px;
		}

/*	body#spotIndex #spot-supporter .leader .wrap,*/
    body.listView #action .wrap,
	body#spotIndex #action .wrap,
	body#spotIndex #spot-touch .wrap,
	body#spotIndex #spot-note .wrap {
		position: relative;
		min-height: 50px;
		height: auto!important;
		height: 50px;
		margin-left: 60px;
	}
	body#spotIndex #spot-supporter .leader .wrap,
	body.spotData #spot-supporter .leader .wrap {
		margin-left: 60px;
		padding-top: 5px;
	}
	body#spotIndex #spot-supporter .no-leader .wrap {
		padding-top: 0;
	}
    body.listView #action .sticker,
	body#spotIndex #action .sticker {
		margin-left: 0;
	}
	body#spotIndex #contents-2 .touch-list .delete {
		position: absolute;
		top: 5px;
		right: 0;
	}
		body#spotIndex #contents-2 .touch-list .delete img {
			vertical-align: top;
		}


		body#spotIndex #spot-supporter .leader a {
/*			color: #181818;*/
		}

			body#spotIndex #spot-supporter .leader .leader-sub-title {
				font-size: 11px;
			}

			body#spotIndex #spot-supporter .leader .leader-name {
				padding-top:14px;
				font-weight:bold;
			}

				body.spotData #spot-supporter .leader .leader-name a,
				body#spotIndex #spot-supporter .leader .leader-name a {
					font-size: 16px;
					font-weight: bold;
/*
					color: #000;
*/
				}



body.spotData #spot-supporter .member,
body#spotIndex #spot-supporter .member {
/*		margin-left: -10px;*/
		margin-left: -5px;
		/zoom: 1;
	}

		body#stickerIndex .member .member-list,
		body.spotData #spot-supporter .member .member-list,
		body#spotIndex #spot-supporter .member .member-list {
			float: left;
			display: inline;
/*			width: 30px;
			height: 30px;*/
			margin-bottom: 10px;
			margin-left: 11px;
			overflow: hidden;
		}
		body.spotData #spot-supporter .member .member-list,
		body#spotIndex #spot-supporter .member .member-list {
			width: 25px;
			height: 25px;
			margin-bottom: 6px;
			margin-left: 5px;
		}

/*			body#spotIndex #spot-supporter .member .member-list .member-icon,*/
  		body#stickerIndex .member .member-list .member-icon {
/*				width: 26px;
				height: 26px;*/
				border: solid 3px #949494;
			}
			body.spotData #spot-supporter .member .member-list .member-icon,
			body#spotIndex #spot-supporter .member .member-list .member-icon {
				width: 23px;
				height: 23px;
				border: solid 1px #949494;
			}

body#stickerIndex .member {
  padding-top: 10px;
  overflow: hidden;
}







/* note
------------------------------------------ */
/*
body#spotIndex #spot-note:before {
	position: relative;
	top: -20px;
	content: "";
	display: block;
	width: 520px;
	height: 20px;
	margin-top: 20px;
	background: url(/images/ver2/spot/note_top.png) no-repeat right top;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

body#spotIndex #spot-note {
	margin-bottom: 25px;
	background: transparent url(/images/ver2/spot/note_bg.png) repeat-y right top;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

body#spotIndex #contents-2 {
	background: url(/images/ver2/spot/note_btm.png) no-repeat left bottom;
}
*/
	body#spotIndex #spot-note .sub-title {
		position: relative;
		margin-top: -40px;
		/margin-top: 0;
		border-bottom: none;
	}


	body#spotIndex #spot-note #post-note-form {
		margin-bottom: 15px;
		padding-bottom: 5px;
	}

	body#spotIndex #spot-note #post-note-form.login .submit {
		float: none;
		margin: 15px auto;
		text-align: center;
	}

	body#spotIndex #spot-note ul.note {
    clear: both;
		margin-right: 10px;
		border-top: double 3px #e7e7e7;
	}


		body#spotIndex #spot-note #post-note-form .text {
			margin-top: 5px;
      padding-left: 10px;
		}

			body#spotIndex #spot-note #post-note-form textarea {
				width: 490px;
			}

		body#spotIndex #spot-note #post-note-form .file {
      float: left;
      overflow: hidden; /* clear */
      width: 350px;
      margin: 10px;
      padding: 5px 10px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background: #E7E7E7;
    }

  		body#spotIndex #spot-note #post-note-form span {
        float: left;
        width: 125px;
        padding-top: 3px;
        color: #6F6F6F;
        font-size: 12px;
        font-weight: bold;
      }

		  body#spotIndex #spot-note #post-note-form .file input {
        float: right;
        width: 220px;
        text-align: right;
      }

		body#spotIndex #spot-note #post-note-form .submit {
      float: left;
			margin-top: 15px;
			text-align: right;
		}

		body#spotIndex #spot-note #post-note-form .submit input {
      width: 110px;
			padding: 3px 10px;
			border: solid 0 #ff9600;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #ff9600;
			color: #fff;
			font-weight: bold;
			cursor: pointer;
		}


		body#spotIndex #spot-note .delete-note {
      float: right;
    }

      body#spotIndex #spot-note .delete-note input {
        vertical-align: 3px;
      }



	body#spotIndex #spot-note ul.note {
		/zoom: 1;
	}

		body#spotIndex #spot-note ul.note .no-get {
			margin-top: 10px;
			padding: 70px 15px 0;
			height: 190px;
			color: #5e5e5e;
			text-align: center;
			line-height: 230%;
		}


		body#spotIndex #spot-touch .no-get,
		body#spotIndex #picture-log .no-get,
		body#memberIndex .no-get {
			margin-top: 10px;
			padding: 70px 15px 0;
			height: 190px;
			color: #5e5e5e;
			text-align: center;
			line-height: 230%;
		}
		body#spotIndex #spot-touch .no-get {
			height: 50px;
			line-height: 50px;
			padding-top: 0;
		}
		body#spotIndex #picture-log .no-get {
			height: 100px;
		}




	body#spotIndex .touch-list,
    body.listView .touch-list,
	body#spotIndex #spot-note .note-list {
		position: relative;
		margin-right: 20px;
		margin-left: 20px;
		padding-top: 15px;
		padding-bottom: 6px;
		border-top: dotted 1px #000;
		/zoom: 1;
	}
	body#spotIndex .touch-list:last-child {
		border-bottom: none;
	}
    body.listView #action .touch-list,
	body#spotIndex #action .touch-list {
		min-height: 51px;
		margin-right: 0;
		margin-left: 0;
		padding: 10px;
		border-top: solid 1px #D9D9D9;
	}

        body.listView #action .member-icon,
		body#spotIndex #action .member-icon,
		body#spotIndex #spot-touch .member-icon,
		body#spotIndex #spot-note .member-icon {
			top: 15px;
			left: 0;
		}
        body.listView #action .member-icon,
		body#spotIndex #action .member-icon {
			top: 10px;
			left: 10px;
		}


			body#spotIndex #spot-note .member-icon {
			}


		body#spotIndex #spot-touch .wrap,
		body#spotIndex #spot-note .wrap {
			min-height: 60px;
			height: auto!important;
			height: 55px;
		}

            body.listView #action .wrap p,
			body#spotIndex #action .wrap p,
			body#spotIndex #spot-touch .wrap p,
			body#spotIndex #spot-note .wrap p {
				line-height: 150%;
				color: #000;
				font-size: 14px;
			}

                body.listView #action .touch-list time,
				body#spotIndex #action .touch-list time,
				body#spotIndex #spot-touch .touch-list time,
				body#spotIndex #spot-note .note-list time {
					color: #666;
					font-size: 12px;
				}

body#spotIndex #spot-note .error {
	float: left;
	margin: 10px 15px 0;
	font-size: 13px;
	font-weight: bold;
}









/* lottery
------------------------------------------ */

body.spot #spot-detail {
	clear: both;
	position: relative;
}

.now-information {

}

.now-information a {
	position: absolute;
/*	top: -5px;
	right: -5px;*/
	top: -6px;
/*	left: -5px;*/
	z-index: 2;
	display: block;
	width: 71px;
	height: 71px;
	text-indent: -99999px;
	overflow: hidden;
}

body#memberTouchdetail .now-information a,
#spotIndex .now-information a {
	left: -5px;
}


body.search .now-information a {
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
}

/*
.now-lottery a {
	background: url(/images/ver2/spot/kuji.png) no-repeat;
}
.now-campaign a {
	background: url(/images/ver2/spot/campaing.png) no-repeat;
}
*/
.now-lottery a {
	background: url(/images/ver3/spot/ribbon_coupon.png) no-repeat;
}
.now-campaign a {
	background: url(/images/ver3/spot/ribbon_cp.png) no-repeat;
}




body.search .now-lottery a {
	background: url(/images/ver2/spot/kuji_list.png) no-repeat;
}
body.search .now-campaign a {
	background: url(/images/ver2/spot/campaing_list.png) no-repeat;
}




/*
.now-lottery {
  margin-top: 10px;
}

.now-lottery a {
  display: block;
  padding: 5px 20px 5px 8px;
  line-height: 1;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #CD0000 url(/images/ver2/spot/right_arrow2.png) no-repeat 97% center;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
*/



















/* touch page
------------------------------------------ */
.touch-box {
	padding: 15px;
}

	.touch-box #touch-spot-detail {
		float: left;
	}

	.touch-box .touch-information {
		float: left;
		width: 90px;
		padding-bottom: 10px;
	}

		.touch-box .touch-information .spot-icon-touch {
			margin-bottom: 15px;
			border: solid 5px #dfdfdf;
			background: #fff;
		}

		.touch-box .touch-count {
			text-align: right;
		}

			.touch-box .touch-count .count {
				width: 70px;
			}

			.touch-box .touch {
				width: 70px;
				padding-top: 3px;
				font-size: 12px;
				-moz-border-radius: 0;
				-webkit-border-radius: 0;
				border-radius: 0;
				background: none;
			}

	.touch-box .location-information {
		float: left;
		display: inline;
		width: 240px;
		margin-left: 10px;
		padding-bottom: 10px;
	}

		.touch-box .location-information .category {
			font-size: 12px;
		}

		.touch-box .location-information .shop-name {
			margin-top: 5px;
			font-size: 20px;
			font-weight: bold;
		}

		.touch-box .location-information .address {
			margin-top: 5px;
			font-size: 13px;
		}

	.touch-box #map_canvas {
		clear: both;
		float: left;
	}


.touch-box .touch-form {
	float: right;
	width: 500px;
}

	.touch-box .touch-form .cautions {
		min-height: 45px;
		margin-bottom: 20px;
		border: solid 0 #4a9ec6;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-border-radius: 5px;
		padding: 15px 10px 15px 100px;
		background: #4a9ec6 url(/images/ver2/touch/touch_attention.png) no-repeat 25px 10px;
		font-weight: bold;
	}

		.touch-box .touch-form .cautions a {
			margin-right: 3px;
			color: #fff;
			font-weight: bold;
			text-decoration: underline;
		}
		.touch-box .touch-form .cautions a:hover {
			text-decoration: none;
		}


	.touch-box .touch-form textarea {
		width: 500px;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 20px;
	}

	.touch-box .touch-form .open-setup {
		padding-bottom: 20px;
		overflow: hidden; /* clearfix */
	}

		.touch-box .touch-form .open-wrap,
		.touch-box .touch-form li ul {
			float: left;
			width: 220px;
			padding: 10px;
			border: solid 0 #004d73;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #004d73;
			color: #fff;
		}

		.touch-box .touch-form .open-wrap {
			margin-right: 20px;
		}

			.touch-box .touch-form li label {
				display: block;
				float: left;
				width: 190px;
        font-size: 14px;
				font-weight: bold;
			}

			.touch-box .touch-form li input {
				float: right;
			}

		  .touch-box .touch-form li img {
        margin-left: 5px;
        vertical-align: 0;
      }

#external_service_note {
}

  #external_service_note .text {
    margin-top: -10px;
    margin-bottom: 10px;
    padding-left: 18px;
    background: url(/images/ver2/cmn/error.png) no-repeat left center;
    xcolor: #ffcf00;
    font-size: 12px;
  }




/* touched page
------------------------------------------ */
body#spotTouched {

}

body#spotTouched .touched-wrap {
	width: 375px;
	margin: 60px auto 30px;
	padding: 20px;
	border: solid 0 #004d73;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #004d73;
	text-align: center;
}

	body#spotTouched .touched-comment {
		margin-bottom: 15px;
		font-size: 17px;
	}

	body#spotTouched .touched-wrap * {
		font-weight: bold;
		text-decoration: none;
	}

	body#spotTouched .back a {
		color: #fff;
		text-decoration: underline;
	}

	body#spotTouched .back a:hover {
		text-decoration: none;
	}


	body#spotTouched .sticker-box {
		width: 325px;
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		text-align: left;
	}

		body#spotTouched .sticker-box .sticker-icon {
			float: left;
			clear: left;
			width: 80px;
			margin-bottom: 10px;
		}
		body#spotTouched .sticker-box .description {
			float: right;
			width: 235px;
			margin-bottom: 10px;
			padding-top: 30px;
			font-size: 14px;
		}









/* spotRequest
------------------------------------------ */
body#spotRequest .etc-contents-box {
}

	body#spotRequest select {
		width: 100%;
		font-size: 20px;
	}

	body#spotRequest .important-btn {
		margin-top: 20px;
	}

	body#spotRequest .help {
		padding-top: 10px;
	}

		body#spotRequest .help a {
			color: #fff;
			font-size: 12px;
			text-decoration: underline;
		}
		body#spotRequest .help a:hover {
			text-decoration: none;
		}





/* spotRequestDone
------------------------------------------ */
body#spotRequestDone #contents-2 {
	font-size: 14px;
	line-height: 150%;
}

	body#spotRequestDone #contents-2 .text a {
		color: #fff;
		text-decoration: underline;
	}

	body#spotRequestDone #contents-2 p.important-btn {
		margin-top: 20px;
	}

		body#spotRequestDone #contents-2 .important-btn a {
			color: #0699c5;
		}





/* spo album
------------------------------------------ */
body.detail #spot-data,
body.detail #touch-data {
  margin-bottom: 15px;
}


body.detail #picture-person {
  padding: 15px;
}

  body.detail #picture-person .member-icon {
    margin-right: 10px;
  }

    body.detail #picture-person .member-icon img{
      width: 45px;
    }


  body.detail #picture-person .name {
    line-height: 55px;
  }

  body.detail #picture-person .name a {
		color: #fff;
    font-weight: bold;
		text-decoration: none;
  }
  body.detail #picture-person .name a:hover {
		text-decoration: underline;
	}

  body.spot #spot-detail .spot-name a {
    font-weight: bold;
  }

  body.detail #spot-data .spot-name {
    font-size: 16px;
  }
  body.detail #contents-2 #spot-data .spot-name {
		margin-top: 5px;
	}
  body.detail #spot-data .data {
    font-size: 12px;
  }
  body.spot #map_canvas {
    clear: both;
    height: 250px;
    background: #fff url(/images/parts/icon/loading.gif) no-repeat center center;
  }

  body.spot #contents-2 #map_canvas {
		margin-bottom: 15px;
	}

body.detail #contents-2 {
  position: relative;
}

	body#hightouchDetail .hightouchMember .comment:before,
  body.detail #picture-page:before {
    position: absolute;
    top: 35px;
    left: -12px;
    content: "";
    display: block;
    width: 12px;
    height: 25px;
    background: url(/images/ver2/ver2/permalink.png) no-repeat;
  }
	body#hightouchDetail .hightouchMember .comment:before {
		top: 35px;
	}
  body.detail #picture-page.denied:before {
		background: none;
		display: none;
	}
  body.detail #contents-2 #picture-page.denied {
		position: relative;
		top: 30px;
		margin-bottom: 100px;
	}




  body.detail #picture-page {
    position: relative;
		min-height: 60px;
    padding: 20px 20px 15px 20px;
  }
  body.detail #contents-2 #picture-page {
position: relative;
		margin-bottom: 0;
		padding-bottom: 5px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
  }
  body.detail #contents-2 #picture-page .delete {
		position: absolute;
		top: 10px;
		right: 15px;
	}


	.touchFooter,
	body#hightouchDetail .hightouchMember .comment,
	body#hightouchDetail #likeBox,
	body.detail #likeBox,
  body.detail #contents-2 #picture-page {
		-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
	body#hightouchDetail #social-feedback,
	body.spot #social-feedback {
		background: #FFF0B4;
	}

    body.detail #picture-page .no-picture {
      margin: -20px -20px 20px -20px;
    }

	* html body.detail #picture-page {
		width: 480px;
		overflow: auto;
	}

		body.detail #picture-page .outer {
			position: relative;
			display: inline-block;
			padding: 5px;
			-moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
			box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
		}

		body.detail #picture-page .attached_image .outer:before,
		body.detail #picture-page .attached_image .outer:after {
			content: "";
			display: block;
			width: 65px;
			height: 65px;
			background: url(/images/ver2/spot/tape.png) no-repeat;
		}
		body.detail #picture-page .outer:before {
			position: absolute;
			top: -17px;
			right: -17px;
		}

		body.detail #picture-page .outer:after {
			position: absolute;
			bottom: -10px;
			left: -10px;
		}

		body.detail #picture-page .attached_image {
			position: relative;
			margin-bottom: 15px;
			text-align: center;
		}

			body.detail #picture-page .attached_image img {
				max-width: 470px;
			}

		body.detail #picture-page .delete_picture {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 65px;
			height: 65px;
		}

		body.note #picture-page .text {
			margin-bottom: 5px;
		}


		body.detail #picture-page .no-comment {
			margin-bottom: 4px;
			font-size: 20px;
		}
		body.detail #picture-page .comment {
			margin-top: 0px;
			margin-bottom: 5px;
			font-size: 20px;
			line-height: 1.5;
		}


		#hightouchData .time,
		body.detail #picture-page .post-time {
			float: left;
			background: url(/images/ver2/ver2/icon_clock.png) no-repeat left center;
			padding-left: 20px;
			color: #999;
			font-size: 14px;
			font-family: Helvetica-Bold, Arial, sans-serif;
		}

		#hightouchData .like,
		body.detail #picture-page .like {
			float: right;
			position: relative;
			top: -2px;
		}



	body#hightouchDetail #social-feedback,
  body.spot #social-feedback {
    padding-top: 20px;
    padding-left: 10px;
  }

    #social-feedback li {
      display: inline-block;
      vertical-align: middle;
      /display: inline;
      /zoom: 1;
    }

    #social-feedback li.twitter {
      width: 130px;
    }
    #social-feedback li.facebook {
			display: block;
			margin-top: 10px;
    }
    body#spotIndex #social-feedback li.facebook {
      width: 120px;
    }
    #social-feedback li.mixi {
      position: relative;
      top: -6px;
      /top: -2px;
      width: 90px;
    }

      #social-feedback li.facebook iframe {
        width: 130px;
        height: 21px;
        border: none;
        overflow: hidden;
      }

body#spotIndex #spot-note .note-list {
  overflow: hidden;
}

body#spotIndex #spot-note a.thumbnail {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

body#spotIndex #spot-note a.thumbnail img {
  border: solid 1px #9c9c9c;
}

body#spotIndex #spot-touch time a,
body#spotIndex #spot-note time a {
  color: #666;
}









#likeBox {
	position: relative;
	margin-top: 15px;
	padding: 5px 0 5px 10px;
}

#likeBox:before {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	right: 50px;
	width: 19px;
	height: 8px;
	background: url(/images/ver2/ver2/for2_parts_16.png) no-repeat;
}

	#likeBox .like {
		float: left;
		width: 66px;
		height: 61px;
		background: url(/images/ver2/ver2/title_like.png) no-repeat;
		text-indent: -99999px;
	}

	#likeBox .member {
		margin-top: 15px;
		margin-left: -10px;
		padding-left: 75px;
	}

	#likeBox .member li {
		float: left;
		display: inline;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	#likeBox .member li .icon {
		position: static;
		float: none;
		border: solid 3px #eee;
	}

































/* -------------------------------------------------------

 =9 pages sticker

------------------------------------------------------- */


#stickerIndex .contents-block {
    padding: 0 10px 10px 7px;
}

#stickerIndex .member-list{
    margin-left: 10px !important;
}



/* -------------------------------------------------------

 =21 hightouch

------------------------------------------------------- */

body#hightouchDetail .profile-box {
	float: left;
	width: 350px;
	min-height: 55px;
}

body#hightouchDetail .profile-box a {
	color: #fff;
}

body#hightouchDetail .comment {
	position: relative;
	float: right;
	width: 470px;
	min-height: 55px;
	margin-left: 20px;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

body#hightouchDetail .comment .default {
	font-size: 30px;
}

body#hightouchDetail .hightouchFooter {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

body#hightouchDetail #hightouchMember2 {
	clear: both;
}

body#hightouchDetail .hightouchFooter {
	clear: both;
}

#hightouchData {
	width: 510px;
	margin-left: 410px;
}
#hightouchData .hightouchFooter {
	padding: 20px 20px 10px;
}























/* -------------------------------------------------------

 =10 docs

------------------------------------------------------- */
body.docs #contents {
/*	padding-bottom: 400px;*/
}

	body.docs .docs-contents-box {
		padding-bottom: 0;
	}

		body.docs .docs-contents-box .contents-box {
			margin-bottom: 10px;
		}

			body.docs .docs-contents-box a {
				color: #767676;
			}

			body.docs .docs-contents-box a:hover p {
				text-decoration: underline;
			}

body.docs .contents-block {
	padding-top: 10px;
}

body.docs .contents-block .text {
	padding: 10px 5px 0;
	font-size: 14px;
}



body.docs #contents-2 .go-to-top {
	text-align: right;
}

	body.docs #contents-2 .go-to-top a {
		padding-left: 13px;
		background: url(/images/ver2/cmn/arrow_top.png) no-repeat left center;
		font-size: 11px;
	}




/* guidline
------------------------------------------ */
body#docsGuidline #contents-2 {
	font-size: 13px;
}

	body#docsGuidline #contents-2 .item-headline {
		padding-bottom: 0;
		color: #676767;
		font-size: 14px;
	}

	body#docsGuidline #contents-2 .item {
		margin: 5px 0 30px 30px;
	}

	body#docsGuidline #contents-2 .introduction {
		margin: 0 0 10px 0;
	}

		body#docsGuidline #contents-2 .introduction p {
			margin-bottom: 1em;
		}




/* about
------------------------------------------ */
body#docsAbout #contents-outer {
	background: #fff;
}

body#docsAbout #contents {
  padding-top: 0;
}

body#docsAbout #contents .hidden {
	text-indent: -99999px;
	overflow: hidden;
}

body#docsAbout #contents-header {
  background: #FFCD00;
}

  body#docsAbout #contents-header .inner {
    position: relative;
    width: 920px;
    margin: 0 auto;
    padding: 0;
  }

		body#docsAbout #contents-header .aboutSlide {
			position: relative;
			width: 920px;
			height: 400px;
		}
		body#docsAbout #contents-header #aboutSlide1 {
			background: url(/images/ver3/docs/about/main01.png) no-repeat 0 0;
		}
		body#docsAbout #contents-header #aboutSlide2 {
			background: url(/images/ver3/docs/about/main02.png) no-repeat 0 0;
		}
		body#docsAbout #contents-header #aboutSlide3 {
			background: url(/images/ver3/docs/about/main03.png) no-repeat 0 0;
		}
		body#docsAbout #contents-header #aboutSlide4 {
			background: url(/images/ver3/docs/about/main04.png) no-repeat 0 0;
		}

			body#docsAbout #contents-header .aboutSlide .no {
				position: absolute;
				bottom: 25px;
				left: 70px;
				width: 82px;
				height: 11px;
				text-indent: -99999px;
			}
			body#docsAbout #contents-header #aboutSlide1 .no {
				background: url(/images/ver3/docs/about/step01.png) no-repeat;
			}
			body#docsAbout #contents-header #aboutSlide2 .no {
				background: url(/images/ver3/docs/about/step02.png) no-repeat;
			}
			body#docsAbout #contents-header #aboutSlide3 .no {
				background: url(/images/ver3/docs/about/step03.png) no-repeat;
			}
			body#docsAbout #contents-header #aboutSlide4 .no {
				background: url(/images/ver3/docs/about/step04.png) no-repeat;
			}


	body#docsAbout #contents-header #navList {
position: relative;
}

	body#docsAbout #contents-header #navList li {
		position: absolute;
		bottom: 12px;
		z-index: 10;
	}

	body#docsAbout #contents-header #navList #prev {
		left: 20px;
		xbackground: url(/images/ver3/docs/about/btn_back_on.png) no-repeat;
	}
	body#docsAbout #contents-header #navList #next {
		left: 165px;
		xbackground: url(/images/ver3/docs/about/btn_next_on.png) no-repeat;
	}
		body#docsAbout #contents-header #navList a {
			display: block;
			width: 37px;
			height: 37px;
			text-indent: -99999px;
			overflow: hidden;
		}
		body#docsAbout #contents-header #navList #prev a {
			background: url(/images/ver3/docs/about/btn_back.png) no-repeat left bottom;
		}
		body#docsAbout #contents-header #navList #next a {
			background: url(/images/ver3/docs/about/btn_next.png) no-repeat left bottom;
		}
		body#docsAbout #contents-header #navList a:hover {
			background-position: left top!important;
		}


    body#docsAbout #contents-header .text,
    body#docsAbout #contents-header .title {
      text-indent: -99999px;
    }









body#docsAbout #registrationGuide {
	height: 80px;
	margin-bottom: 25px;
	background: #088BC3;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}

	body#docsAbout #registrationGuide .inner {
		width: 920px;
		margin: 0 auto;
	}

		body#docsAbout #registrationGuide .inner .title {
			width: 540px;
			height: 61px;
			margin-top: 10px;
			background: url(/images/ver3/docs/about/other.png);
		}

		body#docsAbout #registrationGuide .registration a {
			display: block;
			float: right;
			width: 305px;
			height: 60px;
			margin-top: 10px;
			background: url(/images/ver3/docs/about/btn_regist.png) left bottom no-repeat;
			overflow: hidden;
			text-indent: -99999px;
		}

		body#docsAbout #registrationGuide .registration a:hover {
			background-position: left top;
		}





body#docsAbout #docs-contents {
  width: 920px;
  margin: 0 auto;
}

  body#docsAbout .contents-title {
    width: 450px;
    height: 110px;
    text-indent: -99999px;
  }

  body#docsAbout #can-do .contents-title {
    position: relative;
    top: -10px;
    left: -20px;
    height: 100px;
    margin-bottom: 5px;
    background: url(/images/ver2/docs/about/title_what.png) no-repeat;
  }
  body#docsAbout #how-it-touch .contents-title {
    position: relative;
    top: 20px;
    left: -22px;
    background: url(/images/ver2/docs/about/title_how.png) no-repeat;
  }
  body#docsAbout #how-it-start .contents-title {
    position: relative;
    top: 20px;
    left: -22px;
    background: url(/images/ver2/docs/about/title_start.png) no-repeat;
  }






body#docsAbout #can-do {
  margin-right: 20px;
  margin-left: 20px;
  background: url(/images/ver2/docs/about/img_map.png) no-repeat 310px 240px;
}

body#docsAbout #can-do:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

  body#docsAbout #can-do section {
float: left;
    vertical-align: top;
    width: 430px;
  }
  body#docsAbout #can-do section:nth-child(even) {
    margin-right: 20px;
  }

  body#docsAbout #can-do #searches-spot {
    width: 310px;
    min-height: 140px;
    padding-right: 120px;
    background: url(/images/ver2/docs/about/img_nearby.png) no-repeat right 0px;
  }
  body#docsAbout #can-do #lets-touch {
    width: 280px;
    min-height: 140px;
    padding-left: 150px;
    background: url(/images/ver2/docs/about/img_touch.png) no-repeat 0px 0px;
  }
  body#docsAbout #can-do #touch-picture {
    width: 170px;
    min-height: 195px;
    padding-right: 120px;
    padding-left: 140px;
    background: url(/images/ver2/docs/about/img_photo.png) no-repeat -10px 0px;
  }
  body#docsAbout #can-do #my-touch {
    width: 280px;
    min-height: 195px;
    padding-left: 150px;
  }
  body#docsAbout #can-do #collects-sticker {
    width: 285px;
    min-height: 125px;
    padding-top: 15px;
    padding-left: 145px;
    background: url(/images/ver2/docs/about/img_seal.png) no-repeat -5px 0px;
  }
  body#docsAbout #can-do #lets-follow {
    width: 280px;
    min-height: 125px;
    padding-top: 15px;
    padding-left: 150px;
    background: url(/images/ver2/docs/about/img_follow.png) no-repeat 0px 0px;
  }

    body#docsAbout #can-do .title {
      font-size: 20px;
      font-weight: bold;
    }

    body#docsAbout #can-do .text {
      font-size: 14px;
    }














body#docsAbout #how-it-touch {
  margin-left: 20px;
}

  body.auth #how-it-touch section a,
  body#docsAppv2 #how-it-touch section a,
  body#docsAbout #how-it-touch section a{
    display: block;
  }

  body#docsAppv2 #how-it-touch section,
  body#docsAbout #how-it-touch section {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  body#docsAbout #how-it-touch section:nth-child(5),
  body#docsAbout #how-it-touch section:nth-child(6) {
    margin-bottom: 0;
  }


    body.auth #how-it-touch section *,
    body#docsAppv2 #how-it-touch section *,
    body#docsAbout #how-it-touch section * {
      text-indent: -99999px;
			overflow: hidden;
    }

  body.auth #how-it-touch #iPhone-app,
  body#docsAppv2 #how-it-touch #iPhone-app,
  body#docsAbout #how-it-touch #iPhone-app {
    width: 280px;
    height: 130px;
    background: url(/images/ver2/docs/about/how_iphone_app_on.png) no-repeat;
  }
    body.auth #how-it-touch #iPhone-app a,
    body#docsAppv2 #how-it-touch #iPhone-app a,
    body#docsAbout #how-it-touch #iPhone-app a {
      width: 280px;
      height: 130px;
      background: url(/images/ver2/docs/about/how_iphone_app.png) no-repeat;
			overflow: hidden;
    }


  body#docsAbout #how-it-touch #iPhone-app {
		height: 110px;
    background: url(/images/ver3/docs/about/about_iphone_on.png) no-repeat;
	}
		body#docsAbout #how-it-touch #iPhone-app a {
			height: 110px;
			background: url(/images/ver3/docs/about/about_iphone.png) no-repeat;
		}


    body.auth #how-it-touch #android-app a:hover,
    body.auth #how-it-touch #iPhone-app a:hover,
    body#docsAppv2 #how-it-touch #android-app a:hover,
    body#docsAppv2 #how-it-touch #iPhone-app a:hover,
    body#docsAbout #how-it-touch #android-app a:hover,
    body#docsAbout #how-it-touch #iPhone-app a:hover {
      background: none;
    }


    body.auth #how-it-touch #android-app,
    body#docsAppv2 #how-it-touch #android-app,
    body#docsAbout #how-it-touch #android-app {
      width: 290px;
      height: 130px;
      margin-right: 10px;
      background: url(/images/ver2/docs/about/how_android_app_on.png) no-repeat;
    }
	    body.auth #how-it-touch #android-app a,
	    body#docsAppv2 #how-it-touch #android-app a,
	    body#docsAbout #how-it-touch #android-app a {
				display: block;
				width: 290px;
				height: 130px;
 	     background: url(/images/ver2/docs/about/how_android_app.png) no-repeat;
			}


    body#docsAbout #how-it-touch #android-app {
			height: 110px;
      background: url(/images/ver3/docs/about/about_android_on.png) no-repeat;
		}
	    body#docsAbout #how-it-touch #android-app a {
				height: 110px;
				background: url(/images/ver3/docs/about/about_android.png) no-repeat;
			}


    body.auth #how-it-touch #mobile-ver,
    body#docsAbout #how-it-touch #mobile-ver {
      width: 280px;
      height: 130px;
      background: url(/images/ver2/docs/about/how_mobile.png) no-repeat;
    }

    body#docsAbout #how-it-touch #mobile-ver {
      height: 110px;
      background: url(/images/ver3/docs/about/about_mobile.png) no-repeat;
    }


    body.auth #how-it-touch #lite-ver,
    body#docsAppv2 #how-it-touch #lite-ver,
    body#docsAbout #how-it-touch #lite-ver {
      width: 280px;
      height: 150px;
      background: url(/images/ver2/docs/about/how_smartphone.png) no-repeat;
    }


    body#docsAbout #how-it-touch #lite-ver {
      height: 140px;
      background: url(/images/ver3/docs/about/about_smartphone.png) no-repeat;
    }


    body.auth #how-it-touch #pc-air-touch,
    body#docsAbout #how-it-touch #pc-air-touch {
			position: relative;
      width: 580px;
      height: 150px;
      background: url(/images/ver2/docs/about/how_pc.png) no-repeat;
    }


    body#docsAbout #how-it-touch #pc-air-touch {
			width: 590px;
      height: 140px;
			margin-right: -10px;
      background: url(/images/ver3/docs/about/about_pc.png) no-repeat;
    }




    body#docsAbout #pc-air-touch {
			position: relative;
		}

				body#docsAppv2 #how-it-start .login a,
        body#docsAbout #how-it-start .login a,
				body#docsAppv2 #how-it-touch .login a,
        body#docsAbout #how-it-touch .login a {
					/*position: absolute;
					top: 10px;
					right: 10px;*/
          display: block;
          width: 170px;
          height: 85px;
          background: url(/images/ver2/docs/about/use_btn_login.png) no-repeat 0 -85px;
					overflow: hidden;
        }
				body#docsAppv2 #how-it-start .login a:hover,
        body#docsAbout #how-it-start .login a:hover,
				body#docsAppv2 #how-it-touch .login a:hover,
        body#docsAbout #how-it-touch .login a:hover {
          background-position: 0 0;
        }


    body#docsAbout #how-it-touch .login {
			position: absolute;
			top: 31px;
			right: 27px;
		}

    body#docsAbout #how-it-touch .login a {
			display: block;
			width: 179px;
			height: 95px;
			background: url(/images/ver2/docs/about/use_btn_login.png) no-repeat 0 0;
		}
    body#docsAbout #how-it-touch .login a:hover {
			background-position: 0 -95px;
		}









body#docsAppv2 #how-it-start,
body#docsAbout #how-it-start {
  clear: both;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 30px;
}

	body#docsAppv2 #how-it-start .inner,
  body#docsAbout #how-it-start .inner {
    width: 880px;
    height: 125px;
    background: url(/images/ver2/docs/about/use_base.png) no-repeat;
  }

		body#docsAppv2 #how-it-start .text,
    body#docsAbout #how-it-start .text {
      position: absolute;
      width: 0;
      height: 0;
      overflow: hidden;
    }

		body#docsAppv2 #how-it-start ul,
    body#docsAbout #how-it-start ul {
      padding-top: 20px;
      padding-left: 350px;
    }

			body#docsAppv2 #how-it-start li,
      body#docsAbout #how-it-start li {
        float: left;
      }

				body#docsAppv2 #how-it-start .login,
        body#docsAbout #how-it-start .login {
          margin-right: 5px;
        }

				body#docsAppv2 #how-it-start a,
        body#docsAbout #how-it-start a {
          text-indent: -99999px;
        }

			body#docsAppv2 #how-it-start .registration,
      body#docsAbout #how-it-start .registration {
        position: relative;
      }
      	body#docsAppv2 #how-it-start .registration a,
        body#docsAbout #how-it-start .registration a {
          display: block;
          width: 339px;
          height: 85px;
          background: url(/images/ver2/docs/about/use_btn_entry.png) no-repeat 0 -85px;
        }
      	body#docsAppv2 #how-it-start .registration a:hover,
        body#docsAbout #how-it-start .registration a:hover {
          background-position: 0 0;
        }

      	body#docsAppv2 #how-it-start .registration span,
        body#docsAbout #how-it-start .registration span {
          display: block;
          position: absolute;
          top: -80px;
          right: -40px;
          width: 106px;
          height: 106px;
          background: url(/images/ver2/docs/about/no_id.png) no-repeat;
          text-indent: -99999px;
        }













body#docsAppv2 #contents {
	width: auto;
	padding-top: 0;
}

body#docsAppv2 #go-to-top {
	clear: both;
	position: relative;
	bottom: auto;
	right: auto;
	width: 920px;
	margin: 0 auto;
}

	body#docsAppv2 #go-to-top a {
		position: absolute;
		bottom: -31px;
		right: 0px;
	}


body#docsAppv2 #contents-header {
	background: #0798C4;
}

	body#docsAppv2 #contents-header .inner {
		width: 938px;
		height: 340px;
		margin: 0 auto;
		background: url(/images/ver2/docs/app_v2/title_appv2.png);
		text-indent: -99999px;
	}

	body#docsAppv2 #contents-header .sectionOuter {
		width: 920px;
		margin: 0 auto;
		overflow: hidden; /* clearfix */
	}

		body#docsAppv2 #contents-header .sectionOuter .v2Summary {
			float: left;
			width: 280px;
			height: 250px;
			margin-left: 15px;
			text-indent: -99999px;
		}

		body#docsAppv2 #contents-header .sectionOuter #likeSummary {
			background: url(/images/ver2/docs/app_v2/appv2_header_img_like.png);
		}
		body#docsAppv2 #contents-header .sectionOuter #hightouchSummary {
			background: url(/images/ver2/docs/app_v2/appv2_header_img_high_touch.png);
		}
		body#docsAppv2 #contents-header .sectionOuter #addressbookSummary {
			background: url(/images/ver2/docs/app_v2/appv2_header_img_contact.png);
		}



body#docsAppv2 #docs-contents {
	width: 920px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(/images/ver2/docs/app_v2/header_shadow.png) no-repeat top center;
}

	body#docsAppv2 #aboutHightouch .title,
	body#docsAppv2 #hightouch .contents-title {
		position: absolute;
		width: 0;
		height: 0;
		overflow: hidden;
	}

	body#docsAppv2 #docs-contents #hightouch .inner {
		overflow: hidden; /* clearfix */
	}

		body#docsAppv2 #hightouch .hightouch {
			float: left;
			width: 280px;
			margin-left: 13px;
			padding-bottom: 30px;
		}
			body#docsAppv2 #hightouch .hightouch .text {
				width: 250px;
				margin: 0 auto;
				padding-top: 185px;
				font-size: 14px;
			}

		body#docsAppv2 #hightouch #step1 {
			background: url(/images/ver2/docs/app_v2/img_nearby.png) no-repeat center 50px;
		}
		body#docsAppv2 #hightouch #step2 {
			background: url(/images/ver2/docs/app_v2/img_request.png) no-repeat center 50px;
		}
		body#docsAppv2 #hightouch #step3 {
			background: url(/images/ver2/docs/app_v2/img_touch_done.png) no-repeat center 50px;
		}
		body#docsAppv2 #hightouch #now {
			background: url(/images/ver2/docs/app_v2/img_spot.png) no-repeat center 50px;
		}
		body#docsAppv2 #hightouch #looks {
			background: url(/images/ver2/docs/app_v2/img_search.png) no-repeat center 50px;
		}
		body#docsAppv2 #hightouch #noThx {
			background: url(/images/ver2/docs/app_v2/img_setting.png) no-repeat center 50px;
		}




body#docsAppv2 #aboutHightouch {
	clear: both;
	width: 920px;
	height: 211px;
	background: url(/images/ver2/docs/app_v2/contact.png) no-repeat;
}

	body#docsAppv2 #aboutHightouch .text {
		position: relative;
		top: 40px;
		left: 215px;
		width: 335px;
		font-size: 14px;
	}



body#docsAppv2 #how-it-touch {
	position: relative;
	margin-left: 20px;
}

	body#docsAppv2 #how-it-touch .contents-title {
		width: 300px;
		height: 50px;
		background: url(/images/ver2/docs/app_v2/stitle_dl.png) no-repeat;
		position: relative;
		left: -20px;
		text-indent: -99999px;
	}

	body#docsAppv2 #how-it-touch #iPhone-app {
		width: 280px;
		height: 140px;
		background-image: url(/images/ver2/docs/app_v2/how_iphone_app_on.png);
	}
	body#docsAppv2 #how-it-touch #android-app {
		width: 280px;
		height: 140px;
		background-image: url(/images/ver2/docs/app_v2/how_android_app_on.png);
	}

		body#docsAppv2 #how-it-touch #iPhone-app a {
			width: 280px;
			height: 140px;
			background-image: url(/images/ver2/docs/app_v2/how_iphone_app.png);
		}
		body#docsAppv2 #how-it-touch #android-app a {
			width: 280px;
			height: 140px;
			background-image: url(/images/ver2/docs/app_v2/how_android_app.png);
		}
		body#docsAppv2 #how-it-touch #lite-ver {
			position: absolute;
			top: 50px;
			right: -20px;
			width: 300px;
			height: 170px;
			background-image: url(/images/ver2/docs/app_v2/how_mobile.png);
		}



body#docsAppv2 #how-it-start {
	padding-top: 20px;
}

	body#docsAppv2 #how-it-start .contents-title {
		width: 300px;
		height: 50px;
		background: url(/images/ver2/docs/app_v2/stitle_start.png) no-repeat;
		position: relative;
		left: -20px;
		text-indent: -99999px;
	}
















/* -------------------------------------------------------

 =11 0thers

------------------------------------------------------- */


/* widget
------------------------------------------ */

/* member
------------------------------------- */
body#homeWidgetconfig #contents-1 {
}

body#homeWidgetconfig #contents-1 .preview {
	padding: 22px 0 16px;
	text-align: center;
}


.widgetconfig .error {
	padding-top: 20px;
	color: #EF1C21;
	font-weight: bold;
	text-align: center;
}

	.widgetconfig .widget_config {
		padding-left: 10px;
	}

	.widgetconfig .widget_config table {
		border-spacing: 0 18px;
	}
		.widgetconfig .widget_config table td {
			vertical-align: top;
		}

			.widgetconfig .widget_config td.title {
				width: 120px;
				padding-top: 12px;
				font-size: 14px;
				font-weight: bold;
			}
				.widgetconfig .widget_config td.title label {
					font-weight: bold;
				}

			.widgetconfig .widget_config td.form {
				width: 360px;
				padding: 10px 10px;
				background: #F4F4F4;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

				.widgetconfig .widget_config td.form input[type="radio"] {
					vertical-align: -1px;
				}


				.widgetconfig .widget_config td.form li {
					float: left;
					margin-right: 15px;
					/margin-right: 10px;
				}

					.widgetconfig .widget_config td.form li label {
						font-size: 13px;
						font-weight: bold;
					}


				.widgetconfig .widget_config td.form dl {
					clear: both;
					padding-top: 10px;
				}

					.widgetconfig .widget_config td.form dt {
						clear: left;
						float: left;
						padding-top: 2px;
						padding: 2px 25px 0 20px;
						color: #585858;
						font-size: 13px;
						font-weight: bold;
					}

						.widgetconfig .widget_config td.form dt label {
							color: #585858;
							font-size: 13px;
							font-weight: bold;
						}

					.widgetconfig .widget_config td.form dd {
					}



		.widgetconfig .widget_config tr.log select + span {
			margin-left: 3px;
			font-size: 14px;
		}



		.widgetconfig .widget_config tr.color label {
			padding: 4px 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			font-weight: normal;
		}
		.widgetconfig .widget_config tr.color .blue label {
			background: #0798C4;
			color: #fff;
		}
		.widgetconfig .widget_config tr.color .yellow label {
			background: #FFCF00;
			color: #000;
		}
		.widgetconfig .widget_config tr.color .white label {
			background: #dedede;
			color: #000;
		}
		.widgetconfig .widget_config tr.color .black label {
			background: #000;
			color: #fff;
		}



		.widgetconfig .widget_config tr.width input[type="text"] {
			width: 60px;
			margin-right: 10px;
			text-align: right;
		}

		.widgetconfig .widget_config tr.width span {
			margin-left: 10px;
			color: #585858;
			font-size: 12px;
		}


#widgetConfigForm {
	float: left;
	width: 490px;
}
#widgetConfigPreview {
	float: right;
	width: 190px;
}

#widgetConfigPreview .preview,
#widgetConfigPreview .error {
	padding-top: 15px;
}

.widgetconfig .tag {
width: 460px;
	margin: 0 10px 10px;
	padding: 0 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background: #C5C5C5;
}

	.widgetconfig .tag .title {
		padding: 5px;
		font-size: 14px;
		font-weight: bold;
	}

	.tag textarea {
		width: 460px;
		height: 100px;
		padding: 10px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.2);
		background: #fff;
		font-size: 13px;
	}




/* spot
------------------------------------- */
body#spotIndex #wc-form-container {
	position: fixed;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999; /* HINT #contents-outer::before */
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, 0.5);
	/background-color: #343434;
}

html>/**/body#spotIndex #wc-form-container {
	background-color /*\**/: #343434\9;
}



	body#spotIndex #widget-config {
		position: relative;
		width: 918px;
		height: 750px;
		margin: 35px auto 0;
		padding: 52px 20px 20px 20px;
		background: url(/images/widget/spot/map_config_bg.png) no-repeat;
	}

	body#spotIndex .hide-widget-config {
		position: absolute;
		top: 0;
		right: 0;
		width: 87px;
		height: 33px;
		text-indent: -99999px;
	}


#spotWidgetEdit {
	height: 296px;
}
#spotWidgetPreview {
	height: 434px;
}



body#spotIndex #widget-config .config {
	float: left;
	width: 365px;
}

body#spotIndex #widget-config .tag {
	float: right;
	width: 473px;
	margin-top: 18px;
}

	body#spotIndex #widget-config .tag textarea {
		height: 185px;
	}



body#spotIndex #widget-config .preview {
	padding: 22px 0;
	text-align: center;
}



.widget-btn {
	height: 35px;
	line-height: 35px;
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 16px;
}

.widget-btn a {
	text-decoration: none;
}






/* FB pile
------------------------------------------ */
#pile {
	padding: 10px 15px 0;
	background: #FFEFB1;
	color: #000;
}
#pile .inner {
	width: 920px;
	margin: 0 auto;
}

	#pile header{
		padding: 0 0 5px 130px;
		background: url(/images/ver3/spot/image_touch.png) no-repeat left top;
		overflow: hidden;
	}


	#pile .title {
		font-size: 27px;
	}

	#pile .text {
		float: left;
		margin-bottom: 15px;
		font-size: 16px;
	}

	#pile .about {
		float: left;
		margin-left: 15px;
	}
		#pile .about a {
			display: block;
			line-height: 1;
			padding: 4px 10px;
			border-radius: 10px;
			background: #058AC2;
			color: #fff;
			font-size: 12px;
		}

	#pile iframe {
		clear: both;
	}

	#pile .btn {
		float: right;
		margin-right: 10px;
	}

		#pile .btn a {
			display: block;
			width: 253px;
			height: 44px;
			background: url(/images/ver3/cmn/btn/btn_start_loctouch.png) no-repeat;
			text-indent: -99999px;
			overflow: hidden;
		}

		#pile .btn a:hover {
			background-position: left bottom;
		}

	#pile .fb-facepile {
		float: left;
		position: relative;
		top: -10px;
	}







/* FB invite
------------------------------------------ */
#fbInvite {
	clear: both;
}

	#fbInvite .sub-title {
		border-bottom: none;
		border-radius: 5px 5px 0 0;
		background-color: #4B6DA8;
		background-image: url(/images/ver2/cmn/title_top_w.png);
		color: #fff;
	}

		#fbInvite li {
			padding: 10px;
		}

			#fbInvite li .inner {
				float: left;
				width: 235px;
			}

				#fbInvite li .icon {
					float: left;
				}

					#fbInvite li img {
						vertical-align: middle;
					}

				#fbInvite li .name {
					float: left;
					/display: inline;
					width: 175px;
					margin-left: 10px;
				}

				#fbInvite li .fb-invite-link {
					float: right;
					width: 85px;
					min-width: 0;
					margin-top: 10px;
					margin-right: 5px;
				}

	#fbInvite .more {
		clear: both;
	}


#fbInviteGuide {
	clear: both;
}

#fbInviteGuide .edit-btn {
	width: 304px;
	height: 45px;
	line-height: 45px;
	margin: 0 auto 15px;
}



/* Inquiry Form */

body.docs .contents-box {
	margin-bottom:10px;
}
.subNavList{
	padding:8px 16px;
}
.subNavList li{
	background:url(/images/developer/icon_triangle.png) 0 5px no-repeat;
	padding:2px 0 2px 18px;
	font-size:14px;
}