body {min-width: 1240px;}
#header {width: 100%; position: relative;}
#header .top_area {width: 1200px; height: 73px; margin:0 auto;}
#header h1 {float: left;}

#wrap {width: 100%; position: relative; overflow: hidden;}
#wrap .banner01 {width: 100%; height: 137px; background: url('/SkinImg/bg_banner01.jpg') no-repeat center top;}
#wrap .banner01 p {width: 1200px; margin:0 auto;}
#wrap .banner02 {width: 1200px; margin:0 auto;}
#wrap .movie {width: 100%; background: #f6f6f6; padding: 65px 0 40px 0;}
#wrap .movie h2 {text-align: center; margin: 0 0 68px 0;}
#wrap .movie .yt_area {width: 100%; position: relative; zoom:1; padding:0 0 0 0%;}
#wrap .movie .yt_area:after{clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden}
#wrap .movie .yt_area ul {width: 100%; position: relative; zoom:1; }
#wrap .movie .yt_area ul:after{clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden}
#wrap .movie .yt_area ul li {width: 28%; display: block; float: left; margin: 0 0 3% 4%; overflow: hidden;}
#wrap .movie .yt_area ul li h3 {padding: 7px 0 12px 30px; font-size: 18px; background: url('/SkinImg/yt_bullet.gif') no-repeat 0 center;}
#wrap .movie .yt_area ul li h3 a:hover {color: #ff9600;}
#wrap .movie .yt_area ul li p {width: 100%; max-width: 530px; height: 299px; overflow: hidden;}
#wrap .movie .yt_area ul li p iframe {width: 100%; height: 100%; }
#wrap .movie .yt_area ul li a {width: 100%;}
#wrap .movie .yt_area ul li a img {width: 100%;  max-height: 299px; }

#wrap .btn_about {width: 1200px; margin:0 auto; position: relative;}
#wrap .btn_about a {position: absolute; top: 30px; right: 10px; z-index: 999; }


.cs_center {width: 1200px; position: relative; zoom:1; margin:30px auto 10px auto;}
.cs_center:after{clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden}
.cs_center .board_area {float: left; width: 880px;}
.cs_center .phone {float: right; margin:-3px 0 0;}

#footer {width: 100%; height: 254px; background: url('/SkinImg/bg_cp.jpg') repeat-x; position: relative;}
#footer .copyright {width: 1200px; margin:0 auto; position: relative; text-align: center; padding: 85px 0 0; line-height: 40px; font-size: 17px;}
#footer .copyright span {margin: 0 15px 0;}
#footer .copyright span.cp_text {display: block; padding: 15px 0 0;}
#footer .copyright .btn_cp_logout {position: absolute; top:26px; right: 295px;}
#footer .copyright .btn_cp_about {position: absolute; top:26px; right: 205px;}
#footer .copyright .btn_home {position: absolute; top:25px; right: 117px;}
#footer .copyright .btn_top {position: absolute; top:25px; right: 35px;}

#footer .cp_banner {position: absolute; top: 78px; left: -270px;}


/* sub_page */
.sub_title {width: 100%; position: relative;}
.sub_title a {display: block; width: 100%; height: 225px; background: url('/SkinImg/sub_top.jpg') no-repeat center top; text-indent: -999px;}
#sub_title01 a {background: url('/SkinImg/sub_top01.jpg') no-repeat center top;}
#sub_title02 a {background: url('/SkinImg/sub_top02.jpg') no-repeat center top;}
#sub_title03 a {background: url('/SkinImg/sub_top03.jpg') no-repeat center top;}
#sub_title04 a {background: url('/SkinImg/sub_top04.jpg') no-repeat center top;}
#sub_title05 a {background: url('/SkinImg/sub_top05.jpg') no-repeat center top;}
#sub_title06 a {background: url('/SkinImg/sub_top06.jpg') no-repeat center top;}
#sub_about a {background: url('/SkinImg/sub_top_about.jpg') no-repeat center top;}

.wrap_board {width: 1200px; position: relative; margin:0 auto; padding: 70px 0;}

.sub_page {width: 100%; position: relative;}
.sub_page h2 {text-align: center; position: relative; margin:54px auto; font-size: 26px;}
.sub_page h2.sub01 { width: 630px;}
.sub_page h2.sub02 { width: 660px;}
.sub_page h2.sub03 { width: 640px;}
.sub_page h2.sub04 { width: 670px;}
.sub_page h2.sub05 { width: 660px;}
.sub_page h2.sub06 { width: 800px;}
.sub_page h2.sub07 { width: 600px;}
.sub_page h2 span.left {display: block; position: absolute; top: 18px; left:0; width: 228px; height: 2px; background: url('/SkinImg/bg_title_left.jpg') no-repeat}
.sub_page h2 span.right {display: block; position: absolute; top: 18px; right:0; width: 228px; height: 2px; background: url('/SkinImg/bg_title_right.jpg') no-repeat}
.sub_page ul.sub_menu {border-bottom: 8px solid #ffcc06; text-align: center;}
.sub_page ul.sub_menu li {display:inline-block;}
.sub_page ul.sub_menu li a {display: block; width: 300px; padding:15px 0 15px 0; color: #595858; background: #fff8ca; font-size: 17px; font-weight: bold; text-shadow: 1px 1px 1px #f4f4f4;}
.sub_page ul.sub_menu li.on a {background: #ffcc06; color: #000;}
.sub_page ul.sub_menu li:hover a {background: #ffcc06; color: #252525;}

.sub_cont {width: 100%; position: relative;}

.sub_cont .cont01 {width: 1200px; position: relative; margin:0 auto; zoom:1; background: #fff; padding: 65px 0 90px 0;}
.sub_cont .cont01:after{clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden}

.sub_cont .cont01 .yt {float: left; width: 750px; padding:0 10px;}
.sub_cont .cont01 .text {float: left; line-height: 25px; padding: 0px 0 0 20px; color: #505151;  font-size: 15px;}
.sub_cont .cont01 strong {font-size: 18px;}

.sub_cont .cont02 {width: 100%; position: relative; background: #f5f5f4;}
.sub_cont .cont02 p {width: 1200px; margin:0 auto;}

.about {width: 100%;overflow: hidden;}
.about p {width: 1200px; margin:0 auto;}
.about .about01 {position: relative; width: 100%; height: 531px; overflow: hidden;}
.about .about01 img {position: absolute; top:0; left: 50%; margin:0 0 0 -1000px;}
.about .about02 {}
.about .about03 {background: #f5f5f4;}

/* ETC */

#bo_vc h2 {font-size: 15px;}