@charset "UTF-8";

/* ---------- base ---------- */
html {
margin:0;
padding:0;
}

body {
margin:0 0 20px 0;
padding:0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size:13px;
line-height:28px;
color:#333;
background:#D0F0FF;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, pre, blockquote {
margin: 0;
}
p{ margin:0 0 28px 0; }
ol,ul{ margin:0 0 28px 0; padding:0 0 0 25px; }
li{ margin:0 0 10px 0; }
table { margin:0; }

/* ---------- base ---------- */
/* max img-width 520px */
#pagebody{
width:560px;
margin:20px auto;
border:solid 1px #999;
background:#fff;
}
#pagebody-inner{
padding:30px 20px 20px 20px;
}
#header{
width:520px;
height:130px;
background:url(./images/header.jpg) no-repeat 0 0;
}

/* ---------- text ---------- */
/* max img-width 440px */
.text{
margin:50px 40px 0px 40px;
}
.text-inner{
margin:0 0 -5px 0;
background:url(./images/text.gif) repeat 0 100%;
}
.txt-style01{ margin-left:30px; }
.txt-style02{ margin-right:1em; text-align:right; }
.txt-style03{ padding:15px 15px 15px 40px; margin:40px 0 30px 0; border:dotted 2px #D7436A;  }

.img-style01{ margin:25px 0; }

.center{ text-align:center; }
.right{ text-align:right; }

.close{ text-align:center; }
.close a{ color:#333; font-size:14px; }