@charset "UTF-8";

/* =============================================
 *  ファイル名：layout.css
 *  概　要：アジア人財資金構想 レイアウト用 CSSファイル
 *  作成日：2009.7.18
============================================= */

/* -----------------------------------------------------------------------------------------
 *  インポート
----------------------------------------------------------------------------------------- */
@import "./common.css";
@import "./clear.css";


/* -----------------------------------------------------------------------------------------
 *  header
----------------------------------------------------------------------------------------- */
#header {
 position: relative;
 width: 968px;
 height: 67px;
 margin: 0 auto;
 text-align: left;
}

/* ----- アジア人財資金構想のロゴ -----  */
#header h1,
#header #logo {
 position: absolute;
 top: 24px;
 left: 0;
}

/* ----- 右上の言語リンク ----- */
#header ul#lang_link {
 position: absolute;
 top: 15px;
 right: 0;
}

#header ul#lang_link li {
 float: left;
 color: #fff;
}

#header ul#lang_link li a {
 color: #fff;
}

#header ul#lang_link li a {
 margin-right: 1em;
 padding-right: 1em;
 border-right: 1px solid #fff;
}

#header ul#lang_link li#lang_china a {
 margin-right: 0;
 padding-right: 0;
 border-right: none;
}

/* ----- 右上のページ遷移リンク ----- */
#header ul#head_link {
 position: absolute;
 bottom: 0;
 right: 0;
}

#header ul#head_link li {
 float: left;
 margin-right: 1em;
 padding-left: 13px;
 background: url(../img/link_mark.png) left center no-repeat;
}

#header ul#head_link li#head_sitemap {
 margin-right: 0;
}

#header ul#head_link li a {
 color: #06C;
}

/* -----------------------------------------------------------------------------------------
 *  パン屑
----------------------------------------------------------------------------------------- */
#crumb {
 position: relative;
 width: 968px;
 height: 22px !important;
 margin: 7px auto 0 auto;
 background-color: #dcebf4;
 text-align: left;
}

#crumb ul {
 width: 961px;
 padding: 3px 0 0 7px;
}

/* safari___________________________________________________________________ */
html[xmlns*=""] body:last-child #crumb ul { padding: 4px 0 0 7px; }
body:first-of-type #crumb ul { padding: 4px 0 0 7px; }
/* ___________________________________________________________________safari */


#crumb ul li {
 float: left;
 font-size: 84%;
}

#crumb ul li a {
 margin-right: 4px;
 padding-right: 8px;
 background: url(../img/crumb.gif) right center no-repeat;
 color: #3a5282;
}

#crumb ul li.here a,
#crumb ul li.here {
 margin: 0;
 padding: 0;
 background: none !important;
}

/* -----------------------------------------------------------------------------------------
 *  gnavi
----------------------------------------------------------------------------------------- */
ul#gnavi,
#gnavi {
 width: 971px;
 height: 40px !important;
 margin: 9px auto 0 auto;
 text-align: left;
}

* html ul#gnavi,
* html #gnavi {
 margin-left: 0;
}

ul#gnavi li,
#gnavi h2 {
 float: left;
 margin-right: 5px;
}

ul#gnavi li#navi01,
#gnavi h2#navi01 {
 width: 242px;
}

ul#gnavi li#navi02,
#gnavi h2#navi02 {
 width: 238px;
}

ul#gnavi li#navi03,
#gnavi h2#navi03 {
 width: 238px;
}

ul#gnavi li#navi04,
#gnavi h2#navi04 {
 width: 238px;
 margin-right: 0;
}

#gnavi2 {
 margin: 5px 0px 4px 0px;
 text-align: left;
 width: 238px;
}


/* -----------------------------------------------------------------------------------------
 *  wrapper
----------------------------------------------------------------------------------------- */
#wrapper {
 width: 971px;
 margin: 4px auto 0px auto;
 padding-bottom: 100px;
 text-align: left;
}

/* -----------------------------------------------------------------------------------------
 *  左ナビ
----------------------------------------------------------------------------------------- */
#navi {
 float: left;
 font-size: 14px;
 width: 242px;
 margin-right: 5px;
}

#navi li {
 width: 242px;
 height: 40px;
 margin-bottom: 4px;
 background: url(../img/leftnavi_bg_off.png) left top no-repeat;
 line-height: 1;
 font-size: 90%;
}

/* safari___________________________________________________________________ */
html[xmlns*=""] body:last-child #navi li.en { font-size: 10px; }
body:first-of-type #navi li.en { font-size: 10px; }
/* ___________________________________________________________________safari */

#navi li.here a,
#navi li a {
 display: block;
 width: 207px;
 height: 28px;
 padding: 16px 5px 0px 30px;
 color: #06c;
}

#navi li.here2 a,
#navi li.en2 a {
 display: block;
 width: 207px;
 height: 35px;
 padding: 14px 5px 0px 30px;
 color: #06c;
}

