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

	basic-style.css
	→サイト基本設定のプロパティ集

**********************************************/

/*--------------------------------------------
	デフォルト設定
---------------------------------------------*/
/* html */
html {
	height: 100%;
	background: #fafafa;
}
/* body */
body {
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
	font-size: 12px;
	color: #333333;
	height: auto;
	background: #ffffff;
}
input {
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
}
/* smallタグ */
small {
	font-size: 10px;
}
/* リンク	基調：赤・下線なし */
a {
	text-decoration: none;
	color: #365889;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
p {
	line-height: 1.7em;
}
::selection {
background: #b9dbf4;
}
::-moz-selection {
background: #b9dbf4;
}
/* 区切り線 */
hr {
	height: 2px;
	border: none;
	background: url("../img/line.gif") repeat-x;
}
/* clearfix設定 */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#second #contents {
	min-height: 720px;
}


/*--------------------------------------------
	レイアウト
---------------------------------------------*/
/**** フレーム ****/
/* 外 */
.outer-frame {
	width: 100%;
}
/* 内 */
.inner-frame {
	width: 950px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/**** カラム ****/
/* 2カラム	メイン左用 */
.layout-2clm-left {
	width: 950px;
	margin: 0 auto;
}

/* メイン（左） */
.layout-2clm-left .main-clm {
	float: left;
	width: 680px;
	height: 100%;
	margin-right: 20px;
}
/* サブ（右） */
.layout-2clm-left .sub-clm {
	float: right;
	width: 250px;
	height: 100%;
}
/* 50％分割レイアウト */
.layout-half {

}
/* 左側 */
.layout-half .half-left {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* 右側 */
.layout-half .half-right {
	float: right;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.projectpage .half-left,
.projectpage .half-right {
	width: 463px;
}


/*--------------------------------------------
	各種パーツ
---------------------------------------------*/
/* サイト説明分 */
#header-parent {
	border-top: 4px solid #365889;
}
/* header */
#header {
	background: url("../img/bg_header.png") repeat left top;
	height: 107px;
	border-top: 4px solid #a09124;
}
/* ロゴ */
em.logo {
	float: left;
}
/* ヘッダー上部包括 */
.wrapper-header-top {
	padding-top: 13px;
	margin-bottom: 4px;
}
/* ヘッダー上部右側 */
.wrapper-header-top-right {
	float: right;
	width: 395px;
}
.wrapper-header-top-right-1st {
	float: left;
	width: 197px;
}
.wrapper-header-top-right-2nd {
	float: right;
	width: 181px;
	margin-top: 10px;
}
/* グローバルナビ */
ul.list-menunavigation {
	
}
ul.list-menunavigation li {
	float: left;
	text-indent: -9999px;
	height: 35px;
}
/* 背景指定 */
ul.list-menunavigation li.menu01 {
	width: 135px;
	background: url("../img/menu01_default.jpg") no-repeat left bottom;
}
ul.list-menunavigation li.menu02 {
	width: 136px;
	background: url("../img/menu02_default.jpg") no-repeat left bottom;
}
ul.list-menunavigation li.menu03 {
	width: 136px;
	background: url("../img/menu03_default.jpg") no-repeat left bottom;
}
ul.list-menunavigation li.menu04 {
	width: 136px;
	background: url("../img/menu04_default.jpg") no-repeat left bottom;
}
ul.list-menunavigation li.menu05 {
	width: 136px;
	background: url("../img/menu05_default.jpg") no-repeat left bottom;
}
ul.list-menunavigation li.menu06 {
	width: 136px;
	background: url("../img/menu06_default.jpg") no-repeat left bottom;
}
ul.list-menunavigation li.menu07 {
	width: 135px;
	background: url("../img/menu07_default.jpg") no-repeat left bottom;
}

/* over.active時の背景指定 */

ul.list-menunavigation li.menu01:hover,
ul.list-menunavigation li.menu01-active {
	background: url("../img/menu01_active.jpg") no-repeat left bottom;
	width: 135px;
}
ul.list-menunavigation li.menu02:hover,
ul.list-menunavigation li.menu02-active {
	background: url("../img/menu02_active.jpg") no-repeat left bottom;
	width: 136px;
}
ul.list-menunavigation li.menu03:hover,
ul.list-menunavigation li.menu03-active {
	background: url("../img/menu03_active.jpg") no-repeat left bottom;
	width: 136px;
}
ul.list-menunavigation li.menu04:hover,
ul.list-menunavigation li.menu04-active {
	background: url("../img/menu04_active.jpg") no-repeat left bottom;
	width: 136px;
}
ul.list-menunavigation li.menu05:hover,
ul.list-menunavigation li.menu05-active {
	background: url("../img/menu05_active.jpg") no-repeat left bottom;
	width: 136px;
}
ul.list-menunavigation li.menu06:hover,
ul.list-menunavigation li.menu06-active {
	background: url("../img/menu06_active.jpg") no-repeat left bottom;
	width: 136px;
}
ul.list-menunavigation li.menu07:hover,
ul.list-menunavigation li.menu07-active {
	background: url("../img/menu07_active.jpg") no-repeat left bottom;
	width: 135px;
}

ul.list-menunavigation li a {
	display: block;
	height: 35px;
}

/* ヘッダー部分	ユーティリティリンク */
ul.list-utility-header {
	margin-bottom: 7px;
}
ul.list-utility-header li {
	float: left;
	background: url("../img/icon_rightrect_black.png") no-repeat left center;
	padding-left: 15px;
}
ul.list-utility-header li a {
	color: #333333;
	font-weight: bold;
}
ul.list-utility-header li:first-child {
	margin-right: 20px;
}

/* メインビジュアル包括 */
#mainvisual {
	width: 950px;
	height: 300px;
	margin: 20px auto 30px auto;
}

