/*@group clear hack*/
.clrhack{min-height: 1%;}
.clrhack:after{ clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
* html .clrhack{height: 1%;}
/*@end*/

.insertImage .bg{ display: none;}
body.ie .insertImage{background: none;}
body.ie .insertImage .bg { position:absolute; bottom: 0; left: 0; display: block; }
body.ie .insertImage .bgwidth { width: 100%;}
body.ie .insertImage .bgheight { height: 100%;}

/* common */
#wrapper {position: relative;margin: 0 auto;height: 6000px;}
.inner{width: 990px;margin: 0 auto;text-align: left;}
.insertImage {position: relative;overflow: hidden;}

/* fixed menu */
#menu-wrap{
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: #efeb4b url(../img/bg_menu.png) repeat-x top;
	height: 65px;
}
#menu {
	margin: 0 auto;
	padding: 0;
	min-width: 990px;
}
#menu li {
	width: 19.9%;
	float: left;
	text-align: center;
	border-right: #000 1px solid;
	position: relative;
}
#menu li.last{
	border-right: 0;
}
#menu li.fb{
	display: none;
}
#menu li img{
	padding: 25px 0 0;
}
#menu li img.height{
	padding: 15px 0 0;	
}
#menu li a {
	display: block;
	width : 100%;
	background: url(../img/icon_menu.png) no-repeat 95% center;
	height: 65px; 
	line-height: 65px; 
}
#menu li:hover {
	background: #dcd82f url(../img/bg_menu.png) repeat-x top;
}
#menu-wrap.fixed{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:9999;
}
#menu-wrap.fixed #menu{
	max-width: 990px;
	border-left: #000 1px solid;
}
#menu-wrap.fixed #menu li{
	width: 175px;
}
#menu-wrap.fixed #menu li:first-child{
	width: 226px;
}
#menu-wrap.fixed #menu li img{
	padding-right: 15px;
}
#menu-wrap.fixed #menu li.last{
	border-right: #000 1px solid;	
}
#menu-wrap.fixed #menu li.fb{
	display: block;
	width: 58px;
	border-right: 0;
}
#menu-wrap.fixed #menu li.fb img{
	padding-right: 0;
}
#menu-wrap.fixed #menu li.fb a{
	background: none;
}
#menu-wrap #menu li img.item{
	position: absolute;
	left: 46px;
	top: -84px;
}
#menu-wrap #menu img.fixed_item{
	display: none;
}
#menu-wrap.fixed #menu li img.item{
	display: none;
}
#menu-wrap.fixed #menu li img.fixed_item{
	display: block;
	position: absolute;
	left: 150px;
	top: 30px;
}

