html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
line-height: 1.5;
vertical-align: baseline;
list-style: none;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}


.clearfix, #contents {
  *zoom: 1;
}
.clearfix:after, #contents:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

body {
  line-height: 1.5;
  width: 100%;
  color: #333333;
  font-family:  "メイリオ", "ＭＳ Ｐゴシック", "MS Gothic", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", Arial, Meiryo, "Osaka" sans-serif;
  background-color: #ededed;
  margin: 0 auto;
  text-align: center;
}

a:link {
  color: #23b8e3;
text-decoration: none;}
a:visited {
  color: #23b8e3;
text-decoration: none;}
a:hover {
  text-decoration: none;
  color: #23b8e3;
}
a:active {
  color: #23b8e3;
text-decoration: none;}


#header {
  width: 960px;
  height: 542px;
  margin: 0 auto;
  text-align: center;
  background: url(img/header.jpg) no-repeat !important;
}
#header h1 {
  margin: 0 auto;
}
#header h1 img {
  max-width: 960px;
}


#contents {
  width: 960px;
  margin: 0 auto;
  background:#ffffff;
  text-align: left;
}

#contents #contain {
  padding: 20px 0px 10px 0px;
  margin: 0 auto;
}

#contents .sns {
  padding: 0px 50px 0px 50px;
  margin: 0 auto;
}

#contents #contain p {
  padding: 0px 0px 0px 0px;
  font-size: 100%;
  color: #333333;
  line-height: 1.5;
}

#contents #contain h2{
padding: 5px 50px 5px 50px;
font-size: 130%;
font-weight: bold;}

#contents #contain h3{
border:0;
}


/*----cd----*/

#contents #contain .cd {
  padding: 5px 50px 40px 50px;
}


/*----shop----*/

#contents #contain #shop {
padding: 70px 0px 0px 15px;
background: url(img/title_shop01.gif) no-repeat top center;
border: solid 1px #b60005;
}

#shop ul{
text-align:center;
}

#shop ul li{
list-style-type:none;
text-align:left;
padding:0px 30px 0px 0px;
display: inline-block;
vertical-align: middle;
*display: inline;
*zoom: 1;
}

#shop ul li a:hover img{
opacity: 0.8;
filter: alpha(opacity=80); /* ie 6 7 */
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
}




#shop a:hover img{
opacity: 0.8;
filter: alpha(opacity=80); /* ie 6 7 */
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
}


/*----track----*/

.track{
margin:0px 0px 0px 0px;
padding: 0px 50px 20px 50px;
text-align: left;
font-size: 90%;}

.track_box{
overflow: hidden;
}

.track_fL{
float:left;
width: 260px;
padding-left: 134px;
margin-right: 30px;
min-height: 497px;
background: url(img/cd_jacket01.png) top left no-repeat;
}
.track_fR{
float:left;
width: 260px;
padding-left: 134px;
padding-top:20px;
min-height: 497px;
background: url(img/cd_jacket02.png) top left no-repeat;
}



/*----digest----*/

#contents #contain #digest {
margin-top: 10px;
padding: 20px 50px 20px 50px;
background: #fff2d4;
position: relative;
}

.withs {
position: absolute;
top: 240px;
right: 20px;
width: 147px;
height: 338px;
zoom: 1;
}

#digest ul{
width: 700px;
}

#digest ul li{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;
margin-top: 12px;
padding-bottom: 12px;
color: #333333;
}

#digest ul li a:hover img{
opacity: 0.8;
filter: alpha(opacity=80); /* ie 6 7 */
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
}


/*----agency----*/

#contents #contain #agency {
padding: 30px 50px 20px 50px;
margin-bottom: 7px;
min-height: 500px;
background: url(img/agency_photo.png) bottom right no-repeat;
}









#pagetop {
  position: fixed;
  bottom: 30px;
  right: 55px;
  background: #ffffff;
  text-decoration: none;
}
#pagetop .triangle a {
  color: #e49c00;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: block;
}
#pagetop .triangle a:hover {
  background: #ffffff;
  text-decoration: none;
}


#footer {
  padding: 0px;
  background-color: #e49c00;
}
#footer a {
	  text-decoration: none;
  color: #ffffff;
}
#footer .copy {
  font-size: 100%;
}

.footer-inner{
  padding: 15px;
  margin: 0 auto;
  text-align: center;
  font-size: 80%;
  line-height: 1.5;
  color: #ffffff;
  font-weight: bold;
width:960px;
  background-color: #e49c00;
}


/*マージン*/

.mgt5 { margin-top:5px !important;}
.mgt10 { margin-top:10px !important;}
.mgt15 { margin-top:15px !important;}
.mgt20 { margin-top:20px !important;}

.mgb5 { margin-bottom:5px !important;}
.mgb10 { margin-bottom:10px !important;}
.mgb15 { margin-bottom:15px !important;}
.mgb20 { margin-bottom:20px !important;}
.mgb30 { margin-bottom:30px !important;}

.txtAC{text-align:center;}
.txtVAT{vertical-align:top;}
.fL{float:left;}
.fR{float:right;}

/*文字装飾*/

.font80 {font-size: 80%;}
.font90 {font-size: 90%;}
.font100 {font-size: 100%;}
.font100b {font-size: 100%; font-weight: bold;}
.font110 {font-size: 110%;}
.font110b {font-size: 110%; font-weight: bold;}
.font120 {font-size: 120%;}
.font120b {font-size: 120%; font-weight: bold;}
.font130 {font-size: 130%;}
.font130b {font-size: 130%; font-weight: bold;}
.font140 {font-size: 140%;}
.font140b {font-size: 140%; font-weight: bold;}
.font150 {font-size: 150%;}
.font150b {font-size: 150%; font-weight: bold;}

.strong {font-weight: bold;}

.red {color:red; font-weight: bold;}
.blue{color:#013993; font-weight: bold;}
.pink{color:#FF1493; font-weight: bold;}
.orange {color:#e94609; font-weight: bold;}