/* TOPページ：コンテンツリンク */
.box-square-contentslink-top {
	width: 330px !important;
	min-height: 217px;
	border: 1px solid #afaeae;
	background: url("../img/bg_contentslink_top.png") no-repeat left top #f6f6f6;
}
.box-square-contentslink-top h2 {
	height: 26px;
	padding-top: 15px;
	padding-left: 25px;
}
.box-square-contentslink-top .pd-all-20 {
	height: 116px;
}

/* 右方向三角アイコン付きリスト */
ul.list-icon-rectblue {

}
ul.list-icon-rectblue li {
	background: url("../img/icon_bluerect.png") no-repeat left center;
	padding-left: 15px;
	margin-bottom: 7px;
}
ul.list-icon-rectblue li a {
	text-decoration: underline;
}
/* 背景ブルーグレーボックス */
.box-square-bluegray {
	background: #f6f6f6;
}

/* アイコン付リンク */
.link-icon-circlerect {
	font-size: 12px;
	font-weight: normal;
	padding-left: 15px;
	background: url("../img/icon_rightrect_blue.png") no-repeat left 2px;
}
.link-icon-circlerect a {
	text-decoration: underline;
}
/* タイトル3 */
h3.title-3 {
	min-height: 21px;
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	background: url("../img/title3.png") no-repeat left top;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px dotted #afaeae;
}

/* 日付リスト（TOP内ニュース一覧） */
dl.list-dateformat {
	font-size: 14px;
	margin-bottom: 10px;
}
/* 日付 */
dl.list-dateformat dt {
	float: left;
}
/* 内容部分 */
dl.list-dateformat dd {
	float: left;
}
/* ラベル部分 */
dl.list-dateformat dd.category-label {
	float: left;
	padding: 0 15px;
}
/* 日付リスト（ニュース一覧ページ） */
dl.list-dateformat-underdottedline {
	font-size: 14px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #afaeae;
}
/* 日付 */
dl.list-dateformat-underdottedline dt {
	float: left;
}
/* 内容部分 */
dl.list-dateformat-underdottedline dd {
	float: left;
}
/* ラベル部分 */
dl.list-dateformat-underdottedline dd.category-label {
	float: left;
	padding: 0 15px;
}



/* 背景黄色ボックス */
.box-square-yellow {
	background: #fcfbf2;
}

/* タイトル2 */
h2.title-2 {
	background: url("../img/icon_squarerect.png") no-repeat left 8px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
	border-bottom: 1px solid #afaeae;
}

/* 点線リスト */
ul.list-underdottedline {

}
ul.list-underdottedline li {
	border-top: 1px dotted #afaeae;
	padding: 10px;
}
ul.list-underdottedline li:first-child {
	border-top: none;
}

/* ページTOPタブ */
#tab_pagetop {
	height: 17px;
	text-align: right;
	margin-top: 30px;
}

