BODY {
    text-align:center;
    margin-top:0;
    background-color : #333333;
    color : #CCCCCC;
    FONT-SIZE: 12px;
}

a:link {
  text-decoration: none;
  color: #CCCCCC;
}
a:visited {
  text-decoration: none;
  color: #CCCCCC;
}
a:active {
  text-decoration: none;
  color: #CCCCCC;
}
a:hover {
  text-decoration: none;
  background: #F0F0F0;
  color: #333333;
}

#sitebody{
	position: relative;
	margin: 0 auto;
     text-align:center;
     padding:0px;
     width:850px;
     background-color : #333333;
}

#links{
     float:left;
     text-align:center;
     margin:10px 0px 0px 0px;
     padding:0px;
     width:160px;

     background-color : #333333;
}
#content{
	position: relative;
	margin: 0 auto;
     float:right;
     padding:0px;
     width:690px;
     background-color : #333333;
}

#header {
      PADDING-RIGHT: 0px;
      BORDER-TOP: #FFFFD0 0px solid;
      PADDING-LEFT: 0px;
      PADDING-BOTTOM: 1px;
      PADDING-TOP: 10px;
      BORDER-BOTTOM: #FFFFD0 1px solid;
      background-color : #333333;
      text-align:left;
      height: 50px;
}
.cl a:link {
  text-decoration: none;
  color: #CCCCCC;
}
.cl a:visited {
  text-decoration: none;
  color: #CCCCCC;
}
.cl a:active {
  text-decoration: none;
  color: #CCCCCC;
}
.cl a:hover {
  text-decoration: none;
  background: #F0F0F0;
  color: #333333;
}
#footer {
     float:left;
      margin:20px 0px 0px 0px;
      width:850px;
      PADDING-RIGHT: 0px;
      BORDER-TOP: #FFFFD0 1px solid;
      PADDING-LEFT: 0px;
      PADDING-BOTTOM: 1px;
      PADDING-TOP: 1px;
      BORDER-BOTTOM: #FFFFD0 1px solid;
      background-color : #333333;
}

.head01 {
      float:left;
      padding-left : 10px;
      text-align   : left;
      
}
.head02 {
      margin:0px 0px 0px 120px;
      padding-top  : 10px;
      padding-left : 10px;
      text-align : left;
}
.dw_photo{
      margin  : 10px 0px 5px 5px;
      padding : 28px 0px 0px 0px;
      width   : 165px;
      height  : 165px;
      background-image : url(../cut/pbk_001.gif);
      text-align : center;
}
.dh_photo{
      margin  : 10px 0px 5px 5px;
      padding : 12px 0px 0px 0px;
      width   : 165px;
      height  : 165px;
      background-image : url(../cut/pbk_001.gif);
      text-align : center;

}

.da_photo{
      margin  : 10px 0px 5px 5px;
      padding : 21px 0px 0px 0px;
      width   : 165px;
      height  : 165px;
      background-image : url(../cut/pbk_001.gif);
      text-align : center;

}

.dw_photo img {
         border-width : 1px 2px 2px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;

}
.dh_photo img {
         border-width : 1px 2px 2px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;

}

.d_text{
     float:left;
      margin  : 5px 0px 5px 5px;
      width      : 165px;
      height     : 35px;
      text-align : center;
      font-size  : 10pt;

}
.d_ico{
     font-size  : 8pt;
     float:left;
}

#smenu{
     float:left;
     width:160px;
     font-size: 12pt;
}

.j001{

}

.plist{
     width:685px;
}
.fleft{
     float:left;
}
.fright{
     float:right;
}
.menuhome a{
  display:block;  /*リンク範囲をブロックに変更する*/
     height: 21px;
     width : 100%;
     margin  : 0px 0px 0px 0px;
     padding : 0px 0px 0px 0px;
     font-weight : bold;
     font-size   : 12pt;
         border-width : 1px 2px 2px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
     background: #FFFF99;
     text-decoration: none;
     color : #666666;
}
.menuhome a:hover {
     background: #FFFFCC;
}

.linetop{
     height: 20px;
     width : 100%;
     margin  : 0px 0px 0px 0px;
     padding : 0px 0px 0px 0px;
     font-weight : bold;
     font-size   : 11pt;
         border-width : 1px 2px 2px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
     background: #555555;
         }
.hlist{
     height: 20px;
     width : 100%;
     font-weight : bold;
     font-size   : 11pt;
         border-width : 0px 2px 2px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
  background: #555555;
}

.hlist a {
  display:block;  /*リンク範囲をブロックに変更する*/
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #909090;
         border-width : 0px 1px 1px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
}

.hlist a:hover {
  width: 100%;
  height: 100%;
  text-decoration: none;
  background: #FFFF99;
  color: #606060;
         border-width : 0px 1px 1px 1px;
         border-style : ridge ridge ridge ridge;
/*         border-style : solid solid solid solid;*/
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
}
.bk001{
  background: #555555;

}
.bk002{
  background: #FFFFFF;

}

.pdata{
	position: relative;
	margin: 0 auto;
     width:665px;
      text-align : center;
}

