@charset "utf-8";

.content_txt p { color: #666; margin: 10px 0; width: 98%;}
.content_txt .float_lr .float_img {width: 98%;min-height: 400px;margin: 0;background: #eee;}
.content_txt .float_lr .float_txt { padding: 0 10px;}
.content_txt .float_lr .float_txt h3 { font-size: 36px; line-height: 110%; margin: 25px 0 20px;}

.font_bold {font-weight: bold;}
.item_bold {font-weight: bold; margin-left: 10px;}
.pd_t20 { display: block; padding-top: 20px;}

/* sVisual */
#sVisual {border-bottom: 1px solid #d5def0;margin: 72px 0 50px 0;padding: 0 10px;}
#sVisual .sVisual_title { max-width: 1180px;}
#sVisual .sVisual_title h2 { font-size: 20px; font-weight: 300; letter-spacing: 0.2em; color: #333;}
#sVisual .sVisual_title p { color: #484950; /*letter-spacing: -0.05em; */margin-bottom: 20px;}

#subNavi { width: 100%; margin: 0 0 20px; min-height: 30px;}
#subNavi select {padding: 5px 10px;margin: 15px 0.5% 0;min-width: 48%;background: #eef1f8;border: 1px solid #eef1f8;cursor: pointer;}
#subNavi select option {margin: 1px 0 0 0; border: none; padding: 4px 0; background: #eef1f8; border: 1px solid #eef1f8;}

#container {z-index:4;/*position:relative;*/max-width:1180px;zoom:1; padding-bottom: 45px;margin:0 auto; font-size:14px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin: 10px 0;font-weight:300;font-size:30px;}
#container .container_title h3{ font-size: 16px;}

#sub0101 .ceo_sign { display: block; margin-top:20px; padding-bottom: 50px; min-height: 200px; background: url(../img/sub0101_sign.jpg) no-repeat bottom right; }

#sub0102 div { border-top: 1px dotted #ddd; padding: 30px 10px 20px;}
#sub0102 div:first-child {border-top:none; padding-top: 20px;}
#sub0102 div:after  {display:block;visibility:hidden;clear:both;content:""; margin-top: 20px;}
/*#sub0102 div h3,#sub0102 div ul,#sub0102 div ul li {float: left;}*/
#sub0102 div h3 {width: 96%; font-size: 20px; color: #d5def0; letter-spacing: 0.15em; font-weight: 900}
#sub0102 div ul { width: 96%; margin-top: 10px;}
#sub0102 div ul li:first-child { width: 50px; font-weight: bold; letter-spacing: 0.15em}
#sub0102 div ul li {color: #666}
#sub0105 h3,#sub0105 p{ margin-left: 10px;}

.cbp-l-caption-body {position: absolute;width: 100%;text-align: center;bottom: 0;font-size: 13px;background: rgba(255,255,255,0.7);}


@media all and (min-width:480px) {
#container_title .float_img{ width: 47%;}
}
@media all and (min-width:600px) {
#sub0102 div ul li:first-child { width: 98px; }
#sub0102 div h3,
#sub0102 div ul,
#sub0102 div ul li {float: left;}
}
@media all and (min-width:768px) {
#subNavi select { min-width: 280px; }
#container_title .float_img{ width: 100%;}

#sVisual {/* margin: 44px 0; */}
#sVisual .sVisual_title h2 { font-size: 30px; }

.content_txt .float_lr li{ float: left; width: 48%;}
.content_txt .float_lr .float_img { width: 48%; height: 500px; background: #eee;}
.content_txt .float_lr .float_txt { margin-left: 1%;}

#container_title {margin:20px 10px;font-weight:300; font-size:40px;}
.cbp-l-caption-body { bottom: 48%; font-size: 16px; background: transparent;}

}
@media (min-width: 960px) {
#wrapper {padding: 0 10px;}
#container {font-size:17px;}

#sVisual { margin: 40px 0 50px 0;}
#sVisual .sVisual_title { margin: 90px auto 30px; min-height: 137px;}
#sVisual .sVisual_title h2 { font-size: 40px; }
#sVisual .sVisual_title p { font-size: 18px;}
#subNavi { margin: 0 0 40px; min-height: 36px;}

#container_title {margin: 20px 0;font-size:40px;}
.cbp-l-caption-body {font-size: 18px;}

#sub0102 div { padding: 35px 0 20px 0}
#sub0102 div h3 {width: 20%; font-size: 35px; }
#sub0102 div ul { float: right; width: 75%; margin-top: 10px; min-height: 50px; }
#sub0102 div h3.y2012 { height: 160px;}
#sub0102 div h3.y2013 { height: 270px;}
}

@media all and (min-width:1200px) {
#subNavi { width: 1180px; margin: 0 auto 40px;}
}


/**/
#hd_wrapper {position:fixed;top: 0;min-height: 70px;background: #fff; background:rgba(255, 255, 255, 0.8); /*border-bottom: 1px solid #d5def0*/}
#lnb_1dli .current .lnb_1da,.lnb_1dli:hover .lnb_1da,.lnb_1da:focus,.lnb_1da:hover,.lnb_1da:active{text-decoration:none;color:#8c9bb7;}
@media all and (min-width:1200px) {
#pr_movie,.pr_movie { position: absolute; top: -12px; left: 50%; margin-left: 310px; width: 280px; min-height: 150px; }
}