@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;
}

br {
   letter-spacing:normal;
}

a{
text-decoration:none;
color:#666666;
}
a:visited{
text-decoration:none;
color:#999999;
}
a:hover{
text-decoration:none;
color:#836fff;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

span.t1 {
   font-size:80%;
   color:#20b2aa;
}

span.t2 {
   color:#20b2aa;
}

span.t3 {
   color:#ff1493;
}

span.t33 {
   font-size:80%;
   color:#ff1493;
}

span.t4 {
   margin:0;
   padding:0 0 10px 0;
   width:480px;
   float:right;
   color:#999999;
}

span.t5 {
   font-size:85%;
}

span.t6 {
   font-size:50%;
}

span.tc {
    text-align:center;
}

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

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

hr.hr3 {
   width:80%;
   clear:both;
   color:#999999;
}

form {
   text-align:center;
   margin:15px 0;
}
/***　骨組　***/




/***外枠***/

div#wrap {
   width:835px;
   margin:0 auto;
   padding:20px 0 20px 0;　/***時計回り***/
}

/***ヘッダー***/
div#header {
   position:relative;
   padding:20px 0 5px 0;
}

/***ロゴ***/
div#logo{
   width:195px;
   position:absolute;left:5px;top:10px;
}

/***主***/
div#main {
   float:right;  /***右寄せ***/
   width:635px;
   margin:0;
   padding:0;
   border-left: 2px #fff0f5 solid;
}

/***主2***/
div#main2 {
   width:670px;
   margin:10px auto;
   padding:0;
   border: 2px #fff0f5 solid;
}


/***メニュー***/
div#menu {
   float:left;  /***左寄せ***/
   width:180px;
   margin:0 0 10px 10px;
}

/***ページの先頭へ***/
div#totop {
   clear:both;
}

/***オロアルへ***/
div#oroa {
   clear:both;　/***回り込み解除***/
   margin:10px 0;
   padding:5px 0;
}

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




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

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

div#header h2 {
   margin:0;
   padding:0;
   font-weight:bold;
   font-size:100%;
   color:#ff66ff;
   text-align:center;
}



/***内容***/

/***主の部分***/
div#main a {
   color:#ff1493;
}

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

div#main a:hover {
   color:#9dff62;
}

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

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

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

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

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


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

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

div#main ul.ul2 {
   margin:20px 0 10px 30px;
   padding:0;
   text-align:left;
}

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

div#main table{
   margin:15px 0;
   padding:0;
   width:525px;
   float:right;
}

div#main table caption {
  margin: 0 0 10px 0;
  font-size: 80%;
  text-align: left;
  color: #20b2aa
}

div#main table td.td1{
   text-align: right;
   vertical-align: middle;
   font-size: 75%;
   color: #999999;
}

div#main table td.td2{
   padding:0 5px 0 0;
   vertical-align:middle;
   font-size: 75%;
   color: #999999;
}

div#main table td.td3{
   vertical-align:middle;
   font-size: 75%;
   color: #999999;
}

/***主2の部分***/
div#main2 a {
   color:#ff1493;
}

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

div#main2 a:hover {
   color:#9dff62;
}

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

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

div#main2 h3 {
   margin:20px 0;
   padding:0;
   font-weight:bold;
   font-style:italic;
   font-family:century,sans-serif;
   font-size:120%;
   color:#ff66ff;
   text-align:center;
}

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

div#main2 p.p1 {
   margin:0 50px;
   padding:5px;
   font-size:90%;
   font-weight:bold;
   color:#20b2aa;
}

div#main2 p.pc {
   margin:0 20px;
   padding:5px;
   text-align:center;
   font-size:90%;
   color:#999999;
}


div#main2 ul {
   margin:5px 0 10px 0;
   padding:0;
   text-align:center;
}

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

div#main2 ul.ul2 {
   margin:20px 0 10px 30px;
   padding:0;
   text-align:left;
}

div#main2 li.li2 {
   display:inline; /***横に並べる***/
   margin:0 5px;
   padding:0;
   font-size:70%;
   list-style:none;
}

div#main2 dl {
   margin:20px 50px;
   padding:0;
   font-size:100%;
   clear:both;
}

div#main2 dt {
   margin:0 0 5px 0;
   padding:0;
   font-weight:bold;
   font-size:90%;
   color:#20b2aa;
}

div#main2 dd {
   margin:0 0 5px 40px;
   padding:0;
   font-size:90%;
   color:#999999;
}

div#main2 table {
   margin:15px auto;
   padding:0;

}

div#main2 table caption {
  margin: 0 0 10px 0;
  font-size: 80%;
  text-align: left;
  color: #20b2aa
}

div#main2 table td.td1{
   text-align: center;
   vertical-align: middle;
   font-size: 80%;
   color: #999999;
}

div#main2 table td.td2{
   padding:0 5px 0 0;
   vertical-align:middle;
   font-size: 80%;
   color: #999999;
}

div#main2 table td.td3{
   vertical-align:middle;
   font-size: 80%;
   color: #999999;
   padding:0 15px 15px 15px;
}

div#main2 table td.td4{
   vertical-align:middle;
   font-size: 80%;
   color: #999999;
   padding:0 15px 15px 15px;
   text-align: right;
}

/***メニュー***/
div#menu a {
   color:#ff1493;
}

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

div#menu a:hover {
   color:#9dff62;
}

div#menu ul {
   margin:110px 0 0 0;
   padding:0;
}

div#menu li {
   padding:;
   font-size:75%;
   font-weight:;
   line-height:40px;
   list-style:none;
   text-align:right;
}



/***先頭へ***/
div#totop {
   margin:10px 0;
   text-align:right;
   font-size:70%;
}



/***オロアルのメニュー***/
div#oroa a{
   color:#ff66ff;
}
div#oroa a:visited{
   color:#999999;
}
div#oroa a:hover{
   color:#836fff;
}

div#oroa ul {
   margin:10px 0;
   padding:0;
   text-align:center;
}

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



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

/***挿入***/
div.sounyu1 {
   width:554px;
   margin:50px auto;
   padding:10px;
   border: 1px solid #ffce9e;
}