@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:staff.css */
/* creation date:2014年7月17日 */
/* last updated:2014年7月17日 */
/* -------------------------------------------------- */

#grossary header #gNav li.nav_grossary a {
	background: url(../../images/common/gNav_arrow.png) no-repeat center bottom;
	border-bottom: 3px solid #008cd6;
	cursor: default
}
#grossary #mainVisual .inner {
	height: 140px;
}
#mainVisual h2 span {
	background-position: left 43px;
	padding-top: 43px;
}
#contents {
	position: relative;
}
/* --------------------------------------------------
main
-------------------------------------------------- */
#contents #main {
	width: 650px;
	margin-left: auto;
}
#contents #main ul {
}
#contents #main ul .block {
}
#contents #main ul .block .accoTrigger {
	background: url(../../images/common/bg_thrash_blue.png) repeat-x left bottom;
	padding-top: 25px;
	padding-bottom: 5px;
	cursor: pointer;
}
#contents #main ul .block .accoTrigger.on {
	background-image: url(../../images/common/bg_thrash_green.png);
}
#contents #main ul .block:nth-of-type(1) .accoTrigger {
	margin-top: -25px;
}
#contents #main ul .block .accoTrigger span {
	color: #008cd6;
	font-size: 115%;
	letter-spacing: 0.2em;
	background: url(../../images/common/icon_off.png) no-repeat 5px 2px;
	padding-left: 30px;
	margin-bottom: 5px;
}
#contents #main ul .block .accoTrigger.on span {
	color: #6cc22a;
	background: url(../../images/common/icon_on.png) no-repeat left 5px;
}
#contents #main ul .block .blockInner {
	margin-top: 30px;
}
#contents #main ul .block .blockInner .box {
	background: #edfae3;
	padding: 25px 30px 30px;
	margin-bottom: 30px;
}
#contents #main ul .block .blockInner .box dt {
	color: #6cc22a;
	font-size: 115%;
	background: url(../../images/common/icon_circle_green.png) no-repeat left 3px;
	border-bottom: 1px solid #d1edbb;
	padding-bottom: 5px;
	padding-left: 20px;
}
#contents #main ul .block .blockInner .box dd {
}
#contents #main ul .block .blockInner .box dd .textBox {
	margin-top: 20px;
}
#contents #main ul .block .blockInner .box dd .textBox p {
}
/* --------------------------------------------------
side
-------------------------------------------------- */
#contents #side {
	width: 280px;
	position: absolute;
	top: 45px;
}

@media screen and (min-width: 960px) {
/*画面は幅960pxより大きい場合のみついてくる*/
#contents #side.fixed {
	position: fixed;
	top: 20px;
}
}
#contents #side ul {
}
#contents #side ul li {
	width: 88px;
	height: 88px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	background: url(../../images/common/bg_thrash_green.png);
}
#contents #side ul li:nth-child(3n) {
	margin-right: 0px;
}
#contents #side ul li a {
	display: block;
	background: url(../../images/common/bg_thrash_blue.png) #fff;
	padding: 6px;
}
#contents #side ul li .wrap {
	background: #fff;
	display: table;
	width: 76px;
	height: 76px;
}
#contents #side ul li .wrap p {
	color: #008cd6;
	font-weight: bold;
	font-size: 115%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 0.09em;
}
/* hover + .selected */
#contents #side ul li a:hover, #contents #side ul li a.selected {
	background: none
}
#contents #side ul li a:hover .wrap, #contents #side ul li a.selected .wrap {
	background: #6cc22a;
}
#contents #side ul li a:hover .wrap p, #contents #side ul li a.selected .wrap p {
	color: #fff;
}
