@import url(https://fonts.googleapis.com/css?family=Hammersmith+One|Open+Sans);
@media all{
 
 /* main container */
 body{ margin:0px; padding:0px; line-height:115%; font-family:"Open Sans","Helvetica Neue", Helvetica, Arial, 'Meiryo UI', sans-serif; background-color:#f0f0f0; color:#4c4c4c; text-align:center; }
 div#container{ width:760px; margin:0px auto; padding:0px; background: white; text-align:left; border:1px solid #d0d0d0; }
 div#footer{ color:#f0f0f0; background-color:#606090; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; text-align:right; }
 
 /* markups */
 h1{ margin:0px; padding:0px; height:120px; border-bottom:1px solid #d0d0d0; font-size:24px; color:#fff; font-weight:normal; background:#fff url('./title.jpg') no-repeat; }
 h1.top{ font-family:'Hammersmith One',sans-serif; font-size:30px; }
 h1 a{ margin:0px; padding:0px; top:15px; left:15px; position:relative; color:#fff; text-decoration:none; }
 h1 a .h1small{ font-size:20px; }
 h1 a:hover{ text-decoration:underline; }
 h2{ margin:10px 15px; padding:2px; font-size:95%; border-bottom:1px solid #d0d0d0; color: #3c78b5; font-weight:bold; }
 h3{ margin:13px 30px; padding:0px; font-size:80%; color: #3c78b5; }
 p,dl,ul,blockquote{ margin:13px 30px; padding:0px; list-style-position:inside; }
 table{ margin:5px 30px; padding:0px; }
 p,dl,ul,ol,td,th,code,blockquote{ font-size:13px; }
 
 /* table */
 table{ border-collapse: collapse; border-width:1px 0 0 1px; border-style:solid; border-color:silver; }
 table td{ padding: 2px 6px; border-collapse: collapse; border-width: 0 1px 1px 0; border-style:solid; border-color:silver; }
 table th{ padding: 2px 6px; border-collapse: collapse; border-width: 0 1px 1px 0; border-style:solid; border-color:silver; background-color: whitesmoke; }
 
 /* font */
 blockquote{ border:1px solid #d0d0d0; background:#f0f0f0; font-family: "Consolas"; }
 dt{ font-weight: bold; }
 .left{ text-align:left; }
 .center{ text-align:center; }
 .right{ text-align:right; }
 .button{ cursor: pointer; }
 .big{ font-size:24px; font-weight:bold; letter-spacing:-1px; }

 /* etc */
 div.ad{ margin: 10px auto; }
 img{ border:0px;}

}
/* Responsive */
@media (min-width: 200px) {
 div#container{ width:99%; }
}
@media (min-width: 760px) {
 div#container{ width:760px; }
}