/*============================================================

//  共　通　設　定

//==========================================================*/


/*---CSSリセット---*/

html{
    color:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote{
    margin:0;padding:0; 
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }
img { vertical-align:bottom } 

/*---回り込み解除---*/
.clear { clear:both; }  
.clear hr { display:none; }  

/*---ページ共通スタイルシート---*/
body      { color: #333; font-size: 12px; line-height: 150%; background-image: url(allpage_img/img/bg_main.gif); margin:0;padding:0; }
tr,td,th     { color: #333; font-size: 12px; line-height: 150%;margin:0;padding:0; }
a:link     { color: #4e4ee1; text-decoration: none }
a:hover    { color: #a30000; text-decoration: none }
a:visited    { color: #4e4ee1 }
a:active   { color: #000; text-decoration: none }
h1 { font-size: 12px }
h2      { font-size: 12px; font-weight: normal; margin: 0; padding: 0; top: 0 }
h3   { font-size: 14px; margin: 0; padding: 0; top: 0 }
.big  { font-size: 14px }
.big a:link  { font-size: 14px }
.big a:hover  { font-size: 14px; text-decoration: none }
.big a:visited  { font-size: 14px }
.middle   { font-size: 12px }
.small   { font-size: 10px }
.small a:link  { font-size: 10px }
.small a:hover  { font-size: 10px }
.small a:visited  { font-size: 10px }

/*---装飾テーブルスタイルシート---*/
#glay table {
  width: 100%;
    *border-collapse: collapse;
    border-spacing: 0;
  font-size:12px;
}
#glay th {
  color: #000;
  padding: 6px 12px;
  background: #eee;
  background:-moz-linear-gradient(#eee, #ddd 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
  font-weight: bold;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(255,255,255,0.9);
  box-shadow:  2px 2px 1px rgba(0,0,0,0.1), 0px 1px 1px rgba(255,255,255,0.3) inset;
}
#glay th:first-child {
  border-left:1px solid #aaa;
  border-radius: 5px 0 0 0;	
}
#glay th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#glay tr td {
  padding: 3px 4px;
  text-align: left;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#glay tr td:first-child {
  border-left: 1px solid #aaa;
}
#glay tr td:last-child {
  border-right: 1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#glay tr {
  background: #fff;
}
#glay tr:nth-child(2n+1) {
  background: #f5f5f5;
}
#glay tr:last-child td {
  border-bottom:1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#glay tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
#glay tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
#glay tr:hover {
  background: #eee;
  cursor:pointer;
}


/*---各ページデータ内容---*/
#data       { text-align: center; margin: 0 auto; padding: 0; width: 690px; float: left; border: solid 1px silver }


/*---各ページデータ内容---*/
#pankuzu         { color: #eec1d3; font-size: 14px; font-weight: normal; background-image: url("allpage_img/img/pankuzu_bg.png"); background-repeat: repeat; text-align: left; margin: 2px; padding: 5px; width: 676px; float: left }

#pankuzu .big-cate        { color: white; font-size: 16px; font-weight: normal; background-image: url("allpage_img/img/pankuzu_arrow-b.png"); background-repeat: no-repeat; background-position: right 2px; text-align: left; letter-spacing: 15px; margin-right: 10px; margin-left: 10px; padding: 0 10px 0 0 }
#pankuzu .big-cate a:link  { color: white; text-decoration: none }
#pankuzu .big-cate a:hover     { color: #fcb; text-decoration: none }
#pankuzu .big-cate a:visited  { color: white; text-decoration: none }
#pankuzu .middle-cate      { color: white; font-size: 12px; font-weight: normal; text-decoration: none; background-image: url("allpage_img/img/pankuzu_arrow.png"); background-repeat: no-repeat; background-position: right 1px; text-align: left; margin-right: 3px; margin-left: 3px; padding: 0 20px 0 0 }
#pankuzu .middle-cate a:link  { color: white; text-decoration: none }
#pankuzu .middle-cate a:hover     { color: #fcb; text-decoration: none }
#pankuzu .middle-cate a:visited  { color: white; text-decoration: none }

/*---左写真エリア---*/
#photo       { text-align: center; margin-top: 20px; margin-right: 0; margin-left: 10px; padding: 0; width: 300px; float: left }
#photo #main-photo     { color: #d5d7d5; font-size: 14px; font-weight: normal; line-height: 150%; background-color: #f6f7f3; background-image: url("allpage_img/img/zoom.gif"); background-repeat: no-repeat; background-position: center bottom; text-align: center; margin: 0 auto; padding: 10px 5px 35px; width: 300px; float: left; border: solid 1px silver }
#photo #main-photo #main-cap    { color: #555555; font-size: 14px; font-weight: normal; line-height: 150%; text-align: center; margin: 5px auto 2px; padding: 0; width: 260px; float: none }
#photo #etc       { color: #555555; font-size: 12px; font-weight: normal; line-height: 150%; background-color: white; text-align: center; margin: -1px auto; padding: 8px 5px; width: 300px; float: left; border: solid 1px silver }
#photo #sub-photo      { color: #d5d7d5; font-size: 14px; font-weight: normal; line-height: 150%; background-color: #f6f7f3; text-align: center; margin: 0 auto; padding: 10px 5px; width: 300px; float: left; border: solid 1px silver }
#photo #sub-photo #each-photo    { color: #D5D7D5; font-size: 14px; font-weight: normal; line-height: 150%; text-align: center; margin-bottom: 15px; padding: 0 3px 3px; width: 90px; height: 90px; float: left }
#photo #sub-photo #sub-cap   { color: #555505; font-size: 10px; font-weight: normal; text-decoration: none; text-align: center; margin: -3px auto 0; padding: 3px; float: none }
#photo a:hover img  { filter: alpha(opacity=60); opacity: 0.6 }
.photo { padding: 0; border: solid 1px silver }
/*---右テキストエリア---*/
#txtdata       { text-align: center; margin: 20px 10px 0 0; padding: 0; width: 330px; float: right }

table#table-01     { text-align: center; margin: 0 auto; padding: 0; width: 330px; float: none; border: solid 1px #d5d7d5; border-collapse: collapse; border-spacing: 0    }
table#table-01 th    { color: white; font-size: 14px; text-decoration: none; background-image: url("allpage_img/img/shiryoumei_head.png"); text-align: left; letter-spacing: 0.2em; margin: 0; padding: 6px 6px 6px 33px; border-style: solid; border-width: 1px; border-color: #681400 #681400 #e8e8e8 }
table#table-01 td  { text-align: center; padding: 7px 5px; border-style: solid; border-width: 0 0 1px 1px; border-color: #d5d7d5 }
#txtdata #txt-syosai     { font-size: 12px; line-height: 160%; text-align: left; margin: 20px 10px 20px auto; padding: 12px 0; width: 330px; float: none; border-style: dotted; border-width: 1px 0; border-color: #c1c1c1; border-collapse: collapse; border-spacing: 0    }


/*--- 左写真エリアデータベース一覧 ---*/
.dblist-top ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 48px;
}
 
.dblist-top ul li ul li {
  margin-bottom: .25em;
  position: relative;
}
 
.dblist-top ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}
 
.dblist-top ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.dblist-top ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}