/*+----+----+----+----+----+----+*/
/*     css for VYGR web site       */
/*+----+----+----+----+----+----+*/
body {
 margin:0; padding:0;
 background:#ffffff; 
 color:#000000;
}
#main {
 width:750px; margin:0 auto;
}

/* Logo Pic */
.top {
 width:750px; height:133px; margin:0 auto; padding:0; align=center; 
 background:url(Pics/VoyagerLogo2013.jpg) no-repeat;
} 

#inbox {
 width:750px; padding:0; margin:0 auto;
 background:#ffffff; 
}

h1 {
 padding:40px 0 0 0;
 color:#cc0000; font-size:18pt; line-height:0%;
 font-family:"Courier New";
 text-align:center;
}
h2 {
 width:750px; height:30px; margin:0; padding-top:14px;
 color:#cc0000; font-size:14pt; line-height:100%;
 text-align:center; font-family:"Courier New"; font-weight:bold;
 background:url(Pics/background1.jpg) ;
/* background:#eeeeee; */
} 
h3 {
 margin:0 auto; padding-top:50px; padding-left:60px;
 font-size:14px; color:#ff00aa;
} 
a:link {color:#0000ff; font-weight:normal;
}
a:visited {color:#0000ff; font-weight:normal;
}

/*■ ----- menu -------------------------------------------------- */
/* menu */
#menu {
 font-size:16px; font-weight:bold; color: #0000ee; text-align:center; 
 background-color:#222222;
}

#menu a {
 display:block; width: 100px; float:left; margin:0; padding:0;
 color:#ffffff; font-family:"Century"; font-size:14px; font-weight:bold;
 line-height:110%; text-align:center; text-decoration:none;
 background-color:#ff6666;
 border-top:2px solid #660033; border-left:2px solid #660033;
 border-right:2px solid #ddaaaa; border-bottom:2px solid #ddaaaa;
}

#menu a:hover {
 border-top:2px solid #ffdddd; border-left:2px solid #ffdddd;
 border-right:2px solid #660033; border-bottom:2px solid #660033;
 color:#ffff00; text-align:center; text-decoration:none;
; background-color:#cc0000;
}

#blank {
 width:63px; height:20px; padding:0px 0 2 3px;
 color:#ff0000;
 border-top:1px solid #cc0000;  border-bottom:1px solid #cc0000;
 background-color:#333333;
} 
#top {
 width:100px; height:20px; padding:0px 0 2 3px;
 color:#ff0000;
 border-top:1px solid #cc0000;  border-bottom:1px solid #cc0000;
 background-color:#333333;
} 
#members {
 width:100px; height:20px; padding:0px 0 2 3px;
 color:#ff0000;
 border-top:1px solid #cc0000;  border-bottom:1px solid #cc0000;
 background-color:#333333;
}
#liveinfo {
 width:100px; height:20px; padding:0px 0 2 3px;
 color:#ff0000;
 border-top:1px solid #cc0000;  border-bottom:1px solid #cc0000;
 background-color:#333333;
}
#gallery{ 
 width:100px; height:20px; padding:0px 0 2 3px;
 color:#ff0000;
 border-top:1px solid #cc0000;  border-bottom:1px solid #cc0000;
 background-color:#333333;
}
#link {
 width:100px; height:20px; padding:0px 0 2 3px;
 color:#ff0000;
 border-top:1px solid #cc0000;  border-bottom:1px solid #cc0000;
 background-color:#333333;
}
#bbs {
 width:100px; height:20px; padding:0px 0 2 3px;
 color:#ff0000;
 border-top:1px solid #cc0000;  border-bottom:1px solid #cc0000;
 background-color:#333333;
}
/*■ ----- end of menu -------------------------------------------- */


/*■[LEFT]----- box left ------------------------------------------ */
.boxleft {
 width:150px; margin:0; padding:0;
/* background:#bbbbbb; overflow:hidden; */
}
/* box for "TOIPCS" */
.boxleft1 {
 width:150px; margin-top:0px; margin:0; float:left;
/* background-color:#cccccc; */
}

/*[LEFT]"TOIPCS"font "Courier New", bold */
.boxleft1-txt1 {
 padding:6px 0 6px 0;  
 text-align:center;
 color:#cc0000; font-size:13pt; line-height:100%;
 font-family:"Courier New";
 background-color:#cccccc;
 border-color:#cc0000; border-style:none solid dotted solid; border-width:1px;
}
/* [LEFT]"Last Update"font "Courier New", bold */
.boxleft1-txt2 {
 padding:6px 0 6px 0;  text-align:center;
 color:#cc0000; font-size:11pt; line-height:130%;
 font-family:"Verdana","Courier New";
 background-color:#cccccc;
 border-color:#cc0000; border-style:none solid solid solid; border-width:1px;
}

