@charset "utf-8";

/* -----------------------------------------------
 * Author     : anai/waka/shinsuke
 * LastUpdate : 14/02/05
----------------------------------------------- */

/* -----------------------------------------------
 * 検索画面
----------------------------------------------- */

/*-- Left Side --*/

#manualNavBG {
	#background: #f1ecea;
	//background: #f8f8f8;
	background: url("https://www3.e-concierge.net/admin2014/img/ico-gmenu-manual.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
	}

#manualNav {
	width: 200px;
	}

#manualNav h2 {
	margin: 0 0 4px;
	padding: 3px 0 1px 12px;
	font-size: 1.1em;
	color: #000000;
	background: #CFF09E;
	#background: #5b4c4c url("../img/onlinemanual/title.gif") no-repeat top left;
	}

#manualNav ul {
	margin: 10px 0;
	}
	#manualNav ul li {
		margin: 0 10px 10px;
		padding: 0 0 2px 2px;
		border-bottom: 1px solid #ffffff;
		}


/*-- Right Side --*/

#manualRight {
	width: 600px;
	}

#manualRight h1 {
	margin: 15px 10px 16px;
	padding: 3px 8px 7px;
	font-size: 1.6em;
	#color: #ffffff;
	color: #000000;
	border-bottom: 1px solid #cccccc;
	#background: url("../img/onlinemanual/maintitle.gif") no-repeat top left;
	background: #CFF09E;
	}

#manualRight #manualBox {
	margin: 0 10px;
	border: 1px solid #5B4C4C;
	}
	#manualRight #manualBox h2 {
		margin: 0 0 4px;
		padding: 3px 0 1px 12px;
		font-size: 1.2em;
		color: #ffffff;
		#background: #5B4C4C;
		background: #3b8686;
		#background: #5b4c4c url("../img/onlinemanual/title.gif") no-repeat top left;
		}
	#manualRight #manualBox h3 {
		padding: 5px 6px;
		}
	#manualRight #manualBox p {
		line-height: 1.6;
		margin: 0;
		padding: 10px 6px;
		}
		#manualRight #manualBox p.example {
			padding: 0 6px 10px 20px;
			}
	#manualRight #manualBox .note {
		color: #ff0000;
		}
	#manualRight #manualBox .blue {
		color: #0000ff;
		font-weight: bold;
		}

#manualRight #pageTop {
	text-align: right;
	margin: 3px 10px 26px 0;
	font-size: 0.8em;
	}
	#manualRight #pageTop img {
		vertical-align: middle;
		margin: 0 4px 0 0;
		}

.star {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 6px solid red;
    display: inline-block;
    height: 0;
    width: 0;
    position: relative;
    transform: rotate(-35deg);
    margin-bottom: 3px;
    margin-right: 8px;
}
        
.star:before,
.star:after{
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 6px solid red;
    content: '';
    display: inline-block;
    height: 0;
    left: -9px;
    position: absolute;
    top: 0;
    width: 0;
}

.star:before {
    transform: rotate(69deg);
}

.star:after {
    transform: rotate(-71deg);
}

.menustar {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 5px solid red;
    display: inline-block;
    height: 0;
    width: 0;
    position: relative;
    transform: rotate(-35deg);
    margin-bottom: 2px;
    margin-right: 7px;
}
        
.menustar:before,
.menustar:after{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 5px solid red;
    content: '';
    display: inline-block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 0;
    width: 0;
}

.menustar:before {
    transform: rotate(70deg);
}

.menustar:after {
    transform: rotate(-72deg);
}