/* * * * * * * * * * * * * * * * * *
 base.css
* * * * * * * * * * * * * * * * * */

/* reset, common
--------------------------------- */
* {margin:0; padding:0; list-style:none;}

body{
	margin:0;
	padding:0;
	line-height:1.6;
	/* font-size:80%; */
	color:#333;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;
	width: 100%;
	background: url(../img/common/bg_body.jpg) #F4F1EC;
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}

img{border:none;}

a:link{
	color: #333;
	outline : none ;
	text-decoration: none;
}
a:visited{
	color: #333;
	outline : none ;
	text-decoration: none;
}
a:hover{
	color: #333;
	outline : none ;
	text-decoration: underline;
}

/* fonts */
.font_min {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.font_mei, h2, h3 {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
.font_s {font-size: 90%;}
.font_ss {font-size: 80%; letter-spacing: 0;}

.red {color: #FF0000;}

/* float */
.l {float: left;}
.r {float: right;}

.img_l {float: left; margin:0 10px 10px 0;}
.img_r {float: right; margin:0 0 10px 10px;}

.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}

/* clearfix */
.clearfix:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
}
.clearfix { display : inline-block ; }
/* Hides from IE-Mac \*/
*html .clearfix { height : 1% ; }
.clearfix { display : block ; }
/* End hide from IE-mac */

.none {display: none;}

.in,
.inWrap * {
	text-indent: -1em;
	padding-left: 1em;
}

.info_box{
	padding: 10px;
	margin: 5px 0;
	background: #8C641E;
	color: #FFF;
}

/* opacity */
a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/* margin */
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mr15 {margin-right: 15px;}


/* header
--------------------------------- */
#header {
}




/* contents
--------------------------------- */
#contents {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 40px;
}

/* side */
#contents #side {
	width: 230px;
	float: left;
}

#side .bnr {
}
#side .bnr li {
	margin-bottom: 25px;
}
#side .bnr li a {
	display: block;
	background: #FFF;
	border: 5px solid #DFDFDF;
	padding: 10px 0 10px 10px;
}

#side .bnr li .rurubu{
	padding: 41px 33px; 
	padding-bottom: 42px;
}
	

#side .bnr_b li a {
	display: block;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 15px 0;
	text-align: center;
}

#side dl#social {
	background: #FFF;
	border: 5px solid #D0E3EA;
	padding: 8px 0 3px;
	margin-bottom: 25px;
}
#side dl#social dt {
	margin-bottom: 5px;
	text-align: center;
}
#side dl#social dd {
	margin-bottom: 5px;
	padding-left: 50px;
}
	/* gNavi */
	#gNavi {
		background: url(../img/common/bg_gNav.png) 0 0 repeat;
		margin-bottom: 25px;
		overflow: hidden;
		font-weight: bold;
		/* font-size: 90%; */
		letter-spacing: 0.5px;
	}
	#gNavi li a {
		display: block;
		color: #170058;
	}
	#gNavi li a span {
		display: block;
		padding: 12px 0 10px 35px;
		background: url(../img/common/nav_arrow.png) 10px 50% no-repeat;
		margin: 0 5px -1px;
		border-bottom: 1px solid #776B9D;
	}
	#gNavi li a:hover,
	#home #gNavi li.nav1 a,
	#about #gNavi li.nav2 a,
	#access #gNavi li.nav3 a,
	#contest #gNavi li.nav4 a,
	#schedule #gNavi li.nav5 a,
	#ticket #gNavi li.nav6 a,
	#kuramoto #gNavi li.nav7 a,
	#contact #gNavi li.nav8 a,
	#stamp #gNavi li.nav9 a,
	#supporter_list #gNavi li.nav10 a {
		background: url(../img/common/bg_gNav_on.png);
		color: #BB8B39;
		text-decoration: none;
	}
	#gNavi li a:hover span,
	#home #gNavi li.nav1 a span,
	#about #gNavi li.nav2 a span,
	#access #gNavi li.nav3 a span,
	#contest #gNavi li.nav4 a span,
	#schedule #gNavi li.nav5 a span,
	#ticket #gNavi li.nav6 a span,
	#kuramoto #gNavi li.nav7 a span,
	#contact #gNavi li.nav8 a span,
	#stamp #gNavi li.nav9 a span,
	#supporter_list #gNavi li.nav10 a span {
		background: url(../img/common/nav_arrow_on.png) 10px 50% no-repeat;
	}



/* main */
#contents #main {
	width: 695px;
	float: right;
}

#contents #main h2 {
	color: #140153;
	font-weight: bold;
	letter-spacing: 1px;
	background: url(../img/common/icon_h2.png) left center no-repeat;
	padding-left: 25px;
}
#contents #main h2 span {
	font-size: 80%;
	padding-left: 10px;
	color: #4C71A6;
}

#contents #main h3 {
	color: #140153;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 1px solid #BD8E3E;
	font-size: 160%;
	margin-bottom: 15px;
}



/* footer
--------------------------------- */
#footer {
	background: url(../img/common/bg_footer.jpg) center top repeat-x #FFF;
	color: #888;
}
#footer a, #footer a:hover {
	color: #666;
}

#footer_top {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 20px;
}
	#footer_top .l {
		width: 479px;
		border-right: 1px solid #CCC;
	}
	#footer_top p.font_mei {
		font-weight: bold;
		margin-bottom: 5px;
	}

		#footer_top div.font_min p.name {
			font-size: 140%;
			margin-bottom: 5px;
			letter-spacing: 2px;
		}
		#footer_top div.font_min address {
			font-style: normal;
			font-size: 90%;
			line-height: 1.4;
			letter-spacing: 1px;
		}
	#footer_top .r {
		width: 480px;
		padding-top: 30px;
	}

#footer_btm {
	background: #0F042F;
	padding: 40px 0;
	color: #FFF;
}
	#footer_btm p.font_min {
		margin-bottom: 30px;
	}
	#footer_btm p.copy {
		font-size: 70%;
		letter-spacing: 1px;
	}
	
.map{
	overflow: hidden;
}






/* タブレット調整
--------------------------------- */
@media screen and (max-width: 1024px){

#header {
	width: 1024px;
}


#footer {
	width: 1024px;
}

}