@charset "UTF-8";



/***　基本　***/



* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#999999;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;  /***　行間　***/
   letter-spacing:1px;　/***　文字の間隔　***/
   background:#ffffff;
}


hr.hr1 {
   width:90%; 
   border: none; 
   clear:both; 
   color:#ffffff;
}

hr.hr2 {
   width:90%;
   clear:both; 
   color:#999999;
}

hr.hr22 {
   width:80%;
   clear:both; 
   color:#ddddd;
}

form {
   text-align:center;
   margin:15px 0 15px 0;
}

span.t3 {
   color:#ff1493;
}

span.t7 {
   color:#ff0000;
}





/***　骨組　***/

/***ヘッダー***/
div#header {
   margin:0;
   padding:20px 0 10px 0;
}

/***ロゴ***/
div#logo {
   width:160px;
   margin: 20px 0 40px 20px;
}

/***主***/
@media screen and (max-width: 768px){
div#main {
  width:100%;
   margin:20px auto;
   padding:5px 30px;
   background:#f0f8ff;
   border: 5px #fff0f5 solid;
}
}

/***著作***/
div#footer {
   clear:both;
   margin:0;
   padding:15px 0;
}

/***news***/
div#news {
   margin:0px;
   width:auto;
   height:auto;
  /*** overflow:auto;***/
   border: solid 1px #cccccc;
   background:#fffff9;
   float:none;
}


/***ヘッダーの書式***/

div#header h3 {
   margin:0;
   padding:0;
   font-style:italic;
   font-weight:bold;
   font-size:150%;
   font-family:century,sans-serif;
   color:#cc6600;
   text-align:center;
} 

/***主の部分の書式***/

div#main a {
   color:#daa520;
   text-decoration: underline;
}

div#main a:visited{
   color:#999999;
}

div#main a:hover {
   color:#05ff05;
}

div#main h1 {
   margin:20px 50px;
   padding:0;
   color:#20b2aa;
   font-size:90%;
   font-weight:bold;
   text-align:center;
}

div#main h2 {
   margin:20px 50px;
   padding:0;
   color:#20b2aa;
   font-size:110%;
   font-weight:bold;
   text-align:center;
}

div#main p {
   margin:20px 50px 0 50px;
   padding:0;
   font-size:90%;
   color:#999999;
}

div#main p.p1 {
   margin:0 50px;
   padding:0;
   font-size:65%;
   color:#999999;
   text-align:center;
}

div#main p.p2 {
   margin:20px 50px 0 50px;
   padding:0;
   color:#20b2aa;
   font-size:90%;
   font-weight:bold;
   text-align:center;
}

div#main p.p3 {
   margin:20px 50px 0 50px;
   padding:0;
   color:#999999;
   font-size:90%;
   text-align:center;
}

div#main p.p4 {
   margin:20px 50px 0 50px;
   padding:0;
   color:#20b2aa;
   font-size:90%;
   font-weight:bold;
   text-align:left;
}

div#main ul {
   margin:0 20px;
   padding:0;
   text-align:center;
}

div#main li {
   display:inline; /***横に並べる***/
   margin:0 10px;
   padding:0;
   font-size:80%;
   list-style:none;
}

/***著作の書式***/
div#footer p {
   margin:0;
   padding:0;
   text-align:center;
   font-size:60%;
   color:#333333;
}

/***ニュースの書式***/
div#news p {
   margin:0;
   padding:10px 10px 15px 10px;
   font-size:90%;
   color:#999999;
}