@charset "utf-8";
/* CSS Document */


/* interview */ 
#coverWrap #cover{ border:none;}


/* about */
.about{}
#content.about h2{ font-size:30px; font-size:3.0rem; font-weight:normal; border:none; margin:0 auto 20px; color:#005983; padding:0; text-align:center;}
#content.about h3{ font-size:20px; font-size:2.0rem; font-weight:normal; border:none; margin:0 auto 30px; color:#333; padding:0; font-weight:bold; text-align:center; background:none; display:block;}

.newest{ margin-top:20px; margin-right:20px; margin-bottom:20px;}
.newest .left{ width:180px; float:left; }
.newest .left img{ margin-bottom:10px; max-width:178px; height:auto; border:1px solid #E6E6E6;}
.newest .right{ width:450px; margin:0;}
.newest .right .date { font-size:13px; font-size:1.3rem; font-weight:bold; margin-bottom:10px; color:#005983;}
.newest .right h2{ font-size:24px; font-size:2.4rem; color:#000; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #E6E6E6;}
.newest .right h3{ font-size:18px; font-size:1.8rem; color:#333; margin-bottom:10px; font-weight:bold;}
.newest .right h3 span{ background:#005983; color:#fff; font-size:14px; font-size:1.4rem; padding:2px 6px 0; margin-right:10px;}
.newest .right p{ margin-top:10px; color:#333; font-size:12px; font-size:1.2rem; line-height:180%; margin-bottom:20px;}
.newest .newestIndex{ clear:both; padding-top:20px;}
.newest .newestIndex h3{ background:#005983; font-size:16px; font-size:1.6rem; font-weight:bold; margin-bottom:0; padding:4px 10px 2px; color:#fff; display:inline-block;}
.newest .newestIndex dl { margin-bottom:20px; border-bottom:1px dotted #E6E6E6; padding-bottom:20px;}
.newest .newestIndex dl dt{ font-size:16px; font-size:1.6rem; margin-top:20px;}
.newest .newestIndex dl dd{ margin-top:5px; color:#666; font-size:12px; font-size:1.2rem;}
.newest .newestIndex dl:last-child{ border:none; padding:0;}

/* backnumber */

#backnumberList.wrapBox { margin-right:-20px; width:670px;}
#backnumberList.wrapBox .list { width:303px; float:left; margin:0 20px 20px 0;}
#backnumberList.wrapBox .list .listPhoto{ float:left; margin:0 10px 0 0; width:120px; height:auto; padding:0;}
#backnumberList.wrapBox .list .listPhoto img{ max-width:120px; height:auto; vertical-align:bottom;}
#backnumberList.wrapBox .list .date{ font-size:13px; font-size:1.3rem; margin-bottom:5px;}
#backnumberList.wrapBox .list h3{ font-size:16px; font-size:1.6rem; font-weight:bold; margin-bottom:10px; line-height:150%; padding:0; border-bottom:1px dotted #E6E6E6; margin-left:130px; margin-right:5px; padding-bottom:5px;}
#backnumberList.wrapBox a .list h3{ color:#333;}
#backnumberList.wrapBox a .list h4 {font-size:14px; font-size:1.4rem; color:#000; margin-bottom:10px; font-weight:bold;}
#backnumberList.wrapBox a .list p{ font-size:11px; font-size:1.1rem; color:#333; margin:0;}
#backnumberList.wrapBox a .list p a{ color:#333;}
#backnumberList.wrapBox a .list p.link { background:url(../common/icon_arrow.png) left 5px no-repeat; padding-left:12px; color:#333; margin-left:135px;}
#backnumberList.wrapBox a .list p.link:hover{ color:#005983;}

/* distribution */
#distributionMenu { margin-top:20px;}
#distributionMenu ul li{ width:50%; float:left; font-size:15px; font-size:1.5rem; margin-bottom:10px; box-sizing:border-box; padding-left:24px;}
#distributionMenu ul li.clear{ width:100%; clear:both;}
#distributionMenu ul li span{ font-size:11px; font-size:1.1rem; margin-left:10px;}
#distributionMenu ul li.first{ background:url(../images/distribution/icon_first.png) left 2px no-repeat;}
#distributionMenu ul li.second{ background:url(../images/distribution/icon_second.png) left 2px no-repeat;}
#distributionMenu ul li.third{ background:url(../images/distribution/icon_third.png) left 2px no-repeat;}
#distributionMenu ul li.fourth{ background:url(../images/distribution/icon_fourth.png) left 2px no-repeat;}
#distributionMenu ul li.fifth{ background:url(../images/distribution/icon_fifth.png) left 2px no-repeat;}
#distributionMenu ul li.sixth{ background:url(../images/distribution/icon_sixth.png) left 2px no-repeat;}
#distributionMenu ul li.seventh{ background:url(../images/distribution/icon_seventh.png) left 2px no-repeat; font-size:14px; font-size:1.4rem;}
#distributionMenu ul li.eighth{ background:url(../images/distribution/icon_eighth.png) left 2px no-repeat;}
#distributionMenu ul li.nineth{ background:url(../images/distribution/icon_nineth.png) left 2px no-repeat;}

#content.distribution h3{ background:none; display:block; padding:0; padding-left:24px; color:#000; border-bottom:2px solid #000; padding-bottom:5px;}
#content.distribution h3 span{ font-size:11px; font-size:1.1rem; color:#666; margin-left:20px;}
#content.distribution #first h3{ background:url(../images/distribution/icon_first.png) left 2px no-repeat;}
#content.distribution #second h3{ background:url(../images/distribution/icon_second.png) left 2px no-repeat;}
#content.distribution #third h3{ background:url(../images/distribution/icon_third.png) left 2px no-repeat;}
#content.distribution #fourth h3{ background:url(../images/distribution/icon_fourth.png) left 2px no-repeat;}
#content.distribution #fifth h3{ background:url(../images/distribution/icon_fifth.png) left 2px no-repeat;}
#content.distribution #sixth h3{ background:url(../images/distribution/icon_sixth.png) left 2px no-repeat;}
#content.distribution #seventh h3{ background:url(../images/distribution/icon_seventh.png) left 2px no-repeat;}
#content.distribution #eighth h3{ background:url(../images/distribution/icon_eighth.png) left 2px no-repeat;}
#content.distribution #nineth h3{ background:url(../images/distribution/icon_nineth.png) left 2px no-repeat;}
#content.distribution #first li, #content.distribution #second li, #content.distribution #third li{ float:left; width:33%; box-sizing:border-box; font-size:12px; font-size:1.2rem; margin-bottom:10px;}
 #content.distribution #fourth li, #content.distribution #fifth li, #content.distribution #sixth li, #content.distribution #seventh li, #content.distribution #eighth li, #content.distribution #nineth li{ float:left; width:50%; box-sizing:border-box; font-size:12px; font-size:1.2rem; margin-bottom:10px;}
#content.distribution .onebox p{ margin-bottom:0; text-align:right;}
#content.distribution .onebox dt{ font-size:14px; font-size:1.4rem; color:#005983; font-weight:bold; margin-bottom:10px;}
#content.distribution .onebox dd{ margin-bottom:20px;}
#content.distribution .onebox dd:last-child{ margin-bottom:0;}

/* company */
.company td li{ float:left; width:50%; margin-bottom:5px;}

/* privacy */
#content.privacy p.right{ text-align:right; font-size:12px; font-size:1.2rem; color:#000; border-bottom: 1px dotted #E6E6E6; float:none; margin:30px 0px 20px 0px; padding-bottom:20px;}
#content.privacy ol li{ font-size:12px; font-size:1.2rem; padding-top:5px; list-style:decimal inside ;}
#content.privacy li{ border-bottom: 1px dotted #E6E6E6; width:635px; margin-bottom:20px; padding-bottom:20px; padding-left: 1.8rem; text-indent: -1.8rem; color:#005983;}
#content.privacy li.noborder{ border-bottom:none; padding-bottom:0;}
#content.privacy li span{ color: #333;}
#content.privacy li .box{ border:1px solid #E6E6E6; margin:10px 0px 10px 0; font-size:12px; font-size:1.2rem; padding: 0; text-indent: 0; margin-left:8px;}
#content.privacy li .box p{ color:#333; margin:10px;}
#content.privacy li .box p strong{ color:#005983;}

/* sitemap */
#content.sitemap p{ font-size:14px; font-size:1.4rem; font-weight: bold; padding-left:15px; margin:30px 0px 30px; margin-bottom:30px; background:url(../common/icon_arrow.png) left 8px no-repeat;}

#content.sitemap nav dt{ font-size:13px; font-size:1.3rem; margin-bottom:20px;}
#content.sitemap nav dt a{ color:#333; background:url(../common/icon_arrow.png) left 4px no-repeat; padding-left:12px;}
#content.sitemap nav dl dd { margin-bottom:20px; border-bottom: 1px dotted #E6E6E6; padding-bottom:20px;}
#content.sitemap nav dl dd ul{ width:100%;}
#content.sitemap nav dl dd ul li { width:33%; float:left; margin:0 0 5px 0; border:none; padding:0;}
#content.sitemap nav dl dd ul li a{ background:none; padding:0; font-size:11px; font-size:1.1rem; color:#666;}

#content.sitemap nav ul{ margin-right:-30px;}
#content.sitemap nav li{ float:left; margin-right:20px; font-size:13px; font-size:1.3rem; margin-bottom:20px; width:315px; border-bottom: 1px dotted #E6E6E6; padding-bottom:20px;}
#content.sitemap nav li a{ color:#333; background:url(../common/icon_arrow.png) left 4px no-repeat; padding-left:12px;}
#content.sitemap nav li a:hover{ color:#005983;}
#content.sitemap nav li input{ background:url(../common/icon_arrow.png) left 7px no-repeat #fff; padding-left:10px; color:#333; border:none; cursor:pointer;}
#content.sitemap nav li input:hover{ color:#005983;}

/* mailmag */
#content.mailmag .onebox table td input{ background:#fff; border:1px solid #EEE; height:24px; width:95%; padding:2px 5px;}
#content.mailmag .onebox table td input:hover{ background:#eee; border:1px solid #ddd;}
#content.mailmag .onebox table td input:focus{ background:#fff; border:1px solid #E6E6E6;}
#content.mailmag .onebox { border-bottom:1px dotted #e5e5e5; margin-bottom:30px; padding-bottom:30px;}
#content.mailmag .onebox .btn { margin-top:20px;}
#content.mailmag .onebox .btn input{ background:#fc0; color:#000; border:none; margin:0 auto; text-align:center; padding:5px 10px; cursor:pointer; font-size:12px; font-size:1.2rem;}
#content.mailmag .onebox .btn input:hover{ background:#005983; color:#fff;}
#content.mailmag .onebox p{ margin-bottom:10px;}


/* mailmag_back */
#content.mailmagBack h2{ border-bottom:none;}
#content.mailmagBack p.date{ margin:0;}
.onebox.mailmagBack .title{ margin-bottom:20px;}
.onebox.mailmagBack .wrapBox dt{ font-size:14px; font-size:1.4rem; margin-bottom:5px;}
.onebox.mailmagBack .wrapBox dd{ border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px; font-size:14px; font-size:1.4rem;}
.onebox.mailmagBack .wrapBox dd a{ background:url(../common/icon_arrow.png) left 6px no-repeat; padding-left:12px;}

/* contact */
#content.contact { margin-top:40px;}
#content.contact .onebox table td input, #content.contact .onebox table td textarea{ background:#fff; border:1px solid #EEE; padding:5px; margin-bottom:2px;}
#content.contact .onebox table td input:hover, #content.contact .onebox table td textarea:hover{ background:#eee; border:1px solid #ddd;}
#content.contact .onebox table td input:focus, #content.contact .onebox table td textarea:focus{ background:#fff; border:1px solid #E6E6E6;}
#content.contact .onebox .btn { margin-top:20px;}
#content.contact .onebox .btn input{ background:#fc0; color:#000; border:none; margin:0 auto; text-align:center; padding:20px; cursor:pointer; font-size:14px; font-size:1.4rem;}
#content.contact .onebox .btn input:hover{ background:#005983; color:#fff;}
#content.contact .onebox table td span{ font-size:10px; font-size:1.0rem; color:#666;}
#content.contact .caution{ color:#f00; font-weight:bold; font-size:12px; font-size:1.2rem; margin-bottom:20px;}
#content.contact .onebox table td input.fborderR , #content.contact .onebox table td textarea.fborderR{ border:1px solid #f00;}
#content.contact .onebox table td label{ margin-right:10px;}
#content.contact .onebox .box{ border:1px solid #E6E6E6; margin:0 0px 20px 0; font-size:12px; font-size:1.2rem; padding: 0; text-indent: 0;}
#content.contact .onebox .box p{ color:#333; margin:10px;}
#content.contact .onebox .box p strong{ color:#005983; font-weight:bold;}

#lead dt{ color:#005983; font-size:18px; font-size:1.8rem; margin-right:20px; font-weight:bold; padding:7px 0 0; float:left;}
#lead dd{ font-size:13px; font-size:1.3rem;}

.fborderR{ border:1px solid #f00;}
#content.contact .onebox table td input.fborderR{ border:1px solid #f00;}

/* news */
.news.onebox{ margin-top:40px;}
.news.onebox .wrapBox dt{ font-size:14px; font-size:1.4rem; margin-bottom:5px;}
.news.onebox .wrapBox dd{ border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px; font-size:14px; font-size:1.4rem;}
.news.onebox .wrapBox dd a{ background:url(../common/icon_arrow.png) left 6px no-repeat; padding-left:12px;}
#content.news p.date{ margin:0;}
#content.news p.textRight{ margin-bottom:0;}
#content.news #prevNext{ margin-top:40px;}


/* search */
#content.search { margin-top:40px;}
#content.search h2{ margin-bottom:40px;}
#content.search dl{ border-bottom:1px #ccc dotted; margin-bottom:20px; padding-bottom:20px;}

#content.search dt{ font-size:14px; font-size:1.4rem; margin-bottom:5px; font-weight:bold;}
#content.search dd{ font-size:12px; font-size:1.2rem;}













/* ipo */
#ipo #cover{ background:url(../images/ipo/title.jpg) left center no-repeat;}

/* support */
#support #cover{ background:url(../images/support/title.jpg) left center no-repeat;}

/* feature */
#feature #cover{ background:none; margin:0 0 10px 0; padding:0; height:150px;}



/* list */
#list #cover h1{ margin-top:15px;}
#list #cover{ background:url(../images/list/title.jpg) left center no-repeat;}
.list { }
.list .categoryName{background-color:rgba(0,56,131,0.9); font-size:11px; font-size:1.1rem; color:#fff; top:0; left:0; position: absolute; padding:2px 5px; z-index:5;}
a:hover .list .categoryName{background-color:rgba(0,56,131,0.75);}

/* newIpo */
#newIpo #cover h1{ margin-top:15px;}
#newIpo #cover{ background:url(../images/new_ipo/title.jpg) left center no-repeat; margin-bottom:30px;}
#newIpo .wrapBox li{ border-bottom:1px dotted #E6E6E6; margin-bottom:10px; padding-bottom:10px; font-size:14px; font-size:1.4rem;}
#newIpo .wrapBox li a{ background:url(../common/icon_arrow.png) left 6px no-repeat; padding-left:12px;}
#newIpo.post #cover{ width:620px; height:110px; padding:40px 0 0 30px; margin:0 0 30px 0;}
#newIpo.post #cover h1{ font-size:30px; font-size:3.0rem; color:#005983; font-weight:bold; margin:15px 0 0 0; width:auto;}
#newIpo.post #content p.date{ color:#666; margin-bottom:20px;}
#newIpo.post #content p{ font-size:12px; font-size:1.2rem; line-height:180%; margin-bottom:20px;}
#newIpo.post #content p.right{ color:#666; float:none; text-align:right;}
#newIpo.post #content .onebox table{ margin-bottom:10px;}



/* investors */
#investors #cover{ background:url(../images/investors/title.jpg) left center no-repeat;}
#investors #content #investorsWrap h2{ font-size:36px; font-size:3.6rem; color:#005983; text-align:center; margin:0 auto 20px; border:none; }
#investors #content #investorsWrap p{ font-size:16px; font-size:1.6rem;}
#investors #content #investorsWrap p.gray{ font-size:20px; font-size:2.0rem; margin-bottom:0; margin:40px auto 0; text-align:center; font-weight:bold;}
#investors #content #investorsWrap p.right{ text-align:right; font-size:20px; font-size:2.0rem; color:#000; float:none;}



/* search */
#search #cover{ background:url(../common/title_none.jpg) left center no-repeat; margin-bottom:30px;}
#search #cover h1{ margin-top:15px;}
#search #content .onebox li{ font-size:14px; font-size:1.4rem; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #E6E6E6;}
#search #content h3{ padding-top:2px; margin-bottom:30px;}




.red{ color:#f00;}
#content.contact .onebox table td span.red{ color:#f00;}
.blueBig{ color:#005983; font-size:18px; font-size:1.8rem; padding:30px 0px 30px;}
.btBox{ margin: 20px auto; text-align: center;}
.textBox{ border:solid 1px #eee; margin:0 0 5px; width:300px; padding:2px 5px;}
.textArea{ border:solid 1px #eee; padding:30px 0; margin:0 0 5px; width:300px;}
#contact input.Btn{ font-size:14px; font-size:1.4rem; width:240px; height:40px; background:#333; color:#fff; border:none; margin:0 auto; text-align:center; padding:2px 5px; cursor:pointer;}
#contact input.Btn:hover{ background:#005983;}
#content.contact h3{ font-size:18px; font-size:1.8rem; color:#005983; margin:20px 0; border:none; padding:0; background:none;}