html{
text-align:center;
background:url("../images/bg_pat.png") repeat scroll 0 0 transparent;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

#page {
background:url("../images/bg_grad-light.png") repeat-x scroll 0 0 transparent;
}

#header {
background:url("../images/headerBase-light_8.png") no-repeat scroll 0 0 transparent;
height:71px;
margin:0 auto;
width:975px;
}
#header h1 a {
display:block;
float:left;
height:61px;
overflow:hidden;
text-indent:-9999px;
width:380px;
}
ul#headerMenu {
display:inline;
float:left;
height:61px;
width:585px;
}
ul#headerMenu li a{
display:inline;
float:left;
height:61px;
width:260px;
}
ul#headerMenu li a:hover{
background:url("../images/header_item_selected.png") no-repeat scroll center center transparent;
}
ul#headerMenu li a span#discography {
background:url("../images/header_item_dis.png") no-repeat scroll center center transparent;
display:block;
height:61px;
margin:0;
overflow:hidden;
padding:0;
text-indent:-9999px;
}
ul#headerMenu li a span#aboutus {
background:url("../images/header_item_com.png") no-repeat scroll center center transparent;
display:block;
height:61px;
margin:0;
overflow:hidden;
padding:0;
text-indent:-9999px;
}
ul#headerMenu li a#feedblock {
width:65px;
}
ul#headerMenu li a span#feed {
display:block;
overflow:hidden;
text-indent:-9999px;
}


#topimage{
width:1054px;
height: 430px;/*画像切り替えマーク追加*/
margin: 10px auto 0px;
}
#topimage .arrow a{
display: block;
float: left;
height: 400px;
overflow: hidden;
text-indent: -9999px;
width: 12px;
background:url("../images/arrow.png") no-repeat transparent;
}
#topimage #leftarr.arrow a{
background-position: 0% 50%;
margin-right: 15px;
}
#topimage #rightarr.arrow a{
background-position: 100% 50%;
margin-left: 15px;
}
#topimage #top_slideshow {
float: left;
height: 400px;
width: 1000px;
}
#topimages{
width:1000px;
float:left;
}

#vls{
display: block;
height: 400px;
width: 1000px;
background:url("../images/topimage-vls.jpg") no-repeat scroll center center transparent;
}




#container{
width:975px;
margin:0 auto;
}
#main {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
background:none repeat scroll 0 0 #EEEEEE;
border-top:1px solid #FFFFFF;
clear:both;
margin:10px auto;
min-height:200px;
padding:12px;
width:842px;
}
#swfContainer {
//background:url("../images/bg_white.png") repeat-y scroll 38px 0 transparent;
}
#topSwf{
}
#news {
background:url("../images/news.png") no-repeat scroll 0 0 transparent;
display:inline;
float:left;
padding-top:36px;
text-align:left;
text-shadow:0 1px 0 white;
width:415px; /*578px;*/
}
#news ul li a{
background:url("../images/stripebg.png") repeat scroll center center transparent;
border:3px solid rgb(210, 210, 210);
border:3px solid rgba(0, 0, 0, 0.1);
color:#222222;
display:block;
font-size:12px;
margin:0 10px 20px 0;
padding:12px;
text-decoration:none;
}
#news ul li a:hover{
background:url("../images/stripebg.png") repeat scroll center center #C1E1F7;
border:5px solid rgb(82, 118, 143);
border:5px solid rgba(0, 46, 79, 0.5);
padding:10px;
}
#news ul li a:hover .newsTitle {
background:url("../images/bullet.png") no-repeat scroll 2px 4px transparent;
padding:0 0 0 12px;
}
.newsTitle {
background:url("../images/bullet.png") no-repeat scroll left 4px transparent;
font-weight:bold;
padding:0 0 0 10px;
}
.newsDescription {
display:block;
margin:5px 0 0;
}

/*製品ラインナップ 101015追加*/
#lineup {
background: transparent url(../images/lineup.png) no-repeat scroll 0px 0px;
float: left;
font-size: 11px;
padding-right: 10px;
padding-top: 36px;
text-align: right;
text-shadow: white 0px 1px 0px;
width: 150px;
}


