* { margin: 0; padding: 0; }

html { 
	overflow-y: scroll;
	font-size: 62.5%; 
}

body {
	margin:0;
	padding:0;
	font-size: 1.4rem;
}

.clear {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

img {
border: 0;

}

a {

	text-decoration: underline;
}

a:link {
	color:#FC3;
	text-decoration:none;
}

a:visited {
	color:#FC3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color:#FC3;
}

a:active {
	color:#FC3;
	text-decoration: underline;
}
body { 
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	background-color:#000000;
	line-height:1.8;
	height: 100%;
}

body#top {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 0;
	background-color:#000066;
}

body#top2nd {
	background-image: url(../img/top2nd_back.png) repeat-y;
	color:#FFFFFF;
	font-size:12px;
}

#background {
	background: url(../img/tadaimatsuri_1.png) no-repeat top center;
	position: absolute;
	backgroundPosition: 0px 0px;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -300;
}

#midground {
	background: url(../img/tadamatsuri_2_3.png) no-repeat top center;
	position: absolute;
	backgroundPosition: 0px 0px;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -250;
	-webkit-animation: 'anime1' 3s ease 0 infinite alternate;
	animation-name: 'anime1';
	animation-duration: 3s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction:alternate;

	-moz-animation-name: anime1;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction:alternate;

}

@keyframes 'anime1' {
	0% {	opacity:1;	}
	100% {	opacity:0;	}
}
@-webkit-keyframes 'anime1' {
	0% {	opacity:1;	}
	100% {	opacity:0;	}
}

@-moz-keyframes anime1 {
	from {	opacity:1;	}
	to {	opacity:0;	}
}

#foreground {
	background: url(../img/tadamatsuri_4.png) no-repeat top center;
	position: absolute;
	backgroundPosition: 0px 0px;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -200;
}

#topground {
	background: url(../img/tadamatsuri_4.png) repeat-x 0% 0%;
	position: absolute;
	backgroundPosition: 0px 0px;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -100;
}

#wrapper {
	height: 100%;
	background-color:#930682;
}



#header {
	width:1000px;
	margin:0 auto;
	min-height: 100%;
}

#second_header {
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#second_header img{
	width:100%;
}

#header img{
	margin:0;
	padding:0;
}

/**
#phenix01 {
	background: url(../img/yakitori.png) no-repeat;
	height:100%;
	width:100%;
    -webkit-animation: slide1 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -webkit-transform: translate3d(0, 0, 0);
}
@-webkit-keyframes slide1 {
    0% { -webkit-transform: translate3d(-320px, 0, 0); }
    7% { -webkit-transform: translate3d(200px, 0, 0); }
    10% { -webkit-transform: translate3d(0, 0, 0); }
    18% { -webkit-transform: translate3d(0, 0, 0); }
    25% { -webkit-transform: translate3d(1800px, 0, 0); }
    99.9%,100% { -webkit-transform: translate3d(1800px, 0, 0); }
}
*/
#phenix01 {
	background: url(../img/yakitori.png) no-repeat;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height:100%;
	width:100%;
	z-index: 100;
}

#phenix02 {
	background: url(../img/yakitori2.png) no-repeat;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height:100%;
	width:100%;
	z-index: 200;
}

#mask {
	background: url(../img/side-01.png) repeat-y center;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height:100%;
	width:100%;
	z-index: 300;

}

/**
#phenix01 {
	background: url(../img/yakitori.png) no-repeat;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height:100%;
	width:100%;
    -webkit-animation: slide1 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-transform: translate3d(0, 0, 0);
	z-index: -100;
}
@-webkit-keyframes slide1 {
    0% { -webkit-transform: translate3d(-320px, 0, 0); }
    50% { -webkit-transform: translate3d(1800px, 0, 0); }
    99.9%,100% { -webkit-transform: translate3d(1800px, 0, 0); }
}

#phenix02 {
	background: url(../img/yakitori2.png) no-repeat;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height:100%;
	width:100%;
    -webkit-animation: slide2 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-transform: translate3d(0, 0, 0);
	z-index: -50;
}
@-webkit-keyframes slide2 {
    0% { -webkit-transform: translate3d(1800px, 0, 0); }
    70% { -webkit-transform: translate3d(1800px, 0, 0); }
    99.9%,100% { -webkit-transform: translate3d(-320px, 0, 0); }
}

*/

#top2nd #contents {
	width:500px;
	margin:0;
	padding:10px 40px;
}

#top2nd a{
	color:#FF0000;
	
}

.in_title {
	margin:0 auto;
	text-align:center;
}

.in_news_box {
	margin:10px 0;
	padding:20px 10px;
	border-top:solid #999 1px;	
}

#menu_left {
	width:241px;
	float:left;
}

#menu_center {
	width:521px;
	float:left;
}

#menu_right {
	width:238px;
	float:left;
}


#footer{
	width:100%;
    position: absolute;
    bottom: 0;
	z-index: 50;
}

#footer-inner{
	background-image:url(../img/tadaimatsuri_22_2.png);
    width: 1000px;
    height: 220px;
	margin:0 auto;
	z-index: 75;
}

.g-plusone li{
	width: 90px;
	z-index: 30;
	margin-right:50px;
}

#container {
	width:1000px;
	margin:0 auto;
}


#wrapper2 {
	margin-top:20px;
	padding-bottom:50px;
	position: inherit;
	z-index: 400;
}

