<style type="text/css">
<!--

body{
font-size:8pt;
color:#000;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
background:#f9dec9;
margin:0;
padding:0;
}

a:link{text-decoration:none;color:#f7d5be;
}
a:visited{text-decoration:none;color:#f7d5be;}
a:hover{text-decoration:none;color:#c9e4f9;}

#all{
width:96�“;
max-width:360px;
margin:25px auto;
padding:5px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
}

#header{
height:184px;
background-image:url(https://pbs.twimg.com/media/CkaJc10WgAA5zJh.png:large);
background-repeat:no-repeat;
background-position:10px 0;	
background-size:contain;
}

#info{
font-size:8pt;
color:#666;
margin:0 0 0 130px;
}

#menu{
font-size:13pt;
margin:0 0 15px 130px;
}
#menu li{
display: inline;
margin-right:15px;
} 
#menu li a {
color: #666;
text-decoration: none;
border-bottom: dotted 1px #f9dec9;
font-family: 'Poiret One', cursive;
} 
#menu li a:hover{
color:#aec5eb;
border-bottom: dotted 1px #c9e4f9;	 
}

h1{
font-family: 'Poiret One', cursive;
font-size:28pt;
color:#374a67;
font-weight:normal;
letter-spacing:2px;
margin:0 0 0 170px;
padding:20px 0 10px;
}

#main{
clear:both;
margin:0 0 25px;
}

h2{
font-size:18pt;
color:#374a67;
font-family: 'Poiret One', cursive;
font-weight:normal;
}

.text{
font-size:12px;
line-height:1.2em;
letter-spacing:1px;
color:#3f3f3f;
line-height:20px;
margin:-15px 0 0;
padding:0;
}

hr.lain{
border:none;
border-top: 2px #374a67 solid;
}

textarea,input{
font-size:8pt;
color:#7d7d7d;
border:1px solid #374a67;
background-color:#fff;
margin:0;
padding:2px;
}
select{
font-size:8pt;
color:#7d7d7d;
border:1px solid #374a67;
background-color:#fff;
padding:2px;
}
input[type="text"]{
width:140px;
height:auto;
padding:2px;
}
input[type="button"],
input[type="submit"]{
width:35px;
height:auto;
padding:2px;
}

.upd{
font-family: 'Poiret One', cursive;
}

.footer{
font-size:7pt;
margin:0 ;
padding:0 0 15px;
text-align:right;
}
-->


/*==========================
 smart.css
===========================*/
@media screen and (max-width:320px){

#header{
background-position:left top;
}
#info{
margin:0 0 0 100px;
}
#menu{
margin:0 0 5px 100px;
}
h1{
font-size:20pt;
margin:0 0 0 80px;
}
input[type="text"]{
width:80px;
}
input[type="button"],
input[type="submit"]{
width:25px;
}
}
</style>
