#areamapselect {
	clear: both;
	font-size: 120%;
}
#toggles {
	margin: 12px 0 0 0;
	padding: .33em .66em;
border: #ffffff 1px dotted;
}

#areamap {
	clear: both;
	position: relative; top: 0;
	width: 100%; height: 168px;
	overflow: hidden;
	margin: 0 0 24px 0;
}
#areamap #inframe {
	position: absolute;
	width: auto; height: 168px;
	overflow: hidden;
	cursor: crosshair;
}

#info {
	clear: both;
	position: relative;
	top: 0; left: 0;
	width: auto; height: auto;
	background: #996633;
	margin-bottom: 24px;
	border-top:    #ffcc99 1px solid;
	border-right:  #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left:   #ffcc99 1px solid;
}


/*
//
// #areamapselect
//
*/
#areamapselect dl { margin: 0; padding: 0; }
#areamapselect dt {
	width: 5em;
	margin: 0; padding: 0;
	float: left;
}
#areamapselect dd {
	margin: 0; padding: 0;
}
#areamapselect a {
	margin-right: .33em;
	padding: 0 .33em;
	cursor: pointer;
}
#areamapselect a:hover {
	color: #996633;
	background: #ffcc99;
}
#areamapselect * a.active {
	color: #996633;
	background: #ffcc99;
	font-weight: bolder;
}



/*
//
// #toggles
//
*/
#toggles label {
	margin-right: 1em;
	text-decoration: underline;
	cursor: pointer;
}
#toggles label:hover {
	color: #ffcc99;
	cursor: pointer;
}
#toggles .checkbox:hover {
	cursor: pointer;
}







/*
//
// areamap > inframe
//
*/
#areamap #inframe img {
}
#inframe img.memo, #inframe img.memo_opn, #inframe img.memo_shr {
	position: absolute;
	cursor: pointer;
}
#inframe img.memo:hover {
	margin: -2px 0 0 -2px;
	border: #ffffff 2px solid;
}
#inframe img.memo_opn:hover {
	margin: -2px 0 0 -2px;
	border: #ffcc99 2px solid;
}
#inframe img.memo_shr:hover {
	margin: -2px 0 0 -2px;
	border: #ffcc99 2px solid;
}



/*
//
// areamap > location
//
*/
#location {
	position: absolute;
	width: 144px; height: 12px;
	margin: 0; padding: 3px 6px;
	font-size: 12px;
	line-height: 100%;
	background: #996633;
	border-top:    #ffcc99 1px solid;
	border-right:  #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left:   #ffcc99 1px solid;
z-index: 90;
}
#areamap > #location { width: 128px; }
#location span {
	font-weight: bolder;
}

/*
//
// memo
//
*/
#memo {
	position: absolute;
	display: none;
	background: #996633;
	width: 352px; height: auto; overflow: auto;
	padding: 6px 8px;
	font-size: 95%;
	line-height: 140%;
	border-top:    #ffcc99 1px solid;
	border-right:  #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left:   #ffcc99 1px solid;
z-index: 100;
}
#memo h3 {
	margin: 1.33em 0 .66em 0;
	padding: .16em .33em;
	border-bottom: #ffcc99 1px dotted;
}
#memo h3:first-child { margin-top: 0; }
#memo textarea {
	height: 16em;
	margin: 0 0 .66em 0;
	font-size: 100%;
}
#memo label { margin-right: 1em; }

#memo ul#iconselect_memo {
	margin: 0 0 .66em 0;
}
#memo ul#iconselect_memo li {
	width: 40px; height: 40px;
	margin: 0 8px 6px 0;
	border-top:    #000000 1px solid;
	border-right:  #ffcc99 1px solid;
	border-bottom: #ffcc99 1px solid;
	border-left:   #000000 1px solid;
	float: left;
cursor: pointer;
}
#memo ul#iconselect_memo li.selected {
	border: #ffffff 1px solid;
}

#memo #author_memo {
	padding: .33em 0 0 0;
	line-height: 130%;
	text-align: right;
	border-top: #ffcc99 1px dotted;
}

#memo #foot_memo {
	clear: both;
	margin: .33em 0 0 0;
	padding: .66em 0 0 0;
	text-align: right;
	border-top: #ffcc99 1px dotted;
}




/*--------------------------------------------------------------------------------
----------------------------------------------------------------------------------
//
// info
//
*/
/*----------------------------------------------------------------*/
#info #tab_info {
	padding: 6px 16px;
	border-bottom: #ffcc99 1px solid;
}

#info #tab_info a {
	margin-right: 4px;
	padding: 4px 8px;
	text-decoration: underline;
	cursor: pointer;
}
#info #tab_info a:hover {
	color: #ffcc99;
}
#info #tab_info a.active {
	color: #996633;
	background: #ffcc99;
	font-weight: bolder;
}


#info p:before {
	content: url(../img/sozai/item.png);
	margin-right: .33em;
}

#info dl {
	margin: 0; padding: 0;
}
#info dt {
	clear: both;
	width: 8em;
	margin: 0 0 .33em 0; padding: 0;
	float: left;
}
#info dt:before {
	content: url(../img/sozai/item.png);
	margin-right: .33em;
}
#info dd {
	width: 8em;
	margin: 0; padding: 0;
	vertical-align: middle;
	float: left;
}

#info dt img {
	background: #3399ff;
	padding: 6px 8px;
	vertical-align: middle;
	border-top:    #000000 1px solid;
	border-right:  #ffcc99 1px solid;
	border-bottom: #ffcc99 1px solid;
	border-left:   #000000 1px solid;
}


/*----------------------------------------------------------------*/
#info #content_info {
	position: relative;
	clear: both;
	padding: 12px 16px 0 16px;
}

#info #content_info #content_info_left, #info #content_info #content_info_right {
	position: relative;
	width: 352px;
}
#info #content_info #content_info_left { float: left; }
#info #content_info #content_info_right { float: right; }

#info #content_info #content_info_left .group, #info #content_info #content_info_right .group {
	position: relative;
	margin: 0 0 12px 0;
	padding: 6px 8px;
	border-top:    #000000 1px solid;
	border-right:  #ffcc99 1px solid;
	border-bottom: #ffcc99 1px solid;
	border-left:   #000000 1px solid;
}

#info .group h3 {
	margin: 0 0 6px 0;
	padding: .16em .33em;
	font-size: 120%;
	border-bottom: #ffcc99 1px dotted;
	cursor: pointer;
}


#info ul.info_content_char {
	margin: 0 0 3em 0 !important;
	padding: 0 !important;
}
#info > ul.info_content_char { margin-bottom: 0; }
#info ul.info_content_char li {
	text-align: center;
	float: left;
}
#info ul.info_content_char li img {
	background: #3399ff;
	padding: 6px 8px;
	vertical-align: middle;
	border-top:    #000000 1px solid;
	border-right:  #ffcc99 1px solid;
	border-bottom: #ffcc99 1px solid;
	border-left:   #000000 1px solid;
}

#info ol.info_content_memo {
	margin: 0 0 0 24px;
	padding: 0;
}