@charset "UTF-8";


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

	BETA 4
*/
/* temp */


/* search.css - btn tooltip for new img */
div#spotDetailContent div#blockMap02 ul.mainUtility li a span.tooltip {
	z-index: 1000000;
    width: 107px;
}
div#spotDetailContent div#blockMap02 ul.mainUtility li.tooltipBalloon2 {

}

/* for friend request   */
#blockFriendReq { margin-bottom: 30px; }
#blockFriendReq .friendReqNum, #blockFriendReq table.friendReq { width:800px; }
#blockFriendReq .friendReqNum { margin:10px auto; color:#cc0000; padding-bottom:5px; margin-bottom:5px; border-bottom: 1px solid #dbd6ca; }
#blockFriendReq table.friendReq { margin:0 auto; }
#blockFriendReq table.friendReq td { padding: 10px; vertical-align: middle; }
#blockFriendReq table.friendReq td .name { padding-left: 5px; border-left: 3px solid #1e8cba; width: 420px; overflow: hidden; line-height: 1.2em; }
#blockFriendReq table.friendReq td.Td1 { width:60px; text-align:left; }
#blockFriendReq table.friendReq td.Td2 { width:490px; text-align:left; }
#blockFriendReq table.friendReq td.Td3 { width:250px; text-align:right; }

/* for renzoku hankaku */
.pageBuzz div#spotDetailHeader .spotName span { /* (m1 spot detail - Normal) */
    display: block;
	width: 800px;
	overflow: hidden;
}

.pageOfficial div#spotDetailHeader .disp_allon .spotName span { /* .disp_allon (m1 spot detail - Official) */
    display: block;
	width: 420px;
	overflow: hidden;
}
.pageOfficial div#spotDetailHeader .disp_alloff .spotName span { /* .disp_alloff (m1 spot detail - Official) */
    display: block;
	width: 800px;
	overflow: hidden;
}
.pageOfficial div#spotDetailHeader .disp_reserve .spotName span { /* .disp_reserve (m1 spot detail - Official) */
    display: block;
	width: 545px;
	overflow: hidden;
}
	.pageOfficial div#spotDetailHeader .disp_reserve ul.useful li {
		margin-right: 0;
	}
.pageOfficial div#spotDetailHeader .disp_coupon .spotName span { /* .disp_coupon (m1 spot detail - Official) */
    display: block;
	width: 675px;
	overflow: hidden;
}

.blockD111 ul.listSpot li.item h3.name { /* p1 mypage */
	overflow: hidden;
	width: 210px;
}
.blockC111 ul.listSpot li.item h3.name { /* a1 top */
	overflow: hidden;
	width: 250px;
}
.blockC111 ul.listMap li.item h3.name,
.blockD111 ul.listMap li.item h3.name,
.blockEntrySpotBase02 .blockEntrySpot02 table td.spotMapAddName div.name { /* a3, i1, etc.. */
	overflow: hidden;
}
.blockD111 ul.listMap { _width: 260px; _overflow: hidden; }

table.tblUserSpotList td.colSpotName p { /* w1 mypage:myspot */
	overflow: hidden;
	width: 170px;
}
table.tblUserSpotList td.colGenre {
    text-align: left;
    padding-left: 20px;
}

table.tblUserSpotList td ul.utility li {
	white-space: nowrap;
}

table.tblUserSpotList td ul.utility li.linkEdit {
    border-left: none;
}

.pageBuzz div#mapDetailHeader .mapName { /* i1 map detail - Normal */
	width: 850px;
	overflow: hidden;
}
.pageOfficial div#mapDetailHeader .mapName { /* i1 map detail - Official */
	width: 700px;
	overflow: hidden;
}

div#blockComment p.commentTxt { /* i1 map comment */
	overflow: auto;
	min-height: 64px;
	_overflow: hidden;
	display: block;
}
div#blockComment div#blockCommentConfirm td div.commentTxt,
div#blockComment div#blockCommentDelete td div.commentTxt {
	overflow: hidden;
	width: 350px;
}

.blockB101 p.commentTxt,
.blockB102 p.commentTxt {
    width: 660px;
	overflow: hidden;
}

table.tblInput01 td .conf {
	overflow: hidden;
	width: 680px;
}

/* Upload Image Style - from modules.css */

ul.listUploadImg { margin-top: 10px; }

ul.listUploadImg li {
    float: left;
    margin-right: 10px;
    padding: 5px 5px 3px;
/*    background: #f8f6ee; */
    font-size: 85%;
    text-align: center;
}

ul.listUploadImg li img {
    display: block;
    margin-bottom: 3px;
}
div#loading_message {
    display:none;
    height:110px;
}
div#upload_files {
    height: 110px;
    background:url('/common/images/bg_multi_upload_thumbnail.png') no-repeat scroll 0 0 transparent;
}
td#upload_button {
    width:330;
    text-align:right;
}
td#upload_comment {
    width:330;
    text-align:left;
    padding-left:7px;
}
/* diary - copy from add.css */
div#blockDiarySpot {
    margin-top: 20px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    background: url(/common/images/bg_entry_spot_02_btm.png) no-repeat 0 100%;
	width: 607px;
}

div#blockDiarySpot div.blockDiarySpot01,
div#blockDiarySpot div.blockDiarySpot02 {
    float: left;
    padding: 15px 15px 0;
    background: url(/common/images/bg_entry_spot_01_a_top.png) no-repeat 0 0;
}

div#blockDiarySpot div.blockDiarySpot01 {
    width: 159px;
    margin-right: 7px;
    padding-right: 5px;
}

div#blockDiarySpot div.blockDiarySpot02 {
    width: 391px;
    background-image: url(/common/images/bg_entry_spot_02_top.png);
}

div#blockDiarySpot h3 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 93%;
}

div#blockDiarySpot ul { font-size: 85%; }

/* --- Entry Spot 01 --- */
div#blockDiarySpot div.blockDiarySpot01 ul li { margin-bottom: 5px; }

div#blockDiarySpot div.blockDiarySpot01 img { margin-right: 5px; }

div#blockDiarySpot div.blockDiarySpot01 span {
    position: relative;
    top: 9px;
}

div#blockDiarySpot div.blockDiarySpot01 input { margin-right: 2px; }

/* --- Entry Spot 02 --- */
div#blockDiarySpot div.blockDiarySpot02 table {
    width: 390px;
	margin-bottom:10px;
}
div#blockDiarySpot div.blockDiarySpot02 table td{
    margin:0;
    padding:0;
    background-color:#F2F6EA;
    border:none;
    line-height: 1.3;
    vertical-align:middle;
}
div#blockDiarySpot div.blockDiarySpot02 table td.spotDiaryAddName {
    width:233px;
}
	div#blockDiarySpot div.blockDiarySpot02 table td.spotDiaryAddName img {
		vertical-align:middle;
		margin-right: 5px;
	}
	div#blockDiarySpot div.blockDiarySpot02 table td.spotDiaryAddName div.name {
		overflow: hidden;
	}
div#blockDiarySpot div.blockDiarySpot02 table td.spotDiaryAddBtn {
    width:157px;
}


/* tag rating */
table.rating {
	padding: 0;
	margin: 0;
}
table.rating td {
	padding-left: 2px;
}
table.rating .ratevalue {
    color: #fd8544;
    font-weight: bold;
	font-size:86%;
	padding-left:10px;
}

/* module.css - map window */
div#mapBody div.mapBox01 div.boxContent {
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/map/bg_dialog_01_mdl.png', sizingMethod='scale');
}
div#mapBody div.mapBox02 div.boxContent {
	_background: none;
	_background-color: #000000;
	_filter:alpha(opacity=75);
}
div#mapBody div.mapBox02 div.boxContent img {
	_filter:alpha(opacity=100);
}
div#mapBoxDrivingRoute div.boxContent {
    height: 110px;
}
div#mapBoxAddSpotStep1 div.boxContent {
	height: 150px;
}
div#mapBoxAddSpotStep2 div.boxContent {
	height: 270px;
}
div#mapBoxAddSpotStep3 div.boxContent {
	height: 180px;
}

/* module.css - paginator (pager) */
ul.pager {
    clear: both;
    padding-top: 10px;
}
table.pager {
    margin-top: 10px;
}
ul.pager li,
table.pager td {
    float: left;
    padding: 0 7px;
    border-right: 1px solid #4d4d4d;
    line-height: 1.1;
}
ul.pager li.next,
table.pager td.next { border-right: none; }

ul.pager li.current,
ul.pager li.current a,
ul.pager li.current a:link,
ul.pager li.current a:visited,
ul.pager li.current a:active,
ul.pager li.current a:hover,
table.pager td.current,
table.pager td.current a,
table.pager td.current a:link,
table.pager td.current a:visited,
table.pager td.current a:active,
table.pager td.current a:hover {
	font-weight:bold;
    color:#333333;
    text-decoration:none;
}

/* module.css - block new */
/*  -. BlockN (w644px)
   ------------------------------------------------- */
div.blockN111 {
    position: relative;
    width: 644px;
    margin: 0 auto 20px;
    padding-top: 10px;
    background: url(/common/images/bg_blk_n_111_top.png) no-repeat 0 0;
}
	div.blockN111 .inner {
		width: 614px;
		padding: 0 15px 10px;
		background: url(/common/images/bg_blk_n_111_btm.png) no-repeat 0 100%;
	}
	div.blockN111 .inner div.body {
		padding: 10px 5px 0 5px;
	}
	.blockN111 h3 {
		margin-bottom: 15px;
		border: 0;
		padding-top: 5px;
		color: #666151;
		font-weight: bold;
	}
	.blockN111 h3.second {
		margin-bottom: 5px;
		margin-top: 10px;
		border-top: 1px solid #d7d1c1;
		padding-top: 15px;
		color: #666151;
		font-weight: bold;
	}
	.blockN111 .tit1 {
		_line-height: 1.4em;
	}


/* add.css - add spot parts */
/*  -. Submit Block
   ------------------------------------------------- */
div#blockSubmitInputSpot {
	background:none;
	text-align:center;
}
div#blockSubmitInputSpot.single dl {
	margin-left:25%;
	_margin:0;
	_position:relative;
	_left:25%;
}
div#blockSubmitInputSpot dl.save {
    background: url(/common/images/bg_submit_save_01.png) no-repeat 0 100%;
}
div#blockSubmitInputSpot dl.continue {
    background: url(/common/images/bg_submit_continue_01.png) no-repeat 0 100%;
}

div#blockInputMapInfo div.blockSetSpotLocation dl.formMoveMap dd.btnFitMap form {
    display:inline;
	padding-left:10px;
}
div.blockSetSpotLocation div#mapTarget {
	margin-top:10px;
}
/* add.css - add map parts */
div#blockEntrySpot form { display: inline; }
/* --- Entry Spot 02 --- */
div#blockEntrySpot div.blockEntrySpot02 table {
    width: 249px;
	margin-bottom:10px;
}
div#blockEntrySpot div.blockEntrySpot02 table td{
    margin:0;
    padding:0;
    background-color:#F2F6EA;
    border:none;
    line-height: 1.3;
    vertical-align:middle;
}
div#blockEntrySpot div.blockEntrySpot02 table td.spotMapAddName {
    width:189px;
}
div#blockEntrySpot div.blockEntrySpot02 table td.spotMapAddBtn {
    width:60px;
}

*:first-child+html div#blockEntrySpot div.blockEntrySpot02 table td { margin-bottom: 0; }
* html div#blockEntrySpot div.blockEntrySpot02 table td { margin-bottom: 0; }

div#blockEntrySpot div.blockEntrySpot02 table td div.name {
	float:left;
}
div#blockEntrySpot div.blockEntrySpot02 table td div.name img {
    margin-right: 5px;
}

div#blockEntrySpot div.blockEntrySpot02 table td div.name a {
    position: relative;
    top: 10px;
    font-weight: bold;
}
div#blockEntrySpot div.blockEntrySpot02 table td div.name span {
    position: relative;
    top: 0;
    font-weight: bold;
}

div#blockEntrySpot div.blockEntrySpot02 table td div.btnAdd {
    top: auto;
    right: 0;
}

div#blockEntrySpot div.blockEntrySpot02 {
}
div#blockEntrySpot div.blockEntrySpotBase02 div.blockEntrySpot02 div.blockEntrySpotPager {
	text-align: center;
	display: block;
	width: 245px;
}
	div#blockEntrySpot div.blockEntrySpot02 ul {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		/*display: inline;*/
	}
	div#blockEntrySpot div.blockEntrySpot02 ul.pager {
	}
	div#blockEntrySpot div.blockEntrySpot02 ul.pager li {
		display: inline;
		white-space: nowrap;
		width: auto;
	}
	div#blockEntrySpot div.blockEntrySpot02 ul.pager li.next,
	div#blockEntrySpot div.blockEntrySpot02 ul.pager li.prev {
	}

/* --- Entry Spot 03 --- */
div#blockEntrySpot div.blockEntrySpot03 select,
div#blockEntrySpot div.blockEntrySpot03 div.btnDelFromMap {
    width: 185px;
    _width: 175px;
    overflow: auto;
}

div#blockEntrySpot div.blockEntrySpot03 div.btnDelFromMap p{ padding: 10px 0 ;color: #ff0000}

div#blockEntrySpot div.blockEntrySpot03 select {
	border: 0;
	background-color: #f4fafc;
    height: 290px;
	color: #1e8cba;
	font-weight: bold;
	position:relative;
}
div#blockEntrySpot div.blockEntrySpot03 select option {
	border-left: 3px solid #1e8cba;
	margin-bottom:10px;
	padding-left:7px;
}
div#blockEntrySpot div.blockEntrySpot03 div.btnDelFromMap{
	padding-bottom: 5px;
	text-align: left;
}
div#blockEntrySpot div.blockEntrySpot03 div.btnDelFromMap input {
	margin: 0;
	padding: 0;
}
/* j1 add map */
#genreList img { text-align:left; }
#genreList input { vertical-align:middle; }
#genreList span { display:inline; }
/* j1-confirm add map */
ul.confSpotList {
	max-height:20em;
	overflow:auto;
	display:block;
}
ul.confSpotList li{
}


/* module.css */

.pageMypage div#blockMapSpotList {
    padding-top: 10px;
}

table.tblInput01 tr.error th { background-position: -250px 0; }
span.msgError { /* ex table.tblInput01 td p.msgError */
    padding: 3px 0 5px 37px; /*10px 0 10px 40px*/
    background: url(/common/images/ico_error_01.png) no-repeat 0 3px;/* 0 10px*/
    color: #fd8544;
    font-size: 93%;
    font-weight: bold;
	display:block;
}
div.blockErrorMsg {
    width:auto;
}
div.blockErrorMsg p {
    display:inline-block;
	_display:inline; /* for IE6 */
    padding-left: 40px;
    background: url(/common/images/ico_error_01.png) no-repeat 0 0;
	min-height:21px;
}

/*  -. Favourite Place
   ------------------------------------------------- */
div#blockFavPlace ul.listFavPlace { /* ex. w:540px */
    width: 570px;
	display: inline;
	padding-bottom: 7px;
}
div#blockFavPlace ul.listFavPlace li { /* for long text IE */
    float: none;
    margin-right: 10px;
	display: inline;
	line-height: 1.2em;
}


/*  -. Select Nav
   ------------------------------------------------- */
div.navLocal ul li.current,
div.navLocal ul li.true {
    padding: 15px 5px 15px 30px;
    border-top: 1px solid #f4fafd;
    background: #dbeff7 url(/common/images/ico_arrow_02.png) no-repeat 7px 15px;
    color: #1e8cba;
}

div.navLocal ul li.currentNarrow {
    padding: 6px 5px 10px 30px;
    border-top: 1px solid #f4fafd;
    background: #dbeff7 url(/common/images/ico_arrow_02.png) no-repeat 7px 7px;
    color: #1e8cba;
}
div.navLocal ul li a.narrow {
    display: block;
    padding: 6px 5px 10px 30px;
    border-top: 1px solid #4caed8;
    background: url(/common/images/ico_arrow_04.png) no-repeat 7px 7px;
    color: #fff;
}
div.navLocal ul li a.narrow:hover {
    border-top: 1px solid #f4fafd;
    background: #dbeff7 url(/common/images/ico_arrow_02.png) no-repeat 7px 7px;
    color: #1e8cba;
}

