@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

img {
	border:0;
}

h1 {
	color:#FFFFFF;
	font-size:12px;
	padding:0;
	margin:0;
}

h1 a {
	color:#FFFFFF;
	text-decoration:none;
}

#root {
	overflow:hidden;
}

/*comment*/
#comment {
	width:395px;
	padding:0;
	margin:0;
}

#header {
	font-size:12px;
	background:url(../image/header.gif) repeat-x;
	height:27px;
}

#headerLeft {
	padding:5px 0 0 10px;
	float:left;
	width:400px;
}

#headerRight {
	text-align:right;
	padding:5px 10px 0 0;
	float:right;
	width:400px;
	color:#FFFFFF;
}

#headerRight a {
	color:#FFFFFF;
	text-decoration:none;
}

#gmap {
	clear:both;
}

#form {
	width:400px;
}

.comment_other {
	text-align:center;
	padding:80px 0 0 0;
	margin:0;
}

#iconbox {
	float:left;
	width:300px;
	padding:5px 0 3px 0;
}

.icon {
	border:3px solid #F5F5F5;
	cursor:pointer;
}

#icon0 {
	border:3px solid #0F3155;
}

#textColorBox {
	float:right;
	width:100px;
	padding:5px 0 3px 0;
}

#textColor {
	width:32px;
	height:32px;
	border:3px solid #F5F5F5;
	cursor:pointer;
}

#textColor:hover {
	border:3px solid #0F3155;
}


#comment_button {
	border:3px solid #0F3155;
	background-color:#0F3155;
	text-align:center;
	padding:3px 0 0 0;
	margin:5px 0 0 0;
	width:400px;
	cursor:pointer;
	font-size:12px;
	color:#FFFFFF;
}

#comment_button:hover {
	background-color:#FFFFFF;
	color:#0F3155;
}

#response {
	width:395px;
	padding:0;
	margin:0;
}

.responseWrite {
	padding:2px 2px 2px 20px;
	cursor:pointer;
	color:#0F3155;
	background-image:url(../image/responsewrite.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

.responseWrite:hover {
	color:#FFFFFF;
	background-color:#0F3155;
}
.responseWrite2 {
	padding:2px 2px 2px 20px;
	margin:0 10px 0 0;
	cursor:pointer;
	color:#0F3155;
	background-image:url(../image/responsewrite.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

.responseWrite2:hover {
	color:#FFFFFF;
	background-color:#0F3155;
}


.responseArchive {
	padding:2px 2px 2px 20px;
	cursor:pointer;
	color:#0F3155;
	background-image:url(../image/responsearchive.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

.responseArchive:hover {
	color:#FFFFFF;
	background-color:#0F3155;
}

#Response-1 {
	position:absolute;
	width:430px;
	height:193px;
	background-color:#FFFFFF;
	left:-500px;
	top:-500px;
	overflow:hidden;
}

#ResponseBar-1 {
	width:430px;
	background-image:url(../image/responsepickerbar.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bolder;
	height:25px;
    cursor:move;
}

#ResponseBar_left {
	float:left;
	width:380px;
	padding:5px 0 0 10px;
}

#ResponseBar_right {
	float:right;
	width:30px;
	padding:5px 10px 0 0;
	text-align:right;
}

#ResponseContents {
	clear:both;
	height:149px;
	/*width:400px;*/
	padding:3px 15px 15px 15px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#ResponseContentsInner {
	width:400px;
}

#responseName {
	float:left;
	width:280px;
	padding:5px 0 3px 0;
}

#ResponseTextColorBox {
	float:right;
	width:100px;
	padding:5px 0 3px 0;
}

#ResponseTextColor:hover {
	border:3px solid #0F3155;
}

#ResponseTextColor {
	width:32px;
	height:32px;
	border:3px solid #F5F5F5;
	cursor:pointer;
}

#responseButtonContainer {
	width:400px;
}

#response_button {
	border:3px solid #0F3155;
	background-color:#0F3155;
	text-align:center;
	padding:3px 0 0 0;
	margin:5px 0 0 0;
	width:400px;
	cursor:pointer;
	font-size:12px;
	color:#FFFFFF;
}

#response_button:hover {
	background-color:#FFFFFF;
	color:#0F3155;
}

