@charset "UTF-8";

/* CSS Document */
body{
padding: 0 0 0 0;
margin:0 0 0 0;
font-size:18px;
color:#000000;
letter-spacing: 2px;
width:100%;
background-color:#FFFFFF;
}


div#top{
position:relative;
width:90%;
text-align:left;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:16px;
margin-top:25px;
margin-bottom:25px;
margin-left:5%;
margin-right:5%;
}

div#header{
width:80%;
margin-left:10%;
margin-right:10%;
text-align:center;
font-size:12px;
margin-top:10px;
}
div#header img{
width:100%;
text-align:center;
}


div#main{
width:100%;
background-color:#EAE9EA;
text-align:center;
}
div#main img{
width:200px;
vertical-align:middle;
margin-right:15px;
margin-left:15px;
margin-top:30px;
margin-bottom:30px;
}

footer{
width:80%;
text-align:center;
margin-left:10%;
margin-right:10%;
margin-top:50px;
}

a, a:hover, a:visited, a:link, a:active {
color: #555555;
text-decoration: none;
}

.comp1{
width:100%;
font-family:Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:20px;
text-align:center;
margin-top:50px;
letter-spacing: 1px;
}
.comp2{
width:100%;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:20px;
text-align:center;
margin-top:50px;
}
.cap{
width:80%;
margin-left:10%;
margin-right:10%;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top:15px;
font-size:16px;
text-align:left;
}
.add{
	margin-top:50px;
width:100%;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:14px;
text-align:center;
}
.ft{
text-align:center;
font-family:Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:6px;
}

@media screen and (min-width: 720px) {

div#header{
width:80%;
margin-left:10%;
margin-right:10%;
text-align:center;
font-size:12px;
margin-top:10px;
}
div#header img{
width:75%;
text-align:center;
}


div#main{
width:50%;
margin-left:25%;
margin-right:25%;
background-color:#EAE9EA;
text-align:center;
}
div#main img{
width:200px;
vertical-align:middle;
margin-right:15px;
margin-left:15px;
margin-top:30px;
margin-bottom:30px;
}

div#top{
position:relative;
width:60%;
text-align:left;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:16px;
margin-top:25px;
margin-bottom:25px;
margin-left:20%;
margin-right:20%;
}

.cap{
width:60%;
margin-left:20%;
margin-right:20%;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top:15px;
font-size:16px;
text-align:left;
}




}