.photo640{
      margin  : 10px 5px 5px 5px;
      width      : 640px;
      text-align : center;
}
.photo640_t{
  display:block;  /*リンク範囲をブロックに変更する*/
	position: relative;
      margin  : 10px auto;
     float:left;
      width      : 640px;
      text-align : center;
}


.photo_btn{
     float:left;
	position: relative;
  display:block;  /*リンク範囲をブロックに変更する*/
      margin  : 10px auto;
      width      : 640px;
      text-align : center;
     border-width : 1px 1px 1px 1px;
     border-style : ridge ridge ridge ridge;
     border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;

}
.photo640_back{
     float:left;
	position: relative;
      margin  : 10px 5px 5px 5px;
      width      : 640px;
      text-align : center;
}
.pcom001{
     width:155px;
     height:45px;
     text-align : center;
     padding : 1px 1px 1px 1px;
     margin  : 0px 0px 0px 3px;
     border-width : 1px 1px 1px 1px;
     border-style : ridge ridge ridge ridge;
     border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
     background: #999999;
     float:left;
}
.pcom001 a{
     padding : 0px 0px 0px 0px;
     margin  : 0px 0px 0px 0px;
  width: 100%;
  height: 100%;
  text-decoration: none;
     background: #555555;
  color: #C0C0C0;
         border-width : 0px 0px 0px 0px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
}
.pcom001 a:hover {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #666666;
         border-width : 0px 0px 0px 0px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
  background: #FFFFC0;

}
.hd640{
     padding : 5px 0px 0px 10px;
     margin  : 0px 0px 0px 10px;
     width:640px;
     text-align : left;
     color: #CCCCCC;
     font-size   : 10pt;
     font-weight : bold;
}
.er640{
     padding : 10px 0px 0px 0px;
     margin  : 0px 0px 0px 0px;
     width:640px;
     text-align : center;
     color: #FFFF66;
     font-size   : 12pt;
     font-weight : bold;
}
.pagenavi{
     padding : 5px 0px 0px 10px;
     margin  : 0px 0px 0px 10px;
     width:650px;
     text-align : left;
     font-size   : 10pt;
}
.pagenavi a:link {
  text-decoration: none;
     color: #CCCCCC;
}
.pagenavi a:visited {
  text-decoration: none;
     color: #CCCCCC;
}
.pagenavi a:active {
  text-decoration: none;
     color: #CCCCCC;
}
.pagenavi a:hover {
  text-decoration: none;
  background: #FF0000;
     color: #FFFF66;
}
.pgact{
     font-weight : bold;
     color: #FFFF00;
}
.pgnoact{
     color: #CCCCCC;

}
.ftitle{
     padding : 5px 0px 0px 10px;
     margin  : 0px 0px 0px 10px;
     width:150px;
     text-align : left;
     color: #CCCCCC;
     font-size   : 10pt;
     font-weight : bold;
}
.fcom{
     padding : 5px 0px 0px 10px;
     margin  : 0px 0px 0px 10px;
     width:450px;
     text-align : left;
     color: #CCCCCC;
     font-size   : 10pt;
     font-weight : bold;
}
.combox{
     float:left;
     padding : 5px 5px 5px 5px;
     margin  : 10px 0px 0px 5px;
     width:660px;
     text-align : left;
     font-size   : 11pt;
     color: #CCCCCC;
         border-width : 1px 1px 1px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
}
.links0{
     margin  : 5px 0px 0px 0px;
     padding : 2px 2px 5px 2px;
     width:645px;
     height: 50px;

}
.links1{
     padding : 5px 5px 5px 5px;
     float:left;
     width:150px;
     height: 100%;
     font-size: 10pt;
         border-width : 1px 1px 1px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
     text-align:center;
}
.links1 a{
  display:block;  /*リンク範囲をブロックに変更する*/
}

.links2{
     padding : 5px 5px 5px 5px;
     float:left;
     width:470px;
     height: 100%;
     font-size: 10pt;
         border-width : 1px 1px 1px 0px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;
}

.hd640c{
     padding : 5px 0px 0px 10px;
     margin  : 0px 0px 0px 10px;
     width:650px;
     text-align : center;
     color: #CCCCCC;
     font-size   : 10pt;
     font-weight : bold;
}

.pgnext{
     color: #FFFF66;
     font-size   : 10pt;
     
}
.pgnext a{
     color: #FFFF66;
     font-size   : 10pt;
     
}
.pgnext a:hover {
  text-decoration: none;
  background: #FF0000;
     color: #FFFF66;
}
.pgnext a:visited {
  text-decoration: none;
     color: #FFFF66;
}

/* H220307 追加 */
.ph_cell {
   margin-left : 5px;
}
.ph_cell td {

  width : 165px;
  height : 165px;
  text-align : center;
  background-image : url(../cut/pbk_001.gif);

}
.ph_cell img {
         border-width : 1px 2px 2px 1px;
         border-style : ridge ridge ridge ridge;
         border-color : #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0 ;


#img_content {
	position: relative;
	margin: 0 auto;
	text-align : center;
}
#img_header {
	position: relative;
	margin: 0 auto;
	text-align : center;
}
#img_footer {
	position: relative;
	margin: 0 auto;
	text-align : center;
}
#img_body {
	margin: 5 auto;
	text-align : center;
}