

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%;
  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:  "$B%a%$%j%*(B", "$B#M#S(B $B#P%4%7%C%/(B", "MS Gothic", "$B%R%i%.%N3Q%4(B 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 50px 0px;
  margin: 0 auto;
  background: url(img/contents_bg.jpg) no-repeat top center;
}

#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{
width:960px;
height:200px; 
border:0;
}

#contents #contain h3{
border:0;
}

#contents #contain .present_img {
  text-align: center;
  margin: 10px auto;
}

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

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

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

#contents #contain #shop {
padding: 70px 0px 20px 15px;
margin-bottom: 7px;
background: url(img/title_shop.gif) no-repeat top center;
border: solid 1px #ff0000;
}

#shop ul{
text-align:center;
height: 66px;
}

#shop ul li{
list-style-type:none;
text-align:left;
padding:0px 30px 0px 0px;
display: inline-block;
*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 */
}


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

.track{
margin-top: 30px;
padding: 0px 0px 20px 25px;
overflow: hidden;
text-align: left;
}

.track_fL{
float:left;
width: 180px;
margin-right: 25px;
display: inline;
}
.track_fR{
float:left;
width: 620px;
padding-top:10px;
display: inline;
}



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

#contents #contain #digest {
margin-top: 30px;
padding: 0px 0px 40px 0px;
}

#digest ul{
width: 860px;
}

#digest ul li{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #e94609;
margin-top: 14px;
padding-bottom: 14px;
color: #333333;
line-height: 150%;
}

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



/*----$B99?7>pJs(B----*/

#contents #contain #info_box {
margin: 40px 0px 30px 0px;
padding:107px 0px 0px 0px;
background: url(img/title_info.gif) no-repeat top center;
}

#contents #contain #info_box .news h4 {
border-bottom: 1px solid #e94609;
font-size: 130%;
color: #e94609;
}

#contents #contain #info_box .news .date {
  font-size: 90%;
  padding-left: 0px;
    font-weight: bold;
}

#contents #contain #info_box .news {
  font-size: 92%;
  line-height: 1.5;
  margin: 0 0 10px 0px;
  border-bottom: 1px dotted #000;
}
#contents #contain #info_box .news_txt{
  line-height: 1.5;
}






/*----radio----*/
#contents #contain .radio {
padding: 215px 50px 50px 50px;
background: url(img/title_radio.gif) no-repeat top center;
}

/*----event----*/
#contents #contain #event {
padding: 215px 50px 50px 50px;
background: url(img/title_event.gif) no-repeat top center;
}

#contents #contain .present_img {
  text-align: center;
  margin: 5px auto;
}

/*----$BF02h%a%C%;!<%8(B----*/

#msg_box {
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
}

#msg_box ul {
  width: 860px;
}

#msg_box ul li {
overflow: hidden;
position: relative;
width: 230px;
height: 170px;
padding: 0 5px 5px 5px;
display: inline-block;
cursor: pointer;
}

#msg_box a:hover img{
text-decoration: none;
filter: alpha(opacity=80);
opacity: 0.8;
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
}






/*----$B%i%8%3(B----*/

#contents #contain .radiko_btn a {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 820px;
  height: 100px;
}
#contents #contain .radiko_btn a:hover {
  text-decoration: none;
  filter: alpha(opacity=30);
  opacity: 0.5;
}




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


#footer {
  padding: 0px;
  background-color: #e94609;
}
#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: #e94609;
}


/*$B%^!<%8%s(B*/

.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;}

/*$BJ8;zAu>~(B*/

.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;}

.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;}
