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;}




.float-right{float:right;}

/** bottom column layout **/

  /* 2 column */
  .col2-wrap-box{
    overflow: hidden;
  }
  /*IE6*/* html .col2-wrap-box{height:0;}
  .col2-left-box{
    float:left;
    width:186px;
    margin-left: 17px;
  }
  .col2-right-box{
    float:right;
    width:560px;
    padding-right:22px;
  }

  .my-top-right{
    padding-left:20px;
    padding-bottom: 1em;
  }

/** tab style **/
.my-tabs{
  font-size: 93%;
}

/* tab menu style */
#my-tab-menu{
  margin-left: 97px;
  background-color: white;
}
/* IE6 */* html #my-tab-menu{ margin-left: 104px; }
#my-tab-menu ul{margin:0;overflow:hidden;}
/* IE6 */* html #my-tab-menu ul{height:0;}
#my-tab-menu ul li{
  margin:0;line-height:1em;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align:center;
  float:left;
  background-color: #f5f5f5;
  border: 1px solid #fafafa;
  border-right: none;
}
#my-tab-menu ul li a{color: white;}
#my-tab-menu ul .last-tab{border-right: 1px solid #fafafa;}
#my-tab-menu ul .active a{color: #444;}
#my-tab-menu ul .active{
  border-bottom: 1px solid #fff;
  background-color:#fff;
}

#my-tab-menu #tab-kw{ width: 150px;}
#my-tab-menu #tab-bio{ width: 180px;}
#my-tab-menu #tab-100{ width: 115px;}
#my-tab-menu #tab-est{ width: 115px;}
#my-tab-menu #tab-ox{ width: 128px;}
#my-tab-menu #tab-btt{ width: 30px;}

/** headline style **/
#my-tab-headline{
  padding-top: 20px;
  background: #fff;
  border: 1px solid green;
  border-top: 1px solid green;
  border-bottom: none;
  margin-top: -1px;
}
#my-tab-headline .in-headline{
  background: #f5f5f5;
  padding: 7px 0;
}
#my-tab-headline h1{
  height: 22px;
  border-left: 7px solid #d3d3d3;
  padding-left: 7px;
  font-size: 108%;
  margin: 0;
}

/** contents menu style **/
#my-tab-contents{
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: white;
  border-left: 1px solid green;
  border-right: 1px solid green;
  border-bottom: 5px solid #b2b2b2;
}


#my-tab-contents .col2-left-box li{
  border-bottom: 1px solid #dfdfdf;
  overflow:hidden;
  line-height: 1.1em;
  margin-bottom: .5em;
}
#my-tab-contents .col2-left-box .cate{
 width: 150px; float:left;
}
#my-tab-contents .col2-left-box .count{
  width: 30px;float:right;
  font-size: 85%;
}


#my-tab-contents .col2-right-box h3{
  border-bottom: 3px solid #dfdfdf;
  margin: 0;
  font-size: 108%;
}
#my-tab-contents .col2-right-box dl{
  margin: 0 0 1.5em 0;
  line-height: 1.7em;
}
#my-tab-contents .col2-right-box dt{
  font-weight: bold;
  padding-left:10px;
  margin-top: 1.5em;
}
#my-tab-contents .col2-right-box dd{
  padding: .2em 0 0 10px;
  margin-left: 0;background-color:#f9f9f9;
}
/*IE*/* html #my-tab-contents .col2-right-box dd
{ padding: .4em 0 .4em 10px; }

/*** est ***/
#my-est dt .star{font-weight:normal}

/** ox sankaku **/
#my-ox .refine-links{
  text-align: right;
  margin-bottom: .2em;
  padding-right: 1em;
}
#my-ox .ox-paginate{
  font-size: 167%;
  text-align: center;
  padding-bottom: 1em;
}

#my-ox .ox-ul{
  padding: 0 .5em .5em .5em;
}
#my-ox .ox-ul li{
  padding: .5em 0;
}
#my-ox .ox-ul li .topic{
  font-weight: bold;color:#afafaf;padding-left:10px;
  width: 100%;
}
#my-ox .ox-ul li .ox{ 
  font-weight: bold;color:#afafaf; vertical-align: top;
}
#my-ox .ox-ul li .comment{
  margin-left: 0;background-color:#f9f9f9;
  padding: .2em .2em .2em 0px;
}
/*IE*/* html #my-ox .ox-ul li .comment{padding: .4em .4em .4em 0px;}

#my-sure .sure-ul
{padding-left:14px; }