.torisetsu {
width:100%;
border:none;
margin:1em auto 2em auto;
}

.torisetsu tr, td {
border-collapse:collapse;
padding:1em 0;
border:0;
text-align:center;
}

.torisetsu td {
height:2em;
vertical-align:middle;
}

.torisetsu1 {
width: 3.25em;
text-align:center;
font-weight:bold;
font-size:large;
margin:0;
border:0;
vertical-align:middle;
}

.nodata {
background:#f8f8f8;
}

.datah {
background:#f0f0ff;
}

.datav {
background:#fff0f0;
}

.datax {
background:#ffe0ff;
}

.toria { width:10%; }
.torib { width:33%; }
.toric { width:34%; }
.torid { width:33%; }


.mlp {
width: 1.5em;
text-align:center;
font-weight:bold;
font-size:large;
margin:0 0.25em 0 0.25em;
border:0;
}

#myY {
margin:0 0 0 0.5em;
width: 6em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

#myM {
margin:0 0 0 0.1em;
width: 4em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

#myD {
margin:0 0 0 0.1em;
width: 4em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

#namae {
margin:0 0 0 0.618em;
width: 13.9em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.5em;
}

.calc {
margin:0.234em 0 1.618em 0.618em;
padding:0.15em 1.7em;
font-size:large;
background-color:#ffe8f0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.calc2 {
margin:1.618em 0.618em;
padding:0.15em 1.7em;
font-size:large;
background-color:#ffe8f0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.ll {
width: 7.75em;
text-align:left;
font-weight:bold;
font-size:x-large;
margin:0 0.25em 0 0.25em;
padding-left:0.5em;
border:0;
}

.it {
width: 12.5em;
text-align:left;
font-weight:bold;
font-size:x-large;
margin:0 0.25em 0 0.25em;
padding:0 0 0.25em 0.5em;
border:0;
vertical-align:middle;
line-height:1em;
}

.fy {
margin:0;
padding:0.15em 0;
text-align:center;
border:0;
vertical-align:middle;
width:100%;
font-size:large;  
}


.mpy {
margin:0.15em 0; 
padding:0.25em 0;
text-align:center;
font-weight:bold;
font-size:x-large;
border:0;
vertical-align:middle;
width:100%; 
}

.year {
margin:0.25em 0 0 0;
padding:0.2em 0;
font-size:large;
background-color:#ffe8f0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#nengou { height:1.6em; width:4.25em; vertical-align:middle; padding:0.2em 0.1em; margin:0 0 0 0.5em; text-align:center; color:#16A4AB; font-size:large; }
#nen { height:1.6em; width:3.25em; vertical-align:middle; padding:0.2em 0.1em; text-align:center; color:#16A4AB; font-size:large; }
.seireki { height:1.6em; width:2.75em; vertical-align:middle; padding:0 0.1em; text-align:center; color:#16A4AB; font-size:large; }

.textauto { line-height:1em; margin:1.5em 0.25em 0.5em 0.75em; }

.dauto { background-color:#f0fdff; padding:1.5em 0.5em 0.5em 1em; margin:1.5em 0.5em 1.25em 0.5em; }

.textita { margin:0 0 0.5em 0; line-height:1.6em; padding:0 0.8em; }
.textitb { margin:0.2em 0 0.2em 1.5em; line-height:1.3em; }
.textitc { margin:0; padding:0; line-height:1.3em; }

.tablepy { margin:0 0 1em 0.75em; width:auto; }
.tdn { text-align:center; width:3.75em; padding:0 0.25em;}
.tdp { text-align:center; width:3.75em; padding:0 0.25em;}
.tdy { text-align:center; width:3.75em; padding:0 0.25em; }
.tda { text-align:left; }
.tdb { text-align:left; }
.tdd { text-align:right; }
.tde { text-align:right; }

#myYear {
margin:0 0 0 0.5em;
width: 6em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

#myMonth {
margin:0 0 0 0.1em;
width: 4em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

#myDay {
margin:0 0 0 0.1em;
width: 4em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

#yourY {
margin:0 0 0 0.5em;
width: 6em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

#yourM {
margin:0 0 0 0.1em;
width: 4em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

#yourD {
margin:0 0 0 0.1em;
width: 4em;
height: 1.6em;
font-size:large;
padding:0 0 0 0.25em;
}

.result {
font-size:large;
}

.match {
width:100%;
border:none;
margin:2em auto;
}

.match tr, td {
cellspacing:0;
cellpadding:0;
border:0;
text-align:center;
}

.match td {
height:4em;
vertical-align:middle;
}

.matcha {
text-aling:center;
width:45%;
margin:0;
padding:0;
background-color:#f0f0ff;
}

.matchb {
text-aling:center;
width:45%;
font-weight:bold;
color:#16A4AB;
margin:0;
padding:0;
background-color:#f0f0ff;
}

.match1 {
width:45%;
text-align:center;
font-weight:bold;
font-size:large;
margin:0;
border:0;
vertical-align:middle;
}

.tori1 { height:1em !important; padding:0 !important; }
.tori2 { height:5em; }
.tori3 { height:6em; }

@media screen and (max-width:680px) {
	
.textauto { line-height:1em; margin:1.5em 0.5em 0.75em 0.75em; }
.dauto { background-color:#f0fdff; width:93%; padding:0.5em 0; margin:1.5em auto; }

.textitb { margin:0.2em 0 0.2em 1em; padding:0 0 0.25em 0;  }
.ll { width: 3.9em; }
.it { width: 9.75em; }

.year { margin-top:0.75em; }

.tdn { text-align:center; width:2.85em; padding:0; }
.tdp { text-align:center; width:2.85em; padding:0 0.2em; }
.tdy { text-align:center; width:2.85em; padding:0 0.2em; }
.tablepy { margin-left:auto; margin-right:auto; }

}