#side{
background: transparent url(http://creativerun.com/images/news.png) no-repeat scroll -250px 0px;
display: inline;
float: left;
/*height: 323px;*/
padding: 36px 0px 0px;
width: 263px;
}
#coming{
}
#footer {
clear:both;
padding:40px 0;
}
.copyright {
color:#202020;
font-family:verdana;
font-size:14px;
text-shadow:0 1px 0 #FFFFFF;
}
.hidden{
text-indent:-9999px;
overflow: hidden;
}

/***************************************************/
/*******************TEMPLATE************************/
/***************************************************/

#mainBlock {
margin:0 auto;
width:919px;
}
#containerTop {
background:url("../images/container_top.png") no-repeat scroll 0 0 transparent;
height:32px;
overflow:hidden;
text-indent:-9999px;
}
#containerMain {
background:url("../images/container_main.png") repeat-y scroll center 0 transparent;
padding:0 25px;
text-align:left;
font-size:12px;
line-height:22px;
padding:7px 0 15px 17px;
text-shadow:0 1px 0 white;
}
#containerBottom{
background:url("../images/container_bottom.png") no-repeat scroll 0 0 transparent;
height:24px;
overflow:hidden;
text-indent:-9999px;
}

h2#titleDiscography {
background:url("../images/title_discography.png") no-repeat scroll 0 0 transparent;
height:43px;
margin:0 0 20px;
}
h2#titleAboutus {
background:url("../images/title_aboutus.png") no-repeat scroll 0 0 transparent;
height:43px;
margin:0 0 20px;
}
h2#titleNews {
background:url("../images/title_news.png") no-repeat scroll 0 0 transparent;
height:43px;
margin:0 0 20px;
}
#containerMain h3 {
background:url("../images/stripe.png") repeat scroll 0 0 transparent;
border:1px solid black;
color:white;
font-family:verdana;
font-size:10px;
font-weight:bold;
line-height:13px;
margin:5px 5px 0;
padding:0 0 0 12px;
text-shadow:none;
}
#containerMain p {
font-size:12px;
line-height:22px;
padding:7px 0 15px 17px;
text-shadow:0 1px 0 white;
}
.coverImage {
display:block;
float:left;
margin:0 5px 0 0;
}
.box {
float:left;
width:549px;
}
.boxAboutus {
width:872px;
}
.clearBox{
clear:both;
}
#albuminfo {
background:url("../images/album1_infotext.png") no-repeat scroll 0 0 transparent;
height:120px;
margin:10px 0 0 17px;
width:309px;
}
ol.trackList {
font-size:13px;
font-weight:bold;
line-height:34px;
margin:11px 0 18px 17px;
}
.big {
font-size:18px;
font-weight:normal;
}
div.box div.button {
float:left;
margin:0 5px;
}
div.box div.button a {
display:block;
height:104px;
width:261px;
}
div.box #pv a {
background:url("../images/button_pv.png") no-repeat scroll 0 0 transparent;
}
div.box #cover a {
background:url("../images/button_cover.png") no-repeat scroll 0 0 transparent;
}
#contactForm{
height:500px
}

.leftbox{
float: left;
width: 310px;
}
.leftbox .text{
background: #DDD url(http://creativerun.com/images/special-appendix.png) no-repeat 50% 10px;
border: 1px solid #888;
border-radius: 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
clear: left;
margin: 2px 15px 0px 5px;
padding: 10px;
}
.leftbox p{
padding:0px !important;
}
.leftbox h4{
color: #666;
font-size: 14px;
font-weight: bold;
height: 170px;
margin: 0px 0px 5px;
overflow: hidden;
text-indent: 100px;
}
span.border{
background: #F0F0F0;
//border: 1px solid #AAA;
display: block;
font-weight: bold;
margin: 0px 20px 5px 20px;
padding: 0px 10px;
-moz-border-radius:13px;
-webkit-border-radius:13px;
border-radius:13px;
}

a.caution{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:none repeat scroll 0 0 #DDCCCC;
border:1px solid #805050;
color:#000000;
display:block;
font-size:10px;
line-height:14px;
margin:10px 0 0;
padding:5px;
text-decoration:none;
text-shadow:none;
}
a.caution:hover{
background: #EBB;
}

/*single article*/
.postEntry{
background-color:rgba(0, 0, 0, 0.05);
border:1px solid;
margin:20px 50px 20px 31px;
padding:10px;
}
.postEntry h2{
background:url("http://creativerun.com/images/bullet.png") no-repeat scroll left center transparent;
border-bottom:1px solid #AAAAAA;
font-size:16px;
font-weight:bold;
padding-left:12px;
}