/* [LEFT]"TOIPCS" 本文*/
.boxleft1-txt3 {
 height:1000px; padding:12px 0 6px 6px;  text-align:left;
 line-height:100%; text-align:left; color:#333333;
 text-decoration:none;
 font-size:9pt; line-height:140%; font-family:"Verdana","ＭＳ　ゴシック","MS UI Gothic";
 border-color:#cc0000; border-style:none solid none solid; border-width:1px;
 background-color:#cccccc;
 overflow:hidden;
}

/* 現在未使用 */
/* 左下テーブル for TOPIC */
.boxleft2 {
 width:150px;  overflow:hidden;
 margin-top:0px; margin-lett:0px;
 padding-top:5px; padding-left:5px;
/* border-color:#cc0000; border-style:none solid solid none; border-width:1px; */
 background-color:#cccccc;
}
.boxleft2-txt1 {
 text-align:left; color:#333333;
 text-decoration:none;
 font-size:9pt; line-height:150%;
 font-family:"ＭＳ Ｐゴシック";
}
/* 現在未使用 */

/*■ ----- end of box left ---------------------------------------- */


/*■[RIGHT] ----- box right ---------------------------------------------- */
/*■[RIGHT] box for "MAIN" */
.boxright {
 width:600px; margin:0; padding:0; float:left; 
 background-color:#ffffff;
}

/*■[RIGHT] box for Scroll Top*/
.boxright0 {
 width:600px; height:800px; margin:0; padding:0; 
 background-color:#dddddd;
 overflow-x:hidden;
 overflow-y:auto;
 scrollbar-arrow-color:#cc0000;
 scrollbar-face-color:#cccccc;
 scrollbar-highlight-color:#ffffff;
 scrollbar-shadow-color:#cc0000;
 scrollbar-darkshadow-color:#ffffff;
 scrollbar-3dlight-color:#ffffff; 
}

/*■[RIGHT] box for Scroll LiveInfo*/
.boxright00 {
 width:600px; height:700px; margin:0; padding:0; 
 background-color:#dddddd;
 overflow-x:hidden;
 overflow-y:auto;
 scrollbar-arrow-color:#cc0000;
 scrollbar-face-color:#cccccc;
 scrollbar-highlight-color:#ffffff;
 scrollbar-shadow-color:#cc0000;
 scrollbar-darkshadow-color:#ffffff;
 scrollbar-3dlight-color:#ffffff; 
}

/*■[RIGHT] sub title */
.boxright1 {
 margin:0; padding:5px 0 0 5px;
 background-color:#cccccc; text-align:left; vertical-align:bottom;
 color:#333333; font-family:"Verdana","ＭＳ ゴシック","MS UI Gothic"; font-size:14px; line-height:180%;  font-weight:bold;
 border-color:#cc0000; border-style:none solid solid none; border-width:1px;
}

/*■[RIGHT] topic date */
.boxright2-1 {
 width:110px;
 margin:3px 0 0px 3px; padding:20px 0 0 5px; float:left;
 background-color:#eeeeee; text-align:left; vertical-align:middle;
 color:#333333; font-family:"MS UI Gothic","ＭＳ Ｐゴシック"; font-size:12px;
 border-color:#333333; border-style:none none dotted none; border-width:1px;
}   

/*■[RIGHT] Main Body */
.boxright2-2 {
 width:550px;
 margin:3px 3px 3px 0; padding:10px 0 10px 8px; float:left;
 background-color:#eeeeee; text-align:left; vertical-align:middle;
 color:#333333; font-family:"Arial","MS UI Gothic","ＭＳ Ｐゴシック"; font-size:12px; line-height:140%;
 border-color:#333333; border-style:none solid solid none; border-width:1px;
}

/*[RIGHT] MAIN pics */
.boxrightpic {
 width:600px; height=233px; margin:0 0 5px 0; padding:0;
 background-color:#eeeeee; 
 color:#333333; font-family:"Arial","MS UI Gothic","ＭＳ ゴシック"; font-size:12px; line-height:150%;
 border-color:#333333; border-style:none none solid none; border-width:1px;
}
/*■ ----- end of box right ----------------------------------------- */


/*■ ----- bottom --------------------------------------------------- */
/*[BOTTOM] @copyright, counter */
.bottom {
 width:750px; height:100px; margin-bottom:0px; padding-top:0px; float:left; 
 color:#333333; font-family:"Century","MS UI Gothic";
 font-weight:bold; font-size:12px; 
 text-align:center; line-height:120%;
}
/*■ ----- end of bottom -------------------------------------------- */

/* members */
/* 未使用 */
.mempic {
 width:250px; margin-top:0px; margin-bottom:0px;  float:left;
 text-align:center;
 border-color:#333333; border-style:solid; border-width:1px;
}/* 未使用 */

