@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;
}

#mopTip01 {
	position: absolute;
	/*display: none;*/
	z-index: 999;
	font-size: 3px;
}
#mopTip01 .tip {
	vertical-align: top;
	background-color: #FFFFFF;
}
#mopTip01 .content {
	/*padding: 4px;*/
	font-size: 11px;
	cursor: pointer;
	line-height:1.5em;
}
#mopTip01 .leftTop {
	font-size: 3px;
	height: 20px;
	width: 20px;
	background-image: url(../images/tooltip/leftTop.png);
	background-repeat: no-repeat;
}
#mopTip01 .rightTop {
	font-size: 3px;
	width: 20px;
	background-image: url(../images/tooltip/rightTop.png);
	background-repeat: no-repeat;
}
#mopTip01 .leftBottom {
	font-size: 3px;
	height: 20px;
	width: 20px;
	background-image: url(../images/tooltip/leftBottom.png);
	background-repeat: no-repeat;
}
#mopTip01 .rightBottom {
	font-size: 3px;
	background-image: url(../images/tooltip/rightBottom.png);
	background-repeat: no-repeat;
}
#mopTip01 .arrow {
	height: 20px;
	width: 60px;
	background-image: url(../images/tooltip/arrowTop.png);
	background-repeat: no-repeat;
}
#mopTip01 .arrowBottom {
	height: 20px;
	width: 60px;
	background-image: url(../images/tooltip/arrowBottom.png);
	background-repeat: no-repeat;
}
#mopTip01 .left {
	font-size: 3px;
	width: 5px;
	background-image: url(../images/tooltip/left.png);
	background-repeat: repeat-y;
	background-position: top;
}
#mopTip01 .right {
	font-size: 3px;
	width: 19px;
	background-image: url(../images/tooltip/right.png);
	background-repeat: repeat-y;
}
#mopTip01 .top {
	background-image: url(../images/tooltip/top.png);
	background-repeat: repeat-x;
}
#mopTip01 .bottom {
	background-image: url(../images/tooltip/bottom.png);
	background-repeat: repeat-x;
}d
	font-size: 3px;
	position: absolute;
	height: 27px;
	width: 27px;
	cursor: pointer;
	background-image: url(../images/tooltip/closeBtn.png);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	display: none;
}
#mopTip01 .close:hover {
	background-image: url(../images/tooltip/closeBtn_h.png);
	background-repeat: no-repeat;
}
#mopTip01 .arrowSet {
	font-size: 3px;
}
#mopTip01 .arrowSetBottom {
	font-size: 3px;
}

/*---------------------------------------------
基本
---------------------------------------------*/
#mopTip01 .tip{
	padding-bottom:5px;
	letter-spacing:normal;
	height:230px;
}

#mopTip01 p.ttl{
	font-size:14px;
	line-height:1.3em;
	font-weight:bold;
	margin:0 5px;
	margin-top:10px;
}

#mopTip01 p.txt{
	margin:0 5px;
	color:#333333;
	line-height:1.3em;
	font-size:12px;
	margin-top:3px;
}

#mopTip01 p.img{
	margin:8px 5px 0 6px;
	width:190px;
	float:right;
}

#mopTip01 p.exp{
	margin:6px 0 0 5px;
	color:#333333;
	line-height:1.3em;
	font-size:12px;
}


/*---------------------------------------------
ソフト指定
---------------------------------------------*/
#mopTip01 .power_point{
	background:url(../images/power_point.gif) top left no-repeat;
}

#mopTip01 .power_point .ttl{
	color:#cd5d15;
}

#mopTip01 .excel{
	background:url(../images/excel.gif) top left no-repeat; 
}

#mopTip01 .excel .ttl{
	color:#367f00;
}

#mopTip01 .word{
	background:url(../images/word.gif) top left no-repeat; 
}

#mopTip01 .word .ttl{
	color:#014f91;
}

#mopTip01 .photo_shop{
	background:url(../images/photo_shop.gif) top left no-repeat; 
}

#mopTip01 .photo_shop .ttl{
	color:#07457d;
}

#mopTip01 .illustrator{
	background:url(../images/illustrator.gif) top left no-repeat; 
}

#mopTip01 .illustrator .ttl{
	color:#e46600;
}

/*---------------------------------------------
難易度指定
---------------------------------------------*/
#mopTip01 .star5{
	background:url(../images/star5.png) top right no-repeat;
	position:relative;
	top:0;
	left:325px;
	width:69px;
	height:17px;
}

#mopTip01 .star4{
	background:url(../images/star4.png) top right no-repeat;
	position:relative;
	top:0;
	left:340px;
	width:55px;
	height:17px;
}


#mopTip01 .star3{
	background:url(../images/star3.png) top right no-repeat;
	position:relative;
	top:0;
	left:355px;
	width:41px;
	height:17px;
}


#mopTip01 .star2{
	background:url(../images/star2.png) top right no-repeat;
	position:relative;
	top:0;
	left:368px;
	width:27px;
	height:17px;
}


#mopTip01 .star1{
	background:url(../images/star1.png) top right no-repeat;
	position:relative;
	top:0;
	left:383px;
	width:12px;
	height:17px;
}