@charset "utf-8";



body{
	font-size: 90%;
	line-height: 18px;
	color: #444;
	font-family: "ＭＳ Ｐゴシック",Osaka,Arial, Helvetica, sans-serif;
	text-align: center;
	/*background: url(img/bg.jpg) repeat-x #FAF5EF;*/
	/*padding-top: 203px!important;*/
}



.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/********************************/



#bodybg{

width:100%;

margin-left:auto;

margin-right:auto;

text-align:center;

/*background:url(img/header_bg.jpg) top right no-repeat;*/

}



#bg{
	background-color:#FAF5EF;

}



#warp{

width:900px;

margin-left:auto;

margin-right:auto;

text-align:center;

position:relative;

/*border:1px solid #cc0000;*/

}



#headerWrap{
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	width: 100%;
	height: 203px;
	top: 0px;
	z-index: 1000;
	box-shadow:0px 3px 4px 0px #bdbdbd;
-moz-box-shadow:0px 3px 4px 0px #bdbdbd;
-webkit-box-shadow:0px 3px 4px 0px #bdbdbd;

	}

#headerWrap>div:first-child{
	
	width: 100%;
	}

#header{
	width: 900px;
	height: 203px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 0px;
	background: url(img/header_top.jpg) 0 0 no-repeat;
	position: relative;

}







#header h1,



#header #sns01{
	font-size: 100%;
	line-height: 130%;
	font-weight: normal;
	position: absolute;
	top: 88px;
	left: 411px;
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", Osaka,Arial, Helvetica, sans-serif;
	width: 295px;
	height: 30px;

}

#header #sns02{
	font-size: 100%;
	line-height: 130%;
	font-weight: normal;
	position: absolute;
	top: 120px;
	left: 412px;
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", Osaka,Arial, Helvetica, sans-serif;
	width: 295px;
	height: 30px;

}







#header #logo{

position:absolute;

top:20px;

left:10px;

}



.cmMov{
	width:250px;
	}



/*---------contents--------*/


.btn{
	color: #06F;
	background-color: #F93;
	padding: 6px;
	height: 20px;
	width: 188px;
	margin: 8px 0px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	border: 1px solid #960;
}

.btn>a{
	display: block;
	color: #06F!important;
	font-weight: bold;
}

.btn>a:hover{
	color: #FFF!important;
}

#contents{
	text-align: left;
	width: 900px;
	/*float:left;

display:inline;*/

	display: table-cell;
	padding-top: 4px;
	border-radius: 0 0 8px 8px;
	background: #ffffff;
	-moz-border-radius: 0 0 8px 8px; /* FF */
	-webkit-border-radius: 0 0 8px 8px;/* Webkit */
	behavior: url(/js/PIE.htc);
	height: auto;





}


#contents01{
	width: 870px;
	height: auto;
	margin-top: 10px;
}


* html body #contents {



}

.warp_box{

	padding:10px;

	border-radius: 8px;

	background: #fff;

	-moz-border-radius:8px; /* FF */

	-webkit-border-radius:8px;/* Webkit */

	

	behavior: url(/js/PIE.htc);

	}

.warp_box dl{

	width:350px;

	float:left;

}	



.warp_box_{

	border:solid 1px #ccc;

/*	padding:7px 12px;*/

	border-radius: 5px;

	background: #FFCC00;

	-moz-border-radius: 5px; /* FF */

	background: -moz-linear-gradient(top,  #FFFF00,  #FFCC00); /* FF */

	-webkit-border-radius: 5px;/* Webkit */

	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#FFCC00));/* Webkit */

	-pie-background:linear-gradient(top,  #FFFF00,  #FFCC00); /* ie */

	

	behavior: url(/js/PIE.htc);

	}

	













#main{
	/* [disabled]width: 875px; */
	float: left;
	position: relative;
	/* [disabled]margin: 0px 0 10px 14px; */
	display: inline;
	color: #333;
	height: auto;
}



#topicpath{
	padding: 5px 0 0px 0;
	font-size: 80%;
	text-indent: 1em;
	/*background-color:#fff;*/

	text-align: left;
	position: absolute;
	top: 11px;
	left: 14px;
	/* [disabled]width: 100%; */
}



#topicpath li{

display:inline;

}





/*

#side{

width:228px;

float:right;

margin-top:7px;}



*/











/*----------footer--------------*/









#footer{

clear:both;

margin-top:15px;

width:100%;

height:45px;

background:url(img/footer.gif) no-repeat;

position:relative;

overflow:hidden;

}







#footer #copy{

text-align:tcenter;

padding-top:60px;



}



.footerbana{
	clear: both;
	font-size: 90%;
	margin-top: 15px;
	width: 900px;
	height: auto;

}



.footerbana h3{
	margin-top: 10px;
	color: #009900;
	margin-bottom: 5px;
}



.footerbana .tb{

display:table;

width:100%;

}



.footerbana div.cell1{

display:table-cell;

zoom:1;

vertical-align:middle;

width:330px;

float:left;

}



