/**********GrayboxCommon**********/
.bgWindow {
	width:800px;
	height:525px;
	background-color:#FFF;
}
.bgWindow img.ttl {
	float:left;
	margin:7px 8px 10px;
}
/*.bgWindow a.close {
	float:right;
	margin:7px;
}*/
div.lifelogbx_close {
	float:right;
	margin:6px 5px 0;
	width:13px;
	height:13px;
}
.ph_base {
	padding:0 0 10px 0;
	text-align:center;
	background-color:#000;
}
.ph_part {
	margin:0 auto;
	width:255px;
}


/**********MAP**********/
.bgWindow div.list {
	float:left;
	position:relative;
	left:10px;
	width:185px;
	background-color:#FFF;
}
.bgWindow div.gmap {
	position:relative;
	left:20px;
	_left:17px;
	overflow:hidden;
	width:595px;
	height:488px;
}
ul.mapList {
	list-style-type:none;
	position:relative;
	left:10px;
	width:165px;
	color:#666;
	font-size:75%;
}
ul.mapList li {
	display:block;
	width:165px;
	height:22px;
	line-height:22px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-indent:17px;
	background:url(../image/gr_marker.png) no-repeat 0 50%;
}
ul.mapList li {
	color:#666;
	text-decoration:none;
	cursor:pointer;
}
ul.mapList li:hover {
	color:#F90;
	text-decoration:underline;
}
table.area_tbl {
	margin-top:15px;
}
table.area_tbl th {
	padding:2px;
	color:#666;
	font-size:75%;
	font-weight:bold;
	text-align:right;
	line-height:1.3em;
	vertical-align:top;
}
table.area_tbl td {
	padding:2px;
	color:#666;
	font-size:75%;
	line-height:1.3em;
	vertical-align:top;
}


/**********PHOTO**********/
.ph_base img.ph {
	border:solid 3px #CCC;
}
.ph_nav {
	margin:0 auto;
	padding:10px 0;
	width:200px;
}
.ph_nav2 {
	margin:0 auto;
	padding:10px 0;
	width:130px;
}
.ph_ar_L {
	float:left;
	display:block;
	width:25px;
	height:25px;
	background:url(../image/btn_hAr_L2.png) no-repeat;
}
.ph_ar_R {
	float:left;
	display:block;
	width:25px;
	height:25px;
	background:url(../image/btn_hAr_R2.png) no-repeat;
}
.ph_close {
	float:left;
	display:block;
	width:25px;
	height:25px;
	background:url(../image/btn_close.png) no-repeat;
}
.ph_ar_L:hover,.ph_ar_R:hover,.ph_close:hover {
	background-position:0 -25px;
}
span.ph_num {
	float:left;
	width:90px;
	color:#FFF;
	font-size:10px;
	line-height:25px;
}
.ph_vbar {
	float:left;
	position:relative;
	top:4px;
	margin:0 10px;
	width:2px;
	background:url(../image/vbar2.png) repeat-y;
}
.btn_ph_cLog {
	display:block;
	float:left;
	margin-right:10px;
	width:70px;
	height:16px;
	color:#FFF;
	font-size:65%;
	line-height:16px;
	text-align:left;
	text-indent:20px;
	text-decoration:none;
	background:url(../image/icon_func_album.png) no-repeat 0 -32px;
}
.btn_ph_del {
	display:block;
	float:left;
	width:120px;
	height:16px;
	color:#FFF;
	font-size:65%;
	line-height:16px;
	text-align:left;
	text-indent:20px;
	text-decoration:none;
	background:url(../image/icon_func_album.png) no-repeat 0 -48px;
}
.btn_ph_cLog:hover,.btn_ph_del:hover {
	color:#F90;
}
.ph_info {
	color:#999;
	font-size:70%;
}
.ph_info span {
	color:#FFF;
}
.ph_info a {
	color:#9CF;
	text-decoration:none;
}
.ph_info a:hover {
	color:#F99;
	text-decoration:none;
}
.searchtube{
	margin:10px;
	font-size:70%;
}
.youtubemenu{
	width:auto;
	height:20px;
	margin:5px 0;
}
.youtubepage{
	float:left;
	width:auto;
	margin:4px;
}


