@charset "utf-8";

@import url(share/default.css);
@import url(share/fonts.css);
@import url(//fonts.googleapis.com/css?family=Vollkorn:400,700);

/* =============================================================================
   Template
   ========================================================================== */

body {
  background-color: #ffffff;
}

body > header,
body > footer {
  padding: 0.6em 1em;
}

body > header h1,
body > footer small {
  margin: 0;
  font-size: 93%;
  font-family: Arial, serif;
  color: #FFFFFF;
}

body > footer {
  text-align: right;
}

.body {
  background-color: #FFD700;
}

/* =============================================================================
   Content
   ========================================================================== */

.container {
  background-image:url(../images/bg4.jpg);
}

.container > h1 {
  margin: 0;
  padding: 10px;
  font-size: 277%;
  font-family: 'Lucida San Unicode''Lucida Grande';
  color: #FFFFFF;
  font-weight: normal;
  text-shadow: 0 1px #000000;
}

.container > h1 span {
  color: #66CC00;
  font-size: 148%;
}

.layout {
  margin: 0 auto;
}

.unit {
  float: left;
  width: 240px;
  -webkit-transform-style: preserve-3d;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

.unit header h1 {
  margin: 0.5em 0;
  text-align: center;
  font-size: 140%;
  color: #66CC00;
  text-shadow: 0 1px #DDDDDD;
}

.unit header p {
  font-size: 85%;
  text-align: center;
}

.unit .cover {
  margin-bottom: 0.6em;
  text-align: center;
}

.unit .cover img {
  box-shadow: 0 0 2px rgba(0,0,0,.6);
}

.unit dl {
  line-height: 1.6;
}

.unit dt {
  display: block; 
  margin-bottom: 0.3em;
  font-weight: 700;
  font-size: 93%;
}

.unit dt span {
  color: #CC3300;
}

.unit dd {
  margin: 0;
  font-size: 77%;
}



.unit dd + dt {
  margin-top: 0.6em;
  padding-top: 0.6em;
  border-top: 1px dotted #444444;
}

.gap {
	background-color: #FFFFFF;
	border-radius: 6px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	margin: 10px;
}

.buynow {
  clear: left;
  float: left;　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
  margin-right: 16px;
  text-align: center;
}

.buynow a {
  display: block;
  border: 1px solid #000000;
  width: 123px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #AAAAAA;
  background: #ffa84c;
  background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));
  background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
  background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
  background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
  background: linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
  color: #000000;
  text-decoration: none;
}

.buynow s:linl {
color:gray
}

.buynow a:hover {
  background: #ff7b0d;
}

.buynow a:active {
  position: relative;
  top: 1px;
  left: 1px;
  box-shadow: 0 0 0 transparent;
}

.new {
  width: 480px;
}

.new .cover{
  float: left;
  margin-right: 20px;
}

.new .buynow {
  clear: left;
  float: left;
  margin-right: 20px;
  text-align: center;
}

.new .buynow a {
  display: block;
  border: 1px solid #FFFFFF;
  width: 123px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #AAAAAA;
  background: #ffa84c;
  background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));
  background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
  background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
  background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
  background: linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
  color: #FFFFFF;
  text-decoration: none;
}

.new .buynow a:hover {
  background: #ff7b0d;
}

.new .buynow a:active {
  position: relative;
  top: 1px;
  left: 1px;
  box-shadow: 0 0 0 transparent;
}

.new .index {
  overflow: hidden;
}

.btn01 li a{
  display:block;
  padding:1em 1.5em;
  border:1px solid #c3c3c3;
  border-bottom:1px solid #9e9e9e;
  background:#9e9e9e url(http://phatphoto.jp/_userdata/css/btn01.png) center bottom no-repeat;
  color:#fff;
  text-align:center;
  text-decoration:none;
  }
  
  .btn01 li a:hover {
  border:1px solid #c3c3c3;
  border-bottom:1px solid #9e9e9e;
  background:#6a6a6a url(http://phatphoto.jp/_userdata/css/btn01_over.png)center top repeat-x;
  }
  
.btn03 a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
}

#tabs4 {
      font: bold 12px/1.5em Verdana;/*- 文字サイズ - */
      float:left;
      width:100%;
      background:change-background;
      line-height:normal;
}


#tabs4 ul { 
    margin: 0px 0px 0px 15px;   
      padding:10px 0 0 0;/*- Menu 上右下左- */
      list-style:none;
}

#tabs4 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs4 a {
      float:left;
      background:url("../images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs4 a span {
      float:left;
      display:block;
      background:url("../images/tabright4.gif") no-repeat right top;
      padding:8px 8px 5px 8px;
      color:#906f1d;
}
#tabs4 a span {float:none;}

#tabs4 a:hover span {
      color:#fbf6a7;
}
#tabs4 a:hover {
      background-position:0% -42px;
}
#tabs4 a:hover span {
      background-position:100% -42px;
}

#tabs5 {
      font: bold 12px/1.5em Verdana;/*- 文字サイズ - */
      float:left;
      width:100%;
      background:change-background;
      line-height:normal;
}


#tabs5 ul { 
    margin: 0px 0px 0px 37px;   
      padding:10px 0 0 0;/*- Menu 上右下左- */
      list-style:none;
}

#tabs5 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs5 a {
      float:left;
      background:url("../images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs5 a span {
      float:left;
      display:block;
      background:url("../images/tabright4.gif") no-repeat right top;
      padding:8px 8px 5px 8px;
      color:#906f1d;
}
#tabs5 a span {float:none;}

#tabs5 a:hover span {
      color:#fbf6a7;
}
#tabs5 a:hover {
      background-position:0% -42px;
}
#tabs5 a:hover span {
      background-position:100% -42px;
}