﻿/* 全体設定------------------------------ */
body     {
  color: #555555;
  background-color: #fffffff;
  margin: 0px;
  padding: 0px;
  text-align: center;
  }

html  {
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-shadow-color: #e0e0e0;
  scrollbar-3dlight-color: #fafafa;
  scrollbar-arrow-color: #808080;
  scrollbar-track-color: #ffffff;
  scrollbar-darkshadow-color: #e0e0e0;
}

#inbox_set      {
margin:0px auto 0px auto;
  width: 880px;
  background-color: ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  }

#inbox     {
  margin:0px auto 0px auto;
  width: 880px;
  text-align:left;
  background-color: ffffff;
  padding: 0px 0px 0px 0px;
  
}

a:link      { color: #669999; text-decoration: none }
a:visited   { color: #669999; text-decoration: none }
a:active   { color: #669999; text-decoration: none }
a:hover   {color:#999999 ; text-decoration: none; }

}
IMG     {
border : 0px;
}

/* タイトル------------------------- */
#banner {
  background-color: transparent;
  width: 880px;
  height: 100px;
  padding: 0px 0px 0px 0px;
  background-image:  url(./images/3.jpg);
}
#banner_l  {
  background-color: transparent;
  float:left;
  width:880px;
  height: 10px;
  margin:0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}



h1 {
  margin: 20px 0px 10px 20px;
}



/* 左メニュー関連------------------------------------------------------------------ */
#sideleft {
  float:left;
  margin:0px 0px 0px 10px;
  width:10px;
  background-color: transparent;
  padding: 0px 0px 0px 0px;

}
/* 記事----------------------------- */
#main {
  float:left;
  width:620px;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.main   {
  background-color: transparent;
  font-size: 11px;
  line-height: 170%;
  font-family:  'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
  margin: 0px 8px 0px 3px;
  padding: 0px 0px 0px 15px;
}

.logtitle     {
  font-size: 12px;
  background-image:  url(./images/entryback.jpg);
  font-family:  'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
  margin: 0px 7px 0px 3px;
  padding: 0px 0px 3px 15px;
  BORDER-BOTTOM : 1PX #CCC SOLID;
 }
 
.logtitle a:link     { color: #343434; text-decoration: none; }
.logtitle a:visited  { color: #343434; text-decoration: none; }
.logtitle a:active   { color: #343434; text-decoration: none; }
.logtitle a:hover  {color:#999999; background-color: transparent; text-decoration: none;  }


.otd_main_title     {
  font-size: 10px;
  font-family:  'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
  margin: 0px 7px 0px 3px;
  padding: 0px 0px 3px 15px;
  BORDER-BOTTOM : 1PX #669999 dotted;
 }

.otd_main_list     {
  font-size: 10px;
  font-family:  'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
  margin: 0px 7px 0px 3px;
  padding: 0px 0px 3px 15px;
 }
 
.logtitle_b     {
  clear: both;
  font-size: 10px;
  line-height: 170%;
  font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
  margin: 0px 15px 0px 20px;
  padding: 0px 0px 3px 20px;
  text-align: right;
  
}
.logtitle_b a:link     { color: #555555; text-decoration: none; }
.logtitle_b a:visited  { color: #555555; text-decoration: none; }
.logtitle_b a:active   { color: #555555; text-decoration: none; }
.logtitle_b a:hover  {color:#999999; background-color: transparent;  text-decoration: none;  }


blockquote {
  font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
  font-size: 11px;
  color: #555555;
  margin: 20px 10px 20px 10px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background-image:url(http://www.happynap.jp/pinot/skin/images/block.jpg); 
  background-repeat : no-repeat;
  background-position : 95% 100%; OVERFLOW : HIDDEN;
  }

.coment_title   {
  color: #669999;
  text-align: left;
  font-size: 11px;
  font-family:   'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 15px;
}
.in {
  border-left:0px;
  border-right:1px solid #999999;
  border-top:0px;
  border-bottom:1px solid #999999;
  font-size:10px; color:#555555;
  background-color:#ffffcc
}

/* 画像つき記事一覧モジュール */
.uoimg_title { width:546px; margin:6px auto 6px auto; padding:0px;  color:#666666; text-align:center; height:auto; }
.uoimg_listloop { width:620px; margin-left:auto; margin-right:auto; }
.photodiv1b { width:590px; height:100px; margin:10px 0px;  text-align:left;  border-bottom:1px dashed #666666; }
.photodiv2b { width:100px; height:100px; margin:0px 10px 10px 0px; background-color:#ffffff; float:left; }
.photocom1b { width:481px; height:14px; margin:5px 5px 0px 0px;  text-align:left; float:left; }
.photocom3b { width:481px; height:28px; margin:5px 5px 0px 0px;  text-align:left; float:left; }
.photocom4b { width:481px; height:14px; margin:20px 0px 0px 0px;  text-align:right; float:left; }
.uoimg_pager1 { width:546px; margin:10px auto 0px auto; padding:6px 0px 0px 0px; color:#333333; text-align:center; font-size:10px; }
.uoimg_pager2 { width:546px; margin:10px auto 0px auto; padding:6px 0px 0px 0px; color:#333333; text-align:center; font-size:10px;  }
.uoimg_gzlist { margin-left:auto; margin-right:auto; display : block; }

/* メニュー関連------------------------------------------------------------------ */
#side {
  float:right;
  margin:0px 0px 0px 10px;
  width:230px;
  background-color: transparent;
  padding: 0px 0px 0px 0px;
}



ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type:none;
}

li {
margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; list-style-type: none;}

/********************** メニュー用 ***********************/
.linktitle{ margin:0px 0px 3px 0px;padding: 5px 0px 0px 0px;            
            font-size: 11px; font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';line-height: 100%;color:#999999; }

.linktitle A,
.linktitle A:link {color:#669999;text-decoration:none;}
.linktitle A:visited {color:#669999;text-decoration:none;}
.linktitle A:active {color:#999999;text-decoration:underline.,color:#ffffff;}
.linktitle A:hover{color:#999999;text-decoration:none;}

.s {margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px; }



/************************ 展開後 **********************/
.child {margin: 0px 0px 0px 0px;padding: 10px 5px 20px 12px;
        font-size: 10px;
  line-height: 170%;
  font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';color: #9d8e87; line-height: 100%; border :1px solid #999999;  }
.child A,
.child A:link {color:#666666;text-decoration:none;}
.child A:visited {color:#666666;text-decoration:none;}
.child A:active {color:#666666;text-decoration:underline;}
.child A:hover{color:#669999;text-decoration:none;}

.child ul {margin: 0px 0px 0px 5px;padding: 0px 0px 0px 3px; list-style-type: none; }
.child li {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px; list-style-type: none;}




.homelink     {
  clear: both;
  font-size: 10px;
  line-height: 170%;
  font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
   text-align: center;
  
}



.image_link     {
  color: #666666;
  font-size: 11px;
  font-family:  'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','MS PGothic','ＭＳ Ｐゴシック';
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  
}
.image_link a:link     { color: #ffffff;  background-color: #ffffff; text-decoration: none; }
.image_link a:visited  { color: #ffffff;  background-color: #ffffff; text-decoration: none; }
.image_link a:active   { color: #ffffff;  background-color: #ffffff; text-decoration: none; }
.image_link a:hover  {color:#ffffff; background-color: #ffffff; cursor:n-resize; text-decoration: underline; }


