@charset "utf-8";
@import url("https://www.mag2.com/css/topix.css");
@import url("https://www.mag2.com/css/yakudachi.css");
@import url("style.css");
@import url("mag-unit.css");
@import url("side-rank.css");
@import url("overture.css");
@import url("//kamogawa.mag2.com/common/css/durasite.css");
/* ここから下に記述 */

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

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

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

/* WRAPPER
--------------------------------------------------------- */

#page-title {
	position: relative;
}

#page-update {
	position: absolute;
	top: 10px;
	right: 10px;
}

#topicpath {
	margin-bottom: 10px;
	padding: 6px 0;
	border-top: 1px solid #fff;
	width: 780px;
	background-color: #c0e6f9;
}

* html #topicpath {
	width: 780px;
}

#topicpath li {
	float: left;
}

#topicpath h1 {
	padding-left: 10px;
	font-weight: bold;
}

#topicpath h2,
#topicpath h3 {
	padding-left: 20px;
	background: url("../img/golink-g.gif") 6px no-repeat;
	font-weight: bold;
}

/* WRAPPER -> CONTENT
--------------------------------------------------------- */

.gnavi {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px dashed #f60;
	background-color: #fff8dc;
}


body#cat1 .gnavi .this {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 8em;
}

body#cat1 .gnavi ul {
	padding-left: 8em;
}

body#cat1 .gnavi ul li {
	float: left;
	width: 140px;
	font-weight: bold;
}

body#cat1 .gnavi ul li a,
body#cat1 .gnavi ul li span {
	padding: 2px;
	padding-left: 15px;
	background: url("../img/golink.gif") no-repeat 2px 50%;
}

.gnavi dt {
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
	font-size: 108%;
}

body#cat1 .gnavi,
.gnavi dd {
	position: relative;
}

.gnavi dd .this {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 8em;
}

.gnavi dd ul {
	padding-left: 8em;
}

.gnavi dd ul li {
	float: left;
	width: 140px;
	font-weight: bold;
}

body#cat1 .gnavi ul li.gnavi-personal,
.gnavi dd ul li.gnavi-personal {
	width: 200px;
}

.gnavi dd ul li a,
.gnavi dd ul li span {
	padding: 2px;
	padding-left: 15px;
	background: url("../img/golink.gif") 2px 50% no-repeat;
}

#content h2 {
	margin-bottom: 10px;
	padding: 5px;
	border-left: 5px solid #3cf;
	background: #c0e6f9;
	font-weight: bold;
	font-size: 123%;
}

#content h2 span {
	font-weight: normal;
}

body#cat1 #content h2 {
	padding: 5px 5px 5px 30px;
	border-bottom: 1px solid #3cf;
	clear: both;
	background: #ffe9c0 url("../img/point-arrow.gif") no-repeat 5px 50%;
}

*:first-child + html body#cat1 #content h2 {
	background-position: 10px;
}

* html body#cat1 #content h2 {
	background-position: 10px;
}

body#cat1 #content ul.golink {
	margin-bottom: 25px;
}

body#cat1 #content ul.golink li {
	float: left;
	width: 270px;
}

body#cat1 #content ul.golink li a {
	padding-left: 14px;
	background: url("../img/golink.gif") no-repeat 0 50%;
}

.mag-rule {
	margin-bottom: 15px;
}

.mag-rule a {
	padding-left: 14px;
	background: url("../img/golink.gif") 0 50% no-repeat;
	font-weight: bold;
}

.mag-rule span {
	font-size: 77%;
}

.page-navi {
	margin-bottom: 30px;
	position: relative;
	width: 552px;
	height: 16px;
	background-image: url("../img/page-navi.gif");
	background-position: 0 100%;
}

.page-navi li {
	position: absolute;
	top: 0;
	width: 98px;
	height: 16px;
	text-indent: -9999px;
}

.page-navi li a {
	display: block;
	width: 98px;
	height: 16px;
	overflow: hidden;
	background-image: url("../img/page-navi.gif");
	text-indent: -9999px;
}

.page-navi .first {
	left: 0;
}

.page-navi .prev {
	left: 98px;
}

.page-navi .next {
	right: 98px;
}

.page-navi .last {
	right: 0;
}

.page-navi .first a {
}

.page-navi .prev a {
	background-position: -100px 0;
}

