@charset "UTF-8";
/*
 * mopTip 2.1
 * By Hiroki Miura (http://www.mopstudio.jp)
 * Copyright (c) 2008 mopStudio
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
 * July 10, 2009
*/

.hidden{
	display:none;
}

#BtnShop,
#BtnItem {
	cursor: pointer;
}

#MobileShop,
#MobileItem {
	position: absolute;
	right: 120px;
	top: 180px;
}

.setMiddle {
	vertical-align: middle;
}
.tipTxtcCase {
	height: 100%;
}
.bottomLine {
	height: 190px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AE0000;
	right: 0px;
}
.bottomLineIn {
	padding: 3px 0 0 10px;
	color: #AE0000;
}


#mopTip01 {
	position: absolute;
	/*display: none;*/
	z-index: 999;
}
#mopTip01 .tip {
	vertical-align: top;
	background-color: #e5e8e9;
}
#mopTip01 .content {
	padding: 7px;
	cursor:default;
	line-height:1.5em;
}

#mopTip01 .content .fl{
	width:85px;
	text-align:center;
	background-color: #ffffff;
	padding:3px 0 5px;	
}

#mopTip01 .content .fr{
	width:190px;
	text-align:left;
}

#mopTip01 .content .fr p{
	margin-bottom:5px;
}

#mopTip01 .content .ttl{
	font-weight:bold;
	background:#ffffff;
	padding:3px 5px;
	margin-bottom:10px;
	text-align:center;
}

#mopTip01 .leftTop {
	font-size: 3px;
	height: 20px;
	width: 20px;
	background-image: url(img/leftTop.png);
	background-repeat: no-repeat;
}
#mopTip01 .rightTop {
	font-size: 3px;
	width: 20px;
	background-image: url(img/rightTop.png);
	background-repeat: no-repeat;
}
#mopTip01 .leftBottom {
	font-size: 3px;
	height: 20px;
	width: 20px;
	background-image: url(img/leftBottom.png);
	background-repeat: no-repeat;
}
#mopTip01 .rightBottom {
	font-size: 3px;
	background-image: url(img/rightBottom.png);
	background-repeat: no-repeat;
}
#mopTip01 .arrow {
	height: 20px;
	width: 60px;
	background-image: url(img/arrowTop.png);
	background-repeat: no-repeat;
}
#mopTip01 .arrowBottom {
	height: 20px;
	width: 60px;
	background-image: url(img/arrowBottom.png);
	background-repeat: no-repeat;
}
#mopTip01 .left {
	font-size: 3px;
	width: 20px;
	background-image: url(img/left.png);
	background-repeat: repeat-y;
	background-position: top;
}
#mopTip01 .right {
	font-size: 3px;
	width: 20px;
	background-image: url(img/right.png);
	background-repeat: repeat-y;
}
#mopTip01 .top {
	background-image: url(img/top.png);
	background-repeat: repeat-x;
}
#mopTip01 .bottom {
	background-image: url(img/bottom.png);
	background-repeat: repeat-x;
}
#mopTip01 .close {
	font-size: 3px;
	position: absolute;
	height: 27px;
	width: 27px;
	cursor: pointer;
	background-image: url(img/closeBtn.png);
	background-repeat: no-repeat;
	top: 0px;
	right: 0px;
	display: none;
}
#mopTip01 .close:hover {
	background-image: url(img/closeBtn_h.png);
	background-repeat: no-repeat;
}
#mopTip01 .arrowSet {
	font-size: 3px;
}
#mopTip01 .arrowSetBottom {
	font-size: 3px;
}
