body{
	margin:0;
	padding:0;
	background: #F4CB2A;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align : center ;
}

/*COMMON-STYLE*/

*{zoom:1;} /* for IE */
* {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-decoration: none;
	word-wrap: break-word;
}

a {
	text-decoration:none;
	color:#00A8FF;
}

a:hover {
	text-decoration:underline;
	color:#00A8FF;
}

h1 {
    /*margin-bottom:3px;*/
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 120%;
}

img {
	margin:0;
	padding: 0;
	vertical-align: bottom;
	border-style:none;
}

a img {
	border-style:none;
}

.small{
	font-size:90%;
}

.big {
	font-size:115% !important;
}

strong{
	font-weight:bold;
}

.midashi {
	font-weight: bold;
}

.mark {
	font-weight: bold;
}

hr {
	clear: both;
	margin: 5px 0;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/*Wrapper*/
.wrapper {
	width: 1000px;
	background-color: #000;
	border-left: 4px solid #000;
	border-right:4px solid #000;
	margin: 0 auto;
	text-align : left;
}

/*RM-HEADER*/
#PageTop{
	background-color:#000;
	height: 30px;
	line-height:1em;
	text-align:left;
}

#PageTop a.logo {
	float: left;
	width: 180px;
}

/*HAEADER*/
#header-wrapper {
	background-color:#000;
	margin: 0 auto;
	position: relative;
}

#header-wrapper div.catch {
	position:absolute;
	top: 40px;
	left: 20px;
}

#header-wrapper div.catch p{
	background-color: #000;
	margin: 10px;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
}

#header-wrapper div.badge {
	position: absolute;
	top:0;
	right: 10px;
}


/* Social Btn */


#PageTop ul {
	list-style: none outside none;
	margin: 0;
	min-width: 400px;
	padding: 6px 0 0 5px;
	float: right;
}

#PageTop ul li {
	background: none repeat scroll 0 0 transparent;
	display: inline-block;
	margin: 0;
	padding: 0 4px 0 0;
	vertical-align: top;
	float: left;
}

#PageTop ul li.fb {
	
}

/* 360badge */
div.stagebadge {
	position: absolute;
	top: 520px;
	left: -61px;
}

div.stagebadge img {
}

/* Btn */

.btn {
	margin: 0px auto;
	/*position:absolute;*/
	/*top: 200px;
	left: 10px;*/
	width: 600px;
}

.btn a {
	color: #000;
	text-align: center;
	font-size: 220%;
	line-height: 0;
	font-weight: bold;
	text-shadow: 0 1px #ffcc99;
	display: block;
	padding: 10px 30px 22px 30px;
	background: url(../images/kml-ticket_btn.png) no-repeat 0 0 transparent;
}

.btn:hover {
	position: relative;
	top: 2px;
}

.btn a:hover{
	text-decoration: none;
}

.btn-contest {
	margin: 0px auto 20px;
	width: 450px;
	background-color: #cc3366;
	border-radius: 10px;
	box-shadow: 0px 1px #999;
	border: 3px solid #990066;
}
.btn-contest a {
	color: #fff;
	text-align: center;
	font-size: 180%;
	line-height: 1em;
	font-weight: bold;
	text-shadow: 0 1px #cc6699;
	display: block;
	padding: 20px;
}
.btn-contest:hover {
	position: relative;
	top: 2px;
}

/* NAVIGATION */

#Navigation {
	width: 1000px;
	background-color: #1d94c3;
	border-bottom: 5px solid #156c8e;
    overflow: hidden;
}

#Navigation .navi-inner {
	width: 100%;
	margin: 0 auto;
}

#Navigation .navi-inner ul {
	list-style: none;
}

#Navigation .navi-inner ul li {
	float: left;
	border-right: 1px solid #1879a0;
	letter-spacing: 1.5px;
    width:249px;
}

/*#Navigation .navi-inner ul li.last {
	border-right: none;
}*/

#Navigation .navi-inner ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 145%;
	text-align: center;
	text-shadow: 0 -1px #333;
}

#Navigation .navi-inner ul li a {
	padding: 10px 15px 6px 15px;
	display: block;
}

#Navigation .navi-inner ul li a.now {
	background-color: #156c8e;
}

