/*/////////////// layout///////////////////////*/
@import "http://";
*{
 background-color: #efefef; 
 max-width:500px;
 margin:auto;
 line-height:1.7;
 letter-spacing: calc(1px - .0625em);
 font-size:95%;
}

html
{
 font-size: 62.5%;
}

A:link 
{text-decoration:none;}
A:visited 
{color:#663399; text-decoration:none;}
A:active 
{color:#660033; text-decoration:none;}
A:hover 
{color:#dc143c; text-decoration:underline;}

/***************************************/
body{
 max-width:500px;
 text-align:center;
 font-family:"Hiragino Kaku Gothic ProN",Arial,sans-serif;
 font-size:1.6rem;/* 16px*/
 color:#383838;
}

#wrap{ 
  width: 500px;
  margin: 0 auto;
  text-align:left; 
}

p{
 font-family:"Hiragino Kaku Gothic ProN",Arial,sans-serif;
 font-size:95%;
 letter-spacing: calc(1px - .0625em);
 padding: 0.5em 3% 3em 3%;
 color:#383838;
}

.txt{
 font-family:"Hiragino Kaku Gothic ProN",Arial,sans-serif;
 font-size:1.6rem;/* 16px*/
 color:#383838;
}

/*/////////////// ,/////////////////////////*/
#masthead {
  margin:3em 3% 3em 3%;
  border-bottom: dashed #000 1px;
  font-size:1.8rem;/* 18px*/
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  text-align:right;
}

#page_content {
  margin:3% 3% 3em 3%;
  padding:0 0 0em 0;
  border-bottom: solid #000 1px;
  font-size:2.4rem;/* 24px*/
  letter-spacing:0.5em;
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

#footer {
  border-top: dashed #000 1px;
  font-size:1.8rem;/* 18px*/
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  text-align:center;
}
/*/////////////// ,/////////////////////////*/

ul, ol {
  border-top: solid #1e366a 1px;
  border-bottom: solid #1e366a 1px;
  margin:1em 3% 0% 3%;
  padding: 0.5em 1.5em 1.5em 3em;
  font-size:95%;
  line-height: 1.6;
  text-align:left; 
}

ul li, ol li {
  margin:0em 3% 0% 3%;
  padding: 0.3em 1%;
}
/**************************************/
dl { 
 margin: 3%;
 padding: 0;
}

dt {
 color:#cc0099;
 border-bottom:1px dashed #666;
 margin:2em 3% 3% 3%;
 font-size:1.6rem;/* 16px*/
 letter-spacing: calc(1px - .0625em);
}

dd {
 top:0.2em; 
 left:1em;
 border-width: 0px; 
 margin:0 3% 3% 0;
 padding:0.1em 0 0 2em; 
 font-size:1.6rem;/* 16px*/
 letter-spacing: calc(1px - .0625em);
}

/***************************************/

DIV {
 margin:1em 3% 2em 3%;
 padding:0 0em 0.1em 0em;
 color:#383838;
 font-size:95%;
 text-align:left; 
}

/*/////////////// box /////////////////////////*/

#box{
 margin-left : auto;
 margin-right : auto;
 text-align : left;
}

/***************************************/

h1{
margin:1em 3% 0em 3%;
font-size:110%;
color:#003399;
letter-spacing:1px;
font-family:Book Antiqua,Arial,sans-serif;
border-bottom:1px solid #003399;
}

h1:first-letter{font-size:140%;color:#cc0000;}

h2{
margin:1em 3% 0em 3%;
font-size:95%;
letter-spacing:1px;
font-familyArial,sans-serif;
border-top:1px solid #666;
border-bottom:1px solid #666;
}

h3{
margin:1em 3% 3em 3%;
padding:0;
color:#cc9999;
font-family:Book Antiqua,Arial,sans-serif;
font-weight:normal;
letter-spacing:2px;
text-align:center;
}

h4{
margin:0.5em 3% 2em 3%;
color:#cc9999;
font-family:Book Antiqua,Arial,sans-serif;
font-weight:normal;
letter-spacing:1px;
text-align:center;
}


h5{
margin:1em 3% 0em 3%;
padding: 0 20px 0px 0px;
font-family:Book Antiqua,Arial,sans-serif;
letter-spacing:1px;
border: 1px solid #000000;
text-align:left;
}


h6{
margin:0em 3% 0em 3%;
font-family:Book Antiqua,Arial,sans-serif;
color:#cc0000;
font-size:100%;
letter-spacing:1px;
text-align:center;
}
/* ============================================================
   application DEVICE�FTABLET(sm)�EDESKTOP(md)large screenDESKTOP(lg)
   ============================================================ */
@media all and (min-width: 768px) {
.link-bn dt{float: left;}
.link-bn dd{margin-left: 210px;padding: 0 0 0 10px;}
.btn-inline{display: inline;}
.lastup{margin-left: 30px;display: inline;}
;}