/**********LogMaking Common**********/
.cLog_tool {
	margin:0 10px 10px;
	height:34px;
}
.cLog_base {
	margin:0 10px 10px;
	height:380px;
	background-color:#FFF;
	border:solid 3px #E1E4E2;
}
.cLog_ttl {
	float:left;
	margin-top:4px;
	width:300px;
	height:26px;
	background:url(../image/bg_cLogttl.png) no-repeat;
}
.cLog_ttl input {
	padding:3px 0;
	margin:3px 0 0 10px;
	width:245px;
	color:#444;
	font-size:75%;
	border-width:0;
}
label.cLog_public_1 {
	display:block;
	float:left;
	margin:4px 0 0 5px;
	width:91px;
	height:26px;
	background:url(../image/btn_public.png) no-repeat;
	cursor:pointer;
}
label.cLog_public_2 {
	display:block;
	float:left;
	margin:4px 0 0 5px;
	width:91px;
	height:26px;
	background:url(../image/btn_personal.png) no-repeat;
	cursor:pointer;
}
label.on {
	background-position:0 -26px;
}
label.cLog_public_1 span,label.cLog_public_2 span {
	display:none;
}
.cLog_public_1 input,.cLog_public_2 input {
	position: absolute; left: -9999px;
}

.btn_cLog_log {
	display:block;
	float:left;
	margin-left:20px;
	width:47px;
	height:34px;
	background:url(../image/bg_cLog_log.png) no-repeat;
}
.btn_cLog_time {
	display:block;
	float:left;
	margin-left:5px;
	width:47px;
	height:34px;
	background:url(../image/bg_cLog_time.png) no-repeat;
}
.btn_cLog_locate {
	display:block;
	float:left;
	margin-left:5px;
	width:47px;
	height:34px;
	background:url(../image/bg_cLog_locate.png) no-repeat;
}
.btn_cLog_share {
	display:block;
	float:left;
	margin-left:5px;
	width:47px;
	height:34px;
	background:url(../image/bg_cLog_share.png) no-repeat;
}
.btn_cLog_log:hover,.btn_cLog_time:hover,.btn_cLog_locate:hover,.btn_cLog_share:hover {
	background-position:0 -34px;
}
.cLog_tool a.act {
	background-position:0 -68px;
}


/**********LogMaking Menu**********/
.cLog_alert {
	float:left;
	position:relative;
	left:10px;
	padding:8px 0 0 57px;
	width:380px;
	height:50px;
	color:#F00;
	font-size:12px;
	line-height:16px;
	background:url(../image/img_alert.png) no-repeat;
}
.cLog_menu {
	width:774px;
	height:30px;
	background-color:#E9EBEA;
}
.cLog_menu div.adjust {
	margin:0 auto;
	position:relative;
	top:4px;
	width:98%;
}
.cLog_option {
	color:#888;
	font-size:12px;
	font-weight:bold;
}
.cLog_option a {
	margin-left:10px;
	color:#888;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.cLog_option a:hover {
	color:#F90;
}
.cLog_option select {
	color:#666;
	font-size:12px;
	font-weight:normal;
}
.cLog_option select option {
	padding:0 2px;
	color:#666;
	font-size:12px;
	font-weight:normal;
}
.cLog_base div.cont {
	width:774px;
	height:350px;
	overflow:auto;
	overflow-x:hidden;
	scroll-x:hidden;
	scroll-y:auto;
}
.cLog_list {
	float:left;
	width:204px;
}
.cLog_locSrch {
	padding:10px 5px;
}
.cLog_base div.locList {
	position:relative;
	top:4px;
	left:15px;
	width:170px;
	height:265px;
	overflow:auto;
	overflow-x:hidden;
	scroll-x:hidden;
	scroll-y:auto;
}
.cLog_base div.locGmap {
	float:right;
	overflow:hidden;
	width:570px;
	height:380px;
}