.footerbana div.cell1 p{

padding-left:0.8em;

text-align:left;

}





.footerbana div.cell2{

display:table-cell;

zoom:1;

vertical-align:middle;

float:right;

}

.footerbana div.cell2>div{
	height: 250px;
	width: 250px;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	padding: 5px;
	border: thin solid #999;
	vertical-align: top;
}
.footerbana div.cell2>div div{
	vertical-align: middle;
	display: table-cell;
	height: 206px;
	border: thin solid #CCC;
}


.footerbana div.cell2>div img{
	height: auto;
	width: 100%;
		
}

.footerbana div.cell2>div p{
	line-height: 1.5em;
}



/**/



#syusai{
	text-align: left;
	margin-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
}



#syusai .warp_box{

border:none;

color:#000;

padding-left:20px;

font-size:80%;

}





/*---------------*/

#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f0aa';
  font-size: 60px;
  color: #ef3f40;
}

/*---------------*/









.bg_wrapper{
	background-color: #FFFFFF;
	height: auto;

}



/*------IEhac---------*/





.warp_box:not(:target){

	background-color:#FFFFFF¥9;/* IE9 */

}
#warp .bg_wrapper #contents #main #ivent_main center center table {
	text-align: center;
}
#warp .bg_wrapper #contents #main #ivent_main center table tr td font {
	color: #333;
}

.place00{
	width: 873px;
	height: 1120px;
	/*--height: 650px;--*/
	margin-top: 10px;
	margin-bottom: 10px;

}

.place01{
	width: 479px;
	height: 650px;
	margin-right: 10px;
	float: left;

}

.place01_3{
	width: 479px;
	height: auto;
	margin-right: 10px;
	float: left;

}


.place01-1{
	width: 478px;
	height: auto;
	margin-bottom: 10px;
}

.place01-2{
	width: 478px;
	height: auto;
}

.place01-3{
	width: 234px;
	height: auto;
	float: left;
	margin-right: 10px;
	font-size:98%;
}

.place01-4{
	width: 234px;
	height: auto;
	float: left;
}

.place02{
	width: 478px;
	height: 250px;

}

.place03{
	width: 383px;
	height: auto;
	float: right;

}

.address01{
	width: 383px;
	height: auto;
	margin-bottom: 10px;

}

.address02{
	width: 383px;
	height: 270px;

}

.address02-1{
	width: 200px;
	height: 270px;
	margin-right: 10px;
	float: left;

}

.address02-2{
	width: 170px;
	height: auto;
	float: right;

}

.openbooth-01{
	width: 830px;
	float: left;
	margin-left: 35px;

}

.openbooth-02{
	width: 830px;
	height: 100px;
	float: left;
	margin-bottom: 10px;

}

.openbooth-03{
	width: 110px;
	height: 100px;
	float: left;
	margin-right: 7px;
	padding: 4;
	border-right: solid #CCC;
	border-right-width: thin;
	font-size: 12px;
}



.openbooth-04 {
	width: 110px;
	height: 100px;
	float: left;
	padding: 5;
}

.topbanner{
	padding-bottom: 5px;
}


.image_center{
	display: block;
 margin-left: auto;
 margin-right: auto;}
 

.eventImage{
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	}

.eventImage img{width: 850px;}


#capcell+div a{
	
	text-decoration: none;
	display:block;
}
#capcell+div h2{
	line-height: 1.3em;
}


/***************メイントップ　左側　トウレプ宣伝用バナー　*****************/

.left_main{
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
}

.download{
	overflow: hidden;
}

div.box-left{
width: 50%;
float: left;
}

div.box-right{
width: 50%;
float: right;
}

div.box-c{
clear: both;
}


/***************フォームボタン　*****************/

div.from-box1 {
width:840px;
margin: 50px auto;
}

div.from-box2 {
float: left;
padding-right: 5px;
}

div.from-box3 {
float: left;
padding-left: 6px;
}



/*layout slider*/

#rolling {
	width: 870px;
	overflow: hidden;
	text-align: left;
	margin-top: 23px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#slide {
	position: relative;
	width: 870px;
	height: 280px;
	overflow: hidden;
	float: left;
	font-size: 0;
	/*background-color: #FFF;*/
}
#slide li {position:absolute;}
#slide img {display:block;width:870px;height:280px;}
#triggers {
	clear: both;
	padding-top: 8px;
	overflow: hidden;
	font-size: 0;
}
#triggers li {
	list-style-type: none;
	display: inline-block;
	margin: 3px;
}
#triggers li:nth-of-type(4){
	margin-right: 0px;
	}

#triggers img {display:block;width:168px; cursor:pointer;}
#mask {
	display: block;
	position: absolute;
	left: 0;
	width: 166px;
	height: 49px;
	top: 370px;
	cursor: pointer;
	border-top-width: 3px;
	border-right-width: 4px;
	border-bottom-width: 3px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}


.photoWrap{
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	}
.photoWrap img{
	float: left;
}

.modelMov{width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}