@charset "shift-jis";

ody{
    background-image: url("wallppr011.gif");
    background-attachment:    fixed;
}


.font1{
	text-align:center;color:#000080;font-size:x-large;
}
.font2{
	text-align:center;color:#000080;font-size:large;
}
.font3{
	text-align:center;color:#000080;font-size:small;
}
.font4{
	text-align:center;color:#ff0000;font-size:x-large;
}
.font5{
	text-align:center;color:#ff0000;font-size:large;letter-spacing: 1.5em;
}
.font7{
	text-align:center;color:#ff0000;font-size:large;
}
.font6{
	color:#000080;font-size:small;
}
.fontr{
	color:#ff0000;font-size:small;margin-left: 22%;line-height:30%;
}
.fontb{
	color:#000000;font-size:medium;margin-left: 22%;line-height:30%;
}
.marg{
	margin-bottom:1px;
}



a{
	/*リンクされた文字の色を変化させる*/
    color:#0000ff;
    font-style:normal;
    text-decoration:underline;
}
a:link{
	/*未訪問のリンク*/
    color:#0000ff;
    font-style:normal;
    text-decoration:underline;
}
a:visited{
	/*訪問後のリンク*/
    color:#934C7B;
    text-decoration:underline;
}
a:hover{
	/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active{
	/*クリック中*/
    text-decoration:none;
}/*リンクさせたときの色の変化ここまで*/


img.owuimg{
	vertical-align: middle;
width:"100"; 
height:"100";
float: left;
background-position: center;
}


p.posit{
	height:50px; font-weight:bold; position:relative ;
}
span.posit1{
	text-align:center;color:#000080;font-size:x-large; position:relative; top:10px; left:10px ;
}

body{
	background-image:url("wallppr011.gif");
background-repeat:repeat;
background-color:cyan;
}/*background-image: url(owublue23.jpg);*/
width:"100"; 
height:"100";
background-repeat: no-repeat;
background-position: 300px;
color: #000000;
}

/* メニュー横並び　*/
/* http://css.uka-p.com/parts/gnavi_inline_2.html */
#gNavi {
 margin:0;
  padding:0 10px;
   line-height:30px;
    }  
#gNavi li{
 display:inline;
  list-style:none;
   padding-right:10px;
    }  
#gNavi li a{
	  
color:#3300ff;  
text-decoration:none;  
border-bottom:solid 3px #c00;  
}  
#gNavi li a:hover{
 color:#ff0000;
  border-bottom:solid 3px #00ff00;
   }  


li{
	margin-left:0px;
list-style-type: none;
}


td{
	text-align: left;
vertical-align: middle;
}

/* A:▼テーブル全体の装飾▼ */
/* http://allabout.co.jp/gm/gc/23998/ */
table.wplan{
	width: 600px;
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #aaaacc; /* 外枠の装飾 */
}
/* B:▼テーブル内側(セル)の装飾▼ */
table.wplan th,
table.wplan td{
   padding: 0.3em;            /* セル内側の余白量 */
   border: 1px solid #aaaacc; /* 内枠の装飾 */
}
/* C:▼テーブルの見出し部分の装飾▼ */
table.wplan thead th{
   background-image: url("trback1b.jpg"); /* 背景画像 */
   background-position: top left; /* 背景画像の配置 */
   color: darkblue;           /* 文字色 */
   font-size:small;
   background-color: #eeeeff; /* (念のための背景色) */
}
/* D:▼各行の見出し部分の装飾▼ */
table.wplan tbody th{
	width:100px;
   background-color: #eeeeff;  /* 背景色 */
   font-size:small;
   color: darkblue;            /* 文字色 */
}
/* D:▼各行の項目部分の装飾▼ */
table.wplan tbody td{
	width:500px;
   background-color: #eeeeff;  /* 背景色 */
   font-size:small;
   color: darkblue;            /* 文字色 */
}





/* A:▼テーブル全体の装飾▼ */
/* http://allabout.co.jp/gm/gc/23998/ */
table.wplanb{
	width: 600px;
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #aaaacc; /* 外枠の装飾 */
}
/* B:▼テーブル内側(セル)の装飾▼ */
table.wplanb th,
table.wplanb td{
   padding: 0.3em;            /* セル内側の余白量 */
   border: 1px solid #aaaacc; /* 内枠の装飾 */
}
/* C:▼テーブルの見出し部分の装飾▼ */
table.wplanb thead th{
   background-image: url("trbackgb.jpg"); /* 背景画像 */
   background-position: top left; /* 背景画像の配置 */
   color: darkblue;           /* 文字色 */
   font-size:small;
   background-color: #eeeeff; /* (念のための背景色) */
}
/* D:▼各行の見出し部分の装飾▼ */
table.wplanb tbody th{
	width:100px;
   background-color: #eeeeff;  /* 背景色 */
   font-size:small;
   color: darkblue;            /* 文字色 */
}
/* D:▼各行の項目部分の装飾▼ */
table.wplanb tbody td{
	width:500px;
   background-color: #eeeeff;  /* 背景色 */
   font-size:small;
   color: darkblue;            /* 文字色 */
}




/* A:▼テーブル全体の装飾▼      見出し色を青線に変更    */
/* http://allabout.co.jp/gm/gc/23998/ */
table.wplana{
	width: 600px;
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #aaaacc; /* 外枠の装飾 */
}
/* B:▼テーブル内側(セル)の装飾▼ */
table.wplana th,
table.wplana td{
   padding: 0.3em;            /* セル内側の余白量 */
   border: 1px solid #aaaacc; /* 内枠の装飾 */
}
/* C:▼テーブルの見出し部分の装飾▼ */
table.wplana thead th{
   background-image: url("trbackw3.jpg"); /* 背景画像 */
   background-position: top left; /* 背景画像の配置 */
   color: darkblue;           /* 文字色 */
   font-size:small;
   background-color: #eeeeff; /* (念のための背景色) */
}
/* D:▼各行の見出し部分の装飾▼ */
table.wplana tbody th{
	width:100px;
   background-color: #eeeeff;  /* 背景色 */
   font-size:small;
   color: darkblue;            /* 文字色 */
}
/* D:▼各行の項目部分の装飾▼ */
table.wplana tbody td{
	width:500px;
   background-color: #eeeeff;  /* 背景色 */
   font-size:small;
   color: darkblue;            /* 文字色 */
}

.boxb1{
	width:600px; 
    margin: 2em 0;
    background: #dcefff;
}
.boxb1 .box-title{
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxb1 p{
    padding: 15px 20px;
    margin: 0;
}




/* top に戻る

html{
    scroll-behavior: smooth;
}
.gotop{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
}
@media(max-width:750px){
    .gotop{
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        opacity: 1;
        border: none;
        background: none;
        bottom: 10px;
        right: 10px;
    }
    .gotop::before{
        bottom: 0;
    }
}