*	{
	padding:0px; 
	margin:0px;
}

body{
	background-color:white;
	background-repeat: repeat-y;
}

.center	{
		text-align:center; 
		margin:0 auto;
}

DIV.caution{
		width:650px; 
		background-color:#efffdf;
		letter-spacing:normal;
		text-align:left; 
		color:#4a4a4a; 
		font-size:0.8em; 
		line-height:1.8em;
		margin:10px auto 10px auto; 
		padding:20px 10px;
}

DIV.novel	{
		width:680px; 
		background-color:white;
		line-break:strict; 
		letter-spacing:normal;
		text-align:left; 
		color:#4a4a4a; 
		font-size:0.95em; 
		line-height:1.9em;
		margin:10px auto 30px auto; 
		padding:12px;
}

DIV.mail	{
		width:300px; 
		background-color:white;
		border:solid 1px #707070;
		font-size:0.9em;
		margin:50px auto; 
		padding:10px;
}

DIV.title	{
		font-size:1.8em; 
		font-style:italic; 
		font-family:serif; 
		font-weight:bold; 
		color:#8c3f3f;
		border-bottom:1px solid;
		margin-right:250px;
}

DIV.comment	{
	font-size:0.7em; 
	text-align:center; 
	color:#4a4a4a; 
}

DIV.maegaki{
		width:600px; 
		background-color:white;
		color:#4a4a4a; 
		font-size:0.9em;
		line-height:1.6em;
		text-align:left;
		margin:10px auto 30px auto; 
		padding:12px;
		letter-spacing:normal;
}

.black	{
		color:#4a4a4a; 
}

.red	{
		color:#b9221e;
}

.blue	{
		color:#003cb3;
}

br		{
		letter-spacing:normal;
}

HR		{
		color:#555555; 
		height:1px; 
		border-width:1px 0px 0px 0px; 
		margin:5px auto;
		border-style:solid; 
		border-color:#4a4a4a;
}

HR.mail	{
		color:#707070; 
		height:1px;
		border-width:1px 0px 0px 0px; 
		margin:2px auto 0px auto;
		border-style:dashed; 
		border-color:#707070;
}

A:LINK			{color:#003380; text-decoration:underline;}
A:VISITED		{color:#003380; text-decoration:underline;}
A:ACTIVE		{color:#003380; text-decoration:underline;}
A:HOVER			{color:#003380; text-decoration:underline;}

A:LINK.red		{color:#a33030; text-decoration:underline;}
A:VISITED.red	{color:#a33030; text-decoration:underline;}
A:ACTIVE.red	{color:#a33030; text-decoration:underline;}
A:HOVER.red		{color:#a33030; text-decoration:underline;}

A:LINK.top		{color:#4a4a4a ;font-weight:bold ;text-decoration:none;}
A:VISITED.top	{color:#4a4a4a ;font-weight:bold ;text-decoration:none;}
A:ACTIVE.top	{color:#4a4a4a ;font-weight:bold ;text-decoration:underline;}
A:HOVER.top		{color:#4a4a4a ;font-weight:bold ;text-decoration:underline;}

.br-sp {
    display: none;
}

/*スマホ用*/
@media screen and (max-width:580px) {

	body{
		background-color:white !important;
		background-image: none !important;
		background-repeat: none !important;
	}

	DIV.caution{
		width: 93vw;
		background-color:#efffdf;
		font-family:serif,monospace !important;
		letter-spacing:normal;
		text-align:left; 
		color: #000; 
		font-size:0.85em; 
		line-height:1.8em;
		margin:1em auto 2em auto;
		padding:2em 1em;
}

	DIV.novel	{
		width:93vw; 
		background-color:white;
		font-family:serif,monospace !important; 
		line-break:strict; 
		letter-spacing:normal;
		text-align:left; 
		color:#000; 
		font-size:0.85em; 
		line-height:1.8em;
		margin:1em auto 2em auto; 
		padding:0.2em;
	}

	DIV.title	{
		font-size:1.4em; 
		font-style:italic; 
		font-family:serif,monospace !important;
		font-weight:bold; 
		color:#8c3f3f;
		border-bottom:1px solid;
		margin-right:10vw;
	}

	DIV.comment	{
		font-size:0.7em; 
		font-family:serif,monospace !important;
		text-align:center; 
		color:#000; 
	}

	.invisible {
		display:none
	}

	.br-sp {
		display: block;
	}

	rt {
  		margin-bottom: -0.2em; /* 下方向（親文字側）に少し寄せる */
	}

}