body{
  font-size: 13px;
  *font-size: small;
  *font: xx-small;

  font-family: "MS Pゴシック", verdana, arial, sans-serif;
  letter-spacing: 1px;
  line-height: 167%;
  margin: 0px;
  padding: 0px;
  color: #444;
  background-color: #f0f0f0;
}
table{
  font-size: inherit;
  font: 100%;
}
select,
input,
textarea{
  font-size: 99%;
}
img{
  border:none;
  vertical-align: bottom;
 }
 ul{
  margin:0 0 1em 0;padding:0;
 }
 li{
  list-style:none;
  margin: .1em 0;
  font-size: 100%;
 }
 pre{
  font-family: "MS Pゴシック", verdana, arial, sans-serif;
  *font: x-small;
   margin:0;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
 }
 /*IE*/* html pre{letter-spacing: 1px; line-height: 1.4em;}
 p{margin:0;}

.bold{ font-weight: bold; }
.align-center{ text-align: center; }
.px12{ font-size: 93%;}
.px11{ font-size: 85%;}

/*** Link Color ***/
a{color: #0088ff;text-decoration:none;}

/*** Common Layout ***/
#head{
  background-image: url('http://prfy.jp/img2/head_1x36px.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  overflow:hidden;
  background-color: #fafafa;
}
#head .login{
  text-align:right;
  margin:0px;padding:0px;
  padding-right: 24px;
  padding-top: 11px;
  width: 150px;
  float: right;

  font-size: 93%;
}
/*OPERA*/html:first-child #head .login{font-size:0.85em;}
#head .login a{
  color:#341719;
}
#head .login a:hover{text-decoration:none;background-color:#eee;}

#head .logo-and-menu{
  width: 706px;
  overflow: hidden;
}
#head .logo-and-menu img.logo{ 
  margin-left: 21px;
  float:left;
}
#head .logo-and-menu img.menu{
  float:right;
}


#bottom{
  background-image: url('http://prfy.jp/img2/foot_1x35px.gif');
  background-position: top;
  background-repeat: repeat-x;
  overflow:hidden;
  background-color: #f0f0f0;
 }

#bottom .message{
  width: 706px;
  font-size:12px;
  line-height:12px;
  margin:0px;padding:0px;
  padding-top: 12px;
  padding-left:21px;
}
#bottom .message a
{ color:#0088ff;}
#bottom .message a:hover
{ background-color: #ddd;}

#bottom .logo{
  display:block;
  float:right;
  width:80px;
  margin-right:24px;
 }

#contents{
  background-color: #f4f5f0;
  padding: 0px 21px 21px 21px;
  font-size: 108%;
}

#contents #crumb{
  margin:0px;
  padding: 11px 0;
}
html:first-child #contents #crumb{ font-size: 0.92em;}
#contents{
  background-color: #d3d3d3;
  *font: x-small;
}

a{ color:#7f7f7f; }

 .my-contents{
   width: 822px;
   margin-top: 22px;
  }


/*** top introduction ***/
#my-intro{
  width: 822px;
  background-color: #fff;
}

#my-intro .sb-inner{ background: #fff;}
#my-intro .sb-border{ background: green;}

#in-my-intro{ padding-right: 63px;
  border-bottom: solid #b2b2b2 5px;
  font-size: 93%;
  overflow: hidden;
  border-left: 1px solid green;
}
* html #in-my-intro{ height: 0; }

#in-my-intro .intro-right{
  float:right;
  width: 563px;
  background: #f5f5f5;
  overflow:hidden;
  border-top: 1px solid green;
}

#in-my-intro .text{
  float: right;
  width: 393px;
  line-height: 116%;
  padding: 17px 0px 17px 30px;
  background-color: #fff;
}

  #in-my-intro #text-bottom-row{
    height: 1em;text-align:right;
  }

#in-my-intro .info{
  float:left;
  width: 126px;
  padding-top: 17px;
  padding-left: 14px;
}
  #in-my-intro .info .username{ font-weight:bold; }
  #in-my-intro .info ul{ margin-top: 1.5em; }
  #in-my-intro .info .access{ margin-top: 1.5em; }

