/*@charset "utf-8";*/

/* for body */
body {
	margin: 0;
	padding: 0;
	background: #FAF7F3;
	color: #000;
	font-family: "メイリオ",Meiryo, Verdana, "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Arial, helvetica, sans-serif;
}
#body {
	margin-left: 1.5em;
}

/* for table */
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #333;
	padding: 8px;
}
#form th {
        color: #fff;
	white-space: nowrap;
	background: #486d94;
}
#form td {
	background: #fff;
}
p.btn input {
	width: 110px;
	height: 30px;
}

/* for top */
#top {width: 600px;
      margin-top: 10px;
      margin-bottom: -30px;}
#top_link {display: block:}
#top_link  {text-decoration: none;}

.top_h1 {height: 70px;}

h1 {background-image: url('../image/logo.png');
    background-size: 40px;
    background-position: 1% 5%;
    background-repeat: no-repeat;
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 60px;
    width: 740px;}

h2 {font-size: 16px;
    font-weight: 500;
    color: #666666;
    margin-top: 0px;
    margin-bottom: 0;}

/* for title */
h3 {font-size: 100%;
    text-align: left;
    border-left: solid 4px #486d94;
    border-bottom: 1px solid gray;
    padding: 4px 6px;
    margin: 2em 0;
    width: 500px;
    }

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}


/* for home-button */
#caption {margin-top: 20px;
          display: -webkit-box;
          display: -webkit-flexbox;
          display: flex;}

  .cap1 {display: flex;
         margin-right: 5px;}
   .cap1 a {display: flex;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            text-align: center;
            text-decoration: none;
            border: 1px solid #000000;
            border-radius: 5px;
            background: #486d94;
            font-size: 12px;
            color: #ffffff;
            width: 108px;
	    height: 30px;}

#personal-info {font-size: 15px;
                margin-top: 20px;}

/* スマートフォンレイアウト */
@media screen and (max-device-width: 480px)
{
body { font-family: "メイリオ",Meiryo, Verdana, "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Arial, helvetica, sans-serif;}

/* 投稿フォーム */
    #form {margin: 0 auto;
	   width: 100%;
	   }
    #form th, #form td {text-align: left;
		        width: 100%;
                        display: block;
                        padding: 10px 3px;
                        }
    p.btn {margin: 0.5em auto;
    	   text-align: center;
           }
    p.btn input {width: 9em;
                 }

h1 {background-image: url('../image/logo.png');
    background-size: 35px;
    background-position: 1% 5%;
    background-repeat: no-repeat;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 60px;
    width: 740px;}

h2 {font-size: 14px;
    font-weight: 500;
    color: #666666;
    margin-top: 0px;
    margin-bottom: 0;}

#caption {justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
          padding-left: 5px;}

.cap1 a {width: 118px;
	 height: 30px;}
    
/* 小見出し */
	h3 { margin: 1em 3px; width: 90%; }
	
	/* サンクス */
	p.msg { margin: 1em auto; padding: 1em; }
}