/**********LOG MAKING**********/
.log_op {
	float:right;
	width:280px;
	height:380px;
	background-color:#FFF;
	border:solid #E1E4E2;
	border-width:0 0 0 2px;
}
.cLog_menu2 {
	width:280px;
	height:30px;
	background-color:#E9EBEA;
}
.cLog_menu3 {
	width:280px;
	height:30px;
	background-color:#FFF;
}
.cLog_menu3 div {
	position:relative;
	top:6px;
	margin:0 10px;
	width:auto;
	color:#999;
	font-size:11px;
	font-weight:bold;
}
.cLog_menu3 div select {
	color:#666;
	font-size:12px;
	font-weight:normal;
}
.cLog_menu3 div select option {
	padding:0 2px;
	color:#666;
	font-size:12px;
	font-weight:normal;
}
.cLog_base div.cont2 {
	width:280px;
	/*height:320px;*/
	height:350px;
	overflow:auto;
	overflow-x:hidden;
	scroll-x:hidden;
	scroll-y:auto;
}
/*.btn_cLog_photo {
	float:left;
	margin-left:5px;
	display:block;
	width:43px;
	height:25px;
	background:url(../image/btn_menu_editor_log.png) no-repeat;
}
.btn_cLog_flickr {
	float:left;
	display:block;
	width:35px;
	height:25px;
	background:url(../image/btn_menu_editor_log.png) no-repeat -43px 0;
}
.btn_cLog_youtube {
	float:left;
	display:block;
	width:53px;
	height:25px;
	background:url(../image/btn_menu_editor_log.png) no-repeat -78px 0;
}
.btn_cLog_smilevideo {
	float:left;
	display:block;
	width:76px;
	height:25px;
	background:url(../image/btn_menu_editor_log.png) no-repeat -131px 0;
}
.btn_cLog_photo:hover {
	background-position:0 -25px;
}
.btn_cLog_flickr:hover {
	background-position:-43px -25px;
}
.btn_cLog_youtube:hover {
	background-position:-78px -25px;
}
.btn_cLog_smilevideo:hover {
	background-position:-131px -25px;
}*/
.menu_logMaking {
	display:block;
	padding:0 5px;
	float:left;
	height:30px;
	color:#999;
	font-size:10px;
	line-height:30px;
	font-weight:bold;
	font-family:Arial;
	text-decoration:none;
}
.menu_logMaking:hover,.cLog_menu2 a.act {
	color:#69C;
	background-color:#FFF;
}
div.cLogEditor {
	width:492px;
	_width:489px;
	height:380px;
	background:url(../image/bg_cLogEditor.jpg) repeat-x;
}
textarea.cLogEditor {
	width:430px;
	height:326px;
	_height:325px;
	color:#333;
	font-size:12px;
	line-height:16px;
	background:none;
}
.cLog_addPh {
	display:block;
	float:left;
	margin-top:1px;
	_margin-top:7px;
	width:90px;
	height:17px;
	color:#999;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
	text-indent:22px;
	background:url(../image/cLog_addPh.png) no-repeat;
}
.cLog_addPh:hover {
	color:#F90;
	text-decoration:underline;
}
.cLog_addMo {
	display:block;
	float:left;
	margin-top:1px;
	_margin-top:7px;
	width:100%;
	height:17px;
	color:#999;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
	text-indent:22px;
	background:url(../image/cLog_addPh.png) no-repeat;
}
.cLog_addMo:hover {
	color:#F90;
	text-decoration:underline;
}
div.cLog_page {
	margin:0;
	position:relative;
	top:0;
	float:right;
	height:17px;
	line-height:20px;
}
div.cLog_page span {
	padding:0 10px;
	color:#369;
	font-weight:normal;
}
div.cLog_page a {
	color:#369;
	font-weight:normal;
	text-decoration:none;
}
div.cLog_page a:hover {
	color:#F90;
	text-decoration:underline;
}

/**********LogMaking Time**********/
.cLog_base div.left {
	float:left;
	position:relative;
	top:80px;
	left:25px;
	width:290px;
}
.cLog_base div.right {
	float:right;
	position:relative;
	top:140px;
	right:25px;
	width:405px;
	text-align:right;
}
div.right input.cLog_date {
	width:6em;
	color:#666;
	font-family:Arial;
	/*font-size:250%;*/
	font-size:36px;
	text-align:right;
	border:0;
}
div.right input.cLog_time {
	width:2.5em;
	color:#666;
	font-family:Arial;
	/*font-size:400%;*/
	font-size:68px;
	text-align:right;
	border:0;
}
div.right span {
	color:#666;
	font-family:Arial;
	/*font-size:400%;*/
	font-size:68px;
	position:relative;
	top:-5px;
	_top:-15px;
	margin:7px;
}
.cal_op {
	float:left;
	width:77px;
	height:150px;
	text-align:center;
}
.cal_op a.vAr_up {
	display:block;
	margin:30px auto 20px;
	width:22px;
	height:21px;
	background:url(../image/btn_vAr_up.png) no-repeat;
}
.cal_op a.vAr_dw {
	display:block;
	margin:20px auto;
	width:22px;
	height:21px;
	background:url(../image/btn_vAr_dw.png) no-repeat;
}
.cal_op span {
	color:#666;
	font-size:12px;
	font-weight:bold;
}
.slide {
	position:relative;
	top:30px;
}
.time_track {
	position:relative;
	z-index:0;
	width:290px;
	height:8px;
	background:url(../image/slider_bar.png) no-repeat;
}
.time_handle_1 {
	float:left;
	position:absolute;
	z-index:2;
	top:-6px;
	width:23px;
	height:22px;
	background:url(../image/slider_start.png) no-repeat;
	cursor:move;
}
.time_handle_2 {
	float:right;
	position:absolute;
	z-index:2;
	top:-6px;
	width:23px;
	height:22px;
	background:url(../image/slider_end.png) no-repeat;
	cursor:move;
}
.time_span {
	position:absolute;
	z-index:1;
	top:1px;
	height:6px;
	background:url(../image/slider_progress.png) repeat-x;
}


