@charset "Shift_JIS";

body {
color: black;
margin: 0;
text-align: center;
background: #accbff;
font-size: 14px;
font-family: '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}

p {
margin: 30px 0;

}

form{
margin: 0;
}

img {
border: none;
}

.tokutei-width{
margin: 0 auto 40px;
text-align: left;
width: 500px;
}

td {
border: solid 1px #333;
border-bottom: none;
font-size: 14px;
padding: 15px 10px;
}

td.left{
text-align: center;
border-right: none;
width: 120px;
}

td.char{
border: none;
padding: 10px 5px;
line-height: 150%;
vertical-align: top;
}

td.dialog{
border: none;
line-height: 150%;
padding: 10px 5px;
}


#page {
margin: 0 auto;
width: 800px;
text-align: center;
background-image: url(img/shadow.png);
background-repeat: repeat-y;
}

.framepage {
background: white;
text-align: left;
line-height: 150%;
}

h1 {
font-size: 14px;
width: 800px;
height: 300px;
margin: 0 auto;
text-align: left;
font-weight: normal;
background-image: url(img/top_b.png);
background-repeat: no-repeat;
line-height: 32px;
text-indent: 50px;
}

.contents{
margin: 0 auto;
width: 650px;
text-align: left;
line-height: 200%;
}

.wrap666{
width: 666px;
margin: 0 auto;
}

.width222{
width: 222px;
margin: 0 auto;
line-height: 150%;
float: left;
}

.wrap600{
width: 600px;
margin: 0 auto;
}

.width200{
width: 200px;
margin: 0 auto;
line-height: 150%;
float: left;
}

.width333{
width: 333px;
margin: 0 auto;
line-height: 150%;
float: left;
}

.width150{
margin-bottom: 40px;
width: 150px;
float: left;
text-align: left;
}

.width500{
width: 500px;
float: left;
text-align: left;
padding: 20px 0;
}

.check_brest{
background-image: url(img/check.gif);
background-repeat: no-repeat;
background-position: 0 1px;
text-indent: 30px;
margin-bottom: 0;
font-weight: bold;
}

.brest{
margin-left: 30px;
margin-top: 0;
}

.box01{
width: 600px;
margin: 40px auto;
padding: 20px 0;
color: black;
border: 1px solid black;
text-align: left;
line-height: 200%;
}

.box02{
width: 650px;
padding: 20px 0;
background-image: url(img/border.png);
background-repeat: repeat-y;
text-align: left;
line-height: 200%;
}

.box03{
width: 550px;
padding: 20px 0;
border: black solid 1px;
text-align: left;
line-height: 200%;
}

.box04{
width: 550px;
margin-bottom: 50px;
padding: 20px 0;
background: #f8f8f8;
text-align: left;
line-height: 200%;
border: 1px #ccc solid;
}

.check{
background-image: url(img/check.gif);
background-repeat: no-repeat;
background-position: 0 1px;
text-indent: 30px;
}

.head{
margin: 50px 0 20px;
background-image: url(img/head.png);
background-repeat: no-repeat;
height: 90px;
text-indent: 80px;
}


#foot{
width: 800px;
margin-left: auto;
margin-right: auto;
padding: 5px 0;
font-size: 12px;
background-image: url(img/shadow.png);
}


.wrap500{
margin: 0 auto;
width: 500px;
}

.wrap600{
margin: 0 auto;
width: 600px;
}

.left144{
width: 144px;
float: left;
}

.right300{
width: 300px;
padding: 20px 0;
text-align: left;
float: right;
}

.left200{
width: 200px;
float: left;
}

.right380{
width: 380px;
padding: 35px 0;
text-align: left;
float: right;
}

.hover-window{
position: absolute;
visibility: hidden;
left: 50px;
width: 250px;
color: black;
background: white;
border: 1px black solid;
text-align: left;
line-height: 150%;
font-size: 12px;
}

.m0{
margin: 0;
}

.mt0{
margin-top: 0;
}

.mb0{
margin-bottom: 0;
}

.f12{
font-size: 12px;
}

.rbf20{
font-size: 20px;
font-weight: bold;
color: #c30000;
}

.under{
text-decoration: underline;
font-weight: bold;
}

.side10{
margin: 0 10px;
}

.tb10{
margin: 0 10px;
}

.side20{
margin: 0 20px;
}

.top20{
margin: 20px 0 0;
}

.tb20{
margin: 20px 0;
}

.xtop30{
margin-top: 30px;
}

.top40{
margin: 40px 0 0;
}

.top50{
margin: 50px 0 0;
}

.bottom40{
margin: 0 0 40px;
}

.tb40{
margin: 40px 0;
}

.top60{
margin: 60px 0 0;
}

.tb60{
margin: 60px 0;
}

.top80{
margin: 80px 0 0;
}

.side60{
margin: 0 60px;
}

.center{
margin: 0 auto;
text-align: center;
}

.clear{
clear: both;
}

.brown{
color: #a52a2a;
}

.red{
color: #c30000;
}

.blue{
color: #00009a;
}

.mark{
font-weight: bold;
background: #fdff57;
}

.mark-u{
font-weight: bold;
text-decoration: underline;
}

.mark-u-e{
font-weight: bold;
background: #fdff57;
text-decoration: underline;
}

.bold{
font-weight: bold;
}
