@charset "UTF-8";

/* guide
***************************************************************************/
section .data {
    display:block;
    margin: 0 0 15px 0;
    padding: 0.5em 0.5em 0.2em 0.5em;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #e9e9e9;
    font-weight: bold;
    font-size: 16px;
}

.map {
    margin: 0;
    clear: both;
}
.map img { margin:auto;}

.bus .colinner-1 {
    float: left;
    width: 35%;
}
.bus .colinner-2 {
    float: right;
    width: 63%;
}

.welcome {
    margin: 50px 10%;
    font-size: 1.4em;
    color: #333;
}
.welcome h2 {
    border: 0;
    font-size: 26px;
    padding:0;
}
.welcome h3 {
    background-image: none;
    font-size: 20px;
    padding:0;
}
.welcome p {
    line-height: 1.7;
}
.welcome .wide img {
    margin:auto;
}
.attention {
    font-size: 1.1em;
}
.attention li {
    margin: 1em 0;
}
.attn-list {
    padding: 0;
    list-style: none;
}
.attn-list li {
    background: url(/img/fppc/attn_ico_01.gif) no-repeat 0 0;
    padding: 0.5em 0 0 46px;
    min-height: 40px;
}
.attn-list li.n01 {
    background: url(/img/fppc/attn_ico_01.gif) no-repeat 0 0;
}
.attn-list li.n02 {
    background: url(/img/fppc/attn_ico_02.gif) no-repeat 0 0;
}
.attn-list li.n03 {
    background: url(/img/fppc/attn_ico_03.gif) no-repeat 0 0;
}
.attn-list li.n04 {
    background: url(/img/fppc/attn_ico_04.gif) no-repeat 0 0;
}
.attn-list li.n05 {
    background: url(/img/fppc/attn_ico_05.gif) no-repeat 0 0;
}
.attn-list li.n06 {
    background: url(/img/fppc/attn_ico_06.gif) no-repeat 0 0;
}
.attn-list li.n07 {
    background: url(/img/fppc/attn_ico_07.gif) no-repeat 0 0;
}
.attn-list li.n08 {
    background: url(/img/fppc/attn_ico_08.gif) no-repeat 0 0;
}
.attn-list li.n09 {
    background: url(/img/fppc/attn_ico_09.gif) no-repeat 0 0;
}
.attn-list-etc {
    margin: 2em 0 0 15px;
}
#pamph-ja .colinner-1 {
    float:none;
    margin:auto;
}
#pamph-ja .flag {
    text-align:center;
}
.pamphimg,
.mailmagimg {
    border: 1px solid #ccc;
}
.mailmagregist {
    margin-bottom: 10px;
}
.maillink {
    margin: 15px 0 0 0;
}
.maillink span {
    font-size:9px;
    margin-left:1em;
}

.note02{
    font-size: 0.85em;
    font-weight: normal;
}

.note02 em{color: #CC0000; font-style: normal; }


/* screens smaller than 540
***************************************************************************/
@media only screen and (max-width:540px) {
.map {
    margin: 30px 0;
}
.bus .colinner-1 {
    float: none;
    width: auto;
}
.bus .colinner-2 {
    float: none;
    width: auto;
}
.welcome {
    font-size: 1em;
}
.map {
    margin: 0;
}
}
/* /screens smaller than 540 */