@charset "utf-8";
/* ================================================================================================================================== BASE ===== */
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form {
	font-size: 100%;
	font-weight: normal;
	word-wrap: break-word;
	margin: 0;
	padding: 0;
}
body {
	background: #ECECEC 50% 0 no-repeat fixed url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/bg_v3_02.jpg);
	color: #261f20;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo UI", sans-serif;
	font-size: 91%;
	line-height: 100%;
	text-align: left;
}
a {
	color: #FF5294;
	text-shadow: none;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #A667E0;
	text-shadow: 0 0 0.2em #A667E0;
}
a.flat-a {
	color: #3c0000;
}
a.flat-a:hover {
	color: black;
	text-shadow: 0 0 0.2em #FFF;
}
img {
	vertical-align: middle;
	border-width: 0;
}
p {
	padding: 6px 0;
}
h1 {
	font-size: 170%;
	font-weight: bold;
	line-height: 110%;
	padding: 5px 0;
}
h2 {
	background: 0 50% no-repeat url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/h2_back.gif);
	color: #600A40;
	font-size: 120%;
	line-height: 120%;
	margin: 6px 0;
	padding: 0 0 0 18px;
}
h3 {
	border-bottom: 1px solid #baa;
	font-size: 110%;
	line-height: 1.2;
	margin: 20px 0 6px;
	padding: 3px 0 3px 2px;
}
h4 {
	background: 0 50% no-repeat url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/link_back_16.png);
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	padding: 2px 0 2px 20px;
	margin-top: 8px;
}
li { list-style: none; }
ol li { color: #47478a; }
dt {
	font-weight: bold;
	line-height: 140%;
	padding: 24px 0 0; 
}
dt.top-dt { padding: 8px 0 0 }
dd { padding: 6px; }

#baseBack {
	width: 1200px;
	margin: 0 auto;
}
.bsObi {
	background-color: #F8F8F8;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2), 0 0 1px 1px #FFF inset;
}
.bsKami {
	background-color: #FFF;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2), 0 0 32px 0 rgba(240, 224, 216, 0.5) inset;
}
.medRect {
	width: 300px;
	height: 250px;
}
.bigBanner {
	width: 728px;
	height: 90px;
}

/* ================================================================================================================================== TOP ===== */
#top p {
	padding: 3px 0;
	line-height: 140%;
}
.siteHeader {
	position: relative;
	width: 1200px;
	height: 180px;
	margin: 0 auto;
}
.siteNameBase {
	position: absolute;
	background: #261F20;
	width: 100%;
	height: 36px;
	top: 0;
}
.cojoLogo {
	position: absolute;
	background: 0 0 no-repeat url('http://blog-imgs-67.fc2.com/c/o/j/cojocco/cojo_logo_bk_76.png');
	width: 76px;
	height: 76px;
	top: 0;
	left: 4px;
}
#siteName {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	top: 11px;
	left: 82px;
}
#siteName a {
	color: #FFF;
}
#siteName a:hover {
	color: #FFF8F8;
	text-shadow: 0 0 0.2em #FFF;
}
.siteDesc {
	background: #FFF 100% 0 no-repeat url('http://blog-imgs-67.fc2.com/c/o/j/cojocco/titleback_v3.jpg');
	height: 100%;
	margin: 0 2px;
}
.Introduction {
	color: #6B575A;
	text-align: left;
	font-size: 12px;
	padding: 40px 0 0 96px;
}
.topIconsBase {
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 0;
}
#topIcons {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 8px 8px 0;
}
#topIcons li.tip {
	float: left;
	margin: 0 3px;
}
#nmFrame {
	z-index: 999;
	position: absolute;
	top: 0;
	right: 0;
}

