﻿@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:#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.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 15px 0;
}





/***　骨組　***/




/***外枠***/

div#wrap {
   width:835px;
   margin:20px auto;
   padding:0;
border: 5px solid #fff0f5;
}

/***表紙***/
div#oroargento {
   width:700px;
   margin:auto;
   padding:50px 0 0 0;
}

/***ヘッダー***/
div#header {
   margin:0;
   padding:20px 0 10px 0;
}

/***ロゴ***/
div#logo {
   width:160px;
   margin: 20px 0 40px 20px;
}

/***主***/
div#main {
   float:right;
   width:650px;
   margin: 0;
   padding:0;
   background:#f0f8ff;
   border-left: 5px #fff0f5 solid;
}

/***メニュー***/
div#menu {
   float:left;
   width:180px;
   padding:0px 0px;
   margin:0;
}

/***主2***/
div#main2 {
   clear:both;　/***回り込み解除***/
   margin:0;
   padding:0;
}

/***ページの先頭へ***/
div#totop {
   margin:0;
   padding:30px 0 5px 0;
   clear:both;
}

/***オロアルへ***/
div#oroa {
   clear:both;
   margin:0;
}

/***著作***/
div#footer {
   clear:both;
   margin:0;
   padding:15px 0;
}

/***news***/
div#news {
   margin:0 0 0 65px;
   width:550px;
   height: 550px;
   overflow:auto;
   border:0;
   background:#fffff9;
}

/***news2***/
div#news2 {
   margin:10px auto;
   width:550px;
   height: 300px;
   overflow:auto;
   border: 3px solid #fff0f5;
}

/***map-profile***/
div#map {
   width:700px;
   margin:50px auto;
   padding:10px 0;
   background:#f0f8ff;
   border: 5px solid #fff0f5;
}

/***表紙の書式***/
div#oroargento p {
   margin:0 0 50px 0;
   padding:0;
   text-align:center;
   font-size:60%;
   color:#999999;
}

div#oroargento p.p1 {
   margin:0;
   padding:0;
   text-align:center;
   font-size:90%;
   color:#999999;
}

div#oroargento p.p2 {
   margin:0 50px;
   padding:0;
   text-align:left;
   font-size:75%;
   color:#999999;
}

/***ヘッダーの書式***/

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#main a {
   color:#daa520;
}

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#menu a {
   color:#3366ff;
}

div#menu a:visited{
   color:#999999;
}

div#menu a:hover {
   color:#ffcc33;
}

div#menu ul {
   margin:40px 30px 0 0;
   padding:0;
}

div#menu li {
   padding:0;
   font-size:70%;
   font-weight:bold;
   line-height:40px;
   list-style:none;
   text-align:right;
}



/***主の部分2書式***/
div#main2 a {
   color:#339900;
}

div#main2 a:visited{
   color:#999999;
}

div#main2 a:hover {
   color:#05ff05;
}

div#main2 h1 {
   margin:20px 120px;
   color:#20b2aa;
   font-size:90%;
   font-weight:bold;
   text-align:center;
}

div#main2 p {
   margin:0px 120px;
   padding:0;
   font-size:90%;
   color:#999999;
}

div#main2 p.p1 {
   margin:0px 120px;
   padding:0;
   font-size:80%;
   color:#999999;
}

div#main2 p.p1 {
   margin:0px 120px;
   padding:0;
   font-size:80%;
   color:#999999;
}

div#main2 ul {
   margin:10px 0;
   padding:0;
   text-align:center;
}

div#main2 li {
   display:inline; /***横に並べる***/
   margin:0 18px 0 18px;
   padding:0;
   font-size:70%;  
   list-style:none;
}

div#main2 ul.ul2 {
   margin:50px 0 30px 0;
   padding:0;
   text-align:center;
}

/***先頭への書式***/
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;
}

/***map-profileの書式***/

div#map h1 {
   margin:20px 0;
   padding:0;
   font-size:150%;
   font-weight:bold;
   font-style:italic;
   font-family:century,sans-serif;
   color:#cc6600;
   text-align:center;
}

div#map p {
   margin:0;
   padding:0;
   text-align:center;
   font-size:60%;
   color:#999999;
}

div#map p.p1 {
   margin:0;
   padding:0;
   text-align:center;
   font-size:90%;
   color:#999999;
}

div#map p.p2 {
   margin:0 50px;
   padding:0;
   text-align:left;
   font-size:90%;
   color:#999999;
}


/***著作の書式***/
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;
}

div#news2 p {
   margin: 20px;
   padding:0;
   font-size:90%;
   color:#999999;
｝




