@charset "utf-8";
/* CSS Document */

.btnAddShop {
	height: 76px;
	width: 206px;
}
.btnAddItem {
	height: 76px;
	width: 206px;
}

#mynoteArea {
	width: 206px;
	margin-bottom: 5px;
}
 #mynoteArea #mynoteHead {
	height: 53px;
	width: 206px;
}
#mynoteArea #mynoteBody {
	padding: 0px 16px;
	width: 174px;
}
#mynoteArea #mynoteFoot {
	height:43px;
}

#mynoteArea.design1 #mynoteHead {	background: url(/CSP/img/mynote_r/fr_mynote_1_T.gif) no-repeat;}
#mynoteArea.design1 #mynoteBody { background: url(/CSP/img/mynote_r/fr_mynote_1_M.gif) repeat-y; }
#mynoteArea.design1 #mynoteFoot { background: url(/CSP/img/mynote_r/fr_mynote_1_B.gif) no-repeat;}

#mynoteArea.design2 #mynoteHead {	background: url(/CSP/img/mynote_r/fr_mynote_2_T.gif) no-repeat;}
#mynoteArea.design2 #mynoteBody { background: url(/CSP/img/mynote_r/fr_mynote_2_M.gif) repeat-y; }
#mynoteArea.design2 #mynoteFoot { background: url(/CSP/img/mynote_r/fr_mynote_2_B.gif) no-repeat;}

#mynoteArea.design3 #mynoteHead {	background: url(/CSP/img/mynote_r/fr_mynote_3_T.gif) no-repeat;}
#mynoteArea.design3 #mynoteBody { background: url(/CSP/img/mynote_r/fr_mynote_3_M.gif) repeat-y; }
#mynoteArea.design3 #mynoteFoot { background: url(/CSP/img/mynote_r/fr_mynote_3_B.gif) no-repeat;}

#mynoteArea.design4 #mynoteHead {	background: url(/CSP/img/mynote_r/fr_mynote_4_T.gif) no-repeat;}
#mynoteArea.design4 #mynoteBody { background: url(/CSP/img/mynote_r/fr_mynote_4_M.gif) repeat-y; }
#mynoteArea.design4 #mynoteFoot { background: url(/CSP/img/mynote_r/fr_mynote_4_B.gif) no-repeat;}

#mynoteArea.design5 #mynoteHead {	background: url(/CSP/img/mynote_r/fr_mynote_5_T.gif) no-repeat;}
#mynoteArea.design5 #mynoteBody { background: url(/CSP/img/mynote_r/fr_mynote_5_M.gif) repeat-y; }
#mynoteArea.design5 #mynoteFoot { background: url(/CSP/img/mynote_r/fr_mynote_5_B.gif) no-repeat;}

#mynoteArea.design6 #mynoteHead {	background: url(/CSP/img/mynote_r/fr_mynote_6_T.gif) no-repeat;}
#mynoteArea.design6 #mynoteBody { background: url(/CSP/img/mynote_r/fr_mynote_6_M.gif) repeat-y; }
#mynoteArea.design6 #mynoteFoot { background: url(/CSP/img/mynote_r/fr_mynote_6_B.gif) no-repeat;}


#mynoteArea  #mynoteBody  #addItemArea  {
	width:174px;
	text-align: center;
	padding-top: 11px;
}
#mynoteArea  #mynoteBody  #addItemArea  .item  {
	margin: 0px auto 8px;
}
#mynoteArea #mynoteBody #erucanaIcon {
	height: 45px;
	width: 42px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mynoteArea #mynoteBody #erucanaComment {
	width: 123px;
	float: right;
	padding-right: 6px;
	padding-top: 3px;
}
#mynoteArea #mynoteBody .mynoteLine {
	background: url(/CSP/img/mynote_r/mynote_line.png) no-repeat center;
	height: 24px;
	width: 174px;
}

#mynoteArea #mynoteBody .mynoteBox {
	padding-bottom: 0px;
}
#mynoteArea #mynoteBody .mynoteBox .ttlMynote {
	margin-bottom: 6px;
}
#mynoteArea #mynoteBody .mynoteBox .mynoteContents {
	margin-left: 4px;
	word-wrap:normal; /* 091210’ljÁ */
}
#mynoteArea #mynoteBody .mynoteBox .mynoteContents ul#listMap li {
	list-style: disc inside;
}
#mynoteArea #mynoteBody .mynoteBox .mynoteContents #gotoList {
	text-align: right;
}