#Navigation .navi-inner ul li a:hover {
	background-color: #156c8e;
	text-decoration: none;
}

#Navigation .navi-inner ul li.now a {
	background-color: #156c8e;
}

/* CONTENTS */

.contents-wrap {
	/*background: #000;*/
	width: 950px;
	background: #fff;
	margin: 0 auto;
	padding: 15px 20px 20px 20px;
	border-left: 5px solid #156c8e;
	border-right: 5px solid #156c8e;
	border-bottom: 5px solid #156c8e;
	border-top: 3px solid #156c8e;
	height: auto;
    overflow: hidden;
}

.contents-wrap .main {
	float: left;
	width: 660px;
	margin-right: 20px;
}
.latestnews{
    margin-left:15px !important;
}
.latestnews li{
    list-style-type: none !important;
    padding-right: 20px;
    padding-bottom: 30px;
}

.latestnews li h3{
    padding: 0 0 0 10px;
    margin: 0;
    border-left: 6px solid #000;
    color: #000;
    font-weight: bold;
    font-size: 150%;
    line-height: 1.7em;
}
.latestnews li p{
    font-size: 115%;
}
.latestnews li .date{
    font-size: 95%;
}
.gaiyou {
    font-size: 115%;
    background-color: #dedede;
    padding:20px 30px 10px;
    margin-bottom:30px;
}
.gaiyou li {
	list-style-type: none;
	line-height: 1.8em;
	margin: 5px 0 25px;
}
.gaiyou li .midashi{
	font-size: 115%;
}
.gaiyou li .address{
    font-size: 90%;
    padding-left:6em;
}
.contents-wrap .mainfull {
	background-color: #eee;
	overflow: hidden;
	padding: 20px 20px 20px 20px;
	/*width: 923px;*/
}
.contents-wrap .mainfull ul{
    margin-left:20px;
}
.contents-wrap .box {
	background-color: #eee;
	float: left;
	width: 925px;
	padding: 5px 10px 20px 10px;
	margin-right: 10px;
	border: 3px solid #000;
}

.contents-wrap .box2 {
	background-color: #eee;
	float: left;
	padding: 5px 10px 5px 0px;
	margin: 5px 10px 5px 0;
	width: 925px;
	border-radius: 5px;
}

.contents-wrap .box3 {
	border: 1px solid #ccc;
	box-shadow: 0px 1px #999;
	text-align: left;
	padding: 20px;
	margin: 40px 20px;
}