div.navLocal ul li a,
div.navLocal ul li a:link,
div.navLocal ul li a:active,
div.navLocal ul li a:visited {
	color: #ffffff;
}
div.navLocal ul li a:hover {
	color: #1e8cba;
}
div.navLocal ul li.true a,
div.navLocal ul li.true a:hover {
    display: block;
    border: none;
    background: none;
	color: #1e8cba;
	font-weight:bold;
	margin: 0;
	padding: 0;
}



/* --------- new common --------- */
table.tblInput01 td span { /* for IE (show empty TD border) */
	padding-right: 1px;
}

.blockA001 h6 {
	color:#4c493c;
	font-weight:bold;
	margin-bottom:1.5em;
}
.blockA001 .sortbar {
	margin-bottom:1.5em;
}

.blockTab {
    position: relative;
    width: 920px;
	height:76px;
    padding: 0;
    background: url(/common/images/tab_title_bg.png) no-repeat 0 0;
	display:block;
	clear:both;
}

table.listChoiceForm td {
	padding:0;
	border:none;
	padding-right:3em;
}
table.listChoiceForm2 td {
	padding:0;
	border:none;
	padding-right:1em;
}
/* map style */
/*-- img --*/
div#mapBody dl#mapRefineGenre,
div#mapBody ul#mapUtility01,
div#mapBody ul#mapUtility02 {
	z-index: 50001;
}
/*---------*/
div#mapArea {
	overflow: hidden;
	width: 895px;
	height: 460px;
	position: relative;
}
div#mapTarget {
	width: 640px;
	height: 460px;
}
div#genreIcons {

    background:url(/common/images/mapbtn_genre_bg.png) no-repeat;
	width:401px;
	height:49px;
	/*
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapbtn_genre_bg.png',sizingMethod='crop');
	*/
	position: relative;
	top: -454px;
	left: 233px;
	z-index: 50001;
}
	div#genreIcons ul {
		position:relative;
		left:111px;
		top:7px;
		_position:absolute;
	}
		div#genreIcons ul li {
			float:left;
			margin-right:4px;
		}
		div#genreIcons ul li a {
			position:relative;
			width:35px;
			height:35px;
			display:block;
		}

div#mapBtns {
	position: relative;
	top: -122px;
	z-index: 50002;
	/*
	_bottom: 0;
	_margin-top: 356px;
	*/
}
	div#mapBtns ul.lBtns {
        position:relative; /* for IE6 */
		float:left;
        margin-top:18px;
	}
		div#mapBtns ul.lBtns li {
			float:left;
			height:55px;
			background:url(/common/images/mapbtnbg_body.png) fixed;
			_background:none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapbtnbg_body.png',sizingMethod='scale');
		}
		div#mapBtns ul.lBtns li img {
			position:relative;
			top:5px;
			right:-6px;
			z-index: 1000;
			width:61px;
			height:45px;
		}
		div#mapBtns ul.lBtns li.btn {
			width:67px;
		}
		div#mapBtns ul.lBtns li.right {
			width:10px;
			background:none;
			background:url(/common/images/mapbtnbg_right.png) no-repeat right 0;
			_background:none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapbtnbg_right.png',sizingMethod='crop');
		}
	div#mapBtns ul.rBtns {
		position:relative; /* for IE6 */
		float:right;
	}
		div#mapBtns ul.rBtns li {
			padding-bottom:3px;
			padding-right:6px;
		}


div.mapwin {
	color:#ffffff;
	font-size:small;
}
div.mapwin label { /* for IE6 */
	position:relative;
}
div.mapwin div.winHead {
	height:35px;
	overflow:hidden;
}
	div.mapwin div.winHead h1 {
		color:#ffffff;
		float:left;
		padding:10px;
		font-weight:bold;
	}
	div.mapwin div.winHead ul.winheadBtns {
		float:right;
		position:relative;
		top:6px;
		right:6px;
	}
		div.mapwin div.winHead ul.winheadBtns li {
			position: relative;
			float:left;
			height:12px;
			width:12px;
			overflow:hidden;
			margin-left:3px;
		}
		div.mapwin div.winHead ul.winheadBtns li img {
			position: absolute;
			top: 0;
		}
		div.mapwin div.winHead ul.winheadBtns li a:hover { /* For IE */
			position: relative;
		}
		div.mapwin div.winHead ul.winheadBtns li.mini img {
			left: 0;
		}
		div.mapwin div.winHead ul.winheadBtns li.mini a:hover img {
			left: -12px;
		}
		div.mapwin div.winHead ul.winheadBtns li.close img {
			left: -24px;
		}
		div.mapwin div.winHead ul.winheadBtns li.close a:hover img {
			left: -36px;
		}

div.mapwin div.winBody {
	background:url(/common/images/mapwin_body.png) fixed;
	clear:both;
	_background:none;
	_width:100%;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapwin_body.png',sizingMethod='scale');
}
	div.mapwin div.winBody p {
		padding: 0 10px;
		display:block;
	}

div.wintypeS {
	width:210px;
}
	div.wintypeS div.winHead {
		background:url(/common/images/mapwins_head.png) no-repeat;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapwins_head.png',sizingMethod='crop');
	}
	div.wintypeS div.winFoot {
		height:10px;
		background:url(/common/images/mapwins_foot.png) no-repeat bottom;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapwins_foot.png',sizingMethod='crop');
	}

div.wintypeM {
	width:282px;
}
	div.wintypeM div.winHead {
		background:url(/common/images/mapwinm_head.png) no-repeat;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapwinm_head.png',sizingMethod='crop');
	}
	div.wintypeM div.winFoot {
		height:10px;
		background:url(/common/images/mapwinm_foot.png) no-repeat bottom;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapwinm_foot.png',sizingMethod='crop');
	}

dl.dr_result {

}
	dl.dr_result dt {
		clear: left;
		float: left;
		width:6.5em;
		text-align:right;
		margin-right:0.5em;
	}
	dl.dr_result dd {
	}

ul.addspotInput {
	width:240px;
	text-align:left;
	margin:0 auto;
}
	ul.addspotInput li h2 {
		margin-bottom:5px;
	}
	ul.addspotInput li input,
	ul.addspotInput li select {
		width: 115px;
		overflow:hidden;
		position:relative; /* for IE6 */
	}
	ul.addspotInput li textarea {
		width:240px;
		overflow:hidden;
		position:relative; /* for IE6 */
	}
	ul.addspotInput li.name,
	ul.addspotInput li.genre {
		clear: both;
		float: left;
		width: 115px;
	}
	ul.addspotInput li.kana,
	ul.addspotInput li.lebel {
		float: right;
		width: 115px;
	}
	ul.addspotInput li.detail {
		clear: both;
		width:240px;
		margin-bottom:10px;
		padding-top:10px;
	}
/* for Inquery id="newwin" */
div#newwin { padding: 20px; }
div#newwin table.inputTable { width: 99%; }

/* search.css tab */
.pageMapDetail div.blockSearch {
	background-position: -4000px 0;
}
.pageMapDetail div.blockSearch div.formSearch {
/*	margin:15px 0 10px 20px;  */
	margin:10px 0px 10px 20px;
}
.pageMapDetail div.blockSearch div.formSearch dd.keyword {
	width:100px;
	float:left
}

/* instead 'body.' */

div.blockSearch {
	position: relative;
/*	background: url(/common/images/home/bg_search3_box.png) no-repeat 0 0;   */
    background: url(/common/images/common/bg_search4_box.png) no-repeat 0 0;
	/**height:112px;**/
	margin: 0 0 10px 0;
}

/** spot **/

div.blockSearch ul.navContent {
	width: 691px;
	position: relative;
	background:none
}

div.blockSearch ul.navContent.cnav03 li  {
	position:absolute;
	left: 541px;
	top: 12px;
}

div.blockSearch ul.navContent.cnav03 li,
div.blockSearch ul.navContent.cnav03 li a{
	display:block;
	width:130px;
	height:16px;
	text-indent:-9999px;
}

/** 2011.09.28. del souma-mi
div.blockSearch ul.navContent.cnav03 li.navItem01 {	top:12px; left:13px;}
div.blockSearch ul.navContent.cnav03 li.navItem02 {	top:12px; left:192px;}
div.blockSearch ul.navContent.cnav03 li.navItem03 { top:12px; left:365px;}
div.blockSearch ul.navContent.cnav03 li.navItem04 {	top:13px; left:542px;}

div.blockSearch ul.navContent.cnav03 li.navItem01.on { top:7px; left:10px;}
div.blockSearch ul.navContent.cnav03 li.navItem02.on { top:7px; left:185px;}
div.blockSearch ul.navContent.cnav03 li.navItem03.on { top:7px; left:355px;}
div.blockSearch ul.navContent.cnav03 li.navItem04.on { top:7px; left:535px;}
*** 2011.09.28. add start souma-mi **/
div.blockSearch ul.navContent.cnav03 li.navItem01 {	top:12px; left:20px;}
div.blockSearch ul.navContent.cnav03 li.navItem02 {	top:12px; left:44px;}
div.blockSearch ul.navContent.cnav03 li.navItem03 { top:12px; left:281px;}
div.blockSearch ul.navContent.cnav03 li.navItem04 {	top:12px; left:517px;}
div.blockSearch ul.navContent.cnav033 li.navItem04 { top:12px; left:400px;}

div.blockSearch ul.navContent.cnav03 li.navItem01.on { top:7px; left:10px;}
div.blockSearch ul.navContent.cnav03 li.navItem02.on { top:7px; left:45px;}
div.blockSearch ul.navContent.cnav03 li.navItem03.on { top:7px; left:284px;}
div.blockSearch ul.navContent.cnav03 li.navItem04.on { top:7px; left:515px;}
/** 2011.09.28. add end **/

div.blockSearch ul.navContent.cnav03 li a{ background: url(/common/images/home/tab_search_map.png) no-repeat 0 0;}
div.blockSearch ul.navContent.cnav03 li.navItem01 a{ background-position:0px 0px; }
div.blockSearch ul.navContent.cnav03 li.navItem02 a{ background-position:0px -20px;}
div.blockSearch ul.navContent.cnav03 li.navItem03 a{ background-position:0px -40px;}
div.blockSearch ul.navContent.cnav03 li.navItem04 a{ background-position:0px -60px;}
div.blockSearch ul.navContent.cnav03 li.navItem01 a:hover{ background-position:-150px 0px; }
div.blockSearch ul.navContent.cnav03 li.navItem02 a:hover{ background-position:-150px -20px;}
div.blockSearch ul.navContent.cnav03 li.navItem03 a:hover{ background-position:-150px -40px;}
div.blockSearch ul.navContent.cnav03 li.navItem04 a:hover{ background-position:-150px -60px;}

div.blockSearch ul.navContent.cnav03 li strong{ 
	display:block;
	width:133px;
	height:25px;
	text-indent:-9999px;
	background: url(/common/images/home/tab_search_map_on.png) no-repeat 0 0;
}

div.blockSearch ul.navContent.cnav03 li.navItem01 strong{ background-position:0px 0px; }
div.blockSearch ul.navContent.cnav03 li.navItem02 strong{ background-position:0px -30px;}
div.blockSearch ul.navContent.cnav03 li.navItem03 strong{ background-position:0px -60px;}
div.blockSearch ul.navContent.cnav03 li.navItem04 strong{ background-position:0px -90px;}

div.blockSearch div.formSearch {
	width: 645px;
	height: 55px;
	margin:15px 0 10px 20px;
	background: url(/common/images/home/bg_input_search_word_04.png) no-repeat 0 0;
}

div.blockSearch div.formSearch dl.inputSearchWord dd.place.wid01 { width:174px;}
div.blockSearch div.formSearch dl.inputSearchWord dd.place.wid01 img { margin-top:2px; }
div.blockSearch div.formSearch dl.inputSearchWord dd.keyword.wid02 { width:213px; }
div.blockSearch div.formSearch dl.inputSearchWord dd.keyword.wid02 img { margin-top:2px; }
div.blockSearch div.formSearch dl.inputSearchWord {
	display:block;
	width:540px;
	margin: 0 0 0 2px;
	padding: 4px 0 0 0;
}

div.blockSearch div.formSearch ul.utility {
    position: relative;
    float: right;
    line-height: 1px;
	display:block;
}

/** sitekey **/
div.blockSearchSitekey ul.navContent {
	width:691px;
}
div.blockSearchSitekey div.formSearch {
	margin-bottom:10px;
	width:691px;
}
div.blockSearchSitekey div.formSearch dl.inputSearchWord {
	background:url("/common/images/bg_input_search_word_01.png") no-repeat scroll 0 0 transparent;
	display:inline;
	float:left;
	height:23px;
	margin:0 10px;
	padding:4px 10px;
	width:557px;
}
div.blockSearchSitekey {
	background:url("/common/images/spr_tab_01.png") no-repeat scroll 0 0 transparent;
	position:relative;
	background-position: -3000px 0;
}
div.blockSearchSitekey div.formSearch ul.utility {
	float:left;
	line-height:1;
}

/** My Route **/
div#blockSearchRoute {
	background-position: -2000px 0;
    height:144px;
}

div#blockSearchRoute div.formSearch {
	width: 660px;
	height:84px;
	background: url(/common/images/bg_input_search_word_03.png) no-repeat -18px 0;
	margin:10px 0 0 20px;
}

div#blockSearchRoute div.formSearch dl.inputSearchWord {
	float:left;
	background:none;
}

/** My map **/
div#blockSearchMap div.formSearch {
	height:30px;
}

div#blockSearchMap div.formSearch dl.inputSearchWord dd.keyword input {
	width: 450px;
}

/** User **/
div#blockSearchUser {
	background-position: -3000px 0;
	height:121px;
}
div#blockSearchUser div.formSearch {
	width: 660px;
    height: 61px;
	background: url(/common/images/bg_input_search_word_02.png) no-repeat 0 0;
	margin:10px 0 0 15px;
}
div#blockSearchUser div.formSearch dl.inputSearchWord {
    background: none;
}
div#blockSearchUser div.formSearch dl.inputSearchWord dt.address {
	clear:both;
}
div#blockSearchUser div.formSearch dl.inputSearchWord .address,
div#blockSearchUser div.formSearch dl.inputSearchWord .hometown {
}
div#blockSearchUser div.formSearch dl.inputSearchWord dd.address {
    padding-right: 12px;
    background: url(/common/images/bg_input_search_word_divider_01.png) no-repeat 100% 0
}
/* search.css spot usericon list */
div#spotDetailContent div#details ul.listSpotImg {
    clear: both;
    width: 408px;
    margin: 0 -5px 10px 0;
}

div#spotDetailContent div#details ul.listSpotImg li {
    float: left;
    margin-right: 2px;
    width: 66px;
    height: 66px;
}
div#spotDetailContent div#details ul.listSpotImg li a {
    border: none;
}
div#spotDetailContent div#details ul.listSpotImg li img {
    width: 64px;
    height: 64px;
	border: 1px solid #1b85b4;
}
div.pageOfficial div#spotDetailContent div#details ul.listSpotImg li img {
    width: 64px;
    height: 64px;
    border: 1px solid #dd364c;
}

div#mapDetailHeader div.blockDetailInfo div.blockAuthorComment div.inner p.discriptionTxtLink {
    margin-top:5px; text-align:right;
}

/* mypage.css p1- (user profile) */
#userProfileDetail div.userProfileWrap {
	height: 4em;
	overflow: auto;
}
#userProfileDetail ul.tertiary li {
	width:540px;
}
/* mypage.css x1- (mymap) */
div#blockMymapDetail div.info,
div#blockMymapDetail dl.desc {
    width: 470px;
	overflow: hidden;
}
div#blockMymapDetail ul.utility {
    width: 130px;
    float: right;
}
div#blockMymapDetail ul.utility li { margin-bottom: 5px; text-align:right; }
div#blockMymapDetail ul.utility li.del { margin-bottom: 0; }