#mynoteArea #mynoteBody .btn {
	padding:6px 0px 0px 0px;
	margin: 0px auto;
	width: 153px;
}


.bunnerAreaB {
	height:105px;
	width: 206px;
}

/* eruca zone */
#erucaZone {
	width: 189px;
	margin: 11px 7px 7px 10px;
}
#erucaZone h2 {
	font-size: 14px;
	background: url(/CSP/img/erucazone/erucazone_line.png) no-repeat bottom;
	width: 184px;
	height: 21px;
	margin: 0px 0px 7px 0px;
	padding-left: 2px;
}

#contentsR .item {
	background: url(/CSP/img/mynote_r/mynote_item_base.gif) no-repeat;
	width: 54px;
	padding: 3px;
	height: 54px;


}
#contentsR td.item {
	float:none;
	vertical-align:top;
	padding:3px 6px 6px 3px;
}
#contentsR #newItemArea .item,
#contentsR #thisAreasItemArea .item {
	float:left;
	padding:3px 6px 6px 3px;
}
#contentsR #newItemArea .item span,
#contentsR #thisAreasItemArea .item span {
	float:left;
	font-size:10px;
}

#erucaZone .shop {
	width: 54px;
	padding: 3px 6px 6px 3px;
	text-align:center;
	vertical-align:middle;
}
#erucaZone .comment {
	width: 98px;
	padding: 0px 14px 0px 11px;
}
#erucaZone #nearShopArea {
	margin-bottom: 27px;
}
#erucaZone #featureArea {
	margin-bottom: 27px;
}
#erucaZone #newItemArea {
	margin-bottom: 27px;
}
#erucaZone table {
	margin: 0px 3px 0px 0px;
	width: 186px;
}

#wrapper #contents #contentsBody #contentsR #myNoteD #questionBunnerArea {
	margin: 0px 4px 10px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #notMyItemArea,
#wrapper #contents #contentsBody #contentsR #myNoteD #featureArea,
#myNoteD #myItemArea {
	background: url(/CSP/img/bg2.gif) repeat;
	margin-right: 2px;
	margin-left: 4px;
	padding: 10px 6px 18px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #featureArea h3,
#wrapper #contents #contentsBody #contentsR #myNoteD #notMyItemArea h3,
#myNoteD #myItemArea h3 {
	font-size: 14px;
	background: url(/CSP/img/erucazone/erucazone_line.png) no-repeat bottom;
	margin: 0px 0px 7px 0px;
	padding-left: 2px;
	padding-bottom:4px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #featureArea td.comment {
	width: 98px;
	padding: 0px 14px 0px 11px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #notMyItemArea .item,
#myNoteD #myItemArea .item {
	float: left;
	margin: 0px 2px 2px 0px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #shopNewsArea h3 {
	margin-right: 3px;
	margin-left: 3px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #shopNewsArea .lineboxBody ul {
	margin-left: 28px;
	margin-bottom:15px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #shopNewsArea .lineboxBody li {
	list-style: disc inside;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #requestArea .lineRequest {
	background: url(/CSP/img/mynote/common/sidearea/request/request_line.gif) no-repeat;
	height: 4px;
	width: 186px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #requestArea .head {
	background: url(/CSP/img/cont_pink_T.gif) no-repeat;
	height: 9px;
	width: 206px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #requestArea .body {
	background: url(/CSP/img/cont_pink_M.gif) repeat-y;
	padding: 0px 10px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #requestArea .foot {
	background: url(/CSP/img/cont_pink_B.gif) no-repeat;
	height: 9px;
	width: 206px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #requestArea .body p {
	width: 172px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #requestArea .body .btn {
	width: 108px;
	margin: 8px auto 5px;
}
#wrapper #contents #contentsBody #contentsR #myNoteD #requestArea .body textarea {
	width: 176px;
	margin: 0px 5px;
	height: 71px;
}

#contentsR #rankItemArea2 {
	float:left;
	padding:10px 0 0 0;
}

#contentsR #rankItemArea2 .item {
	float:left;
	padding:3px 6px 20px 3px;
}

#contentsR #rankItemArea2 .item span {
	float:left;
	font-size:10px;
	line-height:20px;
}