*{
margin:0px;
padding:0px;
}
body{
margin:0px auto;
padding:0px 30px 50px 30px;
text-align:center;
color:#ffffff;
background-color:#dda0dd;
cursor:default;
}
br{letter-spacing:normal}
a{text-decoration:none}
a:link{color:#cccccc}
a:active{color:#cccccc}
a:visited{color:#cccccc}
a:hover{color:#999999}
p{padding:0 0 1.5em 0}
pre{overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
	}

/******　見出し　******/

h1{
padding:10px 10px 10px 40px;
font-size:140%;
font-family:'century gothic',verdana,sans-serif,osaka;
font-weight:normal;
letter-spacing:3px;
background:url(img/h1.gif) 0% 50% no-repeat;
}
h2{
margin:0px 0px 0px 40px;
padding:10px 15px;
color:#ffffff;
background:#dda0dd;
font-size:85%;
font-family:Tahoma,verdana,sans-serif,osaka;
font-weight:normal;
letter-spacing:2px;
}
h3{
margin:0px 0px 0px 40px;
padding:10px 15px;
color:#dda0dd;
font-size:70%;
font-family:Tahoma,verdana,sans-serif,osaka;
font-weight:bold;
letter-spacing:2px;
}

/******　全体　******/

.all{
width:750px;
margin:0px auto;
padding:30px;
text-align:left;
color:#000000;
background-color:#ffffff;
}
.all a{
text-decoration:none;
}
.all a:link,.all a:active,.all a:visited{
color:#000000;
}
.all a:hover{
color:#999999;
}

/******　メニュー　******/

.menu{
padding:0px 0px 50px 36px;
}
ul{
list-style-type:none;
}
li{
padding:5px;
font-size:78%;
font-family:Tahoma,verdana,sans-serif,osaka;
letter-spacing:1px;
display:inline;
}

/******　メイン部分　******/

.note{
padding:15px 10px 45px 43px;
font-size:78%;
font-family:Tahoma,'ms ui gothic','ms pgothic',osaka;
letter-spacing:1px;
line-height:160%;
color:#dda0dd;
}

.note a{text-decoration:none}
.note a:link,.note a:active{
color:#000099;
}
.note a:visited{color:#6495ed}
/******　フッター　******/

.bottom{
padding:10px;
text-align:right;
font-size:78%;
font-family:Tahoma,verdana,sans-serif,osaka;
letter-spacing:1px;
}
.copy{
padding:10px 0px;
text-align:center;
font-size:65%;
font-family:Tahoma,verdana,sans-serif,osaka;
letter-spacing:1px;
}

/******　スマートフォン表示　******/

@media screen and (max-width:850px) {

    body {
        padding: 0px;
    }

    .all {
        width: auto;
        margin: 0px;
        padding: 20px;
    }

    h1 {
        padding-left: 40px;
    }

    h2 {
        margin-left: 0px;
        padding: 10px 15px;
        font-size: 100%;
    }

    .menu {
        padding: 0px 0px 30px 0px;
    }

    .note {
        padding: 15px 5px 35px 5px;
        font-size: 100%;
        line-height: 180%;
    }

    .bottom {
        padding: 10px 5px;
    }
}