/* footer */
#footer {
	height: 47px;
	background: url("../img/bg_header.png") repeat left top;
}
.bgimg-stripeshadow {
	background: url("../img/bg_footer_shadow.png") repeat-x left top;
	height: 3px;
}

em.logo-footer {
	float: left;
	width: 355px;
	margin-top: 10px;
}

/* フッターユーティリティ部分 */
ul.list-footer-utility {
	float: left;
	margin-top: 15px;
}
ul.list-footer-utility li {
	float: left;
}
ul.list-footer-utility li:before {
	content: "｜";
}
ul.list-footer-utility li:first-child:before {
	content: "";
}
ul.list-footer-utility li a {
	color: #333333;
}

/* コピーライト表記 */
#copyright {
	background: #365889;
	color: #ffffff;
	font-size: 10px;
}

/*********************

	下層ページ

*********************/
/* ページタイトル */
.pagetitle {
	min-height: 43px;
	margin-top: 30px;
	margin-bottom: 40px;
}
.pagetitle h1 {
	background: url("../img/bg_pagetitle.jpg") no-repeat left bottom;
	padding-bottom: 5px;
}
.pagetitle p {
	padding: 20px;
}
/*** Infiniaについて ***/
/* コンテンツリンク部分　共通 */
.box-square-contentslink-aboutus {
	border: 1px solid #afaeae;
	min-height: 383px;
	width: 463px !important;
	padding: 60px 20px 20px 20px;
}
.box-square-contentslink-aboutus p {
	margin-bottom: 20px;
}
/* 各種背景設定 */
#aboutus_ctts01 {
	background: url("../img/bg_aboutus_ctts01.png") no-repeat left top #f6f6f6;
}
#aboutus_ctts02 {
	background: url("../img/bg_aboutus_ctts02.png") no-repeat left top #f6f6f6;
}
#aboutus_ctts03 {
	background: url("../img/bg_aboutus_ctts03.png") no-repeat left top #f6f6f6;
}
#aboutus_ctts04 {
	background: url("../img/bg_aboutus_ctts04.png") no-repeat left top #f6f6f6;
}
#aboutus_ctts05 {
	background: url("../img/bg_aboutus_ctts05.png") no-repeat left top #f6f6f6;
}
#aboutus_ctts06 {
	background: url("../img/bg_aboutus_ctts06.png") no-repeat left top #f6f6f6;
}

/* リンク	ブロック設定 */
#aboutus_ctts03 a,
#aboutus_ctts04 a {
	display: block;
	height: 30px;
}
#aboutus_ctts03 p {
	margin-bottom: 17px !important;
}


/* コンテンツタイトル */
h2.title-2-contents {
	background: url("../img/bg_title2.jpg") no-repeat left top;
	min-height: 28px;
	padding: 20px;
}

/* 間空きテーブル */
table.table-1item {
	width: 100%;
	margin-bottom: 10px;
}
table.table-1item tr th {
	width: 200px;
	border: 1px solid #cdcaae;
	padding: 10px 20px;
	text-align: left;
	font-weight: bold;
	background: #ecead7;
	vertical-align: middle;
	font-size: 14px;
}
table.table-1item tr td {
	border-top: 1px solid #cdcaae;
	border-right: 1px solid #cdcaae;
	border-bottom: 1px solid #cdcaae;
	padding: 10px 20px;
	line-height: 1.7em;
}

