/* 以下、ページの基本レイアウトCSS */
html, body {
margin: 0;
padding: 0;
height: 100%;
font-color: #000000;
font-size: 14px;
/* font-family: Arial,Helvetica,Utkal,sans-serif; */
font-family: "微软雅黑",SimSun,"Microsoft JhengHei",Arial;
background-color: #BFD0EE;
}
.g_bgcolor_whilte {
background-color: #FFFFFF;
}
.g_color_red {
color: #F00;
}
img {
display: block;
float: left;
border: 0px;
}
a:link, a:visited, a:hover, a:active { /* 全てのページのリンクを統一する */
color: #014385;
text-decoration: none;
}
a:hover, a:active { /* 全てのページのリンクを統一する */
color: #ff0000;
text-decoration: underline;
}
div.g_boxPage {
width: 100%;
margin: 0px auto;
padding: 0px;
border: 0px solid #000000;
background-color: #BFD0EE;
}
div.g_boxArea {
margin: 0px auto; /* 横中央寄せ */
padding: 0px;
width: 1012px; /* ページの(左端 + コンテンツ + 右端)の幅 30 + 952 + 30 */
}
div.g_boxArea div.g_box_center {
margin: 0px;
padding: 0px 30px; /* ページのコンテンツ左右の幅(左右のグラデーション) */
width: 952px; /* ページのコンテンツの幅 */
background-color: #ffffff;
background-image: url(/china/_images/bg_globalbg1012x5.jpg);
text-align: left;
}
div.g_boxArea div.g_box_center div.fillGapForIE8 { /* ie8 だとページ下部に何故か隙間が生じるので、その対策(空コンテンツを入れる) */
width: 952px; /* ページのコンテンツの幅 */
height: 4px; /* 3px以下だと隙間が生じる */
}
.g_img_float_left {
float: left;
}
.g_img_float_right {
float: right;
}
.g_img_float_none {
float: none;
}
.g_hidden {
visibility: hidden;
}
/* 以下、トップページのヘッダー */
.g_header_wrap {
margin: 0px;
padding: 0px;
width: 952px;
height: 71px;
position: relative;
display: inline-block; /* これを指定しないと Fx で divタグの高さが 0px になる? */
}
.g_header_wrap .g_header {
margin: 0px;
padding: 0px; /* メニューとの間隔は padding で調整する */
}
.g_header_wrap .g_header .g_top_logo {
margin: 0px;
padding: 0px;
float: left;
}
.g_header_wrap .g_header .g_top_official {
margin: 0px;
padding: 0px;
position: absolute;
left: 189px; /* ロゴの幅だけずらす */
bottom: 0px; /* div タグの一番下に設置 */
_bottom: -1px; /* ie6用: div タグの一番下に設置 */
}
.g_top_lang_select {
margin: 0px;
padding: 0px;
width: 593px;
height: 38px;
background-image: url(/china/_images/bg_langselect.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
position: absolute;
left: 359px; /* ロゴの幅だけずらす */
top: 0px;
}
.g_top_lang_select ul {
margin: 0px;
padding: 7px 0px 0px 0px;
list-style: none;
display: inline-block; /* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.g_top_lang_select li.lang_jp {
margin: 0px;
padding: 0px 0px 0px 17px;
float: left;
}
.g_top_lang_select li.lang_en {
margin: 0px;
padding: 0px 0px 0px 12px;
float: left;
}
.g_top_lang_select li.lang_tw {
margin: 0px;
padding: 0px 0px 0px 12px;
float: left;
}
.g_top_lang_select li.lang_zh {
margin: 0px;
padding: 0px 0px 0px 11px;
float: left;
}
.g_top_lang_select li.lang_kr {
margin: 0px;
padding: 0px 0px 0px 9px;
float: left;
}
.g_top_lang_select li.lang_de {
margin: 0px;
padding: 0px 0px 0px 10px;
float: left;
}
.g_top_lang_select li.lang_fr {
margin: 0px;
padding: 0px 0px 0px 9px;
float: left;
}
.g_top_lang_select li.lang_ru {
margin: 0px;
padding: 0px 0px 0px 7px;
float: left;
}
.g_top_lang_select li.lang_es {
margin: 0px;
padding: 0px 0px 0px 9px;
float: left;
}
.g_top_lang_select li.lang_th {
margin: 0px;
padding: 0px 0px 0px 10px;
float: left;
}
/* 以上、トップページのヘッダー */
/* 以下、トップページのメニュー */
.g_menu_main_wrap {
margin: 0px;
padding: 0px;
width: 952px;
height: 36px; /* メニュー画像の高さ */
}
.g_menu_main_wrap .g_menu_main {
margin: 0px;
padding: 0px;
height: 36px; /* メニュー画像の高さ */
}
.g_menu_main_wrap .g_menu_main ul {
margin: 0px;
padding: 0px;
list-style: none;
display: inline-block; /* これを指定しないと Fx で ulタグの高さが 0px になる? */
height: 36px; /* メニュー画像の高さ */
}
.g_menu_main_wrap .g_menu_main li {
margin: 0px;
padding: 0px;
float: left;
height: 36px; /* メニュー画像の高さ */
}
/* 以上、トップページのメニュー */
/* 以下、パンくず */
.g_bc_wrap {
margin: 0px;
padding: 0px;
width: 952px;
}
.g_bc_wrap .g_bc {
margin: 4px 5px;
padding: 0px;
display: inline-block; /* これを指定しないと Fx で divタグの高さが 0px になる? */
}
.g_bc_wrap .g_bc ul {
margin: 0px;
padding: 0px;
list-style: none;
display: inline-block; /* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.g_bc_wrap .g_bc li {
margin: 0px;
padding: 0px;
float: left;
}
.g_bc_wrap .g_bc p {
margin: 0px;
padding: 0px;
font-size: 85%;
}
/* 以上、パンくず */
.float-clear {
clear: both;
}
/* 以下、フッター */
.g_footer_wrap {
margin: 0px;
padding: 0px;
width: 952px;
display: inline-block; /* 念のため、記述(divの高さ保持) */
background-color: #ffffff;
}
.g_footer_wrap .g_footer_top {
margin: 0px auto;
padding: 0px;
}
.g_footer_wrap .g_footer_top_center {
margin: 0px auto;
padding: 0px;
text-align: center;
}
.g_footer_wrap .g_footer_top_center p {
margin: 0px;
padding: 0px;
}
.g_footer_wrap .g_footer_top_center ul {
margin: 0px;
padding: 0px;
display: inline-block;
list-style: none;
letter-spacing: 6px;
}
.g_footer_wrap .g_footer_top_center li.first {
margin: 0px;
padding: 0px 20px;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #000;
float: left;
}
.g_footer_wrap .g_footer_top_center li {
margin: 0px;
padding: 0px 20px;
border-width: 0px 1px 0px 0px;
border-style: solid;
border-color: #000;
float: left;
}
.g_footer_wrap .g_footer_hr {
margin: 8px auto; /* 横中央寄せ */
padding: 0px;
width: 80%;
border: 0 none;
height: 1px;
color: #000000;
background: #000000;
background-color: #000000;
display: block;
}
.g_footer_wrap .g_footer_bottom {
margin: 0px auto;
padding: 0px;
text-align: center;
}
/* 以上、フッター */
/* 以上、ページの基本レイアウトCSS */