@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: 100%;
}

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

#manualNav ul {
	width: 100%;
}
#manualNav ul li a{
	border-top: 1px solid #eaeaea;
	padding: 6px 0 6px 3px;
}

#manualNav ul li.child-menu li,
#manualNav ul li.child-menu {
	padding-bottom: 0;
}

#manualNav ul li.child-menu li {
	padding-left: 20px;
}

#manualNav ul li.child-menu a{
	display: inline-block;
}

/*-- Right Side --*/

#manualRight h1 {
	margin: 0 10px 22px 10px;
	padding: 10px 0 2px 7px;
	font-size: 2.1em;
	#color: #ffffff;
	color: #000000;
	#background: url("../img/onlinemanual/maintitle.gif") no-repeat top left;
	background: #CFF09E;
}

#manualRight #manualBox {
	margin: 0 10px;
	border: 1px solid #eaeaea;
	background-color: #fff;
}
#manualRight #manualBox h2 {
	margin: 0 0 4px;
	padding: 3px 0 1px 12px;
	font-size: 1.5em;
	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: 1.0em;
	}
	#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);
}