/* ================================================================================================================================== MAIN ===== */
#topAdS {
	margin: 16px auto 0;
}
#mainAdS {
	margin: 48px auto;
}
.moveAdS {
	width: 728px;
	height: 90px;
	margin: 48px auto;
}
img.new-img {
	margin: 0 0 0 5px;
}
#mainBlock {
	float: left;
	font-weight: normal;
	text-align: left;
	width: 832px;
	padding: 0 0 16px;
	margin: 16px 0 32px;
}
.mainEntryBlock {
	padding: 16px 0 0;
}
.mainEntryTitleBase {
	background: 100% 20% no-repeat url("http://blog-imgs-56-origin.fc2.com/c/o/j/cojocco/subtitle_back3.png");
}
.mainEntryTitle {
	padding: 22px 24px 0 34px;
}
.mainEntryTitle a {
	color: #3c0000;
	text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
}
.mainEntryTitle a:hover {
	color: black;
	text-shadow: 0 0 0.2em #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
}
.mainEntryTitleBtm {
	border-bottom: 1px solid #ECECEC;
	height: 36px;
	padding: 20px 16px 0 12px;
	margin: 0 0 6px 54px;
}
.meComments {
	float: left;
	position: relative;
	top: 12px;
}
.meComments a {
	font-size: 22px;
}
.meComments a:hover {
}
.meCommentsCaption {
	font-size: 12px;
	padding: 0 0 0 8px;
}
.meCategory {
	float: right;
	text-align: right;
	font-size: 14px;
	line-height: 120%;
}
.mainEntryBody {
	clear: both;
	width: 680px;
	line-height: 170%;
	padding: 0 0 6px 66px;
}
.mainEntryBody img { margin: 6px; }
.mainEntryBody a img { border: 2px solid #FF5294; }
.mainEntryBody a:hover img { border: 2px solid #A667E0; }
.mainEntryBody ul, ol {
	padding: 6px;
}
.mainEntryBody li {
	background: 0 9px no-repeat url("http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/li_entry.gif");
	padding: 0 0 0 16px;
	margin: 2px 0;
}
.mainEntryMore {
	background: 72px 50% no-repeat url("http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/ya_v_r.gif");
	margin: 8px 0;
	box-shadow: 0 0 7px 2px #FFE0F0 inset;
}
.mainEntryMore a {
	display: block;
	font-size: 120%;
	height: 34px;
	padding: 17px 0 0 94px;
	transition: background 0.2s ease 0s;
}
.mainEntryMore a:hover {
	background: rgba(255, 165, 165, 0.1);
}
.moreTop {
	background: #FFF8F8 50% 50% no-repeat url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/down_pink.gif);
	height: 10px;
	margin: 0 8px;
}
.fc2_footer {
	margin: 0;
	padding: 8px 16px; 
}
.mainEntryBtm {
	color: #A7A;
	border-bottom: 1px solid #ECECEC;
	font-size: 80%;
	text-align: right;
	padding: 0 0 16px;
}
.mainEntryBtm div {
	border-top: 1px dotted #A7A;
	padding: 2px 4px;
	margin: 0 16px 0 32px;
}
a.tag-a {
	color: #A7A;
	margin: 0 2px;
	padding: 0 2px;
	border-radius: 5px;
}
a.tag-a:hover {
	color: #FFFAF0;
	background: #A7A;
	text-shadow: none;
}
.subtitleBase {
	background: no-repeat 100% 50% url("http://blog-imgs-56-origin.fc2.com/c/o/j/cojocco/subtitle_back3.png");
}
.subtitle {
	color: #3C0000;
	background: no-repeat 16px 50% url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/quaggan.png);
	padding: 24px 0 24px 152px;
}
.stCaption {
	font-size: 14px;
	font-weight: normal;
	padding-left: 32px;
}

/* ================================================================================ カテゴリ記事一覧 / 関連記事一覧 ===== */
#crizedEntry, #relatedEntry, #nearEntry {
}
.subtitle a {
	color: #4B0082;
}
.subtitle a:hover {
	color: #E60066;
	text-shadow: none;
}
.spList {
	border-bottom: 1px solid #E8E8E8;
	margin: 8px 0;
}
.spList li {
	background: 72px 50% no-repeat url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/close_pink.gif);
	border-top: 1px solid #E8E8E8;
}
.spList .rOdd-li {
	background-color: #F8F8F8;
}
.spList a {
	display: block;
	color: #4B0082;
	padding: 10px 20px 10px 90px;
	transition: background 0.4s ease 0s;
}
.spList a:hover {
	color: #E60066;
	background-color: rgba(255, 165, 165, 0.1);
	text-shadow: none;
}
a.spCurrent {
	background: 96% 50% no-repeat url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/ceCur_caption.gif);
}
.mainEntryDesc {
	margin: 16px 0;
}
.mainEntryDesc a {
	display: block;
	padding: 24px 54px 24px 74px;
	transition: background 0.2s ease 0s;
}
.mainEntryDesc a:hover {
	background: rgba(255, 165, 165, 0.1);
}
.mainEntryDesc a:hover .medImg {
	opacity: 0.75;
}
.medCaption {
	display: block;
	float: left;
	color: #261F20;
	line-height: 130%;
	text-shadow: none;
	width: 364px;
}
.medImg {
	display: block;
	float: right;
	background: 0 0 no-repeat url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/q_no_image.jpg);
	height: 168px;
	width: 300px;
	overflow: hidden;
	border-radius: 7px;
}
.medImg img {
	position: relative;
	top: -16px;
}
.medMore {
	clear: both;
	display: block;
	background: 8px 50% no-repeat url("http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/ya_v_r.gif");
	font-size: 120%;
	height: 25px;
	padding: 8px 0 0 26px;
}
/* ================================================================================ コメント ===== */
.mcTitle {
	font-family: "Times New Roman";
	font-size: 28px;
	font-style: italic;
}
.mainCommentBase {
	padding: 16px 64px;
}
.mainCommentBlock {
}
.mainCommentName {
	color: #c71585;
	background: 0 50% no-repeat url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/link_back_16.png);
	padding: 10px 0 10px 26px;
}
.mainCommentBody {
	font-size: 95%;
	line-height: 140%;
	padding: 0 8px 8px;
}
.mainCommentDate {
	border-top: 1px dotted #dfdcd8;
	font-size: 80%;
	text-align: right;
	padding: 4px 8px;
}