.contents-wrap .booth {
	background-color: #fff;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	border-right: 3px solid #eee;
	border-bottom: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.contents-wrap .info {
	/*background-color: #eeeeee;*/
	float: right;
	width: 260px;
	padding: 5px;
}
.contents-wrap .info ul{
    margin-bottom:30px;
}
.contents-wrap .info ul li{

    list-style-type: none;
    border-bottom: 1px dotted #bbb;
    padding:7px 0;
}
.contents-wrap p {
	font-size: 110%;
	line-height: 1.5em;
	margin: 10px 0;
}

.contents-wrap p.midashi {
	font-size: 130%;
	margin: 10px 0 25px;
	padding: 5px 10px;
	font-weight: bold;
	background: url(../images/kmf-midashi-bg.gif) repeat-x 0 0 #999;
	color: #fff;
	text-shadow: 0 -1px #000;
}

.contents-wrap p.midashi2 {
	font-size: 100%;
	margin: 10px 0 5px;
	padding: 5px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px #999;
	background-color: #000;
}

.contents-wrap h2 {
	font-size: 175%;
	margin: 10px 0 15px;
	padding: 5px;
	font-weight: bold;
	background: url(../images/kmf-h2-bg.gif) repeat-x 0 0 #000;
	color: #fff;
	text-shadow: 0 -1px #000;
}

.contents-wrap > h3,
.info > h3{
	font-size: 150%;
	font-weight: bold;
	margin: 5px 0;
	border-bottom:1px solid #000;
	text-shadow: 0 1px #999;
}

.contents-wrap h3.artist {
	font-size: 175%;
	margin: 0;
	padding: 5px 5px 5px 0;
	font-weight: bold;
	text-shadow: 0 1px #999;
	border-bottom: none;
}
h3.mapTtl{
    font-size:130%;
    font-weight:bold;
    margin-bottom:20px;
    text-shadow: 0 1px #999999;
}
ul.mapList li{
    margin-bottom:20px;
    font-size: 110%;
}
.contents-wrap h4 {
	font-weight: bold;
	font-size: 130%;
	text-shadow: 0 1px #999;
	line-height: 2em;
}

.contents-wrap p.catch {
	font-size:135%;
	line-height: 1.8em;
	margin: 10px 0 15px 5px;
	text-shadow: 0 1px #EEEEEE;
	letter-spacing: 1.2px;
}

h4.nominees {
	font-size: 180%;
}

h4.subnominees {
	font-size: 170%;
}

span.nominees {
	background-color: #cc9933;
	padding: 0 5px;
	color: #fff;
	font-weight: bold;
	margin: 10px 10px 0 0;
}

div.itembox1 {
	float: left;
	width: 348px;
	margin:0;
	background: url(../images/1207-item-1_bg.jpg) no-repeat top left;
}

div.itembox2 {
	float: left;
	width: 358px;
	margin:0;
	background: url(../images/1207-item-2_bg.jpg) no-repeat top left;
}

div.itembox3 {
	float: left;
	width: 244px;
	height: 140px;
	margin:0;
	position: relative;
	background: url(../images/1207-item-3.jpg) no-repeat top left;
}

div.itembox4 {
	float: left;
	width: 244px;
	height: 162px;
	margin:0;
	position: relative;
	background: url(../images/1207-item-4.jpg) no-repeat top left;
}

.contents-wrap p.itemcatch {
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px #EEEEEE;
}

div.itembox3 p.itemcatch, div.itembox4 p.itemcatch {
	position: absolute;
	top:50%;
	margin-top: -3em;
	width: 100%;
	margin-left: 10px;
}

.contents-wrap #mainArea .sideNavi,.contents-wrap #mainArea .update {
	/*padding: 10px 0;*/
}

.contents-wrap .main table, th, td {
	border-collapse: separate;
	border-spacing: 0;
	padding-bottom: 30px;
}

.contents-wrap .main table {
	border-left: 1px solid #d2b34a;
	border-top:1px solid #d2b34a;
}

.contents-wrap .main table td {
	border-bottom: 1px solid #d2b34a;
	border-right: 1px solid #d2b34a;
	padding: 5px;
}


/* SideNavi */

.contents-wrap #mainArea .sideNavi {
	float: left;
	width: 490px;
}

.contents-wrap #mainArea .sideNavi ul {
	list-style: none;
}

.contents-wrap #mainArea .sideNavi ul li {
	text-align: left;
	background-color: #000;
	margin: 5px -15px 0 0;
	padding: 15px;
	box-shadow: 1px 0 #999, 2px 0 #C6C6C6;
}

.contents-wrap #mainArea .sideNavi ul li h2 {
	font-size: 120%;
}

.contents-wrap #mainArea .sideNavi ul li h2 a {
	font-weight: bold;
}

.contents-wrap #mainArea .sideNavi ul li p {
	color: #fff;
}

/* Update */

.contents-wrap #mainArea .update {
	width: 510px;
	float: right;
}

.contents-wrap #mainArea .update p.midashi {
	font-size: 120%;
	border-bottom: 1px solid #1d94c3;
	font-weight: bold;
	margin: 10px 20px 0 30px;
}

.contents-wrap #mainArea .update dl {
	margin: 10px 10px 20px 30px;
}
.contents-wrap #mainArea .update dt {
	float:left;
	width:80px;
	clear:both;
	font-weight:bold;
}
.contents-wrap #mainArea .update dd {
	margin: 5px 0 0 80px;
	padding:0px 5px 10px 10px;
	border-left:1px solid #efefef;
}

.contents-wrap #mainArea .update dd {
	text-align: left;
}

/*galleryTAB */
ul#tab {
	font-size: 120%;
	height: 30px;
	margin: 0 auto;
	padding-left: 1px;
}

ul#tab li {
	background-color: #000;
	bottom: -1px;
	display: block;
	float: left;
	height: 30px;
	line-height: 1.6em;
	padding: 0 5px;
	margin:0 1px 0 0;
	position: relative;
	text-align: center;
	border-radius: 7px 7px 0 0;
}

