@charset "utf-8";

.font-140 {
	font-size: 140%;
	letter-spacing: .3em;
	line-height: 1.5em;
}

.font-120 {
	font-size: 120%;
	letter-spacing: .2em;
	line-height: 1.5em;
}

.font-100 {
	font-size: 100%;
	line-height: 1.5em;
}

.font-95 {
	font-size: 95%;
	line-height: 1.5em;
}

.font-90 {
	font-size: 90%;
	line-height: 1.5em;
}

.font-80 {
	font-size: 80%;
	line-height: 1.5em;
}

.font-70 {
	font-size: 70%;
	line-height: 1.5em;
}


.font-60 {
	font-size: 60%;
	line-height: 1.5em;
}


/* font 行間180% */
.font-95-180 {
	font-size: 95%;
	line-height: 1.8em;
}


/* font 行間100% */
.font-80-100 {
	font-size: 80%;
	line-height: 100%;
}

.font-60-100 {
	font-size: 60%;
	line-height: 100%;
}


.font-bold {
	font-weight: bold;
}

.aligncenter {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearboth {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.icon-method-0 {
	display: block;
	width: 55px;
	height: 17px;
	background: url(/image/method/icon_method-55x17.png) no-repeat 0 -85px;
}

.icon-method-1 {
	display: block;
	width: 55px;
	height: 17px;
	background: url(/image/method/icon_method-55x17.png) no-repeat 0 0;
}

.icon-method-2 {
	display: block;
	width: 55px;
	height: 17px;
	background: url(/image/method/icon_method-55x17.png) no-repeat 0 -17px;
}

.icon-method-3 {
	display: block;
	width: 55px;
	height: 17px;
	background: url(/image/method/icon_method-55x17.png) no-repeat 0 -34px;
}

.icon-method-4 {
	display: block;
	width: 55px;
	height: 17px;
	background: url(/image/method/icon_method-55x17.png) no-repeat 0 -51px;
}

.icon-method-5 {
	display: block;
	width: 55px;
	height: 17px;
	background: url(/image/method/icon_method-55x17.png) no-repeat 0 -68px;
}

.icon-method-6 {
	display: block;
	width: 55px;
	height: 17px;
	background: url(/image/method/icon_method-55x17.png) no-repeat 0 -102px;
}

.icon-method-7 {
	display: block;
	width: 55px;
	height: 17px;
	background: url(/image/method/icon_method-55x17.png) no-repeat 0 -119px;
}

.icon-method-b1 {
	display: block;
	width: 55px;
	height: 24px;
	margin: 5px 6px 0 0;
	background: url(/image/method/icon_method-55x24.png) no-repeat 0 0;
}

.icon-method-b2 {
	display: block;
	width: 55px;
	height: 24px;
	margin: 5px 6px 0 0;
	background: url(/image/method/icon_method-55x24.png) no-repeat 0 -24px;
}

.icon-method-b3 {
	display: block;
	width: 55px;
	height: 24px;
	margin: 5px 6px 0 0;
	background: url(/image/method/icon_method-55x24.png) no-repeat 0 -48px;
}

.icon-method-b4 {
	display: block;
	width: 55px;
	height: 24px;
	margin: 5px 6px 0 0;
	background: url(/image/method/icon_method-55x24.png) no-repeat 0 -72px;
}

.icon-method-b5 {
	display: block;
	width: 55px;
	height: 24px;
	margin: 5px 6px 0 0;
	background: url(/image/method/icon_method-55x24.png) no-repeat 0 -96px;
}

.icon-stage-1 {
	display: block;
	width: 55px;
	height: 24px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat 0 0;
}

.icon-stage-2 {
	display: block;
	width: 55px;
	height: 24px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat 0 -41px;
}

.icon-stage-3 {
	display: block;
	width: 55px;
	height: 24px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat 0 -82px;
}

.icon-grade-1 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat 0 -24px;
}

.icon-grade-2 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -55px -24px;
}

.icon-grade-3 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -110px -24px;
}

.icon-grade-4 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -165px -24px;
}

.icon-grade-5 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -220px -24px;
}

.icon-grade-6 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -275px -24px;
}

.icon-grade-7 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat 0 -65px;
}

.icon-grade-8 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -55px -65px;
}

.icon-grade-9 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -110px -65px;
}

.icon-grade-10 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat 0 -106px;
}

.icon-grade-11 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -55px -106px;
}

.icon-grade-12 {
	display: block;
	width: 55px;
	height: 17px;
	margin: 5px 6px 0 0;
	background: url(/image/common/icon_grade.png) no-repeat -110px -106px;
}

.icon-methodColor-b1 {
	color:#003399;
}

.icon-methodColor-b2 {
	color:#990099;
}

.icon-methodColor-b3 {
	color:#0797B4;
}

.icon-methodColor-b4 {
	color:#cc9900;
}

.icon-methodColor-b5 {
	color:#cc3366;
}

.icon-method-0 span,
.icon-method-1 span,
.icon-method-2 span,
.icon-method-3 span,
.icon-method-4 span,
.icon-method-5 span,
.icon-method-6 span,
.icon-method-7 span,
.icon-method-b1 span,
.icon-method-b2 span,
.icon-method-b3 span,
.icon-method-b4 span,
.icon-method-b5 span,
.icon-stage-1 span,
.icon-stage-2 span,
.icon-stage-3 span,
.icon-grade-1 span,
.icon-grade-2 span,
.icon-grade-3 span,
.icon-grade-4 span,
.icon-grade-5 span,
.icon-grade-6 span,
.icon-grade-7 span,
.icon-grade-8 span,
.icon-grade-9 span,
.icon-grade-10 span,
.icon-grade-11 span,
.icon-grade-12 span,
.icon-methodColor-b1 span,
.icon-methodColor-b2 span,
.icon-methodColor-b3 span,
.icon-methodColor-b4 span,
.icon-methodColor-b5 span {
	display: none;
}

.icon-crown {
	display: block;
	width: 14px;
	height: 12px;
	background: url(/image/communication/icon_crown.png) no-repeat 0 0;
}

.icon-crown span {
	display: none;
}

/* crumbs list */
#crumbs {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}

#crumbs li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#crumbs li.crumb {
	padding-left: .75em;
}

#crumbs li a {
	display: block;
	padding: 0 15px 0 0;
	background: url(/image/common/obj_crumbs.png) no-repeat right center;
}

/* tooltip */
#tooltip-top {
	display: none;
	width: 160px;
	height: 70px;
	padding: 25px;
	background: url(/image/common/obj_tooltipTop.png) no-repeat;
	font-size: 12px;
	color: #000;
}

#tooltip-bottom {
	display: none;
	width: 160px;
	height: 70px;
	padding: 40px 25px 25px 25px;
	background: url(/image/common/obj_tooltipBottom.png) no-repeat;
	font-size: 12px;
	color: #000;
}