/* ================================================================================================================================== MENU ===== */
#menuBase {
	float: right;
	width: 340px;
}
#menuContent {
	padding: 16px 0 32px;
}
.menuBlock {
}
.menuBlockHead {
	color: #506000;
	background: #F0F6E5;
	border-top: 1px solid #ECECEC;
	text-align: right;
	padding: 12px 20px;
}
.menuBlockBody {
	color: #898960;
	text-align: left;
}
#menuBase a {
	color: #506000;
}
#menuBase a:hover {
	color: #FF8C00;
	text-shadow: none;
}
.moveFixedBottom {
	position: fixed;
	bottom: 0;
	width: 340px;
}

/* =========================================================================== SearchBox ===== */
#ccSearchBox {
	padding: 16px 0 8px 114px;
	width: 200px;
}
#cse-search-box {
	background: #F8F8F8 176px 8px no-repeat url('http://blog-imgs-67.fc2.com/c/o/j/cojocco/loupe.png');
	border: 1px solid #ECECEC;
	height: 30px;
	border-radius: 7px;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
}
.sb-btn, .sb-txt {
	vertical-align: top;
	background: transparent 0 0 repeat url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/blank.gif);
	border: none;
	padding: 0;
	margin: 0;
}
.sb-txt {
	margin: 8px 0 0 12px;
}
.sb-txt:focus { outline: none } /* for chrome */
.sb-btn {
	cursor: pointer;
	width: 30px;
	height: 30px;
}
.cse-branding-logo {
	font: 10px Arial;
	text-align: right;
	padding: 8px 0 0;
}

/* =========================================================================== Recent ===== */
#customRecent li {
	background: 10px 50% no-repeat;
	background-image: none;
	border-top: 1px solid #E8E8E8;
}
#customRecent a {
	display: block;
	cursor: pointer;
	padding: 8px 20px;
	transition: background 0.4s ease 0s;
}
#customRecent a:hover {
	background: rgba(255, 165, 0, 0.1);
}
.crTitle {
	display: block;
	border-bottom: 1px dotted #ECECEC;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	padding: 0 0 8px;
	margin: 0 0 0 48px;
}
.crCaption {
	display: block;
	font-size: 12px;
	text-align: right;
}

/* =========================================================================== Link ===== */
#customLinks {
}
.header {
	background: 95% 50% no-repeat url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/expand+.png);
	margin: 1px 0;
}
#customLinks .head-a {
	display: block;
	text-align: right;
	font-size: 12px;
	padding: 6px 40px;
}
#customLinks .head-a:hover {
}
#customLinks ul {
	padding: 6px 0;
}
#customLinks li {
	background: 18px 3px no-repeat url('http://blog-imgs-67.fc2.com/c/o/j/cojocco/link_back_16.png');
}
#customLinks li a {
	display: block;
	font-size: 12px;
	padding: 3px 42px;
	transition: background 0.4s ease 0s;
}
#customLinks li a:hover {
	background: rgba(255, 165, 0, 0.1);
}
.clHR {
	margin-top: 8px;
}

/* =========================================================================== Category ===== */
#customCategory {
}
#customCategory ul {
	background-position: 160% 50%;
	background-repeat: no-repeat;
}
#customCategory li {
	border-top: 1px solid #E8E8E8;
}
#customCategory a {
	display: block;
	cursor: pointer;
	font-size: 14px;
	height: 14px;
	padding: 17px 20px;
	transition: background 0.4s ease 0s;
}
#customCategory a:hover {
	background: rgba(255, 165, 0, 0.1);
}
.ccTitle {
	display: block;
	float: left;
}
.ccCaption {
	display: block;
	float: right;
	background: #ECECEC;
	font-size: 12px;
	padding: 1px 8px;
	border-radius: 5px;
}
a:hover .ccCaption {
	background: #F0F6E5;
}

