/* ------------------------------------------------------------------------------ */
/*   atelierR WebGallery   画面共通スタイルシート　　　　　　　　　　　　　　　   */
/* ------------------------------------------------------------------------------ */

body{
 margin: 0px;
 color:#333333;
 background-color:#7E8F97;
 text-align: center;
}
A:link    {color: #333333; text-decoration: none;}
A:visited {color: #333333; text-decoration: none;}
A:hover   {color: #0000CC; text-decoration: none;}

#backcol{
  background-color: #FFFFFF;  
}

/* 中心レイヤー */
div.frame {
 position: relative;
 z-index: 1;
 width: 100%; height: 100%;
 clip:rect(auto 100% 100% 0);
 text-align: center;
}
/* 中心背景設定 */
td.frametbl{
  width: 800px; height: 100%;
  clip:rect( auto 800px 100% auto);
  background-color: #ffffff;     
}

div.index {
  position: absolute;
  top: 42px; left: 0px;
  width: 100%;
  z-index: 1;
}
/* topページ挨拶 */
div.comment{
  visibility: hidden;
  z-index: 4;
  color: #606060;
  font-size: 11pt; 
}
/* 最新更新日など説明 */
.indexstr A:link    { font-style: normal; color: #336699; text-decoration: underline;}
.indexstr A:visited { font-style: normal; color: #336699; text-decoration: underline;}
.indexstr A:hover   { font-style: normal; color: #336699; text-decoration: underline;}
.indexstr{
  color: #3f3f3f;
  font-style: normal;
  font-size: 10pt; 
}
/* コピー禁止等注意事項 */
.attention{
  color: #333333;
  font-style: bold;
  font-size: 9pt;
}
.indexmark{
  color: #ffa500;
  font-style: normal;
  font-size: 8pt;
}

/* align設定ID */
#alLeft{ text-align: left; }
#alRight{ text-align: right; }
#alCenter{ text-align: center; }

/* menubar */
td.fmBase   { background-color: #666666; layer-background-color: #E1E1E1; }
td.fmHigh   { background-color: #8d8d8d; layer-background-color: #bdbdbd; }
td.fmMiddle { background-color: #c0c0c0; layer-background-color: #adadad; }
td.fmDark   { background-color: #c0c0c0; layer-background-color: #8d8d8d; }
td.fmLight  { background-color: #cdcdcd; layer-background-color: #cdcdcd; }

div.menuitem {
  position: absolute;
  top: 0px; left: 0px;
  width: 100%;
  z-index: 3;
  text-align: top;   
}
div.menubar {
 position: absolute;
 top: 0px; left: 0px;
 width: 100%;
 z-index: 2;
}
.menubar{
  color: #ffffff;
  font-style: bold;
  font-size: 11pt; 
  vertical-align: top;
}
.menustr A:link    { color: #ffffff; text-decoration: none; }
.menustr A:visited { color: #ffffff; text-decoration: none; }
.menustr A:hover   { color: #00CCFF; text-decoration: none; }
.menustr{
  color: #ffffff;
  font-style: bold;
  font-size: 11pt; 
  text-align: center;
  vertical-align: top;
}
div.items{ 
  position: relative; 
  padding-top: 5px;
  padding-bottom: 8px;
}
#menuline{
  padding-top: 5px;
  padding-bottom: 5px;
}
div.menuon {
  position: absolute;
  top: 1px; left: 0px;
  visibility: hidden;
  z-index: 2;
  text-align: left;
}

/* submenu */
div.submenu {
  position: absolute;
  top: 28px; left: 0px;
  z-index: 3;
  visibility: hidden;
  padding-top: 5px;
}
#submenu{ background-color: #666666;}

.submenustr A:link    { color: #FFFFFF; text-decoration: none; }
.submenustr A:visited { color: #FFFFFF; text-decoration: none; }
.submenustr A:hover   { color: #00CCFF; text-decoration: none; }
.submenustr{
  color: #ffffff;
  font-style: bold;
  font-size: 11pt; 
  width: 137px;
  text-align: left;
}