/* main */
#main{
	text-align: left;
	position: relative;
}
#main .insertImage {
	background: url(../img/bg_main.jpg) no-repeat;
	background-position: center 0;
	background-size: cover;
	min-height: 850px;
}
#main h1{
	margin: 0 10px 44px;
}
#main .anniv{
	margin: 35px 30px 141px;
}
#main .lead{
	margin: 0 33px 80px;
}
#main .facebook{
	margin: 0 33px 86px;
}
#main .catch{
	position: absolute;
	left: 80%;
	top: 78px;
}
#main .project{
	color: #fff;
	position: absolute;
	left: 33px;
	bottom: 75px;
}
#main .en{
	position: absolute;
	left: 94%;
	top: 18px;	
}
/* section */
.section h2{text-align: center;padding-top: 85px;}
.section h2 span{ display: block; margin-top: 20px;}
.section .textArea{text-align: left;}
.section .note{	font-size: 87.5%;}
.section a.link{color: #24923a;	background: url(../img/icon_menu.png) no-repeat left center;padding-left: 12px;}
/* concept */
#concept{
	background: url(../img/bg_concept.png) center 30px no-repeat ;
}
#concept h2{
	margin-bottom: 40px;
}
#concept p{
	line-height: 1.8;
	font-size: 120%;
}
#concept .insertImage {
	background: url(../img/bg_pl_concept.jpg) no-repeat ;
	background-position: center 40%;
	background-size: cover;
	height: 390px;
	min-width: 990px;
	margin-top: 60px;
}
/* detail */
#detail{
	background: #f1f1f1;
}
#detail h2{
	margin-bottom: 25px;
}
#detail p{
	margin-bottom: 1.5em;
}
#detail dl.samba{
	background: url(../img/im_detail.jpg) no-repeat right top;
	padding-right: 295px;
}
#detail dt{
	font-size: 125%;
	font-weight: bold;
}
#detail dt span{
	color: #24923a;

}
#detail dd{
	margin-bottom: 1.5em;
}
#detail .design{
	background: #fafafa;
	padding: 7px;
	margin-bottom: 30px;
	border-bottom: #e0e0e0 4px solid;
}
#detail .design_inner{
	border: #df3b3a 1px solid;
	padding: 25px 20px;
}
#detail .design h3{
	text-align: center;
	margin-bottom: 20px;
}
#detail .design .image{
	text-align: center;
	padding-bottom: 23px;
	border-bottom:#000 1px dotted;
}
#detail .design dl{
	background: url(../img/im_koshino.jpg) top left no-repeat ;
	padding-left:175px;
}
/* about */
#about .textArea{
	background: url(../img/im_about.jpg) top center no-repeat ;
	padding-top: 460px;
}
#about h2{
	margin-bottom: 40px;
}
#about .textArea p{
	width: 670px;
	padding-bottom: 1.8em;
}
#about .insertImage {
	background: url(../img/bg_pl_about.jpg) center 30% no-repeat ;
	background-size: cover;
	min-height: 470px;
	min-width: 990px;
	margin-top: 60px;
}
#about a.link{
	margin-left: 1em;
}


/* join */
#join h2{
	margin-bottom: 40px;
}
#join .lead{
	margin-bottom: 45px;
	text-align: center;
}
#join .suporter{
	border: #24923a 1px solid;
	margin-bottom: 30px;
}
#join .suporter_inner{
	padding: 20px 40px;
}
#join .suporter h3{
	text-align: center;
	position: relative;
}
#join .suporter h3 span{
	position: absolute;
	top: 3px;
	right: 20px;
}
#join .suporter h4{
	background: #24923a;
	color: #fff;
	font-size: 112.5%;
	font-weight: bold;	
	padding: .4em 1em;
	margin: 15px 0;
}

#join .suporter p{
	width: 825px;
}
#join .suporter .sp {
	position: relative;
	min-height: 362px;
}
#join .suporter .sp ul{
	width: 470px;
}
#join .suporter .sp li{
	background: #eeeeee;
	padding: .4em 1em;
	border-bottom: #fff 2px solid;
}
#join .suporter .sp li.image{
	background: none;
	padding: 35px 0 0;
}
#join .suporter .sp p.image{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 429px;
}
#join .suporter .boardBtn{
	border-top: 1px dotted #000;
	margin: 30px 0 0;
    padding: 30px 0;
}
#join .suporter .boardBtn ul{
	border:0;
	width: 630px;
	float: left;
	margin: 0;
	padding: 0;
}
#join .suporter .boardBtn li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}
#join .suporter .boardBtn p{
	float: right;
	width: 248px;
}
#join div.image{
	margin-bottom:40px;
}
#join ul.note{
	padding: 30px 0;
	margin: 30px 0;
	border-top:#000 1px dotted;
}
#join ul.note li{
	text-indent: -2.5em;
	padding-left: 2.5em;
}
#join ul.note li span{
	display: block;
	float: left;
	width: 2.5em;
}
#join .detail{
	margin-bottom: 40px;
}
#join .detail h3{
	color: #24923a;
	font-size: 145%;
	border-bottom: #24923a 1px solid;
	padding-bottom: .3em;
}
#join .detail h4{
	font-size: 150%;
	font-weight: bold;
	margin-bottom: .6em;
}
#join .detail table{
	width: 100%;
	margin-bottom: 30px;
}
#join .detail th,
#join .detail td{
	background: #eeeeee;
	padding: .4em 1em;
	border-bottom: #fff 2px solid;
	border-right: #fff 2px solid;
	vertical-align: middle;
}
#join .detail tr.head th{
	background: #24923a;
	color: #fff;
	font-size: 112.5%;
	font-weight: bold;
}
#join .detail table{
	padding-bottom: 30px;
	border-bottom:#000 2px dotted;
}
#join .detail table.last{
	padding-bottom: 0;
	border-bottom:0;
}
#join .state dl{
	background: #f1f1f1;
	width: 568px;
	padding: 20px 0 20px 18px ;
	float: left;
	min-height: 40px;
	position: relative;
}
#join .state dt{
	display: inline;
	font-weight: bolder;
}
#join .state dd{
	display: inline;
	margin-right: 12px;
}
#join .state dd span{
	color: #ef4b4b;
	font-size: 25px;
	font-weight: bold;
}
#join .state dd.date{
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: 14px;
}
#join .state .btn{
	float: right;
	width: 380px;
}

