﻿@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;　/***　文字の間隔　***/
}

br {
   letter-spacing:normal;
}

a{
text-decoration:none;
color:#00cd66;
}
a:visited{
text-decoration:none;
color:#008b45;
}
a:hover{
text-decoration:none;
color:#cdcdb4;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

span.t1 {
   font-size:80%;
   color:#20b2aa;
}

span.t11 {
   font-size:80%;
}

span.t2 {
   color:#20b2aa;
}

span.t3 {
   color:#ff1493;
}

span.t4 {
   margin:0;
   padding:0 0 10px 0;
   width:480px;
   float:right;
   color:#999999;
}

span.t5{
   font-size:50%;
   color:#cc6600;
}

span.t6 {
   color:#b94047;
}

span.tc{
   text-align:center;
}

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:#999999;
}

form {
   text-align:center;
   margin:15px 0;
}

select {
   margin:10px 0 5px 30px;
}



/***　骨組　***/




/***外枠***/

div#wrap {
   width:800px;
   margin:20px auto;
   padding:0;
border: 5px solid #f0f8ff;
background:#fff;
}

/***ヘッダー***/
div#header {
   position:relative;
   margin:0;
   padding:20px 0 10px 0;
   
}

/***ロゴ***/
div#logo {
   position:absolute;left:20px;top:20px;
   width:160px;
   padding: 0;
   
}

/***主***/
div#main {
   clear:both;　/***回り込み解除***/
}

/***ページの先頭へ***/
div#totop {
   margin:0;
   padding:30px 0 5px 0;
   clear:both;
}

/***オロアルへ***/
div#oroa {
   clear:both;
   margin:0;
   
}

div#kakudai {
   width:660px;
   margin:20px auto;
   padding:0;
   border: 5px solid #f0f8ff;
   background:#f6f6f6;
}

/***著作***/
div#footer {
   clear:both;
   margin:0;
   padding:15px 0;
   
}



/***ヘッダーの書式***/

div#header h3 {
   margin: 0;
   padding: 0;
   font-style: italic;
   font-weight: bold;
   font-size: 200%;
   font-family: century,sans-serif;
   color: #cc6600;
   text-align: center;
} 

div#header h4 {
   margin: 0;
   padding: 0;
   font-style: italic;
   font-weight: bold;
   font-size: 120%;
   font-family: century,sans-serif;
   color: #cc6600;
   text-align: center;
} 


/***主の部分書式***/
div#main a {
   color:#339900;
}

div#main a:visited{
   color:#999999;
}

div#main a:hover {
   color:#05ff05;
}

div#main h1 {
   margin:5px 70px;
   color:#20b2aa;
   font-size:90%;
   font-weight:bold;
   text-align:center;
   
}

div#main h2 {
   margin:20px 0;
   color:#20b2aa;
   font-size:100%;
   font-weight:bold;
   text-align:center;
   
}

div#main p {
   margin:0px 70px;
   padding:0;
   font-size:90%;
   color:#999999;
   
}

div#main p.p1 {
   margin:0px 70px;
   padding:0;
   font-size:80%;
   color:#999999;
   
}

div#main p.p2 {
   margin:0px 70px;
   padding:0;
   text-align:center;
   font-size:80%;
   color:#20b2aa;
   
}

div#main p.p3 {
   margin:10px 70px;
   padding:0;
   font-size:100%;
   color:#999999;
}

div#main p.p4 {
   margin:30px 0 10px 120px;
   padding:0;
   font-size:110%;
   font-weight:bold;
   color:#999999;
}

div#main ul {
   margin:20px 70px;
   padding:0;
   text-align:center;
   
}

div#main li {
   display:inline; /***横に並べる***/
   margin:0 10px;
   padding:0;
   font-size:90%;
   list-style:none;
}

div#main ul.ul2 {
   margin:50px 0 30px 0;
   padding:0;
   text-align:center;
   
}

div#main ul.ul3 {
   margin:0 70px;
   padding:0;
   text-align:center;
   
}

div#main dl {
   margin:20px 70px;
   padding:0;
}

div#main dt {
   margin:10px 0;
   padding:0;
   font-size:100%;
   color:#20b2aa;
}

div#main dd {
   margin:10px 0 10px 30px;
   padding:0;
   font-size:100%;
   color:#999999;
}

/***先頭への書式***/
div#totop {
   margin:0 30px 0 0;
   text-align:right;
   font-size:70%;
}

/***オロアルのメニューの書式***/
div#oroa a{
   color:#3366ff;
}
div#oroa a:visited{
   color:#999999;
}
div#oroa a:hover{
   color:#ffcc33;
}

div#oroa ul {
   margin:10px 0 0 0;
   padding:0;
   text-align:center;
}

div#oroa li {
   display:inline; /***横に並べる***/
   margin:0 15px;
   padding:0;
   font-size:70%;
    
   list-style:none;
}





/***拡大図***/
div#kakudai h1 {
   margin:20px 0;
   color:#20b2aa;
   font-size:90%;
   font-weight:bold;
   text-align:center;
}


div#kakudai p {
   margin:0px 70px;
   padding:0;   
   font-size:80%;
}

div#kakudai ul {
   margin:10px 0;
   padding:0;
   text-align:center;
   
}

div#kakudai li {
   display:inline; /***横に並べる***/
   margin:0 1px;
   padding:0;
   font-size:70%;
      
   list-style:none;
}

/***著作の書式***/
div#footer p {
   margin:0;
   padding:0;
   text-align:center;
   font-size:60%;
   color:#333333;
}