/* mypage.css w1- (myspot) */
div#blockMyspot ul.navContent li.navItem01 {
    padding: 10px 0 0 30px;
	width: 285px;
}
div#blockMymap ul.navContent li.navItem01 {
    padding: 10px 0 0 30px;
	width: 255px;
}

/* p1 mypage - draft List */
#blockPresentlyMakingSpot ul.listSpot {
	height: 240px;
	width: 265px ;
	overflow:auto;
	display:block;
}
#blockPresentlyMakingSpot ul.listSpot li.item h3.name,
#blockPresentlyMakingSpot ul.listSpot li.item p.meta {
	width: 190px;
	overflow: hidden;
}


/* y1 mypage - mycomment */
table.tblMyCommentList {
	width:644px;
}
	table.tblMyCommentList td.colComments {
		width:514px;
	}
	table.tblMyCommentList td.colCommentUser {
		width:130px;
	}
	table.tblMyCommentList td.colComments h4 {
		float:left;
		padding-bottom:0.3em;
		padding-left:6px;
		text-align: left;
		width: 420px;
		overflow: hidden;
	}
	table.tblMyCommentList td.colComments h4 p {
		margin-left: 4px;
		padding-left: 8px;
		background: url(/common/images/line_03.png) no-repeat 0 2px;
		line-height: 1.4;
	}
	table.tblMyCommentList td.colComments div.date {
		float:right;
		padding-bottom:0.3em;
		width: 80px;
	}
	table.tblMyCommentList td.colComments div.thumbSpot {
		width:80px;
		height:70px;
		text-align:center;
		clear:both;
		float:left;
	}
	table.tblMyCommentList td.colComments div.commentTxt {
		float:right;
		display:block;
		width:420px;
		height:64px;
	}
		table.tblMyCommentList td.colComments div.commentTxt p {
			padding:7px;
			width:400px;
			text-align:left;
			height:3em;
			overflow:hidden;
			line-height:1.2em;
		}
	table.tblMyCommentList td.colComments div.commentTxt_map {
		display:block;
		height:64px;
		clear: both;
	}
		table.tblMyCommentList td.colComments div.commentTxt_map p {
			padding:7px;
			width:490px;
			text-align:left;
			height:3em;
			overflow:hidden;
			line-height:1.2em;
		}
	table.tblMyCommentList td.colCommentUser {
		text-align:center;
		vertical-align:top;
	}
	table.tblMyCommentList td.colCommentUser p.nameAuthor {
		padding-bottom:0.3em;
		text-align:center;
	}

/* b2 */
table.tableUserpic td {
	text-align:center;
	width:66px;
	padding:0;
}
	table.tableUserpic td input {
		margin-top:5px;
	}


/* a3 */
table.tblData01 td.tdpd0 {
	padding:0;
}
table.tblWeeklyPopularMap {
	width:660px;
	margin:0;
	padding:0;
}
	table.tblWeeklyPopularMap .colMapName {
		width:144px;
		vertical-align:middle;
	}
		table.tblWeeklyPopularMap .colMapName {
			text-align: left;
		}
		table.tblWeeklyPopularMap .colMapName a {
			display: block;
			margin-left: 4px;
			padding-left: 8px;
			border-left: 3px solid #1e8cba;
			width: 120px;
			overflow: hidden;
		}
	table.tblWeeklyPopularMap .colAddDate {
		width:120px;
		vertical-align:middle;
	}
	table.tblWeeklyPopularMap .colSpotNumber {
		width:110px;
		vertical-align:middle;
	}
	table.tblWeeklyPopularMap .colAddAuthor {
		width:121px;
		vertical-align:middle;
	}
	table.tblWeeklyPopularMap .colMapTakeout {
		width:165px;
		vertical-align:middle;
	}
	table.tblWeeklyPopularMap td.colComment {
		width:495px;
		height:2em;
		vertical-align:top;
	}
		table.tblWeeklyPopularMap td.colComment {
			padding-top: 0;
			padding-left: 18px;
			font-size: 83%;
			text-align: left;
		}
/* aa1 - favorite place table */

div#blockFavPlaceEdit {
    width: 660px;
    margin: 10px 15px 20px;
}
div#blockFavPlaceEdit .ttl02 {
    font-size: 120%;
	font-weight: bold;
	color: #666151;
}
table.tblFavPlaceEditList {
	width: 660px;
}
table.tblFavPlaceEditList td {
	vertical-align: middle;
	text-align:center;
}
table.tblFavPlaceEditList .colFavPNum {
	width: 70px;
}
table.tblFavPlaceEditList .colFavPName {
	width: 409px;
	text-align: left;
}
	table.tblFavPlaceEditList .colFavPName h3.editfp { display: block; font-weight: bold; }
	table.tblFavPlaceEditList .colFavPName div.editfp { display: none; }
	table.tblFavPlaceEditList .colFavPName input.inputField01 {
		width: 285px;
		text-align: left;
	}
	table.tblFavPlaceEditList .colFavPName input.button {
		vertical-align: middle;
		margin-left:5px;
	}
	table.tblFavPlaceEditList .colFavPName p.address {
		margin-top: 5px;
		font-size: 83%;
	}
table.tblFavPlaceEditList .colFavPOrder {
	width: 97px;
}
	table.tblFavPlaceEditList .colFavPOrder ul li {
		display: inline;
		margin: 0 3px;
	}
table.tblFavPlaceEditList .colUtility {
	width: 84px;
}
	table.tblFavPlaceEditList td.colUtility ul.utility {
		float: none;
	}
	table.tblFavPlaceEditList td ul.utility li {
		float: left;
		margin-left: 5px;
		padding-left: 5px;
		border-left: 1px solid #4d4d4d;
	}
	table.tblFavPlaceEditList td ul.utility li.linkEdit {
		border-left: none;
	}
	table.tblFavPlaceEditList td ul.utility li.hidden {
		display: none;
	}


/* p4 edit profile */
div#selectProfIcon { margin-left:120px; } /* for ex js selector */
div#tabBox { margin-top:1em; } /* for ex js selector */

div#profIconSelect {
}
div#profIconSelect h3 {
	font-weight: bold;
	margin-bottom: 0.5em;
}
div#profIconSelect div.now {
	width: 90px;
	height:110px;
	float: left;
	text-align: center;
}
div#profIconSelect div.now ul {
	margin-left: 7px;
}
div#profIconSelect div.menu,
div#profIconSelect div.icons,
div#profIconSelect div.upload {
	margin-left: 100px;
	padding: 10px;
}
div#profIconSelect div.selected,
div#profIconSelect div.selected li,
div#profIconSelect div.selected table,
div#profIconSelect div.selected td {
	background-color: #ffffcc;
	border: none;
}

/* p3 mypage profile detail */
.openlev { color:#fd8544; }

.quitAll {
	padding:1em;
}
.quitTitle {
	color:#3e87b4;
	margin-bottom:1em;
	font-weight:bold;
}
.quitText {
	color:#4b4b4b;
}
.quitBtn {
	text-align:center;
	margin-top:1em;
}

/* copy from 'mypage.css' for Ranking */
div.sub div#blockRefineGenre h3 {
    padding-bottom: 25px;
}

div.sub div#blockRefineGenre ul li { margin-bottom: 5px; }

div.sub div#blockRefineGenre img { margin-right: 5px; }

div.sub div#blockRefineGenre span {
    position: relative;
    top: 9px;
}

div.sub div#blockRefineGenre input { margin-right: 2px; }

/* takeout.css  */
table.tblData01 tbody .colMapName { /* delete id and th */
    text-align: left;
}
table.tblData01 tbody .colMapName a { /* delete id and th */
    float: left;
    margin-left: 4px;
    padding-left: 8px;
    border-left: 3px solid #1e8cba;
}
table.tblData01 tbody .colMapName span.viewDetail {
    padding-left: 5px;
    white-space: nowrap;
}
table.tblData01 tbody .colMapName span.viewDetail .link04 {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 16px;
	margin: 0 2px;
    background: url(/common/images/ico_arrow_02.png) no-repeat 100%;
}
/* base.css */
div#blockLogin01 div.formLogin dl.inputLoginInfo{
	height:45px
}

div#blockLogin01 div.formLogin div.remindPwd2 {
	clear:both;
}

div#blockLogin01 div.formLogin div.autologin {
	float:left;
}

div.btnLogin {
	float:left;
	width:77px;
}

div#blockLogin01 div.formLogin div.mysonyclub img{
	display:block;
	margin-bottom:5px;
}

body:nth-of-type(1) div.btnLogin {margin-left:5px;}
*html div#blockLogin01 div.formLogin div.autologin label img{margin-top:3px;}
div#blockLogin01 div.formLogin div.autologin label img{>margin-top:3px;}

div#blockLogin01 div.formLogin ul.utility li.remindPwd2 { /* new class */
    width: 160px;
}
div#blockLogin01 div.formLogin ul.utility li.remindPwd2 a {
    padding-right: 16px;
}


/* user name */
div#blockLogin01 div.userProfile p.name {
    padding-top: 0.1em;
}

/* for favorite place */
div#blockFavPlaceIntro .inner {
    width: auto;
    padding: 22px 22px 8px;
}
div#blockFavPlaceIntro h2 {
	color: #1e8cba;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div#blockFavPlaceIntro p.lead {
    margin: 10px 0 15px;
    font-size: 93%;
}


/* diary comment */
.commentTableL { width:607px; }
.commentTableL td.Td1 { width:64px; }
.commentTableL td.Td2 { width:543px; padding-bottom:10px; }


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

	BETA 3

*/

/*-----------------------------------------------
	ads css
*/

/* AD1 - Area Match */
.tableAd1 {
	border:1px solid #cc3300;
	background-color:#cc3300;
	width:100%;
	margin-bottom:12px;
	clear:both;
}
.tableAd1 th {
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
	height:20px;
}
.tableAd1 td {
	background-color:#ffffff;
	padding:5px;
	border:1px solid #cc3300;
}
.ad-title { font-size:12px; }