/**********CalendarTable**********/
table.calendar {
	float:left;
	width:210px;
	color:#666;
	text-align:center;
	border-spacing:1px;
}
table.calendar th {
	height:25px;
	font-size:12px;
	font-weight:normal;
	background-color:#E2E2E2;
}
table.calendar td.std {
	height:25px;
	font-size:12px;
	cursor:pointer;
}
table.calendar td.std a {
	color:#666;
}
table.calendar td.non {
	height:25px;
	color:#CCC;
	font-size:12px;
	text-align:center;
	background-color:#EDEDED;
	cursor:pointer;
}
table.calendar td.non a {
	color:#CCC;
}
table.calendar th.sat,table.calendar td.sat {
	height:25px;
	color:#369;
	font-size:12px;
	text-align:center;
	background-color:#DDE7FF;
}
table.calendar td.sat a {
	color:#369;
}
table.calendar th.sun,table.calendar td.sun {
	height:25px;
	color:#C33;
	font-size:12px;
	text-align:center;
	background-color:#FFE1DD;
}
table.calendar td.sun a {
	color:#C33;
}
table.calendar td.tdy {
	color:#393;
	font-size:12px;
	text-align:center;
	background-color:#D1FFD1;
}
table.calendar td.tdy a {
	color:#393;
}
table.calendar td.std:hover,table.calendar td.non:hover,table.calendar td.sat:hover,table.calendar td.sun:hover,table.calendar td.tdy:hover {
	background-color:#FFC;
}
table.calendar td a{
	text-decoration:none;
}
/*table.calendar td a:hover {
	color:#F90;
}*/


/**********LogMaking Share**********/
ul.cLogGr {
	width:100%;
	list-style-type:none;
}
ul.cLogGr li.sel {
	background:url(../image/cLogMem_chk.png) no-repeat 12px 18px #F8F9F8;
}
ul.cLogGr li {
	width:auto;
	height:60px;
	_line-height:0.9em;
	border:solid #E2E4E3;
	border-width:0 0 1px 0;
	background:url(../image/cLogMem_nochk.png) no-repeat 12px 18px #F8F9F8;
	cursor:pointer;
	list-style-type:none;
}
ul.cLogGr li:hover {
	background-color:#E9F2EB;
}
ul.cLogGr li img {
	float:left;
	margin:4px 0 0 45px;
	/*position:relative;
	top:4px;
	left:45px;*/
	border:solid 1px #CCC;
}
ul.cLogGr li div {
	float:left;
	margin:4px 0 0 5px;
	/*position:relative;
	top:4px;
	left:50px;*/
}
ul.cLogGr li div span.nickname {
	width:400px;
	color:#108E61;
	font-size:85%;
	line-height:1.4em;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
ul.cLogGr li div p {
	width:600px;
	color:#666;
	font-size:75%;
	line-height:1.8em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
ul.cLogGr li div span {
	display:block;
	color:#666;
	font-size:70%;
}
ul.cLogGr li div span.hide {
	display:none;
}


/**********Others**********/
.map_pgHi {
	height:30px;
}
.map_pg {
	margin:0 auto;
	width:165px;
}
.mapEdit_able div.map_menuHi {
	height:303px;
}
.mapEdit_disable div.map_menuHi {
	height:432px;
}


/**********MiniLayer**********/
table.mLayer {
	margin:0 auto;
	width:280px;
}
table.mLayer tr.top td.left {
	width:12px;
	height:32px;
	background:url(../image/ml_tp_l.png) no-repeat;
}
table.mLayer tr.top td.right {
	width:12px;
	height:32px;
	background:url(../image/ml_tp_r.png) no-repeat;
}
table.mLayer tr.top td.center {
	height:32px;
	font-size:75%;
	vertical-align:middle;
	background:url(../image/ml_tp_c.png) repeat-x;
}

table.mLayer tr.mdl td.left {
	width:12px;
	background:url(../image/ml_mdl_l.png) repeat-y;
}
table.mLayer tr.mdl td.right {
	width:12px;
	background:url(../image/ml_mdl_r.png) repeat-y;
}
table.mLayer tr.mdl td.center {
	font-size:75%;
	background:#FFF;
}

table.mLayer tr.btm td.left {
	width:12px;
	height:12px;
	background:url(../image/ml_btm_l.png) no-repeat;
}
table.mLayer tr.btm td.right {
	width:12px;
	height:12px;
	background:url(../image/ml_btm_r.png) no-repeat;
}
table.mLayer tr.btm td.center {
	height:12px;
	font-size:75%;
	background:url(../image/ml_btm_c.png) repeat-x;
}

table.mLayer tr.mdl td.center textarea {
	margin:0 auto;
	width:99%;
	height:10em;
	font-size:100%;
	line-height:1.3em;
	border:solid 1px #CCC;
}
.mLayer_conf {
	padding:10px;
	line-height:1.4em;
	text-align:center;
	background:#EFEFEF;
	border:solid 1px #CCC;
}
.mLayer_submit {
	margin:12px auto 0;
	width:203px;
}