@charset "utf-8";
@import url("https://kamogawa.mag2.com/common/css/init.css");
@import url("https://kamogawa.mag2.com/common/css/font.css");
@import url("https://kamogawa.mag2.com/common/css/common.css");

@import url("https://www.mag2.com/css/overture-mm.css");
@import url("https://www.mag2.com/css/overture.css");

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

/* WIRE-FRAME
--------------------------------------------------------- */

html {
	overflow-y: scroll; /* CSS3 */
}

body {
	text-align: center;
}

#outline {
	margin: 0 auto;
	width: 100%;
}

/* background-image 1px ズレ対策 IE6 用 */
* html #outline {
	padding-left: 1px;
}

/* background-image 1px ズレ対策 IE7 用 */
*:first-child + html #outline {
	margin-left: -1px;
	padding-left: 1px;
}

#container {
	margin: 0 auto;
	padding-top: 10px;
	width: 800px;
	text-align: center;
}

#header,
#wrapper,
#footer {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: left;
}

#header {
	margin-bottom: 10px;
	width: 780px;
	min-height: 38px;
	max-height: 210px;
}

* html #header {
	height: 38px;
}

#wrapper {
	margin-bottom: 20px;
	width: 780px;
}

#wrapper #content {
	width: 550px;
	float: right;
}

.mrr #wrapper #content {
	float: left;
}

.wide #wrapper #content {
	float: none;
	width: 780px;
}

#wrapper #sidebar {
	width: 220px;
	float: left;
}

.mrr #wrapper #sidebar {
	float: right;
}

.wide #wrapper #sidebar {
	float: none;
	display: none;
}

#footer {
	width: 780px;
	min-height: 40px;
}

* html #footer {
	height: 40px;
}

/* CUSTOM STYLE
--------------------------------------------------------- */

div#container div#header,
div#container div#footer,
div#container div#footer address {
	border: none;
	position: relative;
	background-image: url("../img/dotline.gif");
	background-repeat: repeat-x;
}

#header {
	background-position: 0 100%;
}

#header ul li {
	position: absolute;
	bottom: 6px;
}

#header ul li#mypage {
	left: 155px;
}

#header ul li#mypage-assist {
	left: 250px;
	font-size: 85%;
}

#header ul li#beginner {
	right: 0;
}

@media screen and (max-width: 480px){
	#header ul li#beginner {
		display: none;
	}
}

#footer {
	background-position: 0 0;
	text-align: center;
}

#footer ul {
	padding: 5px 0;
}

#footer ul li:first-child,
#footer ul li.first-child {
	padding-left: 0;
	background-image: none;
}

#footer ul li {
	padding-left: 8px;
	display: inline;
	background: url("https://img.mag2.com/mag2/common/par.gif") 0 no-repeat;
}

#footer .genre ul {
	padding-right: 8px;
	display: inline;
	background: url("https://img.mag2.com/h/common/par_r.gif") 100% no-repeat;
}

#footer .genre li:first-child,
#footer .genre li.first-child {
	padding-left: 8px;
	background-image: url("https://img.mag2.com/h/common/par_l.gif");
}

#footer address {
	padding: 5px 0;
	color: #666;
	background-position: 0 0;
	text-align: right;
}

#footer address span {
	margin-right: 0.5em;
}

#footer address p {
	margin-left: 0.5em;
	display: inline;
}

/* COMMON STYLE
--------------------------------------------------------- */

img {
	border: none;
	vertical-align: bottom;
}

ol,
ul {
	list-style: none;
}

.passive {
	color: #999;
}

.clearfix {
	display: inline-block; /* This warning is off the subject. */
}

.caution,
.error {
	color: #f00;
}


#content .box p.mess-sub-com {
    text-align: center !important;
}
#content .box div.mess-sub-com {
    text-align: center !important;
}

#content .box p.mess-sub-com .error {
    color: black !important;
}
#content .box div.mess-sub-com .error{
    color: black !important;
}

/* FOOTER BNR
--------------------------------------------------------- */
#footer_bnr {
    margin: 0 auto 20px;
        width: 470px;
}
#footer_bnr .bnrL {
    float: left;
}
#footer_bnr .bnrR {
    float: right;
}