.ad-main { color:#cc3300; }
.ad-main a:link { color:#cc3300; font-weight:normal; }
.ad-main a:hover { color:#cc3300; font-weight:normal; text-decoration:underline; }
.ad-main a:visited { color:#cc3300; font-weight:normal; }
.ad-main .c1 { color: #666666; }

.ad-footer {  }
.ad-footer a:link, .ad-footer a:visited, .ad-footer a:active { font-weight:normal; color:#ffffff; text-decoration:none; }
.ad-footer a:hover { font-weight:normal; color:#ffffff; text-decoration:underline; }

/* CSS Document */
/* base block
----------------------------------------------------------- */
#error_header {
	height:30px;
	width:861px;
	background-color:#437199;
	margin-bottom:25px;
}
/* reset */
#mainContent {
	margin:auto;
	/*
	width:810px;
	*/
}

/* table ------------------------------------------- */


.tableA { border:1px solid #3e87b4; background-color:#3e87b4; } /* light blue (Ex.#2fafc7; */
.bdrA { border-top:1px solid #3e87b4; }
.bdrAtop { border-top:1px solid #3e87b4;vertical-align:top; }
.tableB { border:1px solid #188394; background-color:#188394;} /* dark blue */
.bdrB { border-top:1px solid #188394; }
.tableC { border:1px solid #d25715; background-color:#d25715;} /* red */
.bdrC { border-top:1px solid #d25715; }
.tableD { background-color:#b6b192;} /* beige */
.bdrD { border-top:1px solid #b6b192; }
.tableE { border:1px solid #a7a7a7; background-color:#a7a7a7;} /* gray */
.bdrE { border-top:1px solid #a7a7a7; }
.tableF { border:1px solid #000000;} /* black */
.bdrF { border-top:1px solid #000000; }

.tableA, .tableB, .tableC, .tableD, .tableE, .tableADs { width:100%; margin-bottom:12px; clear:both; }
.tableA th, .tableB th, .tableC th, .tableD th, .tableE th, .tableADs th { color:#ffffff; font-weight:bold; text-align:left; padding-left:5px; height:20px; }
.tableA td, .tableB td, .tableC td, .tableD td, .tableE td, .tableADs td { background-color:#ffffff; padding:5px; }

.tableA .title {
        padding:2px 0 6px 5px;
}
.tableGeneral { margin:12px auto 12px auto; width:95%; }
.tableGeneral th { color:#333333; font-weight:bold; text-align:left; padding-bottom:0; padding-left:5px;}
.tableGeneral th.marka1 { background:url(../images/mark_a1.gif) 5px 2px no-repeat; padding-left:20px; }
.tableGeneral th.marka2 { background:url(../images/mark_a2.gif) 5px 2px no-repeat; padding-left:20px; }
.tableGeneral th.marka3 { background:url(../images/mark_a3.gif) 5px 2px no-repeat; padding-left:20px; }
.tableGeneral td { padding-bottom:10px; }
.tableGeneral .btnTD { text-align:right; padding-bottom:0; }

/* text/font style color:#0870bf;------------------------------------------------- */
.f10 { font-size:10px; }
.f10n { font-size:10px; font-weight:normal; }
.f12n { font-size:12px; font-weight:normal; }
.f14b { font-size:14px; font-weight:bold; color:#333333; }
.fbig { font-size:16px; }
.note { font-size:10px; color:#888877; margin-left:10px; }
.bold { font-weight:bold; }
.blue { color:#1491e8; }
.bluedark { color:#095d8d; }
.bluelight { color:#299fcd; }
.blues { font-size:10px; color:#095d8d; }
.gray { color:#d0d0d0; }
.grn { color:#478f08; }
.grns { color:#478f08; font-size:10px; }
.orange { color:#d25715; font-weight:normal; }
.oranges { color:#d25715; font-weight:normal; font-size:10px; }
.orangel { color:#d25715; margin-left:10px; font-weight:normal; }
.bluel { color:#095d8d; margin-left:10px; font-weight:normal; }
.sepaLine { margin:0 5px; }
.red { color:#cc0000; }
.redb { color:#cc0000; font-weight:bold; }
.whiteb { color:#FFFFFF; font-weight:bold; }

hr.hrred {
	border:solid #cc3300;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin:7px 0;
	clear:both;
}
/* alert */
.reds {
	color:#cc0000;
	font-size:10px;
	font-weight:normal;
	background-color:#ffffcc;
}
.redsl {
	color:#cc0000;
	font-size:10px;
	font-weight:normal;
	background-color:#ffffcc;
	margin-left:10px;
}
.redl {
	color:#cc0000;
	font-size:16px;
	font-weight:bold;
	background-color:#ffffcc;
}

/* common CSS ------------------------------------- */
.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.vtop { vertical-align:top; }
.vmiddle { vertical-align:middle; }
.vbottom { vertical-align:bottom; }
.pd0 { padding:0; margin:0; }
.pd5 { padding:5px; }
.pdb5 { padding-bottom:5px; }
.pdl5 { padding-left:5px; }
.pdr5 { padding-right:5px; }
.pdl5b10 { padding-left:5px; padding-bottom:10px; }
.pd12 { padding:12px; }
.pd12c { padding:12px; text-align:center; }
.pd10 { padding:10px; }
.pdt10 { padding-top:10px; }
.pdb10 { padding-bottom:10px; }
.pd20 { padding:20px; }
.mgl5 { margin-left:5px; }
.mg10 { margin:10px; }
.mgl10 { margin-left:10px; }
.mgb2 { margin-bottom:2px; }
.mgb4 { margin-bottom:4px; }
.mgb5 { margin-bottom:5px; }
.mgb7 { margin-bottom:7px; }
.mgb12 { margin-bottom:12px; }
.mgt5 { margin-top:5px; }
.mgt6 { margin-top:6px; }
.mgt7 { margin-top:7px; }
.mgt10 { margin-top:10px; }
.mgt12 { margin-top:12px; }
.mgr3 { margin-right:3px; }
.mgr5 { margin-right:5px; }
.mgtb20 { margin-top:20px; margin-bottom:20px; }
.spsL12 { padding-left:12px; }
.imgl { margin-right:3px; border:none; vertical-align:middle; }
.imgr { margin-left:3px; border:none; vertical-align:middle; }
.cIndent { text-indent:-1em; margin-left:1em; }
.mauto { margin:auto; }
.mlauto { margin-left:auto; }
.overauto { overflow:auto; }
.overhidden { overflow:hidden; }
.nowrap { white-space:nowrap; }

img.SMALL { width:42px; height:42px; border:0; }
img.MEDIUM { width:64px; height:64px; border:0; }

.detailBtn { margin-right:3px; margin-top:1px; }

/* alert or warning */
.warning {
    border:1px solid #fd8544;
    padding:10px;
    color:#fd8544;
	font-weight:bold;
    display:block;
    text-align:center;
	margin:0 0 12px 0;
}
	.warning span.icon {

	}

/* DIV Style ---------------------------------------- */
.tit1 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	color:#333333;
}
.tit2 {
	font-size:14px;
	font-weight:bold;
	color:#d25715;
}
.tit3 {
	font-size:16px;
	font-weight:bold;
	color:#4f4f4f;
	background-color:#dee9f2;
	padding:3px 10px;
}
.tit4 {
	font-size:16px;
	font-weight:bold;
    padding:20px 20px;
    color:#4f4f4f;
}
.more { text-align:right; }
#mainContent .more a,
#mainContent .more a:link,
#mainContent .more a:active,
#mainContent .more a:visited { font-weight:normal; }
#mainContent .more a:hover { font-weight:normal; text-decoration:underline; }

.sortbar { height:20px; }

.copyrightL {
	border-top:solid 1px #3e87b4;
	margin-top:15px;
	padding-top:15px;
	color:#025b68;
}


/*  ----------------------------------------- */
/* .img { border:2px solid #ffffff; } */

.shadow {
	background:url(../images/shadow.gif) right bottom;
    float:left;
}
.shadow img {
    position:relative;
    left:-3px;
    top:-3px;
    padding:2px;
    background:#ffffff;
}

.ie .shadow img {
    position:relative;
    left:-3px;
    top:0;
    padding:2px;
    background:#ffffff;
}

.nobdr,
.nobdr td,
.nobdr th,
.nobdr table,
.nobdr iframe {
	border:none;
}

/* --------------------------------
	Form
*/
input.inputbtn, button.inputbtn {
	padding:0px 3px;
	color:#000000;
	background-color:#F7F5F0;
	border-right:solid #6F6F6B 1px;
	border-bottom:solid #6F6F6B 1px;
	border-left:solid #B0B0B0 1px;
	border-top:solid #B0B0B0 1px;
	font-weight:normal;
}
/*
textarea, select {
	border:1px solid #a5acb2;
	vertical-align:middle;
}
input {
	border:1px solid #a5acb2;
	vertical-align:middle;
	padding:1px;
}
*/
.smlform { width:190px; }
.midforms { width:200px; }
.midform { width:270px; }
.lrgform { width:400px; }
.textareaL { width:400px; height:130px; }

/* for Radio Button */

.radioStyle input {
	margin-left:20px;
	padding:0;
	border:0;
}
.radioStyle2 input {
	padding:0;
	border:0;
}

.tableProf .radioStyle3 input {
	margin-left:20px;
	padding:0;
    border-color:#ffffff;
}

.tableProf .radioStyle3 td {
    border:0;
}

/* -------------------------------
	List
*/
ol.numyes {
	list-style:decimal;
}

.listA li {
	margin-bottom:2px;
}

ul.normal {
	list-style-type:disc;
}
	ul.normal li {
		padding:0;
		margin:0 0 0 40px;
	}

dl.dlA { width:100%; }
	dl.dlA dt {
		background-color:#3e87b4;
		height:20px;
		color:#ffffff;
		font-weight:bold;
	}
	dl.dlA dt p {
		padding:2px 0 0 5px;
	}
	dl.dlA dt .title {
        display:block;
        padding:2px 0 0 5px;
	}
    dl.dlA dd {
		padding:3px 0;
		clear:both;
	}
	dl.dlA dd.bdr {
		border-bottom:1px dotted #3e87b4;
	}

dl.dlB { width:100%; }
	dl.dlB dt {
		background-color:#b6b192;
		height:20px;
		color:#ffffff;
		font-weight:bold;
	}
	dl.dlB dt p {
		padding:2px 0 0 5px;
	}
    dl.dlB dt .title {
        display:block;
        padding:2px 0 0 5px;
    }
	dl.dlB dd {
		padding:3px 0;
		clear:both;
	}
	dl.dlB dd.bdr {
		border-bottom:1px dotted #b6b192;
	}

/*--------------------------------
	dataScroller
*/
.dataScrollerWrap {
	text-align:right;
	height:2em;
	overflow:hidden;
	padding:0; margin:0;
}
.dataScrollerWrap table { padding-top:0; margin-top:0; }
.dataScroller{
	margin-left:auto;
	margin-right:0;
	margin-top:6px;
	margin-bottom:6px;
}
.dataScroller td img { vertical-align:middle; }
.ie6 .dataScroller td { vertical-align:bottom; }
.dataScroller td a{ padding:0 3px; }
.dataScroller a,
.dataScroller a:link,
.dataScroller a:visited {
    color:#000000;
    text-decoration:none;
    font-weight:normal;
}
.dataScroller a:active,
.dataScroller a:hover {
    color:#095d8d;
    text-decoration:underline;
    font-weight:normal;
}
.dataPaginatorSelect a,
.dataPaginatorSelect a:link,
.dataPaginatorSelect a:visited,
.dataPaginatorSelect a:active,
.dataPaginatorSelect a:hover {
    color:#999999;
    text-decoration:none;
    font-weight:normal;
}
.dataPaginatorOne {
    color:#bcbcbc;
	text-align:right;
	margin-top:6px;
	margin-bottom:6px;
	background-image:url(../images/scroller_next_disable.gif);
	background-repeat:no-repeat;
	background-position:right 2px;
	padding-right:43px;
    text-decoration:none;
	cursor:text;
}

/*---------------------------------
	Page : Guide, QandA
*/
/* guide */
.simpleHeader {
	border-bottom:6px solid #437199;
	margin-bottom:15px;
}

.guideTit {
	padding:15px 0 5px 12px;
}
.guideMenu { font-weight:bold; }
.guideMenu dt{
	color:#20ab0d;
	background:url(../images/guide_arrow.gif) left top no-repeat;
	padding-left:20px;
	margin-bottom:15px;
}
.guideMenu dd{
	color:#c0c0c0;
	padding-left:20px;
	margin-bottom:15px;
}
.guideMenu dd a:link { color:#249ecc; }
.guideMenu dd a:visited { color:#249ecc; }
.guideMenu dd a:active { color:#249ecc; }
.guideMenu dd a:hover { color:#249ecc; text-decoration:underline; }

.guideMain { }
.guideMain dt{
	margin:25px 0 20px 0;
}
.guideMain dd{
	color:#4e4e4e;
	margin-bottom:20px;
}

.guideNextBack {
	text-align:center;
	margin-top:50px;
}
.guideNextBack a:link { color:#095d8d; font-weight:normal; }
.guideNextBack a:visited { color:#095d8d; font-weight:normal; }
.guideNextBack a:active { color:#095d8d; font-weight:normal; }
.guideNextBack a:hover { color:#095d8d; font-weight:normal; text-decoration:underline; }

/* qa */
.qaMenu {  }
.qaMenu dt{
	color:#20ab0d;
	margin-bottom:12px;
	font-weight:bold;
}
.qaMenu dd{
	color:#c0c0c0;
	margin-bottom:12px;
	font-weight:normal;

}
.qaMenu dd a { line-height:12px; }
.qaMenu dd a:link { color:#249ecc; font-weight:normal; }
.qaMenu dd a:visited { color:#249ecc; font-weight:normal; }
.qaMenu dd a:active { color:#249ecc; font-weight:normal; }
.qaMenu dd a:hover { color:#249ecc; font-weight:normal; text-decoration:underline; }

.qaMain { }
.qaMain dt{
	color:#20ab0d;
	margin:25px 0 20px 0px;
	font-weight:bold;
	font-size:16px;
}
.qaMain dd.dq{
	color:#249ecc;
	background:url(../images/qa_markq.gif) left top no-repeat;
	padding-left:20px;
	margin-top:20px;
	margin-bottom:5px;
}
.qaMain dd.da{
	color:#4e4e4e;
	background:url(../images/qa_marka.gif) left top no-repeat;
	padding-left:20px;
}
.guideMain .hr, .qaMain .hr{
	background-image:url(../images/guide_hr.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

/*---------------------------------
	Page : Min-Chizu
*/
.mnczMain { }
.mnczMain dt{
	color:#20ab0d;
	margin:25px 0 15px 0px;
	font-weight:bold;
	font-size:16px;
}
.mnczMain dd.dq{
	color:#249ecc;
	padding-left:20px;
	margin-top:20px;
	margin-bottom:5px;
}
.mnczMain dd.da{
	color:#4e4e4e;
	padding-left:0px;
}
.guideMain .hr, .mnczMain .hr{
	background-position:bottom;
}

.mcBanner {
	margin-bottom:7px;
}
.mcdiv {
	border:1px solid #c1c1c1;
	padding:12px;
}
.mctable {
}
.mcico {
	width:27px;
}
.mctxt {
	width:120px;
}


/* MyList, PlaceEngine ------------------------------------------------

*/

.listBdr2 {
	background-color:#ffffff;
	border:1px solid #a9a8a8;
	margin-bottom:12px;
	padding:12px;
}
.listBdr2tit_imgtitle {
	border-bottom:1px solid #a9a8a8;
	padding-bottom:10px;
}
.listBdr2tit {
	background:url(../images/mark_a2.gif) left 2px no-repeat;
	padding-left:15px;
	padding-bottom:10px;
	border-bottom:1px solid #a9a8a8;
	font-weight:bold;
	color:#235f81;
	text-decoration:none;
	line-height:1.5em;
}
.listBdr2tit a {
	font-weight:bold;
	color:#235f81;
	text-decoration:none;
	line-height:1.5em;
}
.listBdr2txt {
	color:#4a4a4a;
	margin:12px 0;
}
.listBdr2img {
	border:1px solid #e4e4e4;
}
.listBdr3 {
	background-color:#ffffff;
	border:1px solid #e4e4e4;
	padding:12px;
	color:#737373;
	margin-bottom:10px;
}
ul.listBdrList {
	margin-left:100px;
}
ul.listBdrList li {
	background:url(../images/arrow3.gif) left top no-repeat;
	padding-left:20px;
	line-height:1em;
}
.listBtnR {
	text-align:right;
	margin:12px 0;
}
.listBtnR table { margin-left:auto; }

.peLef {
	border:1px solid #2fafc7;
	width:100%;
	background:url(../../images/pe_tit0.gif) top repeat-x;
}
.peLefTit {
	background-color:#cfedf8;
}
.peLefTxt {
	padding:10px;
	color:#4f4f4f;
	font-size:10px;
}
.lcol1 {
    width:130px;
}
.relcol1 {
    margin:6px 5px;
    width:150px;
}
.dlcol_nav {
    width:25px;
}
.peGuide { width:595px; }
.peGuide div.mid {
	background:url(../images/pe_guide_mid.gif) left top repeat-y;
}
.peGuide a,
.peGuide a:link,
.peGuide a:visited,
.peGuide a:active {
    color:#689bb8;
    text-decoration:none;
    font-weight:bold;
	font-size:12px;
	line-height:1.2em;
},
.peGuide a:hover {
	text-decoration:underline;
}
table.peGuideTable {
	margin-left:15px;
}
table.peGuideTable td {
	vertical-align:top;
	font-size:10px;
	line-height:1.2em;
	padding-right:5px;
}

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

	BETA 2
*/

table th { line-height:normal; vertical-align:middle; }

/*---------------------------------
	additional div style
*/

.anch_bold a,
.anch_bold a:link,
.anch_bold a:visited,
.anch_bold a:active,
.anch_bold a:hover { font-weight:bold; }

.anch_nobdr a,
.anch_nobdr a:link,
.anch_nobdr a:visited,
.anch_nobdr a:active,
.anch_nobdr a:hover { font-weight:normal; }

.anch_nobdrlight a,
.anch_nobdrlight a:link,
.anch_nobdrlight a:visited,
.anch_nobdrlight a:active,
.anch_nobdrlight a:hover { font-weight:normal; color:#1491e8; }

.anch_bdr a,
.anch_bdr a:link,
.anch_bdr a:visited,
.anch_bdr a:active { font-weight:normal; text-decoration:underline; }
.anch_bdr a:hover { font-weight:normal; text-decoration:underline; }

.attention { color:#d25715; padding:0 0 15px 0; font-size:14px; }

.spacer1 { height:50px; }
.spacer2 { height:200px; }
.spacer3 { height:300px; }

.blank { width:1px; height:1px; visibility:hidden; }

.nodata {
	background-color:#dfdfdf;
	color:#ffffff;
	font-weight:bold;
	padding:10px;
	text-align:center;
}
.nodata2 {
	color:#8b8b8b;
	padding:10px;
}

.nodata3 {
	color:#8b8b8b;
	padding:10px 10px 2px 10px;
}

/*---------------------------------
	base Block width
*/
.baseTable { width:890px; clear:both; margin-left:auto; margin-right:auto; }
.baseTable td { vertical-align:top; }
.baseTable td.w50p { width:50%; }
.wS { width:215px; }
.wM { width:430px; }
.wL { width:660px; }
.wMM { width:287px; }
.wspace { width:15px; }

.inputTable { width:920px; margin-bottom:12px; }
.inputTable td { vertical-align:top; }
.inputTable td.left { width:290px; }
.inputTable td.right { width:630px; }
.inputTable td.right div.inn { padding:10px; }
.inputTable td.center { width:80px; }
.inputTable div.openlv { padding-top:33px; text-align:right; }
.inputTable td.centerright { width:440px; }
.inputTable td.centerright div.inn { padding:10px; }
.inputTable tr.Tr1 { background-color:#fbfaf2; }
.inputTable tr.Tr2 { background-color:#ffffff; }
.inputTable td div.caption { color:#095d8d; padding:10px 10px 10px 20px; }

.inputTable_view { width:920px; margin-bottom:12px; }
.inputTable_view td { vertical-align:top; }
.inputTable_view td.left { width:110px; }
.inputTable_view td.right { width:810px; }
.inputTable_view td.right div.inn { padding:10px; }
.inputTable_view tr.Tr1 { background-color:#fbfaf2; }
.inputTable_view tr.Tr2 { background-color:#ffffff; }
.inputTable_view td div.caption { color:#095d8d; padding:10px 10px 10px 20px; }

.cntTable { width:585px; margin:2px auto; }
.cntTable td { vertical-align:top; }

/* required input */
div.marka { font-weight:bold; margin-bottom:5px; }
.reqcaption { margin-left:300px; margin-bottom:6px; }

/*---------------------------------
	additional content tables
*/
.tableG { width:100%; margin-bottom:12px; clear:both; border:1px solid #7e9fb4; }
.tableG th { background-color:#7e9fb4; color:#ffffff; font-weight:bold; text-align:left; padding-left:5px; height:21px; }
.tableG td {  }
.tableG a,
.tableG a:link,
.tableG a:visited,
.tableG a:active { font-weight:normal; }
.tableG a:hover { font-weight:normal; }

.tableH { width:100%; margin-bottom:12px; clear:both; }
.tableH th { background-color:#ffaa96; color:#ffffff; font-weight:bold; text-align:left; padding-left:5px; height:21px; }
.tableH td {  }

.tableI { width:100%; margin-bottom:12px; clear:both; }
.tableI th { background-color:#c8dff0; color:#000000; font-weight:normal; text-align:left; height:21px; }
.tableI td { background-color:#f5f5f5; border-top:2px solid #ffffff; }
.tableI tfoot td { background:none; text-align:right; }
.tableI tfoot td div { margin-top:5px; }

.wLTable { width:660px; }
.wLTable td.Tdrank { width:55px; text-align:center; vertical-align:top; }
.wLTable td.Tdrank div { margin:6px; font-size:14px; font-weight:bold; color:#666666; }
.wLTable td.Tdicon { width:80px; }
.wLTable td.Tdcontent { width:580px; vertical-align:middle; }
.wLTable td.Tdicon div { margin:6px; }
.wLTable td.Tdtitle { width:245px; }
.wLTable td.Tdtitle div { overflow:auto; }
.wLTable td.Tdlist { width:300px; }
.wLTable td.Tdlist div { overflow:auto; }
.wLTable td.Tdtag { width:495px; }
.wLTable td.Tdtag div { overflow:auto; }
.wLTable div.title { margin-top:6px; }
.wLTable div.option { margin-bottom:6px; }
.wLTable td.Tddate { width:80px; }
.wLTable td.Tddate div { margin:6px 0; }
.wLTable td.Tdarea { width:190px; }
.wLTable td.Tdarea div { margin:6px 0; overflow:auto; }
.wLTable td.Tdfree {  }
.wLTable td.Tdfree div { margin:6px 0; }
.wLTable td.Tdhomearea { width:80px; text-align:left; }
.wLTable td.Tdhomearea div { margin:6px 0; }
.wLTable td.Tdbtn div { margin:6px 0; text-align:center; white-space: nowrap; }


.wLTable td.Tdlarea { width:90px; }
.wLTable td.Tdlarea div { margin:6px 0; overflow:auto; }
.wLTable td.Tdldate { width:110px; }
.wLTable td.Tdldate div { margin:6px 0; }

.wMTable { width:360px; }
.wMTable td.Tdicon { width:80px; }
.wMTable td.Tdicon div { margin:6px; }
.wMTable td.Tdtitle {  }
.wMTable td.Tdtitle div { overflow:auto; }
.wMTable div.title { margin-top:6px; }
.wMTable div.option { margin-bottom:6px; }
.wMTable td.Tdballoon { width:30px; }
.wMTable td.Tdballoon div { margin:6px; }
.wMTable td.Tdarea {  }
.wMTable td.Tdarea div { margin:6px 0; overflow:auto; }
.wMTable td.Tdbtn { width:60px; }
.wMTable td.Tdbtn div { margin:6px 0; text-align:center; white-space: nowrap; }

.tableJ { width:100%; margin-bottom:12px; clear:both; }
.tableJ th { background-color:#ffe0ba; color:#000000; font-weight:normal; text-align:left; height:21px; }
.tableJ td { border-bottom:1px solid #ffffff; }
.tableJ tr.off { background-color:#f5f5f5; }
.tableJ tr.on { background-color:#f8f3d5; }
.tableJ tfoot td { background-color:#ffffff; text-align:right; }
.tableJ tfoot td div { margin-top:5px; }
a.anchorLink { display:block; padding:5px 10px; }
.tableJ .title { font-weight:bold; }

.tableJ tr.on a,
.tableJ tr.on a:link,
.tableJ tr.on a:visited,
.tableJ tr.on a:active,
.tableJ tr.on a:hover { font-weight:normal; }
.tableJ tr.on div.title a,
.tableJ tr.on div.title a:link,
.tableJ tr.on div.title a:visited,
.tableJ tr.on div.title a:active,
.tableJ tr.on div.title a:hover { font-weight:bold; }
.tableJ tr.on td.watchTd2 div.title a,
.tableJ tr.on td.watchTd2 div.title a:link,
.tableJ tr.on td.watchTd2 div.title a:visited,
.tableJ tr.on td.watchTd2 div.title a:active,
.tableJ tr.on td.watchTd2 div.title a:hover { font-weight:bold; }
.tableJ tr.off a,
.tableJ tr.off a:link,
.tableJ tr.off a:visited,
.tableJ tr.off a:active,
.tableJ tr.off a:hover { font-weight:normal; }

.tableJ2 { width:100%; margin-bottom:12px; clear:both; }
.tableJ2 th { background-color:#e0f7bc; color:#000000; font-weight:normal; text-align:left; height:21px; }
.tableJ2 td { border-bottom:1px solid #ffffff; }
.tableJ2 tr.false { background-color:#f5f5f5; }
.tableJ2 tr.true { background-color:#ffff99; }
.tableJ2 tfoot td { background-color:#ffffff; text-align:right; }
.tableJ2 tfoot td div { margin-top:5px; }
.tableJ2 .title { font-weight:bold; }

.tableJ2 tr.true a,
.tableJ2 tr.true a:link,
.tableJ2 tr.true a:visited,
.tableJ2 tr.true a:active,
.tableJ2 tr.true a:hover { font-weight:normal; }
.tableJ2 tr.true div.title a,
.tableJ2 tr.true div.title a:link,
.tableJ2 tr.true div.title a:visited,
.tableJ2 tr.true div.title a:active,
.tableJ2 tr.true div.title a:hover { font-weight:bold; }
.tableJ2 tr.true td.watchTd2 div.title a,
.tableJ2 tr.true td.watchTd2 div.title a:link,
.tableJ2 tr.true td.watchTd2 div.title a:visited,
.tableJ2 tr.true td.watchTd2 div.title a:active,
.tableJ2 tr.true td.watchTd2 div.title a:hover { font-weight:bold; }
.tableJ2 tr.false a,
.tableJ2 tr.false a:link,
.tableJ2 tr.false a:visited,
.tableJ2 tr.false a:active,
.tableJ2 tr.false a:hover { font-weight:normal; }

td.watchTd1 { vertical-align:top; width:30px; }
td.watchTd1 img { margin:6px 0 5px 5px; }
td.watchTd2 { vertical-align:middle; }
td.watchTd2 div { margin:5px 0; }

td.listTd1 { vertical-align:top; width:180px; }
td.listTd1 div { overflow:auto; }
td.listTd2 { vertical-align:middle; width:35px; }
td.listTd2 div { text-align:center; white-space:nowrap; }

.tableK { width:100%; margin-bottom:12px; clear:both; }
.tableK th { background-color:#d8dcdd; color:#000000; font-weight:normal; text-align:left; height:21px; }
.tableK td {  }
.tableK tr.off { background-color:#f5f5f5; }
.tableK tr.on { background-color:#f8f3d5; }

.tableL { width:100%; margin-bottom:12px; clear:both; }
.tableL th { background-color:#d1ebcc; color:#000000; font-weight:normal; text-align:left; padding-left:5px; height:21px; }
.tableL td { border-top:2px solid #ffffff; }

.tableN { width:100%; margin-bottom:12px; clear:both; } /* red table */
.tableN th { background-color:#cc3300; color:#ffffff; font-weight:bold; text-align:left; padding-left:5px; height:21px; }
.tableN td {  }
.tableN a,
.tableN a:link,
.tableN a:visited,
.tableN a:active { color:#cc3300; font-weight:bold; text-decoration:none; }
.tableN a:hover { color:#cc3300; font-weight:bold; text-decoration:underline; }

.tableP { width:100%; margin-bottom:12px; clear:both; }
.tableP th { background-color:#cf8e91; color:#ffffff; font-weight:bold; text-align:left; padding-left:5px; height:21px; }
.tableP td {  }

.tableDD { width:100%; margin-bottom:12px; clear:both; }
.tableDD th { background-color:#b6b192; color:#ffffff; font-weight:normal; text-align:left; height:21px; }
.tableDD td { background-color:#f5f5f5; border-top:2px solid #ffffff; }
.tableDD tfoot td { background:none; text-align:right; }
.tableDD tfoot td div { margin-top:5px; }

/* for bata3 inner table */

table.TdcontentInn { width:580px; }
table.TdcontentInn td { border:none; background:none; vertical-align:middle; }
table.TdcontentInn td.Td1 { width:225px; }
table.TdcontentInn td.Td2 { width:80px; }
table.TdcontentInn td.Td3 { width:80px; }
table.TdcontentInn td.Td4 { width:145px; }
table.TdcontentInn td.Td5 { width:50px; }
table.TdcontentInn td div.text { margin-top:10px; }

table.TdcontentUserInn { width:580px; }
table.TdcontentUserInn td { border:none; background:none; vertical-align:middle; }
table.TdcontentUserInn td.Td1 { width:205px; }
table.TdcontentUserInn td.Td2 { width:225px; }
table.TdcontentUserInn td.Td3 { width:100px; }
table.TdcontentUserInn td.Td4 { width:50px; }
table.TdcontentUserInn td.TdSpan { width:580px; }

table.TdcontentUserInn td div.text { margin-top:10px; }

table.listsearchInn { width:640px; margin:0 auto; }
table.listsearchInn td { border:none; background:none; vertical-align:middle; }
table.listsearchInn td.Td1 { width:230px; }
table.listsearchInn td.Td2 { width:80px; }
table.listsearchInn td.Td3 { width:65px; }
table.listsearchInn td.Td4 { width:80px; }
table.listsearchInn td.Td5 { width:170px; }
table.listsearchInn td div.text { margin-top:5px; }

table.commlistInn { width:580px; margin:0 auto; }
table.commlistInn td { border:none; background:none; vertical-align:middle; }
table.commlistInn td.Td1 { width:255px; }
table.commlistInn td.Td2 { width:190px; }
table.commlistInn td.Td3 { width:135px; }
table.commlistInn td div.text { margin-top:5px; }

/* prof */
.tableProf { width:100%; clear:both; }
.tableProf th { color:#858585; border-bottom:1px solid #ffffff; padding:3px 5px; background-color:#e8e8e8; font-weight:bold; text-align:left; vertical-align:top; }
.tableProf td { color:#000000; border-bottom:1px solid #cccccc; padding:3px 5px; vertical-align:top; }

.inTableM { width:340px; margin:10px auto; }
.inTableM td.Td1 { width:50px; }
.inTableM td.Td1 img { margin-bottom:1px; }
.inTableM td.Td2 { width:290px; vertical-align:middle; }

.inTableMM { width:267px; margin:10px auto; }
.inTableMM td.Td0 { padding-bottom:7px; }
.inTableMM td.Td1 { width:50px; }
.inTableMM td.Td1 img { margin-bottom:1px; }
.inTableMM td.Td2 { width:217px; vertical-align:middle; }
.inTableMM td.Td2 div { overflow:hidden; }

.inTableS { width:195px; margin:10px auto; }
.inTableS td.Td0 { padding-bottom:7px; }

.inTableSRank { width:195px; margin:10px auto; }
.inTableSRank td.Td1 { width:40px; height:40px; vertical-align:middle; }
.inTableSRank td.Td2 { width:155px; height:40px; vertical-align:middle; }

.inTableMMRank { width:267px; margin:10px auto; }
.inTableMMRank td.Td1 { width:40px; height:40px; vertical-align:middle; }
.inTableMMRank td.Td2 { width:227px; height:40px; vertical-align:middle; }

.inTableSrch { width:778px; margin:10px auto; }
.inTableSrch td.Td1 { width:543px; vertical-align:middle; }
.inTableSrch td.Td2 { width:235px; vertical-align:middle; }



/*---------------------------------
	for Map
*/

.mapWrapper {
	width:585px;
	height:370px;
	background-color:#CCCCCC;
}
.mapWrapperS {
	width:455px;
	height:455px;
	background-color:#CCCCCC;
	padding:0; margin:0;
}
/*
	margin-left:425px;
	position:absolute;
*/

.mapSpotTable {
	width:215px;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}
.mapSpotTable tfoot th {
	text-align:right;
	border-top:1px solid #c4c4c4;
}
.mapSpotTable tr.Tr1 { background-color:#f5f5f5; }
.mapSpotTable tr.Tr2 { background-color:#ffffff; }
.mapSpotTable td.Td1 {
	width:30px;
	height:37px;
	vertical-align:middle;
	text-align:center;
	border-left:1px solid #c4c4c4;
}
.mapSpotTable td.selected { background-color:#fdf1af; }
.mapSpotTable td.Td2 {
	width:185px;
	height:37px;
	vertical-align:middle;
	text-align:left;
	border-right:1px solid #c4c4c4;
}
.mapSpotTable div.title{
	line-height:1em;
	height:1.3em;
	overflow:hidden;
}
.mapSpotTable div.option{
	line-height:1.2em;
	height:1.2em;
	overflow:hidden;
}

.mapBtns { width:585px; height:29px; }
.mapBtns td.Td1 { text-align:left; }
.mapBtns td.Td2 img { margin:0 6px; }
.mapBtns td.Td3 { text-align:right; }

.spotBalloon { width:260px; }
.spotBalloon .divLeft { float:left; }
.spotBalloon .divRight { margin-left:70px; }
.spotBalloon .title { margin-right:10px; }
.spotBalloon .option { margin-bottom:3px;}
.spotBalloon .tagstar {  }
.spotBalloon .tagname { font-weight:bold; }

/*---------------------------------
	additional Tab Block
*/

/* all */
table.tabTable td { height:22px; vertical-align:middle; }
table.tabTable td div.sdiv { width:111px; text-align:center; }
table.tabTable td div.mdiv { width:160px; text-align:center; }
table.tabTable td div.ldiv { width:210px; text-align:center; }

/* gray */
.grayBlock { width:920px; clear:both; }
.grayBlock div.top { background:url(../images/cnr920gray_top.gif) left top no-repeat; width:920px; height:6px; }
.grayBlock .mid{ background-color:#b4b4b4; width:920px; }
.grayBlock div.btm { background:url(../images/cnr920gray_btm.gif) left top no-repeat; width:920px; height:6px; }
.grayBlock div.inn { margin:auto; width:908px; background-color:#ffffff; }
.grayBlock div.inntop { background:url(../images/cnr908gray_top.gif) left top no-repeat; width:908px; height:6px; }
.grayBlock div.innmid { background-color:#ffffff; width:908px; }
.grayBlock div.innbtm { background:url(../images/cnr908gray_btm.gif) left top no-repeat; width:908px; height:6px; }
.grayBlock table.tabTable td.soff { background:url(../images/tabgrays.gif) left top no-repeat; width:115px; }
.grayBlock table.tabTable td.son { background:url(../images/tabgrays_on.gif) left top no-repeat; width:115px; }
.grayBlock table.tabTable td.moff { background:url(../images/tabgraym.gif) left top no-repeat; width:164px; }
.grayBlock table.tabTable td.mon { background:url(../images/tabgraym_on.gif) left top no-repeat; width:164px; }
.grayBlock table.tabTable td.loff { background:url(../images/tabgrayl.gif) left top no-repeat; width:214px; }
.grayBlock table.tabTable td.lon { background:url(../images/tabgrayl_on.gif) left top no-repeat; width:214px; }
.grayBlock table.tabTable td.on div a,
.grayBlock table.tabTable td.on div a:link,
.grayBlock table.tabTable td.on div a:visited,
.grayBlock table.tabTable td.on div a:active { color:#ffffff; text-decoration:none; }
.grayBlock table.tabTable td.on div a:hover { color:#ffffff; text-decoration:underline; }
.grayBlock table.tabTable td.off div a,
.grayBlock table.tabTable td.off div a:link,
.grayBlock table.tabTable td.off div a:visited,
.grayBlock table.tabTable td.off div a:active { color:#767676; text-decoration:none; }
.grayBlock table.tabTable td.off div a:hover { color:#767676; text-decoration:underline; }

/* gray2 (585) */
.grayBlock2 { width:585px; clear:both; }
.grayBlock2 div.top { background:url(../images/cnr585gray_top.gif) left top no-repeat; width:585px; height:6px; }
.grayBlock2 .mid{ background-color:#b4b4b4; width:585px; }
.grayBlock2 div.btm { background:url(../images/cnr585gray_btm.gif) left top no-repeat; width:585px; height:6px; }
.grayBlock2 div.inn { margin:auto; width:573px; background-color:#ffffff; }
.grayBlock2 div.inntop { background:url(../images/cnr573gray_top.gif) left top no-repeat; width:573px; height:6px; }
.grayBlock2 div.innmid { background-color:#ffffff; width:573px; }
.grayBlock2 div.innmid div.padding { padding:3px 10px; }
.grayBlock2 div.innbtm { background:url(../images/cnr573gray_btm.gif) left top no-repeat; width:573px; height:6px; }
.grayBlock2 table.tabTable td.soff { background:url(../images/tabgrays.gif) left top no-repeat; width:115px; }
.grayBlock2 table.tabTable td.son { background:url(../images/tabgrays_on.gif) left top no-repeat; width:115px; }
.grayBlock2 table.tabTable td.moff { background:url(../images/tabgraym.gif) left top no-repeat; width:164px; }
.grayBlock2 table.tabTable td.mon { background:url(../images/tabgraym_on.gif) left top no-repeat; width:164px; }
.grayBlock2 table.tabTable td.loff { background:url(../images/tabgrayl.gif) left top no-repeat; width:214px; }
.grayBlock2 table.tabTable td.lon { background:url(../images/tabgrayl_on.gif) left top no-repeat; width:214px; }
.grayBlock2 table.tabTable td.on div a,
.grayBlock2 table.tabTable td.on div a:link,
.grayBlock2 table.tabTable td.on div a:visited,
.grayBlock2 table.tabTable td.on div a:active { color:#ffffff; text-decoration:none; }
.grayBlock2 table.tabTable td.on div a:hover { color:#ffffff; text-decoration:underline; }
.grayBlock2 table.tabTable td.off div a,
.grayBlock2 table.tabTable td.off div a:link,
.grayBlock2 table.tabTable td.off div a:visited,
.grayBlock2 table.tabTable td.off div a:active { color:#767676; text-decoration:none; }
.grayBlock2 table.tabTable td.off div a:hover { color:#767676; text-decoration:underline; }


/* blue background-color:#b4d1e6; */
.blueBlock { width:920px; clear:both; background-color:#c8dff0;}
.blueBlock div.top { background:url(../images/cnr920blue_top.gif) left top no-repeat; width:920px; height:6px; }
.blueBlock div.top2 { background:url(../images/cnr920blue_top2.gif) left top no-repeat; width:920px; height:6px; }
.blueBlock .mid{ background-color:#c8dff0; width:920px; }
.blueBlock div.btm { background:url(../images/cnr920blue_btm.gif) left top no-repeat; width:920px; height:6px; }
.blueBlock div.inn { margin:auto; width:908px; background-color:#c8dff0; }
.blueBlock div.inntop { background:url(../images/cnr908blue_top.gif) left top no-repeat; width:908px; height:6px; }
.blueBlock div.innmid { background-color:#ffffff; width:908px; }
.blueBlock div.innbtm { background:url(../images/cnr908blue_btm.gif) left top no-repeat; width:908px; height:6px; }
.blueBlock .tabs{ background-color:#ffffff; }
.blueBlock table.tabTable td.soffhilight { background:url(../images/tabblueshilight.gif) left top no-repeat; width:115px; }
.blueBlock table.tabTable td.soff { background:url(../images/tabblues.gif) left top no-repeat; width:115px; }
.blueBlock table.tabTable td.son { background:url(../images/tabblues_on.gif) left top no-repeat; width:115px; }
.blueBlock table.tabTable td.moff { background:url(../images/tabbluem.gif) left top no-repeat; width:164px; }
.blueBlock table.tabTable td.mon { background:url(../images/tabbluem_on.gif) left top no-repeat; width:164px; }
.blueBlock table.tabTable td.loff { background:url(../images/tabbluel.gif) left top no-repeat; width:214px; }
.blueBlock table.tabTable td.lon { background:url(../images/tabbluel_on.gif) left top no-repeat; width:214px; }
.blueBlock table.tabTable td.on div a,
.blueBlock table.tabTable td.on div a:link,
.blueBlock table.tabTable td.on div a:visited,
.blueBlock table.tabTable td.on div a:active { color:#437199; text-decoration:none; }
.blueBlock table.tabTable td.on div a:hover { color:#437199; text-decoration:underline; }
.blueBlock table.tabTable td.off div a,
.blueBlock table.tabTable td.off div a:link,
.blueBlock table.tabTable td.off div a:visited,
.blueBlock table.tabTable td.off div a:active { color:#ffffff; text-decoration:none; }
.blueBlock table.tabTable td.off div a:hover { color:#ffffff; text-decoration:underline; }
.blueBlock div.obiTitle { background-color:#7e9fb4; }
.blueBlock div.detailInn { margin-top:10px; }
.blueBlock div.maintxt { border:1px solid #3e87b4; }

/* peach background-color:#e7c4c5; */
.peachBlock { width:920px; clear:both; background-color:#f4dcdd;}
.peachBlock div.top { background:url(../images/cnr920peach_top.gif) left top no-repeat; width:920px; height:6px; }
.peachBlock div.top2 { background:url(../images/cnr920peach_top2.gif) left top no-repeat; width:920px; height:6px; }
.peachBlock .mid{ background-color:#f4dcdd; width:920px; }
.peachBlock div.btm { background:url(../images/cnr920peach_btm.gif) left top no-repeat; width:920px; height:6px; }
.peachBlock .tabs{ background-color:#ffffff; }
.peachBlock table.tabTable td.soffhilight { background:url(../images/tabblueshilight.gif) left top no-repeat; width:115px; }
.peachBlock table.tabTable td.soff { background:url(../images/tabpeachs.gif) left top no-repeat; width:115px; }
.peachBlock table.tabTable td.son { background:url(../images/tabpeachs_on.gif) left top no-repeat; width:115px; }
.peachBlock table.tabTable td.moff { background:url(../images/tabpeachm.gif) left top no-repeat; width:164px; }
.peachBlock table.tabTable td.mon { background:url(../images/tabpeachm_on.gif) left top no-repeat; width:164px; }
.peachBlock table.tabTable td.loff { background:url(../images/tabpeachl.gif) left top no-repeat; width:214px; }
.peachBlock table.tabTable td.lon { background:url(../images/tabpeachl_on.gif) left top no-repeat; width:214px; }
.peachBlock table.tabTable td.on div a,
.peachBlock table.tabTable td.on div a:link,
.peachBlock table.tabTable td.on div a:visited,
.peachBlock table.tabTable td.on div a:active { color:#5a5959; text-decoration:none; }
.peachBlock table.tabTable td.on div a:hover { color:#5a5959; text-decoration:underline; }
.peachBlock table.tabTable td.off div a,
.peachBlock table.tabTable td.off div a:link,
.peachBlock table.tabTable td.off div a:visited,
.peachBlock table.tabTable td.off div a:active { color:#ffffff; text-decoration:none; }
.peachBlock table.tabTable td.off div a:hover { color:#ffffff; text-decoration:underline; }
.peachBlock div.obiTitle { background-color:#cf8e91; }
.peachBlock div.detailInn { margin-top:10px; }
.peachBlock div.maintxt { border:1px solid #cf8e91; }

/* green */
.greenBlock div.pdsw {padding:1px 12px 2px 12px;}
.greenBlock { width:920px; clear:both; }
.greenBlock div.top { background:url(../images/cnr920green_top.gif) left top no-repeat; width:920px; height:4px; }
.greenBlock .mid { background-color:#e5f1c9; width:920px; }
.greenBlock div.btm { background:url(../images/cnr920green_btm.gif) left top no-repeat; width:920px; height:4px; }
.greenBlock div.inn { margin:auto; width:908px; }
/* pink */
.pinkBlock { width:920px; clear:both; background-color:#fae5ef; }
.pinkBlock div.top { background:url(../images/cnr920pink_top.gif) left top no-repeat; width:920px; height:6px; }
.pinkBlock .mid { background-color:#fae5ef; width:920px; }
.pinkBlock div.btm { background:url(../images/cnr920pink_btm.gif) left top no-repeat; width:920px; height:6px; }
.pinkBlock div.inn { margin:auto; width:908px; }
/* greenS (right 'About Petamap')*/
.greenS { width:215px; margin-bottom:12px; }
.greenS div.top { background:url(../images/cnr215green_top.gif) left top no-repeat; width:215px; height:6px; }
.greenS .mid { background-color:#e0f7bb; width:215px; }
.greenS div.btm { background:url(../images/cnr215green_btm.gif) left top no-repeat; width:215px; height:6px; }
.greenS .inn { padding:0 12px 12px 12px; }
.greenS div.title { font-weight:bold; color:#658560; padding:7px 0; }
.greenS div.text {  }
/* pemini (right Mini PlaceEngine Navi)*/
.pemini { width:215px; }
.pemini div.top { background:url(../images/pemini_top.gif) left top no-repeat; width:215px; height:5px; }
.pemini .mid { background:url(../images/pemini_mid.gif) left top repeat-y; width:215px; }
.pemini div.btm { background:url(../images/pemini_btm.gif) left top no-repeat; width:215px; height:5px; }
.pemini .inn { padding:0 5px; }
.pemini div.text { color:#545454; margin:6px 0; }
/* greenL (new sub search area)*/
.greenL { width:585px; margin-bottom:12px; }
.greenL div.top { background:url(../images/cnr585green_top.gif) left top no-repeat; width:585px; height:6px; }
.greenL .mid { background-color:#e5f1c9; width:585px; }
.greenL div.btm { background:url(../images/cnr585green_btm.gif) left top no-repeat; width:585px; height:6px; }
.greenL .inn { padding:5px 12px; }

/*---------------------------------
	Banner Block
*/
.bannerL1 { width:400px; height:60px; display:block; float:left; margin-bottom:7px; }
.bannerL2 { width:400px; height:60px; display:block; float:right; margin-bottom:7px; }
.bannerM1 { width:288px; height:60px; float:left; margin-bottom:12px; }
.bannerM2 { width:288px; height:60px; float:right; margin-bottom:12px; }
.bannerM12 { width:585px; height:60px; margin-bottom:12px; }
.bannerS { width:215px; height:60px; margin-bottom:12px; }


/*---------------------------------
	Page : Login (header / solo)
*/

#header .loginBlock {
	width:225px;
	height:100px;
	text-align:center;
}
table.headLogin { margin:auto; margin-top:15px; color:#ffffff; _margin-top:20px; }
table.headLogin td.headLoginTd1 { text-align:right; }
table.headLogin td.headLoginTd2 { text-align:right; }
table.headLogin td.headLoginTd3 { text-align:right; padding-top:10px; }
table.headLogin td.headLoginTd4 { height:20px; }
table.headLoginInn { width:210px; margin:0; padding:0; }
table.headLoginInn td.headLoginInnTd1 { text-align:center; }
table.headLoginInn td.headLoginInnTd2 { text-align:right; }
table.headLoginInn a,
table.headLoginInn a:link,
table.headLoginInn a:visited,
table.headLoginInn a:active { color:#ffffff; font-size:10px; text-decoration:none; }
table.headLoginInn a:hover { color:#ffffff; font-size:10px; text-decoration:underline; }
table.headLogout { margin:auto; }
table.headLogoutInn { width:210px; }
table.headLogoutInn td.headLogoutInnTd1 { width:142px; text-align:left; }
table.headLogoutInn td.headLogoutInnTd2 { width:68px; }
table.headLogoutInn td.headLogoutInnTd3 { text-align:left; }
table.headLogoutInn td.headLogoutInnTd4 { text-align:right; }

#header .loginuser { margin-top:5px; }
#header .loginuser a,
#header .loginuser a:link,
#header .loginuser a:visited,
#header .loginuser a:active { color:#ffffff; text-decoration:none; }
#header .loginuser a:hover { color:#ffffff; text-decoration:underline; }

#contents .remindPass {
	padding-left:17px;
	text-align:left;
	font-size:10px;
	line-height:1.4em;
}
#contents .remindPass,
#contents .remindPass a,
#contents .remindPass a:link,
#contents .remindPass a:visited,
#contents .remindPass a:hover {
	font-weight:normal;
	color:#ffffff;
}

table.loginSolo { width:600px; margin:auto; }
table.loginSolo td.loginSoloTd { text-align:center; vertical-align:top; padding:5px; }

.loginPanel {
	width:240px;
	height:160px;
	margin:0 auto;
	padding-top:10px;
	color:#ffffff;
	background:url(../images/login_panel.gif) left top no-repeat;
}
	.loginPanel div.registbtn img {
		margin:10px 0;
	}


.loginError {
	width:240px;
	margin:auto;
	text-align:left;
	margin-top:10px;
	color:#437199;
}

/*---------------------------------
	Page : Home
*/
.flashbanner {
	width:585px;
	height:125px;
	margin-bottom:12px;
	z-index:0;
	float:left;
}
.topBanner {
	float:right;
}
	.topBanner div {
		width:215px;
		height:60px;
    }
	.topBanner div.topBanner1 {
		margin-bottom:5px;
    }
	.topBanner div.topBanner2 {
	}

.whatsnewAll {
	margin:10px;
}
.whatsnewTitle{
	cursor:pointer;
}
.whatsnewBlock{
	clear:both;
	margin:5px 0;
	border:1px solid #cccccc;
	background-color:#ffffff;
	padding:7px;
	line-height:130%;
}

.captSearch {
	color:#1491e8;
	margin-bottom:5px;
}
.captPetop {
	font-size:10px;
	color:#83a238;
	line-height:normal;
	margin-top:5px;
	text-align:left;
}

.listinline {
	margin-right:10px;
}
.listinline2 {
    margin-top:5px;
}

.tagdeTable { width:564px; margin:10px auto; }
.tagdeTable td.tagdeTd { color:#0870bf; }
.tagdeTable td.tagdeTd div { width:141px; overflow:hidden; margin-bottom:5px; }


/*---------------------------------
	Page : MyPage/UserPage
*/

.blueBlock { clear:both; }
.blueBlock div.innStop { background:url(../images/cnr430blue_top.gif) left top no-repeat #ffffff; width:430px; height:8px; }
.blueBlock div.innSmid { background-color:#ffffff; width:430px; height:58px; text-align:left; }
.blueBlock div.innSbtm { background:url(../images/cnr430blue_btm.gif) left bottom no-repeat #ffffff; width:430px; height:7px; }
table.profin { width:785px; margin:5px auto; }
table.profin td.Td1 { width:80px; }
table.profin td.Td2 { color:#0068b7; }
table.profin td.Td3 { width:430px; text-align:center; vertical-align:top; }
table.profin div.title { font-size:16px; font-weight:bold; overflow:auto; }
table.profin div.rank { background:url(../images/rankicon2.gif) left top no-repeat; padding-left:25px; }
table.friendList { margin:6px 10px; }
table.friendList td { text-align:center; vertical-align:bottom; }
table.friendList td.iconTd { width:58px; }


.switchMenu {
	margin:0 0 20px 0;
	color:#095d8d; /* darkblue */
}
.switchMenu li{
    padding:8px 3px 3px 24px;
    margin:0;
    background-image:url("/common/images/list_normal.gif");
    background-repeat:no-repeat;
    background-position:3px 6px;
}
.switchMenu a,
.switchMenu a:link,
.switchMenu a:visited,
.switchMenu a:active { font-weight:normal; text-decoration:none; }
.switchMenu a:hover { font-weight:normal; text-decoration:underline; }
.switchMenu .true a,
.switchMenu .true a:link,
.switchMenu .true a:visited,
.switchMenu .true a:active { font-weight:bold; text-decoration:none; }
.switchMenu .true a:hover { font-weight:bold; text-decoration:underline; }
.switchMenu .true {
    background-image:url("/common/images/list_selected.gif");
    font-weight:bold;
    background-color:#FFECEC;
}

/*---------------------------------
	Page : Detail (spot, area, list)
	color:#0068b7;
*/

table.spotin { width:785px; margin:5px auto; color:#494949; padding:0; }
table.spotin td { vertical-align:top; }
table.spotin td.Td1 { width:455px; padding:0; margin:0; }
table.spotin td.Td2 { width:320px; padding:0; margin:0; }
table.spotin td.wspace { width:10px; }
/* */
table.spotin div.title { width:455px; overflow:auto; font-size:18px; padding-bottom:10px; font-weight:bold; }
table.spotin div.url { width:415px; overflow:auto; }
table.spotin div.option {  }
table.spotin div.text { margin-top:10px; }
table.spotin div.catchcopy { margin-top:10px; font-weight:bold; }
table.spotin div.option_mid { margin-top:10px; }
table.spotin div.option_mid div.optTitle { font-weight:bold; }
table.spotin div.option_mid div.optElement {  }
table.spotin div.maintxt { clear:both; margin-top:10px; padding:0; width:318px; height:340px; overflow:auto; background-color:#ffffff; }
table.spotin div.spoticon {  }
table.spotin div.spoticon img { margin-right:3px; }

table.spotin2 {  }
table.spotin2 td.Tdtop {  }
table.spotin2 td.Tdbtm { vertical-align:bottom; }


table.bluein { width:100%; margin-top:10px; }
table.bluein td { padding:7px 15px; }
table.bluein tr.blueinTr1 { background-color:#b4d1e6; }
table.bluein tr.blueinTr2 {  }
.blueinTit { font-weight:bold; }
.blueinOpt { }

table.peachin { width:100%; margin-top:10px; }
table.peachin td { padding:7px 15px; }
table.peachin tr.blueinTr1 { background-color:#e7c4c5; }
table.peachin tr.blueinTr2 {  }

table.areain { width:785px; margin:5px auto; color:#494949; }
table.areain td { vertical-align:top; }
table.areain td.Td1 { width:390px; }
table.areain td.Td2 { width:385px; vertical-align:bottom; }
table.areain div.title { font-size:16px; font-weight:bold; overflow:auto; }
table.areain div.text { margin-top:10px; }

/* tag */
.tagTit {
	color:#888877;
	font-size:10px;
	margin-bottom:5px;
}
.tagTit2 {
	color:#095d8d;
	font-size:10px;
	margin-bottom:5px;
}
.tagCrowd { width:203px; }
.tag1 { font-size:12px; }
.tag2 { font-size:14px; }
.tag3 { font-size:16px; }
.tag4 { font-size:20px; }
.tag5 { font-size:26px; }

/* Old Type TagFilter */
.tagfilterselect { font-size:12px; }
.tagfilterselect a,.tagfilterselect a:link,.tagfilterselect a:visited,.tagfilterselect a:active,.tagfilterselect a:hover{ color:#FC7B1D;font-weight:bold; }
.tagfilter { font-size:12px; }

/* new layout for url */
.spRight {
	margin-left:425px;
	position:absolute;
}
.spLeft {
	width:195px;
	float:left;
	padding-right:6px;
	margin-top:10px;
}
.spMid {
	float:left;
	margin-top:10px;
}
table.spotinTable {
	width:580px;
}
	table.spotinTable td.spotinTableTd1 {
		height:320px;
	}
		table.spotinTable td.spotinTableTd1 div.sptin1 {
			width:208px;
			padding-bottom:15px;
		}
	table.spotinTable td.spotinTableTd2 {
	}
		table.spotinTable td.spotinTableTd2 div.sptin2 {
			width:580px;
		}

/* new layout for comment */
.nwcomment {
	border-bottom:1px dotted #3e87b4;
	padding-bottom:10px;
}
	.nwcomment div.name { margin-bottom:5px; }
	.nwcomment span.time { font-weight:bold; margin-left:5px; }
	.nwcomment div.thumb { float:left; }
	.nwcomment div.text { padding-left:80px; }

table.spotInntable { width:320px; }
table.spotInntable td.spotInn1 { width:191px; vertical-align:middle; }
table.spotInntable td.spotInn2 { width:129px; vertical-align:top; }

/*---------------------------------
	Page : Add (spot, area, list)
*/

.picSelectAll {
	width:670px;
	height:360px;
	border:none;
	background-color:#ffffff;
}
table.picSelectTable { margin:0 0 3px 60px; }
table.picSelectTable td { padding:2px; }

.picSelect { border:1px solid #dddddd; background-color:#ffffff; padding:7px; }
.picSelect img { border:1px solid #dddddd; }
.picSelect div.Div1 { }
.picSelect div.Div2 { text-align:center; margin-top:4px; }

.chackoutDiv { background-color:#f9f8f8; padding:10px; margin-bottom:50px; }
table.checkoutTable { margin-left:auto; }
table.checkoutTable td { padding:5px; vertical-align:middle; }
table.checkoutTable td.Td1 { text-align:right; padding-right:15px; }
table.checkoutTable td.Td2 {  }

.checklistTable td { padding:3px 15px 3px 0; }
.checklistTable td input { margin-right:2px; }

.acol_nav {
    width:25px;
    margin-left:5px;
}
.acol3 {
    width:60px;
    margin-right:5px;
}
.acol1 {
    width:180px;
}
.haicon {
    width:71px;
}

.scol_nav {
    width:25px;
    margin-left:5px;
}
.scol2 {
    margin-left:5px;
}
.scol3 {
    margin-left:5px;
    width:130px;
}
/*---------------------------------
	Page : Quit
*/

table.quit { margin:auto; }
td.quitTd { text-align:center; vertical-align:top; padding:25px 0 0 0; color:#437199; }
td.quitTd2 { text-align:center; vertical-align:top; padding:35px; color:#437199; }
table.qcheckoutTable { text-align:center; margin:auto; }
table.qcheckoutTable td { padding:5px; vertical-align:middle; }


/*--------------------------
	Page : Community
*/
.dataTable { width:100%; }
.dataTable tbody td{ padding:5px 0 5px 10px; }
.dataTable tfoot td{ text-align:center; padding:0; }

.bloSub a,
.bloSub a:link,
.bloSub a:visited { color:#ffffff; font-weight:normal; text-decoration:none; }
.bloSub a:hover { text-decoration:underline; }

.commBG { background-color:#b6b192; }
.commBlock {
	background-color:#b6b192;
	color:#ffffff;
	clear:both;
	width:810px;
	height:382px;
}
.commBlock td.Td1 { width:215px; vertical-align:top; }
.commBlock td.Td2 { width:595px; vertical-align:top; }
.commBlock td.Td2 div.inn { padding:0 5px; }
.commBlock td.Td3 { width:215px; vertical-align:bottom; }

.commBlockTitle {
	margin-bottom:20px;
	margin-top:7px;
	color:#ffffff;
}
.commBlockTitle div.title {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
.commBlockTitle a,
.commBlockTitle a:link,
.commBlockTitle a:visited,
.commBlockTitle a:active { text-decoration:none; color:#ffffff; }
.commBlockTitle a:hover { text-decoration:underline; color:#ffffff; }
.commBlockTitle div.option { }

.commBlock2 {
	background-color:#ded9bd;
	clear:both;
}
	.commBlock2 div.top {
		background:url(../images/cnr215beige2_top.gif) left top no-repeat;
		width:215px;
		height:6px;
	}
	.commBlock2 div.main {
		width:215px;
		height:128px;
		color:#525252;
	}
	.commBlock2 div.main div.inn {
		padding:5px 10px;
	}
	.commBlock2 div.main div.inn div.title {
		font-weight:bold;
		color:#6f6a4f;
		margin-bottom:10px;
	}
	.commBlock2 div.btm {
		background:url(../images/cnr215beige2_btm.gif) left bottom no-repeat;
		width:215px;
		height:6px;
	}

/* community topic */
.tableCommtopic { border:1px solid #999966; background-color:#999966; width:100%; margin-bottom:12px; clear:both; }
.tableCommtopic th { color:#ffffff; font-weight:bold; text-align:left; }
.tableCommtopic th a, .tableCommtopic th a:link, .tableCommtopic th a:visited { color:#ffffff; text-decoration:none; font-weight:bold; }
.tableCommtopic th a:hover { color:#ffffff; text-decoration:underline; font-weight:bold; }
.tableCommtopic td { background-color:#c2bd9a; border:1px solid #999966; padding:1px 5px; }
.tableCommtopic td a,
.tableCommtopic td a:link,
.tableCommtopic td a:visited,
.tableCommtopic td a:active { text-decoration:none; color:#ffffff; }
.tableCommtopic td a:hover { text-decoration:underline; color:#ffffff; }

td.topicPicS { width:80px; height:80px; padding:0; }
td.topicPicL { width:107px; height:107px; padding:0; }


/*--------------------------
	Page : Diary
*/
.blogText {
	color:#025b68;
	margin-top:5px;
}
.diaryMap { width:198px; height:198px; background-color:#cccccc; }

.diaryTop { height:40px; }
.diaryTop a,
.diaryTop a:link,
.diaryTop a:visited,
.diaryTop a:active,
.diaryTop a:hover { font-weight:normal; }

.dcol_nav {
    width:35px;
    margin-left:5px;
}
.dcol_nav2 {
    margin:0 5px;
}
.dcol1 {
    margin-right:5px;
    float:left;
}
.dcol2 {
    /*width:90px;*/
    margin-right:5px;
    float:left;
}
.dcol3 {
    width:50px;
    margin-right:5px;
    float:left;
}
.recol1 {
    margin:6px 5px;
    /*width:90px;*/
    float:left;
}
.recol2 {
    margin:6px 5px;
    width:50px;
    float:left;
}

/* calendar */
.tableCalender { border:1px solid #3e87b4; background-color:#3e87b4; width:100%; margin-bottom:12px; clear:both; }
.tableCalender a { color:#000000; font-weight:normal; }
.tableCalender th { color:#ffffff; font-weight:bold; text-align:left; }
.tableCalender th a:link, .tableCalender th a:visited { color:#ffffff; text-decoration:none; font-weight:bold; }
.tableCalender th a:hover { color:#ffffff; text-decoration:underline; font-weight:bold; }
.tableCalender td { background-color:#f5f5f5; border:1px solid #3e87b4; padding:1px 5px; }
.tableCalender td a:link, .tableCalender td a:visited { color:#095d8d; text-decoration:underline; font-weight:normal; }
.tableCalender td a:hover { color:#2fafc7; text-decoration:underline; font-weight:normal; }
.tableCalenderS { border:1px solid #3e87b4; background-color:#3e87b4; width:100%; margin:5px 0; }
.tableCalenderS th { color:#000000; font-weight:normal; text-align:center; border:1px solid #3e87b4; background-color:#c8dff0; }
.tableCalenderS td { color:#000000; background-color:#f5f5f5; border:1px solid #3e87b4; text-align:right; padding:1px 3px; }

#calArea table { border:1px solid #3e87b4; background-color:#3e87b4; width:100%; margin:5px 0; }
#calArea th { color:#000000; font-weight:normal; text-align:center; border:1px solid #3e87b4; background-color:#c8dff0; }
#calArea td { color:#000000; background-color:#f5f5f5; border:1px solid #3e87b4; text-align:right; padding:1px 3px; }
#calArea a { text-decoration:none;font-weight:normal; }
#calArea td.previous-month, #calArea td.next-month {
    background-color: #f5f5f5;
}
#calArea td.weekend.previous-month, #calArea td.weekend.next-month {
    background-color: #f5f5f5;
}
#calArea td.previous-month a,#calArea td.previous-month a:link,#calArea td.previous-month a:visited,#calArea td.previous-month a:hover,#calArea td.previous-month a:active,
#calArea td.next-month a,#calArea td.next-month a:link,#calArea td.next-month a:visited,#calArea td.next-month a:hover,#calArea td.next-month a:active{
    color:#3e87b4; font-weight:normal;
}
#calArea .label-navs{ display:none; }
#calArea td.day {
    color:#000000; font-weight:normal; text-align:center; border:1px solid #3e87b4; background-color:#c8dff0;
}

/*--------------------------
	Page : Message (Mail)
*/
.mailTd1 {
	width:20px;
}
.mailTd2 {
	text-indent:1em;
}
.mailTd3 {
	text-indent:2em;
}
.mailTd4 {
}
.mailTd5 {
}
/* mail table border-bottom for FireFox */
.forffBdr {
	border-bottom:1px solid #cccccc;
}

.mcol1 {
    width:50px;
}
.mcol2 {
    width:70px;
}
.mcol3 {
    width:250px;
    float:left;
}
.mcol4 {
    float:right;
    width:120px;
    text-align:right;
}


/*--------------------------
	Page : Tos (kiyaku)
*/
.kiyakuAll { margin:25px; }
.kiyakuAll blockquote { margin:15px 0 0 25px; }
.kiyakuAll p.listit { margin-top:35px; font-weight:bold; color:#333333; }
.kiyakuAll div.lml{ float:left; }
.kiyakuAll div.lmr{ margin-left:25px; }
.kiyakuAll ol,
.kiyakuAll ul { list-style:decimal; margin:15px 0 15px 25px; }
.kiyakuAll ol.listmgn li { margin-bottom:15px; }
.kiyakuAll dl.listmgn dt,
.kiyakuAll dl.listmgn dd { margin-top:15px; }

/*--------------------------
	JS : jQuery Tooltip
*/
#tooltip {
	position:absolute;
	z-index:90001;
	border:1px solid #cccccc;
	background-color:#ffffff;
	color:#333333;
	padding:5px;
	opacity:0.85;
}
	#tooltip h3,
	#tooltip div {
		margin:0;
		font-size:12px;
		font-weight:normal;
	}

	/* friend */
	#tooltip.tooltipBalloon {
		border:none;
		width:148px;
		height:40px;
		padding-top:16px;
		padding-left:8px;
		opacity:0.9;
		background: url('../images/nameballoon.png') no-repeat;
	}
	#tooltip.tooltipBalloon h3 {
		font-size:12px;
		width:130px;
		height:1.2em;
		line-height:1.2em;
		text-align:left;
		overflow:hidden;
		font-weight:bold;
	}

	/* spoticon */
	#tooltip.tooltipBalloon2 {
		border:none;
		width:190px;
		height:40px;
		padding-top:16px;
		padding-left:8px;
		opacity:0.9;
		background: url('../images/nameballoon2.png') no-repeat;
	}
	#tooltip.tooltipBalloon2 h3 {
		font-size:12px;
		width:180px;
		height:1.2em;
		line-height:1.2em;
		text-align:left;
		overflow:hidden;
		font-weight:bold;
	}

	#tooltip.tooltipBalloonMulti2 {
        vertical-align:middle;
        border:none;
		width:190px;
		height:40px;
		padding-top:16px;
		padding-left:8px;
		opacity:0.9;
		background: url('../images/nameballoonmulti2.png') no-repeat;
	}
	#tooltip.tooltipBalloonMulti2 h3 {
		font-size:12px;
		width:175px;
		height:3.6em;
		line-height:1.2em;
		text-align:left;
		overflow:hidden;
		font-weight:bold;
	}

    #tooltip.tooltipBalloonMulti3 {
        vertical-align:middle;
        border:none;
		width:180px;
		height:80px;
		padding:16px 8px 0 8px;
        opacity:0.9;
		background: url('../images/nameballoonmulti3.png') no-repeat;
	}
	#tooltip.tooltipBalloonMulti3 h3 {
		font-size:12px;
		width:175px;
		height:3.6em;
		line-height:1.2em;
		text-align:left;
		overflow:hidden;
		font-weight:bold;
	}

/*--------------------------
	Page : admin
*/
table.adminTable { width:100%; margin-bottom:20px; }
table.adminTable td.tablehead { background-color:#D3D3D3; font-weight:bold; padding:5px 10px; }
table.adminTable th.tablehead { background-color:#D3D3D3; font-weight:bold; padding:5px 10px; }
table.adminTable td { padding:5px; }
.columnhead { background-color:#ededed; padding:5px 10px; }
.columnfooter { border-top:1px black dotted; padding:5px 10px; }

table.report { width:100%; margin:0 auto; }
table.report td { padding:5px; }
table.report td.column { width:75px; padding:5px; }
table.report td.head { width:120px; padding:5px; }
table.report td.head2 { width:300px; padding:5px; }
table.report th.head { background-color:#ededed; padding:5px; }
table.reportCondition { width:100%; margin-bottom:20px; }
table.reportCondition th.head { background-color:#D3D3D3; font-weight:bold; padding:5px 10px; }
table.reportCondition th.column { width:15%; padding:5px 10px; }
table.reportCondition td { padding:5px; }

div.adminblockInput {
    width: 690px;
    margin: 0 auto 20px;
    background: url(/common/images/bg_blk_input_01.png) no-repeat 0 0;
}

div.adminblockInput div.inner {
    padding: 4px 0;
    background: url(/common/images/bg_blk_input_01.png) no-repeat -1780px 100%;
}

div.adminblockInput div.inner div.wrapTbl {
    padding: 0 5px;
    background: url(/common/images/bg_blk_input_01.png) repeat-y -890px 0;
}

/*--------------------------
	Page : patrol
*/
table.patrolTable { width:100%; margin-bottom:20px; }
table.patrolTable td.tablehead { background-color:orange; font-weight:bold; padding:5px 5px; }
table.patrolTable th.tablehead { background-color:orange; font-weight:bold; padding:5px 5px; }
table.patrolTable td { padding:2px; }
table.patrolTable th.head { background-color:#ededed; padding:3px; }

/*--------------------------
	Page : sponsored area
*/
.sponsorLogo {
	clear:both;
	margin-bottom:7px;
}
table.areain2 { width:785px; margin:5px auto; color:#494949; }
table.areain2 td { vertical-align:top; }
table.areain2 td.Td0 {  }
table.areain2 td.Td1 { width:210px; }
table.areain2 td.Td1 div.Div1 { margin-bottom:20px; }
table.areain2 td.Td1 div.Div2 {  }
table.areain2 td.Td2 { width:575px; }
table.areain2 div.title { font-size:18px; font-weight:bold; color:#4c89c1; float:left; overflow:auto; }
table.areain2 div.text { margin-top:10px; margin-bottom:15px; }
table.areain2 div.inn { margin:auto; width:575px; background-color:#ffffff; }
table.areain2 div.inntop { background:url(../images/cnr575pink_top.gif) left top no-repeat; width:575px; height:6px; }
table.areain2 div.innmid { background-color:#ffffff; width:575px; }
table.areain2 div.innmid div.padding { padding:3px 10px; }
table.areain2 div.innmid div.padding a img { vertical-align:bottom; }
table.areain2 div.innmid div.about { margin-top:5px; text-align:right; }
table.areain2 div.innmid div.about a { font-weight:normal; }
table.areain2 div.innbtm { background:url(../images/cnr575pink_btm.gif) left top no-repeat; width:575px; height:6px; }

/*--------------------------
	Page : sponsored spot
*/
table.coupons { margin-top:3px; }
table.coupons td.cpnTd1 img { margin-top:3px; }
table.coupons td.cpnTd2 img { margin-top:3px; margin-left:3px; margin-right:3px; }
table.coupons td.cpnTd3 img { margin-top:3px; }

div.obiTitleCoupon {
	background-color:#3e87b4;
	color:#ffffff;
	font-weight:bold;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:0;
	margin:0;
	height:20px;
	clear:both;
}
.slink { font-size:10px; font-weight:normal; margin-right:3px; }
	.slink a,
	.slink a:link,
	.slink a:active,
	.slink a:visited { font-weight:normal; color:#ffffff; }
	.slink a:hover { font-weight:normal; text-decoration:underline; }


/*--------------------------
	Page : message
*/

table.msgTable { width:100%; margin-bottom:12px; background-color:#f3f3f3; }
table.msgTable td div {
	padding:5px 10px;
}
table.msgTable td.Td1 {
	background-color:#e8e8e8;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-weight:bold;
	width:23%;
}
table.msgTable td.Td2 {
	background-color:#f3f3f3;
	border-bottom:1px solid #ffffff;
	width:77%;
}

/*--------------------------
	Page : top official
*/

.offiSpot { font-size:12px; font-weight:bold; }
.offiSpot label{ margin:0; padding:0; }
.offiWS { width:280px; }
.offiWS .inTableS { width:243px; margin:0 5px 0 5px;}
.offiWS .inTableS .Td0 { padding:0; margin:0; }
.offiWL { width:520px; }
.offiWL .tagdeTable { width:499px; margin:10px auto; }
.offiWL .tagdeTable td.tagdeTd { color:#0870bf; }
.offiWL .tagdeTable td.tagdeTd div { width:123px; overflow:hidden; margin-bottom:5px; }
.offiList {
    height:120px;
    overflow-y:auto;
    margin:10px 5px 4px 5px;
    scrollbar-face-color: #F6F6F6;       /* �E�\�E�ʂ̐F */
    scrollbar-3dlight-color: #F6F6F6;    /* �E��E��E�[�E�Ə�[�E�̐F */
    scrollbar-highlight-color: #7E9FB4;  /* �E�n�E�C�E��E��E�C�E�g?E�E�F */
    scrollbar-shadow-color: #7E9FB4;     /* �E�e�E�̐F */
    scrollbar-darkshadow-color: #F6F6F6; /* �E�E�E�[�E�Ɖ��E�[ */
    scrollbar-arrow-color: #7E9FB4;      /* �E��E��E�̐F */
    scrollbar-track-color: #F6F6F6;      /* �E�o?E�E�̔w�E�i�E�̐F */
}

.tcOPTLink img {vertical-align:bottom;}

.nowrap {white-space:nowrap;}

.mousePointer {cursor: pointer;}

.footprintCount {
    font-size:16px;
    font-weight:bold;
    margin:0 10px;
    color:#F39700;
}

table.offispTable {
    width: 455px;
    margin: 5px 0;
}

table.offispTable td.telTd {
    width: 311px;
    height: 27px;
    vertical-align: middle;
}

table.offispTable td.telTd div.telTdInn {
    background: url( ../images/ofarea_telbg.gif ) left top no-repeat;
    padding: 3px 0 0 125px;
    height: 27px;
    color: #494949;
    font-size: 16px;
    font-weight: bold;
}

table.offispTable td.iconTd {
    width: 144px;
    text-align: right;
}

/* top_areajump (right Ex-PlaceEngine block)*/
.top_areajump {
    width: 215px;
    height: 96px;
    background: url( ../images/top_areajumpbg.gif ) left top no-repeat;
    text-align: center;
}
.top_areajump div.ajpulldown {
    margin: 0 auto;
    padding-top: 50px;
    width: 190px;
}
.top_areajump div.ajpulldown select {
    width: 190px;
    overflow: hidden;
    margin-bottom: 2px;
}
.top_areajump div.ajtext {
    width: 190px;
    text-align: right;
    margin: auto;
}

/*
# nav-u �E�lj� css
*/

/* @nav-u  �E��E�{�E�ݒ�/
.flLeft {
	float: left !important;
}

.flRight {
	float: right !important;
}

img.flLeft {
	float: left !important;
	margin-right: 10px;
}

img.flRight {
	float: right !important;
	margin-left: 10px;
}

.alLeft {
	text-align: left;
}

.alCenter {
	text-align: center;
}

.alRight {
	text-align: right;
}

.mb10 {
	margin-bottom: 10px;
}
.gray_b {
	color: #405468;
	font-weight: 600;
}
.download_nav_u {
	float: right;
	padding-top: 5px;
}
span.clear_both {
	display: block;
	margin-top: 0;
	font-size: 0.1%;
	line-height: 0.1%;
	overflow: hidden;
	clear: both;
}
/* @nav-u  �E�݂͂��E�m�E�点�E��E��E��E�/
div.listBdr2 #nav_u_info_top {
	margin: 0 auto 0 auto;
	padding: 0 auto 0 auto;
	width: 560px;
	height: 10px;
	text-align: left;
	background: url(../images/info_big.gif) left top no-repeat;
	}

div.listBdr2 #nav_u_info_bottom {
	margin: 0 auto 10px auto;
	padding: 0 0 13px 0;
	width: 560px;;
	text-align: left;
	background: url(../images/info_big.gif) left bottom no-repeat;
	}

div.listBdr2 #nav_u_info_bottom #nav_u_txt1{
	padding: 0 15px 0 15px;
}
.listBdr2txt_bg {
	color:#4a4a4a;
	margin:12px 0;
	background: url(../images/nav_u_guide.gif) right top no-repeat;
}

.listBdr2txt_bg ul li {
	list-style: none;
	padding-left: 10px;
	margin: 2px 0 2px 0;
}

/* map window */
div#mapAdd{
    top:-510px;
    left:0;
    margin:0 0 0 0;
}
div#mapBoxAddSpotStep1 {
    top:292px;
    left:352px;
    _left:275px;
}
div#mapBoxAddSpotStep2 {
    top:177px;
    left:352px;
    _left:275px;
}
div#mapBoxAddSpotStep3 {
    top:254px;
    left:352px;
    _left:275px;
}
div#mapDrive{
    top:-510px;
    left:0;
}
div#mapBoxDrivingRouteStep1{
    top: 291px;
    left: 6px;
    _left:-71px;

}
div#mapBoxDrivingRouteStep2{
    top: 331px;
    left: 6px;
    _left:-71px;
}

div#mapBoxDrivingRouteStep3{
    top: 433px;
    left: 6px;
    _left:-71px;
}

div.mapDriveStep {
    top: 0;
    left: 0;
}

#mapBoxDrivingRouteStep1 .boxContent {
    height: 155px;
}

#mapBoxDrivingRouteStep2 .boxContent {
    height: 115px;
}

#mapBoxDrivingRouteStep3 .boxContent {
    height: 13px;
}

div.mapDriveStep h3 {
    position: absolute;
    top: 5px;
    left: 5px;
}

div.mapDriveStep div.pointInfo {
    position: absolute;
    top: 10px;
    left: 50px;
}
div.mapDriveStep div.start,
div.mapDriveStep div.goal {
    position: absolute;
    top: 30px;
    left: 50px;
}
div.mapDriveStep div.hiway1 {
    position: absolute;
    top: 104px;
    left: 70px;
}
div.mapDriveStep div.hiway2 {
    position: absolute;
    top: 72px;
    left: 50px;
}
div.mapDriveStep div.btnClear {
    position: absolute;
    top: 100px;
    left: 95px;
}
div.mapDriveStep div.btnSearch {
    position: absolute;
    top: 130px;
    left: 10px;
}

div.mapDriveStep div.btnSearch img  {
    margin-left:5px;
    vertical-align:middle;
}

div.mapDriveStep div.hiway1 input {
    margin-right:5px;
}
div.mapDriveStep div.hiway2 input {
    margin-right:5px;
}

div.mapDriveStep div.goal {
    left: 140px;
}

div.mapDriveStep div.flag {
    margin-bottom: 5px;
}
div.mapDriveStep div.info {
    position: absolute;
    top: 23px;
    left: 54px;
    color: #fff;
}

div.mapDriveStep div.info dl {
    line-height: 1.1;
}

div.mapDriveStep div.info dl dt {
    display: block;
    height: 1em;
    overflow: hidden;
}

div.mapDriveStep div.info dl dd {
    width: 6em;
    margin: -1em 0 10px 65px;
    text-align: right;
}

div.mapDriveStep div.info div.btnClear {
    padding-top: 5px;
    text-align: center;
}

/* /home */
div.mapTip01 {
    width: 292px;
    height: 168px;
    margin-top:45px;
}

div#listSpace{
   height: 462px;
}
div#blockExtraUtility{
    margin:5px 0 0 0;
    padding:12px 0 0 0;
}

/* /ranking */
table.tblRankingList {}

table.tblRankingList td.colSpotName,
table.tblRankingList td.colTtl {
    text-align: left;
}

table.tblRankingList td.colSpotName p,
table.tblRankingList td.colTtl p {
    margin-left: 4px;
    padding-left: 8px;
    background: url(/common/images/line_03.png) no-repeat 0 2px;
    line-height: 1.4;
}

ul.listSpotTagSpace {
    height: 7px;
}

table.tblInput02 {
    width: 100%;
    border-collapse: separate;
}

table.tblInput02 th {
    width: 146px;
    padding: 18px 18px 18px 32px;
    border-top: 1px solid #d9d4c7;
    border-bottom: 1px solid #fff;
    background: url(/common/images/bg_input_tbl_th_01.png) no-repeat 0 0;
    color: #666;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

table.tblInput02 td {
    padding: 18px 25px;
    border-top: 1px solid #d9d4c7;
    border-bottom: 1px solid #fff;
    background: #fff;
    vertical-align: top;
}

table.tblInput02 tr.first th,
table.tblInput02 tr.first td { border-top: none; }

table.tblInput02 th.empty { background-position: 0 -50px; }

/* --- Font Size --- */
table.tblInput02 ul.note02 {
    font-size: 93%;
}

/* --- Form Element --- */
table.tblInput02 td input,
table.tblInput02 td select {
    margin-right: 5px;
    vertical-align: middle;
}
/* Size: input[type=text], textarea... */
table.tblInput02 td .w170 { width: 170px; }
table.tblInput02 td .w200 { width: 200px; }
table.tblInput02 td .w350 { width: 350px; }
table.tblInput02 td .w400 { width: 400px; }
table.tblInput02 td .w500 { width: 500px; }
table.tblInput02 td .w600 { width: 600px; }

table.tblInput02 td .h100 { height: 100px; }

/* Choice List */
table.tblInput02 td ul.listChoiceForm li {
    display: inline;
    margin-right: 30px;
}

/* Supple Text: especially beside input element */
table.tblInput02 td span.txtSuppl {
    color: #666666;
    font-weight: bold;
    vertical-align: middle;
}

/* Required Form */
table.tblInput02 th img.required { margin-top: 3px; }

/* Help Text For Input Form */
table.tblInput02 td p.txtHelp {
    margin-bottom: 10px;
    color: #666666;
    font-size: 93%;
    font-weight: bold;
}

table.tblInput02 td p.txtHelp span { font-weight: normal; }

/* Error */
table.tblInput02 th.error { background-position: -250px 0; }

table.tblInput02 td p.msgError {
    padding: 0 0 10px 40px;
    background: url(/common/images/ico_error_01.png) no-repeat 0 0;
    color: #fd8544;
    font-size: 93%;
    font-weight: bold;
}

/* --- File Upload --- */
table.tblInput02 td ul.listUploadImg { margin-top: 10px; }

table.tblInput02 td ul.listUploadImg li {
    float: left;
    margin-right: 10px;
    padding: 5px 5px 3px;
    background: #f8f6ee;
    font-size: 85%;
    text-align: center;
}

table.tblInput02 td ul.listUploadImg li img {
    display: block;
    margin-bottom: 3px;
}

table.tblInput02 td span { /* for IE (show empty TD border) */
	padding-right: 1px;
}

.listDesc dt {
    clear:both;
}
.listDesc dd img {
    margin:0 5px 5px 0;
    vertical-align:baseline;
    float:left;
}
.listDesc dd br{letter-spacing:0;}

.adareatable {
    margin-bottom:12px;
}
.adareatable td {
    padding:2px;
}


div#blockMyroute ul.navContent li.navItem01 span.userName{
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/common/images/ico_ttl_route_02.png) no-repeat scroll 0 5px;
    color:#666666;
    padding:10px 0 10px 30px;
}

div#mapDetailHeader .routeName {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/common/images/ico_ttl_route_01.png) no-repeat scroll 15px 0;
    border-bottom:medium none;
    font-size:123.1%;
    font-weight:bold;
    line-height:1.2;
    padding:5px 0 5px 45px;
}

div.blockSearch .hatena {
	display: block;
	position: absolute;
	width: 23px;
	height: 23px;
	top:9px;
	left:136px;
    z-index:1;
}

.mysonyid_login {
	width:230px;
	margin:0px auto 10px; 
	text-align:left; 
	font-size: 11px;
}

.mysonyid_signup {
	width:170px; 
	position:absolute; 
	border:1px solid #CCCCCC; 
	padding:10px; 
	font-size:11px; 
	right: 50px; 
	top: 50px;
}

.mysonyid_login dt, .mysonyid_signup dt{
	font-weight:bold
}

table.loginSolo td.loginSoloTd.pb15 {
	padding-bottom:15px;
}

/** 2011.09.29. add start souma-mi **/
div.sub.btn_spot {
	text-align:left
}
div.sub.btn_spot p.spt{
	margin:5px 0px 20px 0px;
}

div.sub.btn_route {
	position:absolute;
	top:5px;
	right:0px;
	width:215px;
	text-align:left;
}
div.sub.btn_route p.spt{
	margin:0px 0px 20px 0px;
}

div.sub.btn_route p{
	margin:0px 0px 5px 0px;
}
/** 2011.09.29. add end **/