@charset "Shift_JIS";
/* 700px以上のブラウザ */
@media all and (min-width: 800px){
 #width{
  width: 800px;
  margin: 0px auto;
 }
}


/* 共通 */

body{
 font-family: "メイリオ", Meiryo, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游明朝", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", sans-serif;
 color: #553300;
 font-size: 95%;
 letter-spacing: 0.1em;
 line-height: 180%; 
}



a{
 text-decoration: none;
 }

a:link {
border-bottom: 1px dotted #000000;
color: #993333;
}

a:hover{
border-bottom: 1px solid #000000;
color: #000000;
}

a:visited{
 color: #553300;
 border-bottom: 1px dotted #000000;

}


hr{
 margin: 10px 0px;
 border: none;
 border-bottom: 2px dotted #000000;
}

p{
margin-top: 30px;
}

input{
 border: 1px solid #000000;
 background-color: #d7d2b9;
 color: #000000;
 width: auto;
 height: auto;
 font-family: Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
 font-size:90%;
 }

ul{
margin: 0 0 0 1em;
padding: 0;
}

#contents{
 max-width: 800px;
 text-align:left;
 margin: auto; 
 position: relative;
}

#block{
 margin-top: 30px;
}


.txt{
 margin: 10px 0px 50px;
 padding: 0px 5px 0px; 
}


.center{
 text-align: center;
}

img{
 max-width: 100%;
}

.title {
 margin: 30px 0px 15px;
 padding: 5px;
 font-size: 120%;
 color: #000000;
 border: 1px solid #000000;
 max-width: 800px;
 height:auto;
 overflow:visible;
 background-color: #d7d2b9;}

.waku {
 margin-top: 30px;
 padding: 5px;
 color: #000000;
 border: 1px solid #000000;
 max-width: 800px;
 height:auto;
 overflow:visible;
 background-color: #d7d2b9;}

.letter {
 margin: 10px 0px;
 padding: 5px;
 color: #000000;
 border: 1px solid #000000;
 max-width: 800px;
 height:auto;
 overflow:visible;
 background-color: #d7d2b9;}


.comment{
 font-size: small;
 color: #b3ab8f;
}

p.title {margin: 5px 5px 0px 0px;
 padding: 2px; }

.subtitle{
 margin: 20px 0px;
 font-size: 110%;
 color: #8e4424;
 position: relative;
}

.subtitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 0em;
	padding: 0 0em;
	background-color: #ffffff;
	text-align: left;
}

.subtitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #8e4424;
}


.line{
 border-bottom: 1px dashed #b3ab8f; 
}

.marker{
 background-color: #d7d2b9;
 color: #000000;
 padding: 1px;
}


/* ページ送り */

.go {
max-width: 100%;
margin: 40px auto 10px;
text-align: center;
overflow: hidden;
font-family: Elsie, "Times New Roman", serif;
}

.go span {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
width: 33%;
line-height: 2;
padding: 0;
border: 1px solid #000000;
background-color: #d7d2b9;
color: #000000;
}
.go span a {
display: block;
color: #000000;
text-decoration: none;
border: none;
}
.go span:nth-child(1) {
border-radius: 2em 0 0 2em;
border-right: none;
}
.go span:nth-child(1) a {
border-radius: 2em 0 0 2em;
}
.go span:last-child {
border-radius: 0 2em 2em 0;
border-left: none;
}
.go span:last-child a {
border-radius: 0 2em 2em 0;
}
.go span a:hover {
background-color: #b3ab8f;
color: #ffffff;
}

/* 名前変換フォーム */

@media screen{

form.changeName, form.changeName fieldset,
form.changeName ul, form.changeName li,
form.changeName p
{
	margin: 0px ; padding: 2px 3px; border: none;
}

form.changeName
{
 width: 100%; /* 横幅次第でフォームの並ぶ数も変わる */
 color: #553300;
}

form.changeName legend
{
	display: none;
}

form.changeName ul, form.changeName li,
form.changeName p, form.changeName label
{
	display: inline; 
}
form.changeName li label
{
	display: none; /*項目名を非表示にする場合は inline を none に*/
}
form.changeName input,
form.changeName select
{
 border: 1px solid #000000;
 color: #553300;
 font-size:85%;
}
form.changeName li input, form.changeName li select
{
 border: 1px solid #000000;
 background-color: #ffffff;
 color: #553300;
 width: auto;
 font-size:100%;

}
form.changeName .process
{
	display: block; /* 実行フォームだけ下にやりたい場合は inline をblock */
	margin-top: .2em;
}
form.changeName .process label
{
	margin-right: 0.4em;
}
form.changeName .process input
{

	margin: 0 .2em 0 0; cursor: pointer;
}

}