/* info */
#info{
	background: #f1f1f1;
	padding: 80px 0 150px;
	text-align: left;
}
#info h3{
	font-size: 200%;
	margin-bottom: 30px;
}
#info h3 span{
	font-size: 43.8%;	
	font-weight: normal;
	padding-left: 1em;
}
#info .info_detail{
	border-bottom: #000 1px solid;
	border-top: #000 1px solid;
	padding: 15px 0 25px;
}
#info .info_detail h4{
	font-size: 162%;
	margin-bottom: .8em;
}
#info .info_detail .entry p{
	margin-bottom: 1em;
}
#info .info_detail dl{
	margin-bottom: .8em;
}
#info .info_detail dt{
	float: left;
	font-weight: bold;
}
#info .info_detail dd{
	margin-left: 88px;
}
#info .info_detail p.note{
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom:#000 1px dotted;
}
#info .receipt{
	margin: 30px 0;
}
#info .receipt dt{
	font-size: 112.5%;
	font-weight: bold;
}
.tel{
	background: #fff;
	padding: 20px;
}
.tel dt{
	margin-bottom: .2em;
	font-weight: bold;
}

/* board */
#info #board {
	padding-top: 65px;
}
#info #board .board_inner{
	border:#24923a 1px solid;
	background: #fff;
	padding:30px 40px;
}
#info #board h4{
	font-size: 162%;
	color: #24923a;
	position: relative;
	margin-bottom: .3em;
}
#info #board h4 span{
	font-size: 61%;
	font-weight: normal;
	color: #000;
	position: absolute;
	top: 0;
	right: 0;
}
#info #board p{
	margin-bottom: .3em;	
}
#info #board p.note{
	color: #6e6e6e;	
}
#info #board p.sub{
	text-align: right;
}
#info #board ul{
	border-top:#24923a 1px solid;
	padding: 30px 0 20px;
}
#info #board li{
	width: 430px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	background: url(../img/icon_board.png) left 7px no-repeat;
	padding-left: 15px;
}
#info #board li.gray{
	color: #6e6e6e;
	background: url(../img/icon_board_02.png) left 7px no-repeat;
}
#info #board li span{
	font-size: 80%;
}
#pageTop{
	position: absolute;
	right: 0;
}

/* footer */
#footer{
	background: #2d2d2d;
	color: #fff;
	padding: 30px 0 35px;
	font-size: 87.5%;
	line-height: 1.6;
	position: relative;
}
#footer h3{
	font-size: 114.3%;
	margin-bottom: .6em;
}
#footer .Lbox{
	width: 385px;
	float: left;
	padding-right: 15px;
	border-right: #626262 1px solid;
	padding-right: 15px;
}
#footer .Lbox li.logo_120{
	background:#fff url(../img/logo_120.png) right no-repeat;
	color: #000;
	padding: 16px 100px 16px 10px;
	margin-top: 1em;
	font-size: 11px;
	min-height: 36px;
}
#footer .Rbox{
	width: 574px;
	float: right;
}
#footer .Rbox dt{
	float: left;
}
#footer .Rbox dd{
	padding-left: 5.2em;
}
#footer .Rbox dd span{
	display: inline-block;
}