/* ----------  style.css  ---------- */

/* ----------  all  ---------- */
*{
 margin:0px;
 padding:0px;
}

body{
 scrollbar-face-color:#FFFFFF;
 scrollbar-3dlight-color:#FFFFFF;
 scrollbar-track-color:#FFFFFF;
 scrollbar-darkshadow-color:#FFFFFF;

 scrollbar-shadow-color:#CCDDEE;
 scrollbar-highlight-color:#CCDDEE;
 scrollbar-arrow-color:#CCDDEE;
}


/* ----------  main  ---------- */

#main body{
 background-image : url(bg01.jpg); 
 background-attachment:fixed;
 background-repeat: repeat-x;
/*
 background-color:#DDE8F3;
*/
}


#main .position{
 position:absolute;
 text-align:center;
 top:0px;
 bottom:0px;
 width:100%;
 height:100%;
}

#main table{
 width:850;
 height:100%;
 border-width:0px;
 border-color:#CCDDEE;
 border-style:solid;
 border-spacing:0px;
 border-collapse:collapse;
 text-align:left;
 margin:0px auto;
 background-color:#FFFFFF;
}

#main .content{
 position:relative;
 z-index:0;
}
#main .logo{
 width:850px;
 height:90px;
}

#main .navi table{
 position:absolute;
 z-index:5;
 top:71px;
 height:17px;
 width:550px;
 margin-left:300px;
 padding:0px;
 background-color:rgba(255,255,255,0.7);

}
#main .navi td{
 line-height:17px;
 width:120px;
 text-align:center;

 border-style:solid;
 border-spacing:0px; 
 border-width:1px;
 border-color:#5588BB;

}
#main .navi td a{
 display:block;
 font-size:13px;
 font-weight:bold;
 text-decoration:none;
 color:#336699;

}
#main .navi td a:hover,
#main .navi td a:active{
 color:#FFFFFF;
 background-color:#5588BB;
}

#main .main{
 height:100%;
 min-height:500px;
}
#main iframe{
 width:850px;
 height:100%;
 border-width:0px;
}

#main .info{
 font-size:13px;
 color:#336699;
 background-color:#CCDDEE;
 text-align:center;
}
#main .info ul{
 list-style-type:none;
 margin:4px;
}
#main .info ul li{
 display:inline;
}
#main .info a{
 color:#336699;
 text-decoration:none;
 margin:1px 3px;
}
#main .info a:hover,#main .info a:active{
 color:#336699;
}

#main .space{
 background-color:#FFFFFF;
 height:5px;
}

#main .add{
 background-color:#FFFFFF;
 text-align:center;
}

#main address{
 font-size:13px;
 font-style:normal;
 font-weight:normal;
 color:#336699;
 margin:5px 0px 10px 0px;
}


/* ----------  left ---------- */
#left body{
 background-image : url(menu_bg.jpg);
 background-repeat:repeat-y;
 margin-top:15px;
 /*
 background-color:#CCDDEE;
 */
}

#left .menu{
 width:230px;
 color:#336699;
 font-size:15px;
 font-weight:bold;
 padding:0px 0px 5px 25px;
 height:25px;
 line-height:25px;
 cursor:hand;
}

#left .icon{
 width:15px;
 height:15px;
}

#left table{
 width:210px;
 border-collapse:collapse;
 margin:5px 20px 10px 20px;
}
#left table td{
 height:20px;
 line-height:20px;
}

#left .sub_menu{
 display:none;
}

#left .sub_menu a{
 height:20px;
 font-size:14px;
 color:#336699;
 text-decoration:none;
 padding-left:20px;
}
#left .sub_menu a:hover,#left .sub_menu a:active{
 color:#224466;
 background-image : url(menu_bg_on.gif);
 background-repeat:no-repeat;
 background-position-y:center;
 background-position:left;
}


/* ----------  right  ---------- */
#right div,#arc div,#link div{
 width:550px;
}
#right div,#arc div{
 margin:10px 0px 10px 10px;
}

#left p, #right p, #right tr, #right ol, #right ul, #right dl,
#arc tr, #arc ol, #arc ul, #arc dl,
#link tr{
 color:#333333;
 font-size:13px;
 line-height:150%;
}
#left p, #right p, #right dl, #arc p{
 margin:5px 10px 5px 10px;
 text-indent:1em;
}
#right .rulu p{
 margin-left:3em;
 text-indent:-3em;
}
#right .rulu2 p{
 text-indent:0em;
}