ul#tab li.present {
	background-color: #1d94c3;
}

ul#tab li a {
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 6px;
	text-decoration: none;
	text-shadow: 0 1px #C5C5C5;
}
/* SPECIAL CONTENTS MENU */

.sub-tab {
	height: 60px;
	width: 100%;
}
.sub-tab .sub1 {
	float: left;
	width: 49%;
	text-align: center;
	font-weight: bold;
	color: #000;
	padding: 10px 3px 7px 3px;
}

.sub-tab .sub1 a {
	color: #000;
	font-weight: bold;
	height: 40px;
	padding: 10px 3px;
}
.sub-tab .sub1:hover {
	background: url(http://www.rittor-music.co.jp/kmf/special/images/kmf-special-menu_now.jpg) no-repeat center top #fff;
}
.sub-tab .now {
	float: left;
	width: 49%;
	text-align: center;
	font-weight: bold;
	padding: 10px 3px 40px 3px;
	color: #000;
	border-top: 3px solid #ffcc66;
	background: url(http://www.rittor-music.co.jp/kmf/special/images/kmf-special-menu_now.jpg) no-repeat center bottom #ffcc66;
}
/*SLIDESHOW*/
img.zoomout {
	float: right !important;
	text-align: right !important;
	position: relative;
	right: -25px;
	width: 71px;
	margin: 0 0 -20px 0;
}

.zoomViewpoint {
	min-height: 450px;
}

.year {
	display: inline-block;
}

.zoomTarget {
	float: left !important;
	margin: 0 2px 0 3px;
}

.zoomTarget img {
	width: 71px !important;
	height:auto !important;
}


p.h1cap {
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: center;
	margin:0;
	padding: 2px 0;
	font-size: 90%;
}

/* セッティング写真展 */

.settingGallery table.settingPhoto {
	width: 950px;
	margin: 10px 0;
}

.settingGallery table.settingPhoto tr td {
	border: none;
	width: 33%;
	text-align: center;
	vertical-align: top;
}

.settingGallery table.settingPhoto div.comment {
	border-left: 3px solid #000;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	width: 279px;
	padding: 10px;
	margin: 0 auto;
}

.settingGallery table.settingPhoto div.comment p {
	text-align: left;
	font-size: 90%;
}

.settingGallery table.settingPhoto p.by {
	text-align: left;
	font-weight: bold;
	margin: 0 0 0 20px;
	text-shadow: 0 1px #EEEEEE;
}


/*EVENT-CREDIT*/

#event-credit {
	position: relative;
	background-color: #000;
	color: #fff;
	padding: 5px;
}

#event-credit p#sponsors-h {
	text-align: center;
}

#event-credit .sponsors-brand {
	margin: 5px;
	border: 1px solid #fff;
}
/*協賛*/

.sponsor {
    clear: both;
    margin: 20px 0 0;
    padding: 0;
    overflow: hidden;
}

.sponsor h5 {
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	color: #fff;
	background-color: #000;
}
.sponsor ul{
    overflow: hidden;
    margin-top:5px;
}
.sponsor ul li{
    float:left;
    list-style-type: none;
    width:25%;
}

div.sponsor ul li a{
    display: block;
    margin: 0;
}
div.sponsor ul li a,
div.sponsor ul li a img{
    display: block;
    margin: 0 auto;
}

/*FOOTER*/

#foot-wrapper {
	width: 1000px;
	background-color:#000;
	margin-top: 0;
    overflow: hidden;
}

.footer{
	padding: 0 0 2px 0;
	margin:0 auto;
	text-align:center;
	color:#FFF;
}

.footer ul.companyinfo {
	list-style: none;
}

.footer ul.companyinfo li {
	width: 33%;
	float: left;
    display: block;
    vertical-align: middle;
    padding-top:34px;
}
.footer ul.companyinfo li.last{
    width: 34%;
    padding-top:15px;
}
.footer ul.companyinfo li img{
    vertical-align: middle;
}
#copy {
	clear: both;
	padding-top: 24px;
}

#toTop{
color:#666;
padding:10px;
margin:5px 0;
text-align:right;
}


.clear-line{
padding:0;
margin:0;
line-height:1em;
clear:both;
}

