body { font-family: Verdana; margin-left: 1em; margin-right: 1em; color: #000000; 
  background-color: #FFFFFF; font-size:15; }
a { text-decoration: none; }

p#imageStore { behavior: url(#default#userData); }

#round{
    background-color:#096;
    border-radius:10px;
    -moz-border-radius:10px;
    behavior:url(../php/css/round.htc);
}

.shadow_friend{
  width: 330px;/*全体の幅*/
  height: 200px;/*全体の高さ*/
  background-color: #969699;/*影の色*/
  margin: 10px 7px 7px 10px;
  padding-right: 10px;
  }
.text_friend{
  width: 330px;/*全体の幅、shadowと同じに*/
  height: 200px;/*全体の高さ*/
  font-size: 10pt;/*全体の文字サイズ*/
  position: relative;
  background: #FAFAFC;/*文字部分の背景色*/
  margin: -5px -5px 5px -5px;
  padding: 0.8em;/*内部の余白*/
  border: solid 1px #767679;
  }
.shadow25{
  width: 330px;/*全体の幅*/
  height: 200px;/*全体の高さ*/
  background-color: #969699;/*影の色*/
  margin: 10px 7px 7px 10px;
  padding-right: 10px;
  }
.text25{
  width: 330px;/*全体の幅、shadowと同じに*/
  height: 200px;/*全体の高さ*/
  font-size: 10pt;/*全体の文字サイズ*/
  position: relative;
  background: #FAFAFC;/*文字部分の背景色*/
  margin: -5px -5px 5px -5px;
  padding: 0.8em;/*内部の余白*/
  border: solid 1px #767679;
  }
.shadow23{
  width: 180px;/*全体の幅*/
  height: 225px;/*全体の高さ*/
  background-color: #969699;/*影の色*/
  margin: 10px 7px 7px 10px;
  padding-right: 10px;
  }
.text23{
  width: 180px;/*全体の幅、shadowと同じに*/
  height: 225px;/*全体の高さ*/
  font-size: 10pt;/*全体の文字サイズ*/
  position: relative;
  background: #FAFAFC;/*文字部分の背景色*/
  margin: -5px -5px 5px -5px;
  padding: 0.8em;/*内部の余白*/
  border: solid 1px #767679;
  }
.shadow22{
  width: 150px;/*全体の幅*/
  height: 180px;/*全体の高さ*/
  background-color: #969699;/*影の色*/
  margin: 3px 1px 1px 3px;
  padding-right: 3px;
  }
.text22{
  width: 150px;/*全体の幅、shadowと同じに*/
  height: 180px;/*全体の高さ*/
  font-size: 10pt;/*全体の文字サイズ*/
  position: relative;
  background: #FAFAFC;/*文字部分の背景色*/
  margin: -5px -5px 5px -5px;
  padding: 0.3em;/*内部の余白*/
  border: solid 1px #767679;
  }
.shadow16{
  width: 160px;/*全体の幅*/
  height: 190px;/*全体の高さ*/
  background-color: #969699;/*影の色*/
  margin: 10px 7px 7px 10px;
  padding-right: 10px;
  }
.text16{
  width: 160px;/*全体の幅、shadowと同じに*/
  height: 190px;/*全体の高さ*/
  font-size: 10pt;/*全体の文字サイズ*/
  position: relative;
  background: #FAFAFC;/*文字部分の背景色*/
  margin: -5px -5px 5px -5px;
  padding: 0.5em;/*内部の余白*/
  border: solid 1px #767679;
  }
.shadow9{
  width: 380px;/*全体の幅*/
  height: 300px;/*全体の高さ*/
  background-color: #969699;/*影の色*/
  margin: 10px 7px 7px 10px;
  padding-right: 10px;
  }
.text9{
  width: 380px;/*全体の幅、shadowと同じに*/
  height: 300px;/*全体の高さ*/
  font-size: 10pt;/*全体の文字サイズ*/
  position: relative;
  background: #FAFAFC;/*文字部分の背景色*/
  margin: -5px -5px 5px -5px;
  padding: 0.8em;/*内部の余白*/
  border: solid 1px #767679;
  }