#in-my-intro .image{
  float:left;
  width: 176px;
  padding-top: 17px;
  padding-left: 19px;
}

  #in-my-intro .image .image-container{
    width: 153px;
    border:1px solid #d3d3d3;
    text-align:center;
  }
  #in-my-intro .image .image-container .image-bottom{
    text-align:center;
    padding: 3px 0;
  }

/** back to top **/
#my-tab-contents .back-to-top{ text-align: right;}

/** est star **/
.star5{color: #ff0000;}
.star4{color: #ff7700;}
.star3{color: #009900;}
.star2{color: #0077ff;}
.star1{color: #0000ff;}




#my-index{
  font-size: 92%;
  overflow:hidden;
  color: #444;
}

#my-index a
{ color: #007ae6; }
#my-index a:hover
{ text-decoration: underline; }

/** my headline style **/
.my-headline{
  background: white;
  margin-bottom: 1em;
}
.my-headline .sb-inner{ background: #fff; }
.my-headline .in-my-headline{
  padding: 5px 0px 7px 0px;
  border-bottom: 5px solid #b3b3b3;
  border-left: 1px solid #ededed;
}
.in-my-headline .in-my-headline-contents{
  height: 24px;
  overflow: hidden;
  border-left: 7px solid #eee;
  padding-left: 6px;
}

.in-my-headline-contents h2{
  font-size: 108%;
  margin: 0;
  padding-left: 7px;
  height: 22px;
  padding-top: 2px;
  vertical-align: center;
}
  .col2-right-box .in-my-headline-contents h2{
    float:left;
    width: 480px;
  }

.my-headline .detail-link{
  font-size: 93%;
  text-align:right;
  width: 100px;
  float:right;
  height: 22px;
  padding-top: 2px;
  padding-right: 1em;
  vertical-align: center;
}
/*OPERA*/html:first-child .my-headline .detail-link
{ font-size: 100%;}

/* IE6 */ * html .in-my-headline-contents .detail-link
{ padding-top: 6px;}
/* IE6 */ * html .in-my-headline-contents h2
{ padding-top: 6px; }

/** column **/
#my-index .col2-left-box
{
  width: 185px;
  float: left;
}
#my-index .col2-right-box
{
  width: 626px;
  float: right;
}

/** contents **/
#my-index .box{ padding-left: 1em;padding-bottom:1em;}
/*ie*/* html #my-index .box{ line-height: 1.6em;}
#my-index .col2-left-box .box{ padding-left: 0em;}
#my-index dl dd{ margin: 0;}
#my-index .col2-right-box dl dt
{font-weight:bold;border-bottom:1px dashed #aaa;}
#my-index .col2-right-box dl dd
{padding-left:1em;padding-bottom:1em;}
#my-index .ox-ul li table tr .comment
{
  padding-top:.5em;
  padding-bottom:.5em;
}
#my-index .ox-ul
{padding:0;}
#my-index .ox-ul li{
  padding: .5em 0;
}
#my-index .ox-ul li .topic{
  font-weight: bold;color:#afafaf;
  width: 100%;
}
#my-index .ox-ul li .ox{ 
  font-weight: bold;color:#afafaf; vertical-align: top; 
}
#my-index .ox-ul li .comment{
  margin-left: 0;background-color:#f9f9f9;
  padding: .2em;padding-left:.5em;
}
/*IE*/* html #my-index .ox-ul li .comment{padding: .4em;padding-left:.5em;}

#my-index .col2-left-box dl .year
{ border-bottom: 2px solid #aaa;font-weight:bold;}
#my-index .col2-left-box dl dd ul li
{ border-bottom: 1px dashed #aaa;}
#my-index .col2-left-box .detail-link
{ 
  display:block;
  width: 100%;
  text-align: right;
}

#my-index-est ul li,
#my-index-100 ul li
{padding-bottom: 1em;}
#my-index-est ul li a,
#my-index-100 ul li a
{font-weight: bold;}
#my-index-est ul li .comment,
#my-index-100 ul li .comment
{padding: .5em;}

#my-index-tag p
{padding-bottom: 1em;}

.back-to-top{ font-size: 0.92em;}