#right dd{
 margin:-20px 0px 0px 40px;
}

#right ol{
 margin:5px 20px 15px 35px;
}
#right ol li{
 list-style-type:decimal;
 margin:0px 0px 5px 0px;
}
#right ol ul li{
 list-style-type:square;
 margin:0px 0px 2px 0px;
}
#right ul{
 margin:5px 20px 15px 0px;
}
#right ul li{
 list-style-type:square;
 margin:0px 0px 2px 30px;
}
#right ul ol li{
 list-style-type:decimal;
 margin:0px 0px 2px 10px;
}

#right a,#arc a,#link a{
 color:#696969;
 text-decoration:none;
 font-weight:bold;
}
#right a:hover,#arc a:hover,#link a:hover{
 color:#224466;
 text-decoration:underline;
 background-color:#CCDDEE;
}

#right iframe{
 border:3px;
 border-color:#CCDDEE;
 border-style:double;
}
#right .map{
 width:500px;
 height:400px;
 margin:0px;
}

#right .b{
 font-weight:bold;
 color:#666666;
}
#right .n{
 font-weight:normal !important;
}

#right .koushou{
 margin-left:150px;
}
#right .koushou img{
 width:120px;
}

#right .kouka0{
 width:200px;
 margin-left:300px;
}
#right .kouka1{
 width:250px;
 margin-left:30px;
}
#right .kouka2{
 width:250px;
 margin-left:250px;
}
#right .kouka3{
 width:250px;
 margin-left:100px;
}

#right .shisetu{
 width:400px;
 margin-left:50px;
}

#right .seitokai img{
 width:400px;
 margin-left:50px;
}


/* icon */
#right .mi,#right .ai{
 vertical-align:middle;
 margin-left:10px;
}
#right .mi{
 width:50px;
}

/* title */
#right h1,#arc h1,#link h1{
 color:#336699;
 background-color:#CCDDEE;
 font-size:15px;
 font-weight:bold;
 padding:4px 15px;
}
#right h1{
 margin-bottom:10px;
}
#arc h1,#link h1{
 margin-bottom:15px;
}
#right h2,#arc th,#link th{
 color:#336699;
 font-size:14px;
 font-weight:bold;
}
#right h2{
 margin:10px;
 padding-top:10px;
}
#arc th,#link th{
 margin:20px 10px 10px 10px;
}

#right h3{
 color:#336699;
 font-size:13px;
 font-weight:bold;
 margin:15px 10px 10px 10px;
}

#right .rulu h3,#right .rulu2 h3{
 text-align:center;
 padding-top:10px;
}

#right h4{
 color:#336699;
 font-size:13px;
 font-weight:bold;
 margin:15px 10px 10px 10px;
}
#right h5{
 color:#336699;
 font-size:13px;
 font-weight:bold;
 margin:5px 10px;
}
#right h6{
 color:#336699;
 font-size:13px;
 font-weight:bold;
 margin:0px 10px;
}


/* ----------  table(right)  ---------- */
#right table{
 border-spacing:0px;
 border-collapse:collapse;
 empty-cells:show;
}

#right .tb00{
 margin:10px 0px 10px 10px;
}
/* ex. info*/
#right .tb01,#right .tb01h{
 margin:10px 0px 10px 15px;
}
#right .tb01h{
 margin-top:20px;
}
#right .tb01h img{
 width:300px;
 height:130px;
 border:0px;
 margin-bottom:5px;
}

/* ex. child */
#right .tb02,#right .tb02a{
 border:3px double #CCDDEE;
 margin:10px;
}
#right .tb02 th,#right .tb02 td,#right .tb02a th,#right .tb02a td{
 border:1px solid #CCDDEE;
 padding:2px;
}
#right .tb02 th,#right .tb02 td{
 text-align:center;
}

#right .tb02 th,#right .tb02a th,#right .tb02b th{
 background-color:#CCDDEE;
 font-weight:normal;
}

/* ex. committee */
#right .tb02b{
 border:3px double #CCDDEE;
 margin:10px 30px;
}
#right .tb02b th,#right .tb02b td{
 border:1px solid #CCDDEE;
 padding:2px 10px;
}

/* ex. photo */
#right .tb03{
 margin:0px 10px;
}
#right .tb03 th,#right .tb03 td{
 text-align:center;
 padding:5px;
}

