@charset "utf-8";
@import "common.css";

#letter_wrap{ width: 100%; background: url(../images/tp_bg.png) repeat-x 0 0; position: relative}
.letter_wrap_main{ background: #fff url(../images/tp_bg2.png) repeat-x 0 0 !important;}
#letter_header{ width: 740px; margin: 0 auto; height: 197px; position: relative;}
#letter_header h1{ position: absolute; background: url(../images/tp_logo.png) no-repeat 0 0; width:290px; height: 86px; font-size: 0; color: transparent; z-index: 90}
.letter_wrap_main #letter_header h1{ background: url(../images/tp_logo2.png) no-repeat 0 0; width:290px;}
#letter_header h1 a{ display: block; width: 210px; height: 86px;  font-size: 0; color: transparent}
#letter_header h1 a.newslist{ position: absolute; top:0px; left:210px; display: block; width: 164px; height: 86px;  font-size: 0; color: transparent}
#letter_header .top_logo{ position: absolute; right: 0; top: 30px;}
#letter_header .letter_month{ position: absolute; right: 0; top: 40px; line-height: 1; color: #4a9934; font-size: 24px; font-weight: 700}
#letter_header .letter_month span{ display: inline-block; vertical-align: top; font-size: 13px; color: #000; font-weight:bold; margin: 5px 5px 0px 0px;}
.letter_gnb{ padding-top: 87px; position: relative}
.letter_gnb:after{ content: ""; display: block; clear: both}
.letter_gnb li{ float: left; width:50%; text-align: center; margin-bottom: 1px; position: relative}
.letter_gnb li a{ display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 800}
.letter_gnb li a:hover, .letter_gnb li.active a{ color: #ffff28}
.letter_gnb li.lgm_01 a{ background: #0dacb0; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.letter_gnb li.lgm_02 a{ background: #0081d0; border-right: 1px solid #fff;}
.letter_gnb li.lgm_03 a{ background: #974dc2; border-right: 1px solid #fff;}
.letter_gnb li.lgm_04 a{ background: #e56940; border-right: 1px solid #fff;}
.letter_gnb li.lgm_05 a{ /*background: #7ba91c;*/background: #974dc2; border-right: 1px solid #fff;}
.letter_gnb ul{ position: absolute; top: 50px; padding-top: 15px; left: 0; /*background: url(../images/gnb_arr.png) no-repeat 64px 0;*/}

.letter_gnb li p.arrow{ position: absolute; top: 50px; padding-top: 10px; width: 148px; left: 0; height: 50px; background: url(../images/gnb_arr.png) no-repeat 64px -182px; font-size: 0; color: transparent}
.letter_gnb li.lgm_03 p.arrow{ background-position: 82px -325px;}
.letter_gnb li.lgm_05 p.arrow{ background-position: 64px -590px;}
.letter_gnb li li{ width: auto;} 
.letter_gnb li li a{ height: 32px; line-height: 1; text-align:left; color: #3b3b3b; font-size: 14px; font-weight: 700; padding: 18px 15px 0 0; background: #fff !important; border: 0 !important; letter-spacing: -1px}
.letter_gnb li li a:hover, .letter_gnb li.active li a{ color: #000 !important}
.letter_gnb li.active li.active a{ color: #cc1102 !important; font-weight: 800;}

.letter_gnb li.lgm_01 ul{ width:740px; background: url(../images/gnb_arr1.png) no-repeat 0 0}
.letter_gnb li.lgm_01 li a{ background: none !important; padding: 18px 0px 0 25px;}
.letter_gnb li.lgm_01 li.m1 a{ width:345px; } 
.letter_gnb li.lgm_01 li.m2 a{ width:345px; }
.letter_gnb li.lgm_01 li.m3 a{ width:345px; }
.letter_gnb li.lgm_01 li.m4 a{ width:345px; }
.letter_gnb li.lgm_01 li.m5 a{ width:345px; } 
.letter_gnb li.lgm_01 li.m6 a{ width:345px; }
.letter_gnb li.lgm_01 li.m7 a{ width:345px; }
.letter_gnb li.lgm_01 li.m8 a{ width:345px; }
.letter_gnb li.lgm_01 li.m9 a{ width:345px; }
.letter_gnb li.lgm_01 li.m10 a{ width:345px; }
.letter_gnb li.lgm_01 li.m11 a{ width:345px; }
.letter_gnb li.lgm_01 li.m12 a{ width:345px; }

.letter_gnb li.lgm_01.active li.active a{ color: #007679 !important; background: url(../images/gnb_blt1.png) no-repeat 15px 23px !important; }
.letter_gnb li.lgm_02.active li.active a{ color: #0081d0 !important; background: url(../images/gnb_blt1.png) no-repeat 15px 23px !important; }
/*.letter_gnb li.lgm_01.active li.m2.active a{ color: #007679 !important; background: url(../images/gnb_blt1.png) no-repeat 15px 23px !important; }
.letter_gnb li.lgm_01.active li.m3.active a{ color: #007679 !important; background: url(../images/gnb_blt1.png) no-repeat 30px 23px !important; }*/

.letter_gnb li.lgm_02 ul{ width:740px; left:-370px !important; background: url(../images/gnb_arr2.png) no-repeat 0 0}
.letter_gnb li.lgm_02 li a{ background: none !important; padding: 18px 15px 0 43px}
.letter_gnb li.lgm_02 li.m1 a{ width:700px; }
.letter_gnb li.lgm_02 li.m2 a{ width:700px; }
.letter_gnb li.lgm_02 li.m3 a{ width:700px; }
.letter_gnb li.lgm_02.active li.active a{ color: #0076be !important; background: url(../images/gnb_blt2.png) no-repeat 30px 23px !important; }

.letter_gnb li.lgm_04 ul{ width:740px; left:-369px; background: url(../images/gnb_arr4.png) no-repeat 0 0;}
.letter_gnb li.lgm_04 li a{ background: none !important; padding: 18px 10px 0 43px;}
.letter_gnb li.lgm_04 li.m1 a{ width:300px;}
.letter_gnb li.lgm_04 li.m2 a{ width:300px;}
.letter_gnb li.lgm_04.active li.active a{ color: #c43e12 !important; background: url(../images/gnb_blt4.png) no-repeat 30px 23px !important; }

.letter_gnb li.lgm_05 ul{ width:740px; left:-555px; background: url(../images/gnb_arr5.png) no-repeat 0 0;}
.letter_gnb li.lgm_05 li a{ background: none !important; padding: 18px 10px 0 43px;}
.letter_gnb li.lgm_05 li.m1 a{ width:290px;}
.letter_gnb li.lgm_05 li.m2 a{ width:311px;}
.letter_gnb li.lgm_05.active li.active a{ color: #974dc2 !important; background: url(../images/gnb_blt5.png) no-repeat 30px 23px !important; }

#letter_container{ width: 740px; margin: 0 auto}
#letter_container p img{vertical-align:top;}
#letter_container .tit_box{ margin-bottom: 30px; height: 110px; background: #0094d9;}
#letter_container .tit_box h1{ height: 110px}
#letter_container .tit_box .news1, #letter_container .tit_box .news2, #letter_container .tit_box .news3{ background: url(../images/news_h1.jpg) no-repeat 100% 0;}
#letter_container .tit_box h1 strong{ display: block; background: url(../images/ic_news.png) no-repeat 22px 44px; padding: 45px 0 0 67px; line-height: 1; font-size: 24px; font-weight: 800; color: #fff; letter-spacing: -1px}

#letter_container .tit_box.foreign{ background: #f18a25;}
#letter_container .tit_box.foreign h1 strong{ background: url(../images/ic_foreign.png) no-repeat 22px 44px; line-height: 33px}
#letter_container .tit_box.foreign h1{ background: url(../images/foreign_h1.jpg) no-repeat 100% 0;}

#letter_container .tit_box.interview{ background: #f4aa24;}
#letter_container .tit_box.interview h1 strong{ background: url(../images/ic_interview.png) no-repeat 22px 44px; line-height: 33px}
#letter_container .tit_box.interview h1{ background: url(../images/interview_h1.jpg) no-repeat 100% 0;}

#letter_container .tit_box.review{ background: #7bbc08;}
#letter_container .tit_box.review h1 strong{ background: url(../images/ic_review.png) no-repeat 22px 44px; line-height: 33px}
#letter_container .tit_box.review h1{ background: url(../images/review_h1.jpg) no-repeat 100% 0;}

#letter_container .tit_box.editor h1{ background: url(../images/editor_h1.jpg) no-repeat 100% 0; height: 128px;}

.letter_content{ margin-bottom: 50px; width: 100%}
.letter_content ul.menu {float:left; margin-bottom:40px;}
.letter_content ul.menu li {float:left; margin-top:5px;}
.letter_content ul.menu li a {display:block;}
.letter_content p{ color: #555; font-weight: 400; line-height: 28px; font-size: 15px; margin-bottom: 30px; /*word-break: keep-all;*/ background: #fff;}
.letter_content p.col{ color: #555; font-weight: 400; line-height: 1.8; font-size: 15px; margin-bottom: 0px; word-break: keep-all}
.letter_content p.subtitle{ color: #555; font-weight: 400; line-height: 1.8; font-size: 13px; margin-bottom: 30px; /*word-break: keep-all;*/ background: #fff; text-align:center;}
.letter_content p.pic{ text-align: center;}
.letter_content p.pic span{ display: block; text-align: center; margin-top: 5px; font-size: 12px; font-weight: 800; color: #1f5a75;}
.letter_content p.pic span.text{display: block; color: #555; font-weight: 400; line-height: 28px; font-size: 15px; /*word-break: keep-all;*/ background: #fff; text-align:justify;}
.letter_content p.re img{ vertical-align:top; margin-top: 5px}
.letter_content p.re span, .letter_content h3.q span{ display: inline-block; margin-left: 8px; width: 690px; background: #fff}
.letter_content p.btn{ text-align: right;}
.letter_content p.txt_newyear{height:850px; padding:10px 70px 0 70px; background:url(../images/bg_newyear.png) no-repeat left top; }
.letter_content .message_txt{border:8px solid #e9e9e9; outline:1px solid #c8c8c8; margin-bottom: 30px; padding:15px;}
.letter_content .message_txt p{color: #555; font-weight: 400; line-height: 34px; font-size: 15px; margin-bottom:0px; /*word-break: keep-all;*/ background: #fff;}
.letter_content h1{ font-size: 24px; font-weight: 800; margin-bottom: 10px; color: #1f5a75}
.letter_content h2{ font-size: 18px; font-weight: 800; margin-bottom: 30px; color: #1f5a75; background: #fff}
.letter_content h2.title{ color: #cc1102} 
.letter_content h2.tit_editor{ font-size: 24px; color: #0264a5}
.letter_content h2.title img{ vertical-align:middle;}
.letter_content h2.er_name{ text-align:right;}
.letter_content h2.tit_newyear{ margin-bottom:0;}
.letter_content h3{ font-size: 16px; font-weight: 800; margin-bottom: 10px; color: #4a545f; background: #fff}
.letter_content h3.q{ color: #cc1102; margin-top: 40px;  margin-left: 0; background: #fff}
.letter_content h3.q img{ vertical-align:top; margin-top: 3px}
.letter_content h3.re{ color: #477901;}

.letter_content .wrapStory {overflow: hidden; width: 100%;}
.letter_content .wrapStory .wrapStory_l {float: left; width: 417px;}
.letter_content .wrapStory .wrapStory_l .link01 {font-size: 15px; font-weight: 700; color: #eb6100;}
.letter_content .wrapStory .wrapStory_l .link02 {font-size: 15px; font-weight: 700; color: #ee7d42;}
.letter_content .wrapStory .wrapStory_r {float: right; width: 299px;}

.letter_content .inList {margin-bottom: 35px;}
.letter_content .inList li{ color: #555; font-weight: 400; line-height: 1.8; font-size: 15px; margin-bottom: 25px; word-break: keep-all; background: #fff url(../images/bullet1.png) no-repeat 0 10px; padding-left: 10px; }
.letter_content .inList li{ margin-bottom: 7px;}
.letter_content .inList li .num{ vertical-align: top; display: inline-block; margin: 0 8px 0 5px; position: relative; top: 5px}

.letter_content .inList2{ margin-bottom: 25px; width: 100%}
.letter_content .inList2 li{ color: #555; font-weight: 400; line-height: 1.8; font-size: 15px; background: #fff url(../images/bullet2.png) no-repeat 0 10px; padding-left: 10px; word-break: keep-all; margin-bottom: 15px}

.letter_content .inList3 {margin-bottom: 35px; padding-left:10px;}
.letter_content .inList3 li {font-size: 15px; font-weight: 700; color: #4a545f; word-break: keep-all; margin-bottom: 7px;}



.letter_content .picWrap {overflow: hidden; width: 100%;}
.letter_content .picWrap .picWrap_l {float: left; width: 370px;}
.letter_content .picWrap .picWrap_r {float: right; width: 370px;}

.letter_content .interviewWrap {margin-bottom: 20px;}
.letter_content .interviewWrap dt {margin-bottom: 15px; padding-left: 38px; font-weight: 700; line-height: 24px; font-size: 15px; color: #d11102; background: url(../images/icon_question.png) no-repeat 0 0; }
.letter_content .interviewWrap dd {padding-left: 38px; color: #555; font-weight: 400; line-height: 28px; font-size: 15px;  background: #fff url(../images/icon_answer.png) no-repeat 0 0; }


.letter_content .sch_movie { width:740px; font-size:15px; font-weight:bold; }
.letter_content .sch_movie dt { float:left; width:100px; padding-left:10px; }
.letter_content .sch_movie dd { display:inline-block; width:630px; }
.letter_content .sch_movie dd li { margin-bottom:10px; }


.letter_content .sch_us_elect {width:740px; height:389px; background: url(../images/foreign2_1.png) no-repeat 0 0; }
.letter_content .sch_us_elect h3 {padding: 7px 0 25px 34px; line-height:12px; margin:0 !important; font-size: 16px; font-weight: 800; margin-bottom: 10px; color: #1f5a75; background:none;}
.letter_content .sch_us_elect ul {padding-left:34px;}
.letter_content .sch_us_elect li {word-break: keep-all; margin-bottom: 17px; line-height:13px; padding-left:15px; font-size:14px; color:#363636; font-weight:700; background: url(../images/bullet3.png) no-repeat 0 4px; }
.letter_content .sch_us_elect span {padding-left:34px; font-weight:800; font-size: 15px; color:#e60012;}

#letter_footer{ width: 520px; margin: 0 auto; background: #eee url(../images/foot_logo_sub.png) no-repeat 36px 24px; padding:20px 10px 19px 210px; font-size: 11px; color: #474747;}
.letter_footer_main{ background: #fff url(../images/foot_logo.png) no-repeat 36px 26px !important;}
#letter_footer .mail{color: #485373; font-weight:bold;}
#letter_footer .mail a{ color: #fd6120; font-weight:bold;}
#letter_footer .copyright{ color:#707b7f; font-weight:bold; margin-top: 3px;}
#letter_footer address{ margin-top:10px; font-style:normal; font-weight:bold;}
#letter_footer address .addr_01{ margin-right:8px;}
#letter_footer address .addr_02{ margin-right:9px;}
#letter_footer address .addr_03{ margin-left:8px;}

.pink_13{font-size:13px; color:#b15086 !important}
.color_orange{color:#ff6600 !important}
.blue_13{font-size:13px; font-weight:bold; color:#0081d0}
.blue_15{font-size:15px; font-weight:bold; color:#0081d0}
.blue_17{font-size:17px; font-weight:bold; color:#0081d0}
.blue_16{font-size:16px; font-weight:bold; color:#0081d0}
.blue_19{font-size:19px; font-weight:bold; color:#0081d0}
.green_19{font-size:19px; font-weight:bold; color:#008b8a}
.green_16{font-size:16px; font-weight:bold; color:#008b8a}
.green_15{font-size:15px; font-weight:bold; color:#008b8a}
.orange_15{font-size:15px; font-weight:bold; color:#e56940}
.orange_19{font-size:19px; font-weight:bold; color:#e56940}
.brown_17{font-size:17px; font-weight:bold; color:#920303}
.black_15{font-size:15px; font-weight:bold; color:#555555;}
.black_22{font-size:22px; font-weight:bold; color:#555555;}
.letter_content .text_originP{ font-size:13px; color:#888; line-height:1.4; margin:10px 0px; padding:0px;}
.letter_content .text_origin{ font-size:13px; color:#888; line-height:1.4; margin-bottom:15px;  padding:7px 0 0 51px; border-top:1px dotted #000; background: url(../images/txt_origin.png) no-repeat 0 10px;}
.letter_content .text_reference{ margin-bottom:0; color:#b87d38; background: #fff; border-top:1px dotted #000; background: url(../images/txt_origin.png) no-repeat 0 10px;}
.mt50{margin-top:50px !important}
.mb10{margin-bottom:10px !important}
.letter_content .inList2 li li{background: #fff; padding-left:0}
.txt_lft{ text-align: left;}

#letter_popwrap{width:100%}
#letter_popheader{height:40px; background:#b15086 url(../images/pop_topbg.jpg) repeat-x 0 100%; padding:10px 20px}
#letter_popheader h1{color:#fff; font-size:20px; font-weight:bold}
#letter_popcontainer{padding:20px 30px}
.letter_popcontent{position:relative; color:#555; font-weight:400; line-height:1.8; font-size:12px; margin-bottom:25px; word-break:keep-all}
.letter_popcontent:after{content:""; clear:both; display:block;}
.pop_txt{width:600px; background-color:#f6f6f6; padding:20px}
.fl{float:left}
.footer{ width:740px;margin: 0 auto}

#letter_footer{ position: relative}
#letter_footer .foot_logo{ display: block; position: absolute; left: 36px; top: 26px; width: 138px; height: 40px; font-size: 0;}

/* 20170417 Layout Add */
.letter_content .layoutUL {list-style:none; margin:0px 0px 0px 0px; padding:0px; overflow:hidden;}
.letter_content .layoutUL .imgText {clear:both; display:block; height:28px; line-height:28px; text-align: center; margin-top: 5px; font-size: 12px; font-weight: 800; color: #1f5a75; overflow:hidden;}
.letter_content .layoutUL .text{ color: #555; font-weight: 400; line-height: 28px; font-size: 15px; margin-bottom: 0px; /*word-break: keep-all;*/ background: #fff;}
.letter_content .layoutUL .left{float:left; margin:0px 0px 20px 0px; padding:0px 5px 0px 0px; color: #555; font-weight: 400; line-height: 0px; font-size: 15px; /*word-break: keep-all;*/ background: #fff; width:365px;}
.letter_content .layoutUL .right{float:right; margin:0px 0px 20px 0px; padding:0px 0px 0px 5px; color: #555; font-weight: 400; line-height: 0px; font-size: 15px; /*word-break: keep-all;*/ background: #fff; width:365px; text-align:right;}
.letter_content .layoutUL .none{float:none; margin:0px; padding:0px 0px 0px 0px; color: #555; font-weight: 400; line-height: 28px; font-size: 15px; /*word-break: keep-all;*/ background: #fff;}
.letter_content .layoutUL .center{float:none; margin:0px; padding:0px; overflow:hidden; color: #555; font-weight: 400; font-size: 15px; /*word-break: keep-all;*/ background: #fff;}

/* 20170926 */
.letter_content .pic_left{margin:0px; padding:0px; overflow:hidden;} 
.letter_content .pic_left .left{display:block; float:left; margin:0px 20px 20px 0px; padding:0px; overflow:hidden;}
.letter_content .pic_left .left .imgText{clear:both; display:block; height:28px; line-height:28px; text-align: center; margin-top: 5px; font-size: 12px; font-weight: 800; color: #1f5a75; overflow:hidden;}
.letter_content .pic_left .right{display:block; color: #555; font-weight: 400; line-height: 28px; font-size: 15px; margin-bottom: 30px; /*word-break: keep-all;*/ background: #fff;}

.letter_content .text_link{ font-size:13px; color:#888; line-height:1.4; margin-top:50px; padding:7px 0 0 5px; border-top:1px dotted #000;}