/* paragraph className */

body {
    margin: 0 auto;  
    width: 1000px; padding:1% 0% 1% 0% ;
    color:#000000;
    line-height: 1.5em;
/*    background: darkcyan; */
    background-image: url(2mark01-1.jpg);  /* 背景を画像で埋め尽くす */
font-family:"Meiryo UI"";

}

.bg_area { 
    margin: 0 auto; 
    width: 820px; padding:0px 0px 0px 0px; text-align:center;
    background: lightyellow; border: 1px solid;
}

.bg_area2 { 
    margin: 0 auto; 
    width: 800px; padding:0px 0px 0px 0px; line-height: 1em;
    background: lightyellow; border: 0px solid;
}

.bg_area2left { 
    margin: 0 auto; text-align:left;
    width: 800px; padding:0px 0px 0px 0px; line-height: 1em;
    background: lightyellow; border: 1px solid;
}

div.mytitle { width:100%; margin: 0 auto;  padding: 0px;
    color: white; line-height:1.5em; background-color: darkblue; 
}
div.update { color:#000000f; text-align:right;  }

div.myphoto {  
    border: SaddleBrown 0px solid; 
    margin: 0 auto; background-color: lightcyan;
}

div.myphoto2 { 
    border: SaddleBrown  1px solid;  
    width:800px; margin: 0 auto;  background-color: lightyellow;
}
div.myphoto3 { width:100%; margin: 0 auto;  padding: 0px;
    border: SaddleBrown  1px solid;
    margin: 0 auto; text-align:right; background-color: lightyellow;
}

div.mytable { height:100px; overflow-y:auto; }

div.kaiho { float:center; display: inline-block; _display: inline; 
    margin: 0px 5px 32px 5px; 
}

table.mynewsmenu {  
    width: 70%; overflow-y: scroll; 
    border: SaddleBrown 0px solid; 
    background-color: lightyellow; 
    margin-left: auto; margin-right: auto;
    padding:8px 8px 4px 8px;
}

#idtable01      { color:black; text-align: left; }
#idtable01HeadR { color:black; float: left; margin-left: auto; margin-right: auto; padding:0px 10px 4px 10px;}
#idtable01Body  { color:black; float: left; height:5.5em; overflow:auto;  margin-left: auto; margin-right: auto;}

table.mynewsmenu tr:nth-child(odd) { }
table.mynewsmenu tr:nth-child(even) { background-color: lightyellow; }


div.mynewsmenu { width:96%; margin: 0px 0px 0px 0px; padding:0% 0% 0% 0%; 
    border: 4px solid blue; color:blue; line-height:1.5; 
    background-color: lightcyan;
    margin: 0 auto; 

    background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#00aabb));
    background: -moz-linear-gradient(top, #00ffff, #00aabb);
    background: -ms-linear-gradient(top, #00ffff, #00aabb);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#0000aa', GradientType=0)";

 } 

div.mynews { width:90%; margin: 0px 0px 0px 0px; padding:1% 1% 1% 1%;  border:1px solid black; color:blue; line-height:1.5;  
    background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#00aabb));
    background: -moz-linear-gradient(top, #00ffff, #00aabb);
    background: -ms-linear-gradient(top, #00ffff, #00aabb);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#0000aa', GradientType=0)";

} 

div.mynews2 { margin: 0 auto; } 


div.mycontent { width:90%; margin: 0px 0px 0px 0px;  padding:1% 1% 1% 1%; border:4px solid black; color:blue; line-height:1.5;  
    background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#00aabb));
    background: -moz-linear-gradient(top, #00ffff, #00aabb);
    background: -ms-linear-gradient(top, #00ffff, #00aabb);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#0000aa', GradientType=0)";

 } 


.myline { width:99%; text-align: left; color:yellow; 
    margin: 0px 1% 0px 0px;  padding:0% 0% 0% 1%; 
    background-color: darkgreen;
} 
.myline2 {  width:99%; text-align: right; color:yellow; line-height:-1em; 
    margin: 0px 1% 0px 0px;  padding: 0px 1% 0px 0px; 
    background-color: darkblue;
} 

div.menu1 {
    background: #000099;
    border: 1px solid #000000;
    color: #ffff00; 
    font-size: 1em;
    margin: 0px px 0px 0px;
    height: 1em;
    padding: 0.2em 0.4em 0.3em 0.4em;  /* top right bottom left */
    cursor: pointer;

    background: -ms-linear-gradient(top, #88cccc, #fcffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#88cccc), to(#fcffff));
    background: -moz-linear-gradient(top, #88cccc, #fcffff);
    /* IE10+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#88cccc', endColorstr='#fcffff', GradientType=0)";

/*
  border-radius: 0px;
  border-top-left-radius: 300px;
  border-bottom-left-radius: 300px;
*/
/*  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); */
}

div.menu2 {
    background: #000099;
    border: 1px solid #000000;
    color: #ffff00; 
    font-size: 1em;
    margin: 0px px 0px 0px;
    height: 2em;
    padding: 0.2em 0.4em 0.3em 0.4em;  /* top right bottom left */
    cursor: pointer;

    background: -ms-linear-gradient(top, #88cccc, #fcffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#88cccc), to(#fcffff));
    background: -moz-linear-gradient(top, #88cccc, #fcffff);
    /* IE10+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#88cccc', endColorstr='#fcffff', GradientType=0)";

/*
  border-radius: 0px;
  border-top-left-radius: 300px;
  border-bottom-left-radius: 300px;
*/
/*  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); */
}

#idtextbx {
    margin: 0 auto; 
    width: 784px; padding:0px 8px 0px 8px; line-height: 1em;
/*
  width: 98%; margin: 0px 0px 0px 0px; padding:0% 1% 0% 1%;  
*/
  border: 1px solid black; background-color:#fcffff; line-height:1.5em;  
  text-align:left;
}

#idtextbx2 {
    margin: 0 auto; 
    width: 784px; padding:0px 8px 0px 8px; line-height: 1em;
  border: 1px solid black; background-color:#fcffff; line-height:1.5em;  
}


.bg_area2 { 
    margin: 0 auto; 
    width: 800px; padding:0px 0px 0px 0px; line-height: 1em;
    background: lightyellow; border: 0px solid;
}


#dpi { height: 1in; left: -100%; position: absolute; top: -100%; width: 1in; } 


/* spnavi clearfix */