.mem {
 margin:5px 0 10 5px; padding:10px 0 10px 0;
 border-style:none;
 background-color:#eeeeee;
 color:#333333; font-family:"Arial","MS UI Gothic","ＭＳ ゴシック"; font-size:12px; line-height:120%;
 vertical-align:bottom;
}

/* liveinfo */
.liveinfo-new {
 width: 580px; margin:3px 3px 3px 0px; padding:10px 0 10px 8px; float:left;
 background-color:#ffffff; text-align:left; vertical-align:bottom;
 color:#333333; font-family:"Verdana","MS UI Gothic","ＭＳ ゴシック"; font-size:12px; line-height:150%;
 border-color:#333333; border-style:none none solid none; border-width:1px;
}

.liveinfo-old {
 width: 570px; margin:3px 3px 3px 0; padding:10px 0 10px 8px; float:left;
 background-color:#ffffff; text-align:left; vertical-align:middle;
 color:#333333; font-family:"Verdana","MS UI Gothic","ＭＳ ゴシック"; font-size:12px; line-height:150%;
 border-color:#333333; border-style:none none solid none; border-width:1px;
}

/* 未使用 */
/* links  */
.linktitle {
 width: 530px;
 font-size:16px; font-weight:bold; text-align:left;
 color: #ff00aa; line-height: 25px;
 border-color:#ff00aa;  border-style:none none solid solid;
 border-bottom-width:1px; border-left-width:6px;
}/* 未使用 */

.linkinfo {
 width: 288px; height:85px; margin:0 0 0 1px; padding:10px 0 0 10px; float:left;
 color:#333333; font-size:12px; font-family:"Century","MS UI Gothic";
 text-align:left; line-height: 120%;
 background-color:#ffffff; 
 }

.linkinfoa {
 width: 288px; height:50px; margin:0 0 0 1px; padding:10px 0 0 10px; float:left;
 color:#333333; font-size:12px; font-family:"Century","MS UI Gothic";
 text-align:left; line-height: 120%;
 background-color:#ffffff; 
}

.linkinfob {
 width: 520px; height:100px; margin:0 0 0 1px; padding:10px 0 0 10px; float:left;
 color:#333333; font-size:12px; font-family:"Century","MS UI Gothic";
 text-align:left; line-height: 120%;
 background-color:#ffffff; 
}


/*Gallery*/
.gallery-title {
 width:550px; margin-top:15px; margin-bottom:5px; 
 border-color:#ff00aa; border-style:none none solid solid;
 border-bottom-width:1px; border-left-width:6px;
 font-size:16px; font-weight:bold; text-align:left;
 color: #ff00aa; line-height: 20px;
}

#photobox{
 width:560px; margin-bottom:500px; text-align:left; color:black;
}
.pics001 {
 width:128px; height:96px;
 margin:0 10px 10px 0; padding:0; float:left;
 background:url(img/mini.jpg);
}
.pics002 {
 width:128px; height:96px;
 margin:0 10px 10px 0; padding:0; float:left;
 background:url(img/mini.jpg);
}
.pics003 {
 width:128px; height:96px;
 margin:0 10px 10px 0; padding:0; float:left;
 background:url(img/mini.jpg);
}
.pics004 {
 width:128px; height:96px;
 margin:0 10px 10px 0; padding:0; float:left;
 background:url(img/mini.jpg);
}
.pics005 {
 width:128px; height:96px;
 margin:0 10px 10px 0; padding:0; float:left;
 background:url(img/mini.jpg);
}
.pics006 {
 width:128px; height:96px;
 margin:0 10px 10px 0; padding:0; float:left;
 background:url(img/mini.jpg);
}


/* font color blue */
.font-blue {
  color:#0000ff;
}
/* font size12 */
.font-size12 {
   font-size:12px;
}
/* font size16 */
.font-size16 {
   font-size:16px;
}
/* font bold 左BOX用Bold だけど、Boldは一時取りやめ */
.font-boldxxx {
  font-weight:bold;
}
/* font underline */
.font-under {
text-decoration:underline;
}
/* border 0 0 1 0 solid red */
.bdr-0010-solid-red {
 border-bottom:1px solid #cc0000;
}
/* border 0 0 1 0 solid gray */
.bdr-0010-solid-gry {
 border-bottom:1px solid #333333;
}
/* border 0 0 1 0 dotted gray */
.bdr-0010-dotted-gry {
 border-bottom:1px dotted #666666;


/* おまけ */
    .kado  { background-color:#fff; }
    .kado1 { margin: 0 5px;height:1px;overflow: hidden; background-color:#009ACD; }
    .kado2 { margin: 0 3px;height:1px;overflow: hidden; background-color:#009ACD; }
    .kado3 { margin: 0 2px;height:2px;overflow: hidden; background-color:#009ACD; }
    .kado4 { margin: 0 1px;height:2px;overflow: hidden; background-color:#009ACD; }
    .kadox { padding:10px; background-color:#ffffff; }