@charset "UTF-8";

body{
background-color: #FFD284;
margin: 0em;
padding: 0em;
font-size: 100%;	line-height: 150%; 
-webkit-text-size-adjust: 100%;
}

p{
margin-top: 1px; padding-top: 0px; 
margin-left: 0em; margin-right: 0em;
}

span.sub{
font-size: 80%;
line-height: 100%; 
}

span.note{
font-size: 100%;
color: #F75;
}

span.bf75{
font-weight: bold;
color: #F75;
}

span.n888{
color: #888;
}

h1{
font-size: 150%; line-height: 120%; 
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin-top: 0; padding-top: 0; 
margin-bottom: 0.5em;
}

h2{
font-size: 120%; line-height: 110%; 
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin-top: 0; padding-top: 0; 
margin-bottom: 0.5em;
}

h3{
font-size: 100%; line-height: 110%;
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin-top: 0; padding-top: 0; 
margin-bottom: 0.5em;
}

a img 	{ border: none; }
a:link	{ text-decoration: underline; color: #37D; }
a:hover	{ text-decoration: underline; color: #37D; background-color:#eeeeff; }
a:visited { text-decoration: underline; color: #48E; }
hr	{ width: 100%; height: 0px; }

#wrapper{
background-color: #ffffff;
width: 740px;
padding: 1em;
margin-top: 0em;
margin-left: 1em;
margin-right: 1em;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.2);
}

#header{
height: 100px;
margin-bottom: 20px;
}

#logo{
width: 120px;
height: 100px;
float:left;
margin: 0;
}

#title1{
width: 620px;
height: 50px;
float:left;
vertical-align: bottom;
}

#title2{
width: 500px;
height: 50px;
float:left;
vertical-align: middle;
}

#content{
clear:both;
}

#footer{
font-size: 90%; line-height: 150%; 
margin-top:20px;
text-align:center;
background:#fff;
}

#signature{
margin-top: 10px;
text-align: center;
font-size: 80%;
line-height: 150%; 
}

#summary_preview{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

table { font-size: 80%; line-height: 150%; }
td.caption {background-color: #e0e0e0; width: 16em; height: 1.8em;}
td.c-caption {background-color: #e0e0e0; width: 16em; height: 1.8em; text-align: center; font-weight: bold;}
td.r-caption {background-color: #e0e0e0; width: 16em; height: 1.8em; text-align: right;}
td.content {background-color: #ededed;}
td.blue    {background-color: #BDD6F9;}
td.orange  {background-color: #FFA64E;}
td.gray1   {background-color: #e0e0e0;}
td.gray2   {background-color: #ededed;}
td.submit  {background-color: #FF5A08; text-align: center;}
td.note    {color: #F75; font-size:80%; text-align: right;}
td.adv     {background-color: #ededed; 
            font-size:80%; text-align: right;}

.table1 {
font-size: 90%; line-height: 180%; 
border-collapse: separate;
border-spacing: 2px;
width: 740px;
margin-left: auto;
margin-right: auto;
}
.table1 td	{
padding:0.3em 1em 0.3em 1em;
}

div.caution{
font-size: 80%; 
}

div.indent{
font-size: 80%;
margin-left: 2em;
}

.table2 {
font-size: 80%; line-height: 130%; 
border-collapse: collapse;
border-spacing: 2px;
width: 680px;
margin-left: auto;
margin-right: auto;
}
.table2 th	{
text-align: center;
background-color: #eeeeee;
padding:0.3em 0.3em 0.3em 0.3em;
}
.table2 th.left	{
text-align: left;
background-color: #eeeeee;
padding:0.3em 0.3em 0.3em 0.3em;
}
.table2 td	{
text-align: center;
padding:0.3em 0.3em 0.3em 0.3em;
}
.table2 td.left	{
text-align: left;
padding:0.3em 0.3em 0.3em 0.3em;
}

.innerTable {
font-size: 100%;
border-spacing: 2px;
padding: 0px;
}
.innerTable td{
padding: 0px;
}

.table3 {
    font-size: 90%; line-height: 180%;
    border-collapse: collapse;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.table3 td      {
    padding:0.3em 1em 0.3em 1em;
}
.table3 td.center{
    text-align: center;
}
.table3 td.uborder {
    border-collapse: collapse;
    border-bottom: 2px #ffd37d solid;
}
.table3 td.uborder_cm {
border-collapse: collapse;
border-bottom: 2px #ffd37d solid;
text-align:center;
vertical-align:bottom;
}

.table4 {
font-size: 100%; line-height: 130%;
border-collapse: collapse;
border: solid 2px #808080;
margin-left: 4em;
margin-right: 4em;
}
.table4 th {
border: solid 2px #808080;
padding: 0.3em 0.5em 0.3em 0.5em;
}
.table4 td {
border: solid 2px #808080;
padding: 0.3em 0.5em 0.3em 0.5em;
}
.table4 td.kekka {
border: solid 2px #808080;
text-align: center;
width: 8em;
}

::placeholder {
  color: skyblue;
}