@charset "UTF-8";
/* CSS Document */
body#gallery {
  width: 100%;
}

#gallery #contentsarea03 {
  width: 100%;
  height: 100%;
  background: #000;
  margin: 0 auto;
  padding: 0;
}

#gallery_area {
  background: #000;
}

/*第一画像カラム*/
#wrapper {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#wrapper .f-left {
  width: 40%;
  margin: 1px 0 0 0;
}

#wrapper .f-left img {
  width: 100%;
}

#wrapper .f-right {
  width: 60%;
  margin: -1px 0 -1px 0;
}

#wrapper .f-right #slider ul {
  margin: 0;
  width: 100%;
}

#wrapper .f-right #slider ul li {
  display: inline;
}

#wrapper .f-right #slider ul li a {
  margin: 0;
  padding: 0;
  width: 33.333333%;
}

#wrapper .f-right #slider ul li a img {
  display: block;
}

/*第二カラム*/
#wrapper02 {
  position: relative;
  width: 100%;
  height: auto;
}

#wrapper02 .f-right {
  width: 40%;
  height: auto;
}

#wrapper02 .f-right img {
  width: 100%;
}

#wrapper02 .f-left {
  width: 60%;
}

#wrapper02 .f-left #slider01 ul {
  margin: 0;
  width: 100%;
}

#wrapper02 .f-left #slider01 ul li {
  display: inline;
}

#wrapper02 .f-left #slider01 ul li a {
  padding: 0;
  width: 33.333333%;
  height: auto;
  float: left;
  border: 0;
}

/*第3画像カラム*/
#wrapper03 {
  position: relative;
  width: 100%;
  height: auto;
}

#wrapper03 .f-left {
  width: 40%;
}

#wrapper03 .f-left img {
  width: 100%;
}

#wrapper03 .f-right {
  width: 60%;
}

#wrapper03 .f-right #slider02 ul {
  margin: 0;
  width: 100%;
}

#wrapper03 .f-right #slider02 ul li {
  display: inline;
}

#wrapper03 .f-right #slider02 ul li a {
  padding: 0;
  width: 33.333333%;
  height: auto;
  float: left;
}

/*第四画像カラム*/
#wrapper04 {
  width: 100%;
  height: auto;
}

/*1段目画像カラム*/
#slider {
  margin: 0;
  padding: 0;
}

#slider ul {
  width: 100%;
  height: auto;
}

#slider ul li {
  display: inline;
}

#slider ul li a {
  width: 20%;
  height: auto;
  float: left;
}

#slider ul li a img {
  width: 100%;
}

/*2段目画像カラム*/
#slider01 {
  margin: 0;
  padding: 0;
}

#slider01 ul {
  width: 100%;
  height: auto;
}

#slider01 ul li {
  display: inline;
}

#slider01 ul li a {
  width: 20%;
  float: left;
  border: 0;
}

#slider01 ul li a img {
  width: 100%;
}

/*3段目画像カラム*/
#slider02 {
  margin: 0;
  padding: 0;
}

#slider02 ul {
  width: 100%;
  height: auto;
}

#slider02 ul li {
  display: inline;
}

#slider02 ul li a {
  width: 20%;
  float: left;
  border: 0;
}

#slider02 ul li a img {
  width: 100%;
}

/*4段目画像カラム*/
#slider03 {
  margin: 0;
  padding: 0;
}

#slider03 ul {
  width: 100%;
  height: auto;
}

#slider03 ul li {
  display: inline;
}

#slider03 ul li a {
  width: 20%;
  float: left;
  border: 0;
}

#slider03 ul li a img {
  width: 100%;
}

a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  -moz-opacity: 0.7;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
}

/*パン屑*/
#contentsarea03 .containt ul#bread {
  margin: 0;
  padding: 20px 0 0 20px;
  color: #fff;
}

#contentsarea03 .containt ul#bread li a {
  color: #fff;
}

/*リンク項目カラム*/
#trigger_area {
  width: 100%;
  min-width: 960px;
  height: 50px;
  margin: 0px auto 20px auto;
  background: #333;
  z-index: 200;
  position: relative;
}

#trigger_area ul.g_nav {
  padding: 5px 0 0 0;
  float: left;
}

#trigger_area ul.g_nav li {
  margin: 0 0 0 10px;
  display: inline;
}

#trigger_area ul.g_nav li.static {
  margin: 0 0 0 10px;
  display: inline;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=50)";
  /* ie 8 */
  -moz-opacity: 0.5;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.5;
}

.trigger {
  width: 100%;
  margin: -50px auto 0 auto;
  padding: 0;
  height: 70px;
  /*opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape
-khtml-opacity: 0.7; */
  z-index: 100;
}

#trigger_area ul.ttl_a {
  position: absolute;
  height: auto;
  left: 50%;
  margin: -30px auto 0 -60px;
  padding: 0;
  z-index: 400;
  float: left;
}

#trigger_area ul.ttl_a li img {
  display: inline;
  width: 115px;
  height: 115px;
}

#trigger_area ul.listmenu {
  background: url(../img/bridal/gallery/g_nav_bg.gif) top center no-repeat;
  width: 420px;
  height: 40px;
  padding: 8px 5px 0 42px;
  margin: 5px 0 0;
  float: right;
}

#trigger_area ul.listmenu li {
  margin: 0;
  padding: 0;
  text-align: center;
  display: inline;
}

#trigger_area ul.yutb {
  position: absolute;
  right: 0%;
  background: url(../img/bridal/gallery/g_nav_bg02.gif) top center no-repeat;
  width: 145px;
  height: 40px;
  padding: 8px 0px 0 38px;
  margin: 5px 0px 0 0;
  float: left;
}

#trigger_area ul.yutb li {
  display: inline;
}

@media screen and (max-width: 1200px) {
  /*スタイル記述*/
}
/*# sourceMappingURL=gallery02.css.map */
