/* BASE */
html {
    background-image: url("./img/bg_ug_wall.png");
/*
    background-image: none;
*/
}

/* BASE */
header {
    color: #ffffff;
    background-image: url(./img/mini_wall_g.png);
}

/* BASE */
.breadcrumb li:after {
  /*三角の部分*/
  border-left-color: #333333;/*背景色*/
}
/* BASE */
.breadcrumb li a {
  color: #bbbbbb;
  background: #333333;/*背景色*/
}

/* BASE */
h1 {
 color: #ffc311;
}
h2,h3,h4,h5,h6 {
 color: #cccccc;
}
h1,h2{
 background-color: #333333;
}
h2{
 background-color: #444444;
}
h3{
 background-color: rgba(127,127,127,0.2);
}
h4,h5,h6{
 background-color: rgba(127,127,127,0.1);
}

/* BASE */
span.click_to_enlarge {
    color: #ffc311;
}

/* BASE */
::-webkit-scrollbar-track {
 /*スクロールバーの背景色*/
 background: #333333;
}
/* BASE */
::-webkit-scrollbar-corner {
 /*スクロールバーの右下角*/
 background: #555555;
}
/* BASE */
::-webkit-scrollbar-thumb {
 /*スクロールバーの色・角丸指定*/
 border-radius: 2px;
 background:#555555;
}

/* BASE */
a img {
  border: solid 2px #ffc311;
}
/* BASE */
A:link {
 color: #ffc311;
}
/* BASE */
A:visited {
 color: #ffc311;
}

/* MP用 */
@media screen and (max-width:1100px){

 /* MP */
 TABLE {
  width : 100%;
 }
 /* MP */
 DIV.sitename {
  width : 100%;
 }
 /* MP */
 img.dsl {
  width: 100%;
 }

}
/* /MP用 */


/* PC用 */
@media screen and (min-width:1100px){

 /* PC */
 TABLE {
  width : 80%;
 }

 /* PC */
 DIV.sitename {
  width: 818px;
  height: 256px;
  margin: 8px 8px 8px 8px;
  padding-top: 4px;
 }
 /* PC */
 P.sitename {
  text-align: center;
 }

 /* PC */
 img.ganchan_year {
  width: 240px;
 }

}
/* /PC用 */