.res5Root {
	margin:10px 0 20px 0;
}

.res {
	border-bottom:1px solid #AAAAAA;
	margin:0 10px 10px 0;
}

.resName {
	color:#AAAAAA;
	text-align:right;
	font-size:10px;
}

.resTime {
	color:#AAAAAA;
	text-align:right;
	font-size:10px;
	margin:0 0 3px 0;
}

.loading {
	text-align:center;
	padding:60px 0 0 0;
	margin:0;
}

.loading2 {
	text-align:center;
	padding:60px 0 0 0;
	margin:0;
}

#thanks {
	position:absolute;
	top:27px;
	left:0;
	display:none;
	margin:0;
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity:0.8;
}

#thanks_inner {
	text-align:center;
	font-size:40px;
	color:#969696;
}

#topBanner {
	display:none;
	text-align:center;
	position:absolute;
	width:100%;
	top:50px;
}

#googleAdsence {
	display:none;
	text-align:center;
	position:absolute;
	width:100%;
	bottom:50px;
}

#GNavi-1 {
	width:300px;
	position:absolute;
	height:240px;
	display:none;
}

#GNaviBar-1 {
    cursor:move;
	background:url(../image/navibar.png) no-repeat;
	height:25px;
}

#GNaviBar_left{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bolder;
	padding:5px 0 0 10px;
	width:140px;
	float:left;
}

#GNaviBar_right {
	width:140px;
	font-weight:bolder;
	font-size:12px;
	float:right;
	text-align:right;
	padding:5px 10px 0 0;
	color:#FFFFFF;
}

#GNaviContents {
	clear:both;
	height:215px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#GNaviContentsInner {
	padding:10px;
}

#GNaviContents table{
	border-collapse:collapse;
	margin:0;
	padding:0;
}

#GNaviContents span {
	font-size:12px;
	color:#969696;
}

#changeZoomLevel {
	width:85px;
}

#changeZoomLevelTd1 {
	text-align:left;
}

#changeZoomLevelTd2 {
	text-align:right;
}

#searchTable {
	width:100%;
}

#searchTableTd1 {
	vertical-align:middle;
}

#searchTableTd2 {
	vertical-align:middle;
	width:80px;
}

#toMap {
	cursor:default;
}

#changeMapTable {
	width:100%;
}

#changeMapTableTd1 {
	text-align:left;
}

#changeMapTableTd2 {
	text-align:center;
}

#changeMapTableTd3 {
	text-align:right;
}

#otherTable {
	width:100%;
}

#otherTableTd1 {
	text-align:left;
}

#otherTableTd2 {
	text-align:center;
}

#otherTableTd3 {
	text-align:right;
}


#geoName {
	width:97%;
	margin:0;
	padding:0;
}

#searchButton {
	margin:0;
	padding:0;
}

#footer {
	position:absolute;
	left:80px;
	bottom:3px;
	color:#FFFFFF;
	font-size:10px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

.nickname {
	text-align:right;
	color:#AAAAAA;
	font-size:12px;
}

.comment {
	padding:5px;
}

.date {
	font-size:11px;
	color:#AAAAAA;
	text-align:right;
}

.commentId {
	margin:3px 0 0 0;
	padding:3px 0 0 0;
	border-top:1px solid #AAAAAA;
	font-size:10px;
	color:#AAAAAA;
	text-align:right;
}

.commentId2 {
	margin:0 10px 3px 0;
	padding:0 0 0 0;
	font-size:10px;
	color:#AAAAAA;
	text-align:right;
}


#ColorPicker-1 {
	width:450px;
	height:245px;
	position:absolute;
	background-color:#FFFFFF;
	left:-500px;
	top:-500px;
}

#ColorPickerContentsInner {
	position:absolute;
	width:428px;
}

#ColorPickerBar-1 {
	background-image:url(../image/colorpickerbar.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bolder;
	height:25px;
    cursor:move;
}

#ColorPickerBar_left {
	float:left;
	width:390px;
	padding:5px 0 0 10px;
}

#ColorPickerBar_right {
	float:right;
	width:40px;
	padding:5px 10px 0 0;
	text-align:right;
}

#ColorPickerContents {
	clear:both;
	width:428px;
	height:200px;
	padding:10px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#reloadMainMarker {
	cursor:pointer;
}