/* 標準テーブル */
table.table-standard {
	width: 100%;
	border: 1px solid #cdcaae;
	border-bottom: none;
}
table.table-standard tr th {
	width: 20%;
	border-bottom: 1px solid #cdcaae;
	border-right: 1px solid #cdcaae;
	padding: 10px 20px;
	text-align: left;
	font-weight: bold;
	background: #ecead7;
	vertical-align: middle;
	font-size: 14px;
}
table.table-standard tr td {
	border-bottom: 1px solid #cdcaae;
	padding: 10px 20px;
	line-height: 1.7em;
}
/* 入力欄 */
table.table-standard tr td input[type="text"] {
	border: 1px solid #CCCCCC;
	color: #333333;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
	font-size: 13px;
	padding: 8px;
	width: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
table.table-standard tr td textarea {
	border: 1px solid #CCCCCC;
	color: #333333;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
	font-size: 13px;
	min-height: 200px;
	padding: 8px;
	width: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* 選択箇所 */
table.table-standard tr td select {
	border: 1px solid #CCCCCC;
	color: #333333;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro";
	font-size: 13px;
	padding: 3px;
	width: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#contacttable tr th {
	font-weight: normal;
}

/* テーブル	背景透明 */
table.table-normal-clear {
	width: 100%;
	border: 1px solid #dcdcdc;
	border-bottom: none;
}
table.table-normal-clear tr th {
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	text-align: left;
	padding: 10px;
}
table.table-normal-clear tr td {
	border-bottom: 1px solid #dcdcdc;
	padding: 10px;
}


/* 背景画像：マップ */
.bgimg-map {
	background: url("../img/bg_mapimage.png") no-repeat right center;
	min-height: 386px;
}

/* ナンバリングリスト */
dl.list-numbering-iconblue {
	margin-bottom: 20px;
}
dl.list-numbering-iconblue dt {
	margin-bottom: 10px;
}
dl.list-numbering-iconblue dd {
	line-height: 1.4em;
}

/* 横並びリスト	アイコン：ゴールド三角 */
ul.list-icon-goldtriangle-inline {
	margin-top: 30px;
}
ul.list-icon-goldtriangle-inline li {
	display: inline-block;
	font-size: 18px;
	background: url("../img/icon_goldtriangle.png") no-repeat left center;
	margin-left: 30px;
	padding-left: 15px;
	min-height: 16px;
}
ul.list-icon-goldtriangle-inline li:first-child {
	margin-left: 0;
}
ul.list-icon-goldtriangle-inline li a {
	color: #423d0f;
}

/* 背景：ミャンマーの魅力 */
.bgimg-myanmar {
	background: url("../img/myanmarimg_01.png") no-repeat 20px 20px;
	min-height: 220px;
	padding: 20px 20px 20px 420px;
}

/* タイトル3 */
h3.title-3-goldtext {
	color: #666600;
	font-size: 18px;
	margin-bottom: 20px;
}

/* ゴールド縁取りボックス */
.box-square-gold-boldborder {
	border: 4px solid #cdcaae;
	padding: 20px;
	font-weight: bold;
	font-size: 14px;
}

/* 縦並びリスト	アイコン：ゴールド三角 */
ul.list-icon-goldtriangle-block {
	margin-top: 30px;
}
ul.list-icon-goldtriangle-block li {
	font-size: 18px;
	background: url("../img/icon_goldtriangle.png") no-repeat left center;
	margin-top: 20px;
	padding-left: 15px;
	min-height: 16px;
}
ul.list-icon-goldtriangle-block li:first-child {
	margin-top: 0;
}
ul.list-icon-goldtriangle-block li a {
	color: #5e5816;
	text-decoration: underline;
}

/* 国旗付タイトル */
h3.title-3-iconcountry {
	font-size: 24px;
	font-weight: bold;
	min-height: 25px;
	padding-left: 50px;
	padding-top: 11px;
	margin-bottom: 20px;
}
/* 国旗画像設定 */
#china {
	background: url("../img/icon_countrychina.jpg") no-repeat left center;
}
#vietnam {
	background: url("../img/icon_countryvietnam.jpg") no-repeat left center;
}
#myanmar {
	background: url("../img/icon_countrymyanmar.jpg") no-repeat left center;
}
/* 通常パターンリスト */
ul.list-normal {

}
ul.list-normal li {
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 10px;
}

#nextchinabox .half-left {
	width: 440px;
	margin-right: 10px;
}

/* ゴールドボックス */
.box-square-gold {
	background: #f6f4e2;
	border: 3px solid #cdcaae;
	padding: 20px;
}

/* title-2 ゴールドテキスト */
h2.title-2-goldtext {
	color: #83791b;
	font-size: 24px;
	font-weight: bold;
	min-height: 30px;
	margin-bottom: 10px;
}

/* 背景色：ベージュ */
.bg-f6f4e2 {
	background-color: #f6f4e2;
}

/* 日付実績リスト */
dl.list-datetime {
}
dl.list-datetime dt {
	float: left;
	width: 110px;
}
dl.list-datetime dd {
	float: left;
}

/* タイトル3 */
h3.title-3-graytext {
	color: #333333;
	font-size: 18px;
	margin-bottom: 20px;
}


/* 背景ボックス	Infiniaロゴ */
.bgimg-infinialogo {
	background: url("../img/companyimg_01.jpg") no-repeat right center;
	padding-right: 310px;
}