/* ex. moral-photo */
#right .tb04{
 margin:5px 40px;
}
#right .tb04 th,#right .tb04 td{
 text-align:center;
 padding:3px 5px;
}

/* ex. info */
#right .tb05{
 margin:10px;
}
#right .tb05 th,#right .tb05 td{
 font-size:x-small;
 font-weight:normal;
 border:1px solid #666666;
 padding:2px;
}
#right .tb05 .w{
 width:15px;
 text-align:center;
}

/* ex. moral-quotation */
#right .tb06, #right .tb06m{
 margin:5px 10px;
 width:530px;
 background-color:#CCDDEE;
}
#right .tb06 th,#right .tb06 td, #right .tb06m th,#right .tb06m td{
 border:1px solid #CCDDEE;
 padding:5px 10px;
}
#right .tb06 th, #right .tb06m th,#right .tb06m td{
 text-align:center;
}
#right .tb06 th, #right .tb06m th{
 font-weight:bold;
}

/* ex. moral-reference */
#right .tb07{
 width:550px;
 margin:15px 0px;
 border:3px double #CCDDEE;
 background-color:#EEF3F9;
}
#right .tb07 th,#right .tb07 td{
 border:1px solid #CCDDEE;
 padding:10px;
 text-align:center;
}
#right .tb07 img{
 width:200px;
 height:200px;
}

/* ex. his*/
#right .tb08 th,#right .tb08 td{
 margin-top:20px;
 border:3px double #CCDDEE;
 padding:5px 10px;
}



#right .pri{
 padding:10px;
 margin-left:150;
}
#right .pri table td{
 padding:10px;
 text-align:right;
}
#right .pri img{
 width:150px;
 border:0px;
}


/* ----------  sitemap(right)  ---------- */
#sm a{
 color:#336699;
 text-decoration:none;
}
#sm a:hover{
 color:#224466;
 text-decoration:underline;
 background-color:#CCDDEE;
}
#sm ul{
 margin:20px 20px 10px 50px;
}
#sm ul li{
 list-style-type:circle;
 margin:0px 0px 10px 0px;
 color:#336699;
 font-size:14px;
 font-weight:bold;
}
#sm ul ul{
 margin:5px 20px 10px 20px;
}
/* #right .sm ul ul li { */
#sm ul ul li{
 color:#696969;
 list-style-type:square;
 margin:0px 0px 5px 0px;
 font-size:13px;
}
#sm ul ul li a{
 color:#696969;
}
#sm ul ul ul{
 margin:5px 20px 10px 30px;
}
#sm ul ul ul li{
 list-style-type:square;
 margin:0px 0px 0px 0px;
 font-size:13px;
}


/* ----------  arc(right)  ---------- */
#arc table,#arc th,#link table,#link th{
 width:550px;
 border-color:#CCDDEE;
}
#arc table,#link table{
 border-width:3px;
 border-style:double;
 border-collapse:collapse;
 margin-bottom:15px;
}
#arc th,#link th{
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding: 3px 10px 3px;
 background-color:#EEF3F9;
 text-align: left;
}
#arc .sp,#link .spa{
 height:10px;
 border-width:0px;
 border-style:none;
 border-collapse:collapse;
 margin-bottom:0px;
}
/*
#arc ul li {
 list-style-type:none;
 text-align:center;
 padding:2px;
}
*/
#arc ul li,#link ul li{
 list-style-type:none;
 border-bottom-width:1px;
 border-bottom-style:dashed;
 border-bottom-color:#CCDDEE;
 padding:3px 15px;
}


/* ----------  link(right)  ---------- */
#link div{
 margin:0px 0px 10px 10px;
}


/* ----------  calender(right)  ---------- */
#ca body{
 background-color:#CCDDEE;
}

#ca iframe{
 width:750px;
 height:600px;
 border-width:0px;
 margin-top:30px;
 text-align:center;
}


/* ----------  pre(right)  ---------- */
#pre body{
 background-color:#CCDDEE;
}


/*------------ font size ------------*/
.midium{
 font-size:100%;
}

.midium_bold{
 font-size:100%;
 font-weight:bold ;
}

.small{
 font-size:90%;
}

.small_bold{
 font-size:90%;
 font-weight:bold ;
}

.mini{
 font-size:80%;
}

.mini_bold{
 font-size:80%;
 font-weight:bold ;
}


/* ----------  password  ---------- */
.pw{
 color:#333333;
 font-size:13px;
 line-height:200%;
 margin-top:120px;
 text-align:center;
}