.page-navi .next a {
	background-position: -352px 0;
}

.page-navi .last a {
	background-position: 100% 0;
}

li.gotop {
	text-align: right;
}

li.gotop a {
	padding-left: 14px;
	background: url("../img/gotop.gif") no-repeat 0 50%;
}

#content #mag-list {
	margin-bottom: 10px;
}

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

#sidebar #search {
	margin-bottom: 10px;
	background: url("../img/bg-src.gif") no-repeat 50% 0;
}

#sidebar #search form {
	padding: 15px;
	background: url("../img/side-bottom.gif") no-repeat 50% 100%;
	text-align: right;
}

#sidebar #search form input#keyword {
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #656764;
	width: 184px;
}

#sidebar #search form .check-kind {
	padding: 0;
	text-align: left;
}

#sidebar #search form .s-check-kind {
	margin: 3px 0;
	padding: 3px 7px;
	background-color: #66baff;
	text-align: left;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#sidebar #search form .check-kind li input,
#sidebar #search form .s-check-kind li input {
	vertical-align: middle;
}

#wrapper #sidebar #other-cat,
#wrapper #sidebar #cat-list {
	margin-bottom: 10px;
	border: 1px solid #6cf;
	position: relative;
}

#wrapper #sidebar #ranking {
	margin-bottom: 10px;
}

#wrapper #sidebar #charge-ossm {
	margin-bottom: 10px;
	position: relative;
}

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

#wrapper #sidebar #charge-ossm ul {
	padding: 0;
}

#wrapper #sidebar #charge-ossm li {
	margin: 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #999;
	color: #333;
}

#wrapper #sidebar #charge-ossm li a {
	display: block;
	font-weight: bold;
}

#wrapper #sidebar #charge-ossm li span {
	display: block;
	font-weight: bold;
	text-align: right;
}

#wrapper #sidebar #charge-ossm li.last {
	margin: 10px;
	padding-bottom: 10px;
	border-bottom: none;
}

#wrapper #sidebar #charge-ossm dd {
	border: 1px solid #c3b676;
	position: relative;
}

#wrapper #sidebar #cat-list dt,
#wrapper #sidebar #other-cat dt {
	padding: 3px 3px 3px 10px;
	border-bottom: 1px solid #3cf;
	line-height: 1;
	background: #c0e6f9;
	font-weight: bold;
}

#wrapper #sidebar #cat-list dt span,
#wrapper #sidebar #other-cat dt span {
	padding: 3px;
	font-weight: bold;
}

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

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

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

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

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

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

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

* html body#personal #other-cat .box-foot-l {
	bottom: -1px;
}

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

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

* html body#personal #other-cat .box-foot-r {
	bottom: -1px;
}

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

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

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

* html #ranking .box-foot-l {
	bottom: -2px;
}

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

* html #ranking .box-foot-r {
	bottom: -2px;
}

#charge-ossm .box-foot-l {
	bottom: 0;
	left: 0;
	background-image: url("../img/yf-l.gif");
}

* html #charge-ossm .box-foot-l {
	bottom: -1px;
}

#charge-ossm .box-foot-r {
	right: 0;
	bottom: 0;
	background-image: url("../img/yf-r.gif");
}

* html #charge-ossm .box-foot-r {
	bottom: -1px;
}

#wrapper #sidebar ul.cat1 {
	padding-top: 5px;
}

.cat1 li {
	margin-left: 5px;
}

.cat1 a {
	padding: 2px 0 2px 13px;
	display: block;
	overflow: hidden;
	background: url("../img/toggle-end.gif") #fff no-repeat 0 50%;
}

.cat1 a.open {
	background: url("../img/ctg-minus.gif") no-repeat 0 50%;
}

#wrapper #sidebar ul ul {
	padding: 0;
	background: none;
}

.cat1 ul li a {
	margin-left: 10px;
	padding-left: 13px;
	background: url("../img/toggle-open.gif") #fff no-repeat left;
}

.cat1 ul li a.open {
	background: url("../img/ctg-minus.gif") no-repeat 0 50%;
}

.cat1 li ul li ul.cat3 li a {
	margin-left: 20px;
	padding-left: 12px;
	background: url("../img/toggle-end.gif") no-repeat 0 50%;
}

.cat1 li ul li ul.cat3 li  {
}

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