/* 背景塗りつぶしリスト */
ul.list-bgbeige-maxw {

}
ul.list-bgbeige-maxw li {
	background: #ecead7;
	border: 1px solid #cdcaae;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
ul.list-bgbeige-maxw li:first-child {
	margin-top: 0;
}

/* データリスト　項目名のみ茶色 */
dl.list-datagold {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.7em;
}
dl.list-datagold dt {
	float: left;
	color: #716140;
	font-weight: bold;
}
dl.list-datagold dt:after {
	content: "：";
	padding: 0 10px;
	color: #333333;
	font-weight: normal;
}
dl.list-datagold dd {
	float: left;
}

/* 経営陣リスト */
dl.list-management {
	font-size: 14px;
	margin-bottom: 30px;
}
dl.list-management dt {
	font-weight: bold;
	padding-top: 10px;
	padding-left: 195px;
	min-height: 24px;
}
dl.list-management dt.md {
	background: url("../img/label_md.png") no-repeat left top;
}
dl.list-management dt.fp {
	background: url("../img/label_fp.png") no-repeat left top;
}
dl.list-management dt.pt {
	padding-left: 110px;
	background: url("../img/label_pt.png") no-repeat left top;
}
dl.list-management dd {
	line-height: 1.7em;
}

/* イメージボタン グレー */
.imagebutton-gray,
input[type="reset"].imagebutton-gray {
	width: 243px;
	height: 40px;
	margin-right: 40px;
	line-height: 40px;
	background: url("../img/imagebutton_gray_default.png") no-repeat;
	
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	border: none;
	
	cursor: pointer;
}
.imagebutton-gray:hover,
input[type="reset"].imagebutton-gray:hover {
	background: url("../img/imagebutton_gray_over.png") no-repeat;
}
/* イメージボタン ブルー */
.imagebutton-blue,
input[type="submit"].imagebutton-blue {
	width: 243px;
	height: 40px;
	line-height: 40px;
	background: url("../img/imagebutton_blue_default.png") no-repeat;
	
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	border: none;
	cursor: pointer;
}
.imagebutton-blue:hover,
input[type="submit"].imagebutton-blue:hover {
	background: url("../img/imagebutton_blue_over.png") no-repeat;
}

/* 必須入力 */
.mark-attention:after {
	display: inline-block;
	content: url("../img/icon_attention.png");
	margin-left: 5px;
	margin-top: 5px;
}

/* プロジェクト	タイトル・画像リスト */
dl.list-thumbnail-project {

}
dl.list-thumbnail-project dt {
	width: 444px;
	background: url("../img/bg_project_title.png") no-repeat left top;
	min-height: 42px;
	line-height: 42px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
}
dl.list-thumbnail-project dd {
	border: 1px solid #c0c0c0;
	padding: 20px 10px;
	text-align: center;
}


/**********************

	汎用部品

**********************/
/* margin */
.mg-top-10 {
	margin-top: 10px;
}
.mg-bottom-10 {
	margin-bottom: 10px;
}
.mg-top-20 {
	margin-top: 20px;
}
.mg-bottom-20 {
	margin-bottom: 20px !important;
}
.mg-bottom-30 {
	margin-bottom: 30px !important;
}
.mg-bottom-40 {
	margin-bottom: 40px;
}
.mg-right-20 {
	margin-right: 20px !important;
}

/* padding */
.pd-lr-5 {
	padding-right: 5px;
	padding-left: 5px;
}
.pd-top-10 {
	padding-top: 10px;
}
.pd-bottom-10 {
	padding-bottom: 10px;
}
.pd-all-10 {
	padding: 10px;
}
.pd-lr-10 {
	padding-right: 10px;
	padding-left: 10px;
}
.pd-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pd-bottom-20 {
	padding-bottom: 20px;
}
.pd-all-20 {
	padding: 20px;
}
.pd-lr-20 {
	padding-right: 20px;
	padding-left: 20px;
}
.pd-lr-20 {
	padding-right: 20px;
	padding-left: 20px;
}
/* text-align */
.ta-center {
	text-align: center;
}
.ta-right {
	text-align: right;
}

/* float */
.f-left {
	float: left;
}
.f-right {
	float: right;
}

/* border */
.border-gray {
	border: 1px solid #afaeae;
}

/* textcolor */
.text-red {
	color: #990000;
}

/* background color */
.bg-fbfbfb {
	background-color: #fbfbfb;
}