#navi li.here3 a,
#navi li.en3 a {
 display: block;
 width: 207px;
 height: 35px;
 padding: 9px 5px 0px 30px;
 color: #06c;
}

#navi li.here4 a,
#navi li.en a {
 display: block;
 font-size: 12px;
 width: 207px;
 height: 37px;
 padding: 3px 5px 0px 30px;
 color: #06c;
}

* html #navi li.here a,
* html #navi li.here2 a,
* html #navi li.here3 a,
* html #navi li.here4 a,
* html #navi li.en a,
* html #navi li.en2 a,
* html #navi li.en3 a,
* html #navi li a {
 width: 242px;
 height: 44px;
}

#navi li.here a,
#navi li.here2 a,
#navi li.here3 a,
#navi li.here4 a,
#navi li.en a:hover,
#navi li.en2 a:hover,
#navi li.en3 a:hover,
#navi li a:hover {
 color: #fff;
 background: url(../img/leftnavi_bg_ovr.png) left top no-repeat;
 text-decoration: none;
}

#navi p {
 margin: 0;
 padding: 0;
 text-align: center;
}


/* -----------------------------------------------------------------------------------------
 *  container
----------------------------------------------------------------------------------------- */
.sub_container,
#container {
 float: right;
 width: 724px;
}

.sub_container2,
#container {
 float: right;
 width: 724px;
 padding: 5px 0px 0px 0px;
}


/* -----------------------------------------------------------------------------------------
 *  トップページ
----------------------------------------------------------------------------------------- */
/* ----- イメージ+リード文 ----- */
#top_img {
 position: relative;
 width: 723px;
 height: 280px;
 z-index: 1;
 background: url(../img/top_img.png) left top no-repeat;
}

#top_img #lead01 {
 position: absolute;
 top: 36px;
 left: 367px;
 z-index: 2;
}

#top_img #lead02 {
 position: absolute;
 top: 109px;
 left: 367px;
 z-index: 3;
}

#top_img2 {
 position: relative;
 width: 723px;
 height: 280px;
 margin: 5px 0px 4px 0px;
 z-index: 1;
 background: url(../img/top_img.png) left top no-repeat;
}

#top_img3 {
 position: relative;
 width: 723px;
 height: 280px;
 margin: 5px 0px 4px 0px;
 z-index: 1;
 background: url(../img/top_img.png) left top no-repeat;
}


#top_img2 #lead01 {
 position: absolute;
 top: 36px;
 left: 367px;
 z-index: 2;
}

#top_img2 #lead01_e {
 position: absolute;
 top: 20px;
 left: 360px;
 z-index: 2;
}

#top_img3 #lead01_c {
 position: absolute;
 top: 46px;
 left: 405px;
 z-index: 2;
}

#top_img2 #lead02 {
 position: absolute;
 top: 109px;
 left: 367px;
 z-index: 3;
}

#top_img2 #lead02_e {
 position: absolute;
 top: 102px;
 left: 360px;
 z-index: 3;
}

#top_img3 #lead02_c {
 position: absolute;
 top: 127px;
 left: 405px;
 z-index: 3;
}


/* ----- インフォメーション ----- */
#top_info {
 position: relative;
 width: 723px;
 margin-top: 5px;
 padding: 9px 0 20px 0;
 background: url(../img/top_info_bg.png) left top repeat-y;
 border-bottom: 1px solid #ccc;
}

#top_info h3 {
 margin-left: 10px;
}

#top_info dl {
 width: 703px;
 margin: 20px 10px 0 10px;
}

#top_info dl dt {
 float: left;
 clear: both;
 width: 100px;
 margin: 0px 3px 10px 0px;
}

#top_info dl dd {
 float: left;
 width: 599px;
 margin-bottom: 10px;
}


/* -----------------------------------------------------------------------------------------
 *  下層
----------------------------------------------------------------------------------------- */
.title {
 width: 723px;
 height: 47px;
 background: url(../img/sub_tit_bg.png) left top no-repeat;
}

.title h1 {
 margin-left: 37px;
 height: 47px;
 line-height: 47px;
 font-weight: bold;
 font-size: 140%;
}

.main_container {
 width: 723px;
 padding: 15px 0;
 margin-bottom: 0.8em;
 background: url(../img/main_bg.png) left top repeat-y;
 border-bottom: 1px solid #ccc;
}

.main_container h2 {
 width: 699px;
 margin: 0 12px;
 padding-bottom: 3px;
 background: url(../img/line.png) left bottom repeat-x;
 color: #005bac;
 font-weight: bold;
 font-size: 120%;
}

.main_container .box {
 width: 699px;
 margin: 15px 12px 45px 12px;
}

.main_container .box .pic {
 float: left;
 width: 250px;
}

