@charset "utf-8";
@import url("https://www.mag2.com/css/topix.css");
@import url("https://www.mag2.com/css/yakudachi.css");
@import url("../../css/style.css");
@import url("../../css/mag-unit.css");

/* ここから下に記述 */

/* OUTLINE
--------------------------------------------------------- */

/* CONTAINER
--------------------------------------------------------- */

/* HEADER
--------------------------------------------------------- */

/* WRAPPER
--------------------------------------------------------- */
#header-title {
	margin-bottom: 15px;
}

#header-title p {
	padding: 0 10px;
	font-size: 116%;
	line-height: 1.4;
}

/* WRAPPER -> CONTENT
--------------------------------------------------------- */
.headline-1 {
	margin-bottom: 10px;
	background-image: url("../../img/headline-1-top.gif");
	background-repeat: no-repeat;
}

.headline-1 span {
	padding: 6px 20px;
	display: block;
	background-image: url("../../img/headline-1-btm.gif");
	background-repeat: no-repeat;
	background-position: 0 100%;
	font-weight: bold;
	font-size: 116%;
}

#syun .headline-box {
	padding-bottom: 10px;
	background: url("../syun/img/title-btm.png") no-repeat 0 100%;
}

#syun .headline-sbox {
	padding-bottom: 5px;
	background: url("../syun/img/title-bg.png") no-repeat;
}

#osusume .headline-box h2,
#syun .headline-box h2 {
	margin-bottom: 0;
	padding: 8px;
	color: #fff;
	font-weight: bold;
	font-size: 123%;
}

#syun .headline-sbox p {
	margin: 5px 5px 0;
	padding: 5px;
	line-height: 1.3;
	background: #ebded8;
}

#hondana .mag-title span a,
#osusume .mag-title span a,
#syun .mag-title span a {
	color: #333;
}

#osusume .headline-box {
	padding-bottom: 10px;
	background: url("../osusume/img/title-btm.png") no-repeat 0 100%;
}

#osusume .headline-sbox {
	padding-bottom: 5px;
	background: url("../osusume/img/title-bg.png") no-repeat;
}

#osusume .headline-sbox p {
	padding-left: 8px;
	color: #fff;
	line-height: 1.3;
}

#hondana .headline-box {
	padding-bottom: 10px;
	background: url("../hondana/img/title-btm.png") no-repeat 0 100%;
}

#hondana .headline-box h2 {
	margin-bottom: 0;
	padding: 8px;
	background: url("../hondana/img/title-bg.png");
	font-weight: bold;
	font-size: 123%;
}

/* WRAPPER -> SIDEBAR
--------------------------------------------------------- */


#wrapper #sidebar .cat-group {
	margin-bottom: 10px;
	border: 1px solid #6cf;
	position: relative;
	height: 1%;
}

#wrapper #sidebar h2 {
	padding: 3px 3px 3px 10px;
	border-bottom: 1px solid #3cf;
	background: #c0e6f9;
	font-weight: bold;
}

#wrapper #sidebar h2 span {
	padding: 3px;
	font-weight: bold;
}

#wrapper #sidebar ul {
	padding: 10px 0;
	width: 100%;
}

#wrapper #sidebar li {
	margin-left: 10px;
	padding-left: 12px;
	background: url("../../img/toggle-end.gif") no-repeat 0;
}

#wrapper #sidebar dt#recruitment {
	padding: 0 10px;
	color: #333;
	background: url("../../img/charged-title.gif") no-repeat;
	font-weight: bold;
}

.box-head-l,
.box-head-r,
.box-foot-l,
.box-foot-r {
	position: absolute;
	height: 6px;
	width: 6px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.cat-group .box-head-l {
	background-image: url("../../img/l-t.gif");
	top: -1px;
	left: -1px;
}

.cat-group .box-head-r {
	background-image: url("../../img/r-t.gif");
	top: -1px;
	right: -1px;
}

.cat-group .box-foot-l {
	background-image: url("../../img/l-b.gif");
	bottom: -1px;
	left: -1px;
}

* html .sec .box-foot-l {
	bottom: -2px;
	left: -1px;
}

.cat-group .box-foot-r {
	background-image: url("../../img/r-b.gif");
	bottom: -1px;
	right: -1px;
}

* html .sec .box-foot-r {
	bottom: -2px;
	right: -1px;
}

#wrapper #sidebar #other-cat .box-foot-l {
	background-image: url("../../img/yf-l.gif");
	bottom: -1px;
	left: -1px;
}

* html #wrapper #sidebar #other-cat .box-foot-l {
	bottom: -2px;
}

#wrapper #sidebar #other-cat .box-foot-r {
	background-image: url("../../img/yf-r.gif");
	bottom: -1px;
	right: -1px;
}

* html #wrapper #sidebar #other-cat .box-foot-r {
	bottom: -2px;
}

#wrapper #sidebar #other-cat {
	margin-bottom: 10px;
	border: 1px solid #c3b676;
	position: relative;
	height: 1%;
}

#wrapper #sidebar #other-cat p {
	margin: 10px;
	border-bottom: none;
}

#wrapper #sidebar #other-cat p a {
	margin-bottom: 5px;
	padding-left: 10px;
	display: block;
	background: url("../../img/navi-next-or.gif") no-repeat 0 50%;
	font-weight: bold;
	font-size: 116%;
}

* html #wrapper #sidebar #other-cat p a {
	padding: 5px 10px;
	width: 100%;
}

/* FOOTER
--------------------------------------------------------- */