/*main_slider*/
div.main_slider{ position: relative; overflow: hidden; }
div.main_slider > img.main_slider_over{ width: 35%; position: absolute; top: -40px; left:50%; margin-left: -17.5%; z-index:999; }

div.event_section{width: 100%; overflow: hidden;}
div.event_section > div.event_section_wrap{ width: 100%; }
div.event_section > div.event_section_wrap > img{ width: 200%; margin-left:-50%;}
/*section01*/
div.section01{ width: 100%; overflow: hidden; padding: 40px 0px; text-align: center; }
div.section01 > h2{ text-align: center;font-family: "Times New Roman", Times, serif; width: 95%; font-size: 20px; font-weight: bold; padding: 10px 0px; color: #333333; border-top: 2px solid #333333; border-bottom: 2px solid #333333; margin: 0px auto; margin-bottom: 50px; line-height: 30px; }
div.section01 > ul{ overflow: hidden; width: 100%; margin:0px auto; }
div.section01 > ul > li{ float: left; width: 95%; margin: 30px 2.5%; }
div.section01 > ul > li > h3{ float: left; text-align: left; font-size: 18px; font-family: "Times New Roman", Times, serif; width: 100%; font-weight: 200;}
div.section01 > ul > li > h3 > a{ float: right; color: #aaaaaa; line-height: 20px; }
div.section01 > ul > li > div.small_board{ width: 100%; height: 150px; overflow: hidden; border-top: 2px solid #666666; border-bottom: 2px solid #666666; margin: 0px auto; margin-top: 25px; padding-top: 5px; }
div.section01 > ul > li > div.small_board > ul > li{ height: 25px; }
div.section01 > ul > li > div.small_board > ul > li > a{ display: block; margin: 0px auto; width: 90%; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; }
div.section01 > ul > li > div.small_board > ul > li > a:hover{ color: #000000; font-weight: bold; }

div.section01 > div.small_moving_slider{ width: 310px; margin: 0px auto; margin-bottom: 50px; margin-top: 50px;}
div.section01 > div.small_moving_slider > h3{ font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; margin-bottom: 20px; text-align: center; }
div.section01 > div.small_moving_slider > div.moving_slider_area{ width: 100%; height: 150px;}

/* section01 moving_slider area */
div#s_contents4 div.img_list3{ width: 100%; height: 150px; margin: 0 auto; position: relative; overflow: hidden; }
div#s_contents4 div.img_list3 > ul{ width: 2170px; height: 150px; position: absolute; left: 20px; z-index: 60;}
div#s_contents4 div.img_list3 > ul > li{ float: left; margin-right: 20px; }
div#s_contents4 div.img_list3 > ul > li > a{ display: block; width: 100%; height: 100%; position: relative; }
div#s_contents4 div.img_list3 > ul > li > a > div.studio_name{ width: 100%; height: 98%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2); color: #ffffff; font-size: 15px; font-weight: bold; box-sizing: border-box; padding-top: 55px; } 
div#s_contents4 div.img_list3 > ul.event_list > li > a > img{ width: 240px; height: 150px; }
div#s_contents4 span.prev{ background-color: #FFFFFF; border: 1px solid #ffffff; width: 30px; height: 151px; color: #312817; font-size: 36px; font-weight: bold; line-height: 150px; text-align: center; display: block; position: absolute; left: -1px; z-index: 61; cursor: pointer; }
div#s_contents4 span.next{ background-color: #FFFFFF; border: 1px solid #ffffff; width: 30px; height: 151px; color: #312817; font-size: 36px; font-weight: bold; line-height: 150px; text-align: center; display: block; position: absolute; right: -1px; z-index: 62; cursor: pointer; }

/*section02*/
div.section02{ width: 100%; overflow: hidden; padding: 40px 0px 100px 0px; background-color: #222222; }
div.section02> h2{ text-align: center; font-family: "Times New Roman", Times, serif; width: 150px; font-size: 25px; font-weight: bold; padding: 10px 0px; color: #ffffff; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; margin: 0px auto; margin-bottom: 100px; }
div.section02_wrap{ width: 100%; margin: 0px auto;  }
div.section02_wrap > div{ overflow: hidden; float: left; margin-bottom: 25px; }
div.section02_wrap > div.s02_top_left, div.section02_wrap > div.s02_bottom_right{ width: 60%;}
div.section02_wrap > div.s02_top_right, div.section02_wrap > div.s02_bottom_left{ width: 40%;}
div.section02_wrap > div > a{ display: block; width: 95%; height: 100%; margin: 0px auto; position: relative; }
div.section02_wrap > div > a > img{ width: 100%; height: 80px; }

/*popup css*/
div#popup{ width: 100%; height: auto; position: absolute; top: 150px; left: 0; background-color: #ffffff; z-index: 1000; display:none !important; }
div#popup > div#p_wrap{ background-image: url('../img/rest_time_popup.jpg'); background-repeat: no-repeat ;background-size: 100% 100%; width: 100%; height: 500px; margin: 0px auto; position: relative; overflow: hidden;}
div#popup > div#p_wrap > ul{ text-align: center; overflow: hidden; padding-top: 170px; }
div#popup > div#p_wrap > ul > li{ margin-bottom: 5px; }
div#popup > div#p_wrap > ul > li > p{ font-size: 20px; line-height: 30px; }


div#popup form{ width: 100%; height: 30px; line-height: 30px; background-color: #222222; }
div#popup fieldset{ height: 30px; margin: 0px auto; text-align: right; }
div#popup label{ color: #FFFFFF; }
div#popup fieldset a{ color: #FFFFFF; }
div#popup fieldset input{ position: relative; top: 3px; margin-right: 5px; }