#container2 {
	width:920px;
	margin:0 auto;
	background-color:#FFF;
	padding:20px;
}

.in_news_box h1 {
	font-size:14px;
	background-image: url(../img/yakitori_icon.png);
	background-repeat:no-repeat;
	padding-left:60px;
	height:36px;
	vertical-align:central;
}

.news_text {
	padding-left:30px;
}

.news_date {
	text-align:right;
	margin-bottom:10px;
}

body#second {
	background-color:#000066;
}

#second #wrapper {
	background-color:#890379;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#second #second_header ul li {
    list-style:none;
    list-style-type: none;
	float:left;
}
#second #sns {
	width:136px;
}

#second #sns img{
	margin:0;
}

#second #main {
	background-color:#890379;
	margin:0;
	width: 100%;
}

#second #main_left {
	width: 90%;
	padding-left:5%;
	float:left;
	margin-right: 10px;

}

#second_title {
	padding-top:20px;
	padding-bottom:20px;
}

#second_title img {
	width:100%
}

#second_footer img{
	width:100%
}

#main_right {
	width: 100%;
	float:left;
	text-align:center;
}

#main_right img {
	width: 60%;
}

.entry_border {
	width:700px;
	width:100%;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

.entry_border img {
	width:100%;
	height:100%;
}

.back_btm {
	text-align:right;
	margin-top:10px;
}

#sp ul li {
	float: left;
}






#bn_box {
	margin-bottom:20px;
}

#top_left {
	float: left;
	width: 450px;
}

#top_right {
	float: left;
	width: 450px;
	margin-left:20px;
}

#top_teweets {
	display: block;
	clear: both;
	padding: .6em;
	margin: .3em;
	overflow: hidden;
	border-bottom:1px #000 dotted;
}

#news_ttl {
	float:left;
	margin-right:20px;
}

#news_box {
	margin-bottom:20px;
}

#news_box ul.news_list{
	font-size:12px;
}

#news_box ul.news_list li{
    list-style:none;
	padding-bottom:5px;
	width:800px;
}


#archives_box {
	width:280px;
	float:left;
}

#main_box {
	width:620px;
	margin-left:15px;
	float:left;
}

#main_report {
	width:920px;
	float:left;
}

#archives_box ul.archives_list{
	font-size:12px;
	margin-top:10px;
}

#archives_box ul.archives_list li{
    list-style:none;
    list-style-type: none;
    padding: 0px 0px 5px 18px;
    background-image: url(http://www.rokkosun-music.com/2013/info/images/info04.png);
    background-repeat: no-repeat;
    background-position: left 2px;
 }

#archives_bn_box {
	margin-top:20px;
}

.entry_box {
	width:100%;
	margin-bottom:20px;
	padding-left:0px;
}

.entry_date {
	line-height:1.2em;
	color: #FC3;
	font-size:2em;
	padding-bottom: 5px;
	padding-left: 20px;
}

.entry_header {
	width:620px;
	height:11px;
    background-image: url(http://www.rokkosun-music.com/2013/info/images/info02.png);
    background-repeat: no-repeat;
}

.entry_body {
	font-size:2em;
	color:#FFFFFF;
	line-height:1.7em;
	padding-top:10px;
	margin-left: 40px;

}

.entry_body img{
	width:90%;

}

.entry_title {
	color:#FFF;
	background-image:url(../img/tadaimatsuri_web_naka2_chochin_21.png);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:40px;
	margin-left: 20px;
	margin-bottom:10px;
	font-size: 4em;
	line-height:1.3em;
}

.goods_compe {
	width:630px;
	padding:0 30px;
	margin-bottom:40px;
}
.goods_compe img{
	width:130%;
}


#compe_button {
	text-align:center;
}

body#campane {
	background-color:#FFFFFF;
}
#campane #wrapper {
	width: 1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	background-image: url(../campanegirl/img/uchiwa.png);

}
.campane_title {
	background-image:url(../img/tadaimatsuri_web_naka2_chochin_21.png);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:40px;
	font-weight: bold;
}

#campane_button {
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 20px;
}

#campane_button a img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#campane_button a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

.campane_box {
	width:970px;
	margin-bottom:20px;
	padding-left:30px;
	line-height:1.5;
	font-size: 2.5em;
	margin-top: 40px;
}

#campane_pcimg {
	display:none;
}

#campane_spimg img {
	width:100%;
	margin-bottom:30px;
}

#campane_spimg {
	font-size:2.5em;
	text-align:center;
}

#campane_spimg .girl {
	width:80%;
}

#campane_h1 {
	font-weight:bold;
}
#campane_header {
	margin:0 20px;
}


#campane_catch {
	margin:0 20px 50px;
	text-align:left;
}

.campane_cmt {
	margin:0 20px 40px;
}
#campane_button img {
	width:100%;
}

.goods_left img {
	width:100%;
}

.goods_name {
	font-size:3.5em;
	color:#FFF;
	font-weight:bold;
}

.goods_left {
	margin-bottom:60px;
}

.goods_txt {
	margin-top:10px;
	font-size:2.5em;
	color:#FFF;
}

.goods_tyui {
	color:#FFF;
	font-size:2.5em;
}

.booth_box {
	margin-bottom:80px;
}

.booth_box img{
	width:100%;
}

.booth_logo {
}

.booth_right {
}

.booth_txt {
	font-size:3em;
	line-height:1.5em;
	color:#FFF;
}

.tt img{
	width:100%;
}

.pcbox {
	display:none;
}