fieldset#display { font-size: 12; padding: 0.5em; border: 1px solid olivedrab; width: 280px; }
legend#display { font-size: 12; border: 1px solid olivedrab; background-color: ivory; padding: 2 7 2 7; }
#disp_method { font-weight:bold; background-color: #FFF0F5; padding:3 1 3 1; border-width:1 0 1 0; border-style:solid;border-color: #FFB6C1; }
.backtolist { font-weight:bold; color:royalblue; background-color:#DCDCDC; padding:2 0 2 0; }

.msg_link a { text-decoration: underline; }
.msg_link a:link { color:#5F9EA0; }
.msg_link a:visited { color:#5F9EA0; }
.msg_link a:hover { color:#5F9EA0; }
.msg_link a:active { color:#5F9EA0; }
.msg_link_a { background-color:#FFF0F5; border-width:5; border-style:solid; border-color:#FFE4E1; }
.msg_link_a a { text-decoration: underline; }
.msg_link_a a:link { color:#5F9EA0; }
.msg_link_a a:visited { color:#5F9EA0; }
.msg_link_a a:hover { color:#5F9EA0; }
.msg_link_a a:active { color:#5F9EA0; }

.diary_link a { text-decoration: underline; font-size:10; }
.diary_link a:link { color:#5F9EA0; }
.diary_link a:visited { color:#5F9EA0; }
.diary_link a:hover { color:#5F9EA0; }
.diary_link a:active { color:#5F9EA0; }

.trans_link { color:#FFB6C1; font-size:9; text-decoration:underline; }

#strong { font-size: 14; font-weight: bold; color: deeppink; }

font.grad { font: 1.2em Impact; font-weight: bold; }
font.col1 { color: rgb(255, 110, 250); }
font.col2 { color: rgb(255, 120, 240); }
font.col3 { color: rgb(255, 130, 230); }
font.col4 { color: rgb(255, 140, 220); }
font.col5 { color: rgb(255, 150, 210); }
font.col6 { color: rgb(255, 160, 200); }
font.col7 { color: rgb(255, 170, 190); }
font.col8 { color: rgb(255, 180, 180); }
font.col9 { color: rgb(255, 190, 170); }
font.col10 { color: rgb(255, 200, 160); }


.bar_1 { background-color: #FF6633; }
.tt_bg { background-color: #FF9999; }
.td_bg { background-color: #FFFF99; }

.new_comer a:hover { color: #006600; }


.bottomright a { text-decoration: none; }
.bottomright a:link { color: #333333; }
.bottomright a:visited { color: #333333; }
.bottomright a:hover { color: #006600; }
.bottomright a:active { color: #333333; }


fieldset#logininfo { font-size: 12; padding: 25 25 10 25; border: 1px solid #FFCC33; width: 380px; }
legend#logininfo { font-size: 14; padding: 5px; color: #666666; border-width: 2; border-style: solid; border-color: #FFCC33; background-color: #FFFFCC; }

.login_title1 { font-size: 12px; border-bottom: #FF6600 1px solid; width: 370px; 
  text-align: left;}
.login_title2 { border-bottom: #FFCC33 3px solid; width: 175px; padding: 3px; }
.login_title3 { width: 160px; }
#belinked{ background-color: #FFFFCC; font-size: 12; padding: 5px 5px 5px 15px; margin: 10px; 
  border-style: double ; border-color: #FFCC33; border-width: 5px; line-height: 1.3em; }


#login_title11 { border-bottom: #FFCC33 3px solid; }
#login_title22 { font-size: 12px; border-bottom: #FF6600 1px solid; }



#count_link a { background-color: blanchedalmond; font-size:12; padding: 2px; }
#count_link a:link { background-color: blanchedalmond; }
#count_link a:visited { background-color: blanchedalmond; }
#count_link a:hover { background-color: bisque; }
#count_link a:active { background-color: blanchedalmond; }
#count_nolink{ font-weight: bold; font-size:12; color: orangered; padding: 1px; }

#large_string{ font-size:15; }

.title_left { padding: 2px; border-width: 1px; border-style :solid; 
  border-color: #9696FF; background-color: #D6D6FF; }
.title_right { font-weight: bold; padding: 2px; border-width: 1px;
  border-style: solid; border-color: #9696FF; }




div#dogs { filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, StartColorStr=#F2E69D, EndColorStr=#F5F5DC ); width: 580px; padding: 1.5em; }
div#pedigree { filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, StartColorStr=#F2D79D, EndColorStr=#F5F6ED ); width: 580px; padding: 1.5em; }
div#sex { filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, StartColorStr=#F3E7AD, EndColorStr=#F5F6ED ); width: 580px; padding: 1.5em; }

#foralldogs{ width: 650px; background-color:oldlace; font-size: 12; padding: 5px 5px 5px 15px; margin: 15px; 
  border-style: double ; border-color: lightsalmon; border-width: 5px; line-height: 1.3em; }


#forcustomers{ background-color: papayawhip; font-size: 12; padding: 5px; }
strong#relative { background-color: paleturquoise; font-size: 14px; }

#relativelink { color:royalblue; }
#relativelink a:link { color:royalblue; }
#relativelink a:visited { color:royalblue; }
#relativelink a:hover { color:white; background-color:royalblue; }
#relativelink a:active { color:royalblue; }

#relativelink2 { color:white; background-color:dodgerblue; }
#relativelink2 a:link { color:white; background-color:dodgerblue; }
#relativelink2 a:visited { color:white; background-color:dodgerblue; }
#relativelink2 a:hover { color:dodgerblue; background-color:white; }
#relativelink2 a:active { color:white; background-color:dodgerblue; }

#advertise_back{ width: 600px; height: 90px; padding-top: 15px; background-color: gold; }

table { font-size: 12; }
td { padding-left: 0.8em; }
td.title_yellow { background-color: #FFFF99; font-weight: normal; font-size: 12;
  padding: 5px 0px 5px 20px; }
td.title_gold { background-color: #FFFF66; padding: 5px 0px 5px 0px; }
td.title_orange { background-color: #FFAA77; font-weight: normal; font-size: 12; }
td.title_trueorange { background-color: #FF8855; }
td.title_blue { background-color: #77AAFF; font-weight: normal; font-size: 12; }
td.title_steelblue { background-color: #77AAFF; }
col.col1 { background-color: #FFFFCC; }
col.col2 { background-color: #FFDDAA; }
col.col3 { background-color: #AADDFF; }
#login_item { background-color: lightcyan; }



font.sireglow { font: bold 0.8em Verdana; color: #111111; padding: 0.1em; border: 1px solid #000080;
  text-align: left; filter: Glow( Color=#87CEFA, Strength=16 ); width: 600; padding: 0.2em 0em 0em 0em; }
font.damglow { font: bold 0.8em Verdana; color: #111111; padding: 0.1em; border: 1px solid #C71585;
  text-align: left; filter: Glow( Color=#FFE4E1, Strength=16 ); width: 600; padding: 0.2em 0em 0em 0em; }


font.sire { margin-top: 3px; font: bold Verdana; font-size:16; height: 0.6em; 
  width: 480px; color: #000000; padding: 0.5em; border: 3px outset #A9DFFA; 
  text-align: center; cursor: pointer; cursor: hand; }
font.dam { margin-top: 3px; font: bold Verdana; font-size:16; height: 0.6em; 
  width: 480px; color: #000000; padding: 0.5em; border: 3px outset #FFB6C1; 
  text-align: center; cursor: pointer; cursor: hand; }
font.xxsire { margin-top: 3px; font: bold Verdana; font-size:14; height: 0.6em; 
  width: 480px; color: #000000; padding: 0.3em; border: 3px outset #A9DFFA; 
  text-align: center; cursor: pointer; cursor: hand; }
font.xxdam { margin-top: 3px; font: bold Verdana; font-size:14; height: 0.6em; 
  width: 480px; color: #000000; padding: 0.3em; border: 3px outset #FFB6C1; 
  text-align: center; cursor: pointer; cursor: hand; }
font.male { margin-top: 3px; padding: 2px; font: bold Verdana; font-size:12; height: 0.6em; width: 480px; color: #000000; padding: 0.1em; border: 3px outset #A9DFFA; text-align: center; cursor: pointer; cursor: hand; }
font.female { margin-top: 3px; font: bold Verdana; font-size:12; height: 0.6em; width: 480px; color: #000000; padding: 0.1em; border: 3px outset #FFB6C1; text-align: center; cursor: pointer; cursor: hand; }


div#neccesary { font-size: 12; width: 600px; text-align: right; }
div#login { margin-left: 65px; }
div#wanimage { position: absolute; top: 140px; left: 850px; border: 3px ridge tomato; }
div#wansphoto { border: 3px ridge tomato; }

div#hide1, div#hide2, div#hide3, div#hide4, div#hide5, div#hide6, div#hide7, div#hide8, div#hide9, div#hide10, div#hide11, div#hide12, div#hide13, div#hide14, div#fn { display: none; }

div#hide_hokkaido, div#hide_aomori, div#hide_iwate, div#hide_miyagi, div#hide_akita, div#hide_yamagata, div#hide_fukushima, div#hide_tochigi, div#hide_gunma, div#hide_ibaragi, div#hide_saitama, div#hide_chiba, div#hide_tokyo, div#hide_kanagawa, div#hide_yamanashi, div#hide_gifu, div#hide_shizuoka, div#hide_mie, div#hide_aichi, div#hide_niigata, div#hide_toyama, div#hide_ishikawa, div#hide_fukui, div#hide_nagano, div#hide_shiga, div#hide_kyoto, div#hide_osaka, div#hide_hyogo, div#hide_nara, div#hide_wakayama, div#hide_tottori, div#hide_shimane, div#hide_okayama, div#hide_hiroshima, div#hide_yamaguchi, div#hide_tokushima, div#hide_kagawa, div#hide_ehime, div#hide_kouchi, div#hide_fukuoka, div#hide_saga, div#hide_nagasaki, div#hide_kumamoto, div#hide_oita, div#hide_miyazaki, div#hide_kagoshima, div#hide_okinawa { display: none; }

#detail_maintitle { font-weight: normal; font-family: '平成角ゴシック体'; font-size: 12; border-style: dotted; 
  border-color: limegreen; border-width: 3px 0px; padding: 5px 0px }
#detail_logintitle { font-weight: normal; font-family: 'HGSｺﾞｼｯｸE'; font-size: 20; width: 450; 
  color: #000000; background: white url(../../relativefinder/images/tips053-3.gif) repeat; 
  border-style: double; border-color: orange; padding: 15px 0px }
#detail_subtitle { font-weight: normal; font-family: '平成角ゴシック体'; font-size: 14; 
  font-weight: normal; border-style: solid; border-color: tomato; border-width: 0px 0px 1px 9px; padding: 5px 47px 2px 7px; 
  margin-left: 0.5em; }

#error { font-size: 15; color: crimson; border-style: solid ; border-color: darkpink; border-width: 5px; 
  padding: 0.3em; }
font#success { font-size: 15; color: midnightblue; border-style: solid ; border-color: slategray; border-width: 5px; padding: 0.3em; }

div#top_item { font-size: 15; margin: 2px; padding: 2px; }
div#top_item a:link { color: #0073FF; }
div#top_item a:visited { color: #0073FF; }
div#top_item a:hover { color: #FFED98; background-color:#66A7FF; }
div#top_item a:active { color: #0073FF; }
div#explain { line-height: 1.5em; font-size: 12; border-style: solid ; border-color: midnightblue; border-width: 3px; 
  padding: 0.8em; margin-top: 0.5em; }
div#topexplain { line-height: 1.5em; font-size: 10; border-style: double ; border-color: orange; border-width: 3px; padding: 1em; margin-top: 0.5em; }

div#view { font-size: 12; width: 300px; border-style: solid; border-color: pink; border-width: 1px; 
  text-align: center; padding-top: 1px; }

#emphasize { color: mediumvioletred; font-size: 14; font-weight: bold; }

#relative_body { font-weight: normal; font-family: 'HG創英角ｺﾞｼｯｸUB'; }

#dogcount { font-weight: normal; font-family: '平成角ゴシック体'; font-size: 14px; }
#dogcount_number { color: mediumvioletred; font-size: 16px; font-family: 'ＭＳ Ｐゴシック'; font-weight:bold; }
#dogcount_label { font-size:12; font-family: 'ＭＳ Ｐゴシック'; }

div#aff_login_right { filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, StartColorStr=#F2E69D, EndColorStr=#F5F5DC ); width: 90%; padding: 2em 0em; }
div#aff_login_left1 { width: 540px; height: 350px; text-align: left; }
div#aff_login_left2 { border-width: 1px; border-color: #FFAAAA; border-style: solid; }
div#aff_login_left3 { border-width: 1px; border-color: #FFECEC #FFADAD #FFADAD #FFECEC; border-style: solid; }
div#aff_login_left4 { background-color: #FFDEDE; padding: 1px; }
div#aff_login_left5 { padding: 3px 3px 4px 3px; text-align: center; font-size: 14; }
div#aff_login_left6 { border-width: 1px; border-color: #FFADAD #FFECEC #FFECEC #FFADAD; border-style: solid; }
div#aff_login_left7 { border: 1px #FFAAAA solid; background-color: #FFFFFF; padding: 10px; }

table#stat_menu { padding: 5px; margin-left: auto; margin-right: auto; }
td#stat_menu_item { font-size: 12; text-align: center; background-color: lightblue; font-weight: bold; }
td#stat_menu_item a:link { color: indigo; }
td#stat_menu_item a:visited { color: indigo; }
td#stat_menu_item a:active { color: indigo; }
td#stat_menu_item a:hover { background-color: white; color: indigo; }

div#stat_male { font-weight: bold; position : absolute; top: 270px; left: 300px; }
div#stat_female { font-weight: bold; position : absolute; top: 270px; left: 180px; width: }
div#stat_male_percent { font-size: 15; font-weight: bold; position : absolute; top: 300px; left: 300px; }
div#stat_female_percent { font-size: 15; font-weight: bold; position : absolute; top: 300px; left: 180px; width: }

.title1 { font-size: 22px; color: #1e50a2; }