.main_container .box .pic02 {
 float: left;
 width: 250px;
 text-align: right;
}

.main_container .box .text {
 float: left;
 width: 449px;
}

.main_container .box .pic03 {
 float: left;
 width: 180px;
 text-align: right;
}

.main_container .box .text2 {
 float: left;
 width: 519px;
}

.main_container .box .text p.sec {
 margin-top: 1em;
}

.main_container .box2 {
 line-height: 200%;
 width: 699px;
 margin: 15px 12px 45px 12px;
}

.main_container .box3 {
 line-height: 150%;
 width: 699px;
 margin: -25px 12px 45px 12px;
}

.main_container .box3 .pic3 {
 float: left;
 width: 130px;
}

.main_container .box3 .text3 {
 float: left;
 width: 569px;
}

.main_container .box4 {
 line-height: 150%;
 width: 699px;
 margin: -25px 12px 45px 12px;
}

.main_container .box4 .pic4 {
 float: left;
 width: 130px;
}

.main_container .box4 .text4 {
 float: left;
 width: 565px;
}

.main_container h3 {
 width: 699px;
 padding-bottom: 3px;
 color: #005bac;
 font-weight: bold;
 font-size: 120%;
}

.main_container h4 {
 width: 699px;
 padding-bottom: 5px;
 background: url(../img/line.png) left bottom repeat-x;
 color: #000000;
 font-weight: bold;
 font-size: 100%;
}

.main_container h5 {
 width: 569px;
 padding-bottom: 5px;
 color: #005bac;
 font-weight: bold;
 font-size: 100%;
}

.main_container h6 {
 width: 699px;
 padding-bottom: 5px;
 color: #005bac;
 font-weight: bold;
 font-size: 100%;
}


.box_btm {
 margin-bottom: 0 !important;
}

.page_top {
 margin-bottom: 15px;
 text-align: right;
}

.page_top a {
 color: #06c;
}

html, body {
 height: 100%;
}

#wrap {
 width: 100%;
 position: relative;
 height: auto !important;
 height: 100%;
 min-height: 100%;
}

/* -----------------------------------------------------------------------------------------
 *  table
----------------------------------------------------------------------------------------- */
.contable {
    width: 100%;
}

.contitle {
    padding-top: 3px;
    text-align: left;
    width: 185px;
}

.conbody {
    line-height:150%;
    text-align: left;
    width: 515px;
}

table.table {
    width: 100%;
}

table.table th {
    padding: 3px;
    text-align: left;
    width: 180px;
}

table.table td {
    line-height: 150%;
    padding: 0px 0px 10px 0px;
    text-align: left;
    width: 520px;
}

.koetable {
    width: 100%;
}

.koetitle {
    padding-top: 5px;
    text-align: left;
    width: 50px;
}

.koebody {
    line-height:150%;
    text-align: left;
    width: 650px;
}

.koebody2 {
    line-height:150%;
    text-align: left;
    width: 520px;
}

/* -----------------------------------------------------------------------------------------
 *  Other
----------------------------------------------------------------------------------------- */
.center {
    text-align: center;
}

/* -----------------------------------------------------------------------------------------
 *  kjirei
----------------------------------------------------------------------------------------- */
.img_t {
    padding-bottom: 5px;
}

.orange {
  background-color:transparent;
  color:#ff6600;
}

.green {
  background-color:transparent;
  color:#009900;
}

.num {
  font-size: 22px;
  font-weight: bold;
  color:#0000ff;
}

/* -----------------------------------------------------------------------------------------
 *  footer
----------------------------------------------------------------------------------------- */
#footer {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 100%;
 height: 100px;
 background: url(../img/footer_bg.png) left top repeat-x;
}

#footer p {
 width: 968px;
 margin: 0 auto;
 padding-top: 10px;
 text-align: right;
 color: #666;
 font-size: 100%;
}

/* -----------------------------------------------------------------------------------------
 *  interview
----------------------------------------------------------------------------------------- */
.img_t2 {
    padding-bottom: 0px;
}

.main_container .box5 {
 width: 699px;
 margin: 15px 12px 25px 12px;
}

.main_container .box3 .pic5 {
 float: right;
 margin-left:10px;
 margin-bottom:10px;
}

.main_container .box3 .pic6 {
 float: left;
 margin-right:10px;
 margin-bottom:10px;
}

.main_container .box3 .pic7 {
 float: left;
 margin-right:20px;
 margin-bottom:10px;
}

.main_container .box3 .text5 {
 float: left;
 width: 700px;
}


.midashi {
  font-size: 14px;
  font-weight: bold;
  color:#ff6600;
  margin: 0px 0px 10px 0px;
}

ul#gnavi li#icon,
#gnavi h2#icon {
 margin-right:5px;
}

.main_container .box4 .company {
 float: left;
 width: 500px;
}