/* =========================================================================== Comment & Trackback ===== */
#customComment li, #customTrackback li {
	background: 18px 50% no-repeat;
	border-top: 1px solid #E8E8E8;
}
#customComment a, #customTrackback a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	font-size: 12px;
	padding: 8px 20px 8px 44px;
	transition: background 0.4s ease 0s;
}
#customComment a:hover, #customTrackback a:hover {
	background: rgba(255, 165, 0, 0.1);
}
/* =========================================================================== med-rect ===== */
.menuAdS {
	padding: 32px 20px;
}
#moveContent {
	margin-bottom: 32px;
}
/* =========================================================================== PV Ranking ===== */
#pvRanking {
}
#pvRanking li {
	background: 18px 50% no-repeat #F8F8F8;
	border-top: 1px solid #E8E8E8;
}
#pvRanking .rOdd-li {
	background-color: transparent;
}
#pvRanking a {
	display: block;
	font-size: 13px;
	padding: 10px 20px 10px 52px;
	transition: background 0.4s ease 0s;
}
#pvRanking a:hover {
	background: rgba(255, 165, 0, 0.1);
}

/* =========================================================================== About ===== */
#about {
	display: block;
	font-size: 14px;
	text-align: right;
	padding: 10px 20px;
}

/* ================================================================================================================================== フッター ===== */
#footBase {
	clear: both;
	background: #C2C2C2 50% 0 no-repeat url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/footer_back.jpg);
	width: 100%;
	height: 300px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset;
}
.footBack {
	width: 1200px;
	margin: 0 auto;
}
.footBlock {
	font-size: 80%;
	line-height: 120%;
	padding: 32px 400px 0 32px;
}

/* =====  =====*/
.defaultHide { display: none; }
.wrapper {
	text-align: center;
	margin: 6px 0;
}
.wrapper iframe { display: inline-block; }
.clearBoth { clear: both; }
.fwNormal { font-weight: normal; }
.fsMini { font-size: 80%; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.indent { padding-left: 16px; }
.translation { color: #47478a; }
.keyboard {
	background: #eee;
	border: 2px solid;
	border-color: #ddd #bbb #bbb #ddd;
	font-size: 90%;
	padding: 0 6px;
	margin: 0 4px;
	border-radius: 2px;
}
.gw2coin {
	font-size: 14px;
}
.gw2coin img {
	vertical-align: text-top;
	margin: 2px;
}
img.emoji {
	background-color: transparent;
	margin: 0 0 0 2px;
	float: none;
}
a.home-a img {
	background: 0 0 no-repeat url("http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/home-icon.png");
}
a.home-a:hover img {
	background-position: -32px 0;
}

/* ===== 特殊ブロック =====*/
blockquote, .infoBlock, .cautionBlock, .exBlock, .editBlock {
	color: #725C5F;
	background: no-repeat 8px 2px #fffaf0;
	line-height: 140%;
	margin: 6px 16px;
	padding: 12px 16px 12px 68px;
	border-radius: 5px;
}
blockquote {
	background-image: url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/quote-icon.jpg);
	margin: 5px 16px 5px 40px;
	padding: 6px 8px 8px 44px;
}
.infoBlock {
	background-image: url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/info-icon.jpg);
}
.cautionBlock {
	background-image: url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/caution-icon.jpg);
}
.editBlock {
	border-top: 1px dashed;
	border-bottom: 1px dashed;
	margin: 10px 24px 10px 8px;
	padding: 2px 8px;
}
.exBlock {
	margin: 0 6px 6px;
	padding: 6px 16px;
}
.expandHead {
	background: no-repeat 0 55% url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/expand+.png);
	padding-left: 18px;
	cursor: pointer;
}
.expandHead-r {
	background: no-repeat 100% 55% url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/expand+.png);
	padding-right: 18px;
	cursor: pointer;
}
.ehOpen {
	background-image: url(http://blog-imgs-67-origin.fc2.com/c/o/j/cojocco/expand-.png);
}
pre {
	background: #fff8f8;
	color: #604040;
	border-left: 4px solid #696;
	font-family: Consolas, Courier New, "ＭＳ ゴシック";
	line-height: 130%;
	overflow: auto;
	margin: 8px;
	padding: 6px 4px 6px 8px;
	border-radius: 7px;
}
em {
	color: #e60066;
	font-weight: bold;
	font-style: normal;
}
object:focus { outline: none; }
.flashCtrler { padding-top: 5px; }

/* ===== Twitter Button =====*/
.tButton {
	padding: 0 4px 0 0;
}
a.twSButton {
	color: #a7a;
	font-size: 80%;
}
a.twSCount {
	color: #e60066 !important;
	background: #ffe0e9 !important;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none !important;
	margin: 0 0 0 4px;
	padding: 0 8px;
}
a.twSCount:hover {
	color: #f60066 !important;
}
.twSButton img {
	margin: 0 0 2px !important;
	padding: 0 !important;
	border: 0 none !important;
	vertical-align: middle !important;
}

/* ===== form ===== */
textarea, input, select {
	font-family: Verdana, "MS UI Gothic", "ヒラギノ角ゴ Pro W3", Osaka;
	font-size : 12px;
}
.formTit {
	color: #A7A;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
}
.formInp {
	font-size: 11px;
	text-align: left;
	padding: 1px 0;
}
.mfBase {
	color: #586972;
	background-color: #FFF;
	border: 1px solid #CECECE;
	padding: 2px;
}
.mainFormText, .mainFormTextarea {
	width: 400px;
}
.mainFormPass {
	margin-right: 8px;
	width: 100px;
}
.mainFormMail {
	margin-right: 8px;
	width: 200px;
}
.mainFormCheck {
	border-width: 0;
	vertical-align: middle;
	margin-right: 8px;
}
.mainFormButton {
	color: #555;
	font-size: 12px;
	background-color: #f2efea;
	word-spacing: 20px;
	width: 70px;
	border: 1px solid;
	border-color: #fff #b5b3b0 #b5b3b0 #fff;
	border-radius: 3px;
}
/* ===== GW2 Contents Navigation Menu ===== */
#navMenu {
	color: #C2C2C2;
}
#navMenu li {
	float: left;
}
.mHeader, .mHeader-li {
	padding: 10px 12px 11px;
	cursor: default;
}
.mHeader {
	font-size: 12px;
}
.mHeader-li:hover {
	color: #600A40;
	background: #F8D8D8;
}
#navMenu h1 {
	font-size: 15px;
	font-weight: normal;
	padding: 0;
}
#navMenu .mSub {
	position: absolute;
	top: 36px;
	right: 0;
	font-size: 13px;
	background: #FFF8F8 repeat-x url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/m_sub_back.png);
	padding: 12px 20px 20px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.2);
}
#navMenu li .mRow {
	clear: both;
	margin-bottom: 10px;
}
#navMenu .mSub ul {
	float: left;
	width: 180px;
}
#navMenu .mSub li{
	float: none;
	background: no-repeat 3px 6px;
	background-image: url("http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/li_entry.gif");
	color: #ae999b;
	padding: 2px 0 2px 17px;
}
#navMenu li.mSubHeader-li {
	background-image: none;
	padding: 0;
}
#navMenu a {
	color: #600a40;
}
#navMenu a:hover {
	color: #ff5294;
	text-decoration: none;
}
#navMenu h2 a {
	color: #ff5294;
}
#navMenu h2 a:hover {
	color: #a667e0;
	text-decoration: none;
}

/* =====  ===== */
#cojoTip {
	z-index: 0;
	position: absolute;
	background: repeat url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/blank.gif);
	overflow: visible;
	display: none;
}
.tipInner {
	position: relative;
}
.tipBase {
	color: #725c5f;
	background-color: #fffaf0;
	border: 1px solid #725c5f;
	font-size: 11px;
	font-weight: normal;
	line-height: 120%;
	text-align: center;
	width: 250px;
	padding: 4px 8px;
	border-radius: 5px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.tipBase p {
	margin: 0;
	padding: 0;
}
.tipBase li {
	background: no-repeat 0 50%;
	background-image: url(http://blog-imgs-37-origin.fc2.com/c/o/j/cojocco/close_pink.gif);
	padding: 2px 0 0 12px;
}
.tip { position: relative; }
.dispTip { display: none; }

/* =====  ===== */
#back2top {
	display: none;
	position: fixed;
	margin: 16px;
}
#zoom {
	z-index: 9999;
	display: none;
	position: absolute;
	background: #FFF;
	padding: 16px;
	box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.5), 0 0 32px 0 rgba(240, 224, 216, 0.5) inset;
}