@charset "UTF-8";

/*	全ページ共通CSS
	
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
		■メニュー設定
		■コンテンツ設定
			：メインイメージ
			：パン屑
			：タイトル
			：iframe
			：ページトップ
			：2カラム化
			：サイドメニュー(基本形)
			：下層ページ基本設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/







/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 12px;
line-height: 1.2em;
font-family: Arial,Geneva,Verdana,sans-serif;
background-color: #FFFFFF;
text-align: center;
color: #000000;
}
* html body { font-size: 75%; }
*:first-child+html body { font-size: 75%; }
/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
margin:0;
padding:0;
}
/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*-- リンク設定 --------*/
a {
color: #333333;
text-decoration: none;
}
a:hover {
color: #D90000;
text-decoration: underline;
}
a img{
border: none;
}
/*-- float対策 --------*/
.fcl { 
zoom: 100%;
}
.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
/*-- イメージ初期化 --------*/
img {
vertical-align:middle;
margin:0;
padding:0;
}







/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#header {
margin: 0 auto;
padding: 0 0 5px;
text-align: left;
width: 784px;
}
div#header div.left {
float: left;
height: 62px;
position: relative;
width: 360px;
}
div#header div.left a {
display: block;
position: absolute;
width: 78px;
top: 0;
left: 0;
}
div#header div.left p {
position: absolute;
width: 162px;
top: 12px;
right: 0;
}
div#header div.right {
float: right;
position: relative;
width: 410px;
padding: 10px 0 0;
text-align: right;
}
div#header div.right ul {
list-style: none;
margin:  0 0;
padding: 35px 0 2px;
}
div#header div.right ul li {
display: inline;
padding: 0 12px 0 18px;
}
div#header div.right ul li a {
background: url(../../image/arrow.gif) no-repeat left 50%;
padding: 0 0 0 10px;
}







/*	メニュー設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#globalNavi {
clear: both;
width: 100%;
height: 25px;
background: url(../../image/english/HeaderBg.gif) repeat-x left top;
text-align: left;
}
div#globalNavi ul {
width: 760px;
margin: 0 auto;
list-style: none;
}
div#globalNavi ul li {
float: left;
height: 25px;
}
div#globalNavi ul li.m1 { width: 102px; }
div#globalNavi ul li.m2 { width: 182px; }
div#globalNavi ul li.m3 { width: 189px; }
div#globalNavi ul li.m4 { width: 189px; }
div#globalNavi ul li.m5 { width: 98px; }

div#globalNavi ul li a {
display: block;
height: 25px;
background: url(../../image/english/HeaderNavi.gif) no-repeat left top;
text-indent: -1000em;
overflow: hidden;
}
div#globalNavi ul li.m1 a { background-position: left top; }
div#globalNavi ul li.m2 a { background-position: -102px top; }
div#globalNavi ul li.m3 a { background-position: -284px top; }
div#globalNavi ul li.m4 a { background-position: -473px top; }
div#globalNavi ul li.m5 a { background-position: -662px top; }

div#globalNavi ul li.m1 a:hover { background-position: left -25px; }
div#globalNavi ul li.m2 a:hover { background-position: -102px -25px; }
div#globalNavi ul li.m3 a:hover { background-position: -284px -25px; }
div#globalNavi ul li.m4 a:hover { background-position: -473px -25px; }
div#globalNavi ul li.m5 a:hover { background-position: -662px -25px; }







/*	コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#container {
width: 784px;
margin: 0 auto;
text-align: left;
font-size: 100%;
}

/* メインイメージ */
div#container h1 {
width: 760px;
height: 122px;
margin: 10px 0 0 12px;
background-position: left top;
background-repeat: no-repeat;
text-indent: -1000em;
overflow: hidden;
}

/* パン屑 */
div#container div#breadcrumb {
width: 760px;
margin: 0 auto;
padding: 5px 0;
text-align: left;
}
div#breadcrumb p {
visibility: hidden;
}

/* タイトル:右側リンク有Ver */
div#container div.titleBar {
min-height: 20px;
height: auto !important;
height: 20px;
background: url(../../image/english/TitleBarBg.gif) repeat-x left bottom;
}
div#container div.titleBar h4 {
float: left;
width: 200px;
line-height: 1.3em;
font-size: 134%;
font-weight: bold;
color: #D7000F;
}
div#container div.titleBar div.link {
display: block;
float: right;
width: 100px;
line-height: 1.5em;
font-weight: bold;
text-align: right;
}
div#container div.titleBar div.link a {
background: url(../../image/english/Icon_Arrow.gif) no-repeat left 50%;
padding: 0 0 0 13px;
}

/* iframe */
div#container iframe {
border: none;
}

/* ページトップ */
div#container div.pageTop {
clear: both;
width: 760px;
margin: 0 auto;
text-align: right;
}
div#container div.pageTop a {
background: url(../../image/english/Icon_Arrow_PageTop.gif) no-repeat left 50%;
padding: 0 0 0 13px;
}

/* 2カラム化 */
div#container div#pageBody {
width: 760px;
margin: 0 auto;
text-align: left;
}
div#container div#pageBody div#pageBodyLeft {
float: left;
width: 169px;
text-align: left;
}
div#container div#pageBody div#pageBodyRight {
float: right;
width: 578px;
text-align: left;
}

/* サイドメニュー：基本形 */
div#container div#pageBody div#pageBodyLeft ul.menu { list-style: none; }
div#container div#pageBody div#pageBodyLeft ul.menu li {
width: 169px;
background-position: left top;
background-repeat: no-repeat;
margin: 0 0 2px;
text-indent: -1000em;
overflow: hidden;
}
div#container div#pageBody div#pageBodyLeft ul.menu li.title { height: 23px; }
div#container div#pageBody div#pageBodyLeft ul.menu li.sub { display: none; }
div#container div#pageBody div#pageBodyLeft ul.menu li a {
display: block;
width: 169px;
height: 24px;
background-position: left top;
background-repeat: no-repeat;
}
div#container div#pageBody div#pageBodyLeft ul.menu li.title a { height: 23px; }

/* 下層ページ基本設定 */
div#container .Lower div#pageBodyRight h2 {
height: 28px;
background-repeat: no-repeat;
background-position: left top;
margin: 0 0 10px;
text-indent: -1000em;
overflow: hidden;
}
div#container .Lower div#pageBodyRight h3 {
line-height: 1.1em;
font-size: 184%;
font-weight: bold;
color: #D7000F;
background: url(../../image/english/H3_TitleMark.gif)  repeat-y left top;
padding: 0 0 0 15px;
}
div#container .Lower div#pageBodyRight h4 {
clear: both;
min-height: 20px;
height: auto !important;
height: 20px;
background: url(../../image/english/TitleBarBg.gif) repeat-x left bottom;
margin: 15px 0 5px;
line-height: 1.3em;
font-size: 134%;
font-weight: bold;
color: #D7000F;
}
div#container .Lower div#pageBodyRight h4 span {
font-size: 70%;
font-weight: normal;
}
div#container .Lower div#pageBodyRight h5 {
padding: 10px 0 0;
font-size: 134%;
font-weight: bold;
color: #D7000F;
}
div#container .Lower div#pageBodyRight h6 {
font-size: 110%;
padding: 5px 0;
}
div#container .Lower div#pageBodyRight p {
padding: 5px 0 10px;
line-height: 1.4em;
text-align: justify;
text-justify: auto;
}
div#container .Lower div#pageBodyRight p.underConstruction {
padding: 100px 0;
font-size: 200%;
font-weight: bold;
text-align: center;
}
div#container .Lower div#pageBodyRight p.textRight { text-align: right; }
div#container .Lower div#pageBodyRight p.noPadding { padding:0; }
div#container .Lower div#pageBodyRight a {
background: url(../../image/english/Icon_Arrow.gif) no-repeat left 3px;
padding: 0 0 0 13px;
font-weight: bold;
}
div#container .Lower div#pageBodyRight a.noArrow {
background: none;
padding: 0;
}
div#container .Lower div#pageBodyRight img {
display: block;
margin: 0 auto;
}
div#container .Lower div#pageBodyRight img.imgLeft {
float: left;
margin: 0 10px 0 0;
}
div#container .Lower div#pageBodyRight img.imgLeft1 {
float: left;
margin: 0 1px 0 0;
vertical-align:top;
}

div#container .Lower div#pageBodyRight img.imgRight {
float: right;
margin: 0 0 0 10px;
}
div#container .Lower div#pageBodyRight img.imgInline {
display: inline;
margin: 0;
}
div#container .Lower div#pageBodyRight div.pageTop {
clear: both;
width: 100%;
text-align: right;
}
div#container .Lower div#pageBodyRight div.imgtextwrap img { margin-top: 5px; }
div#container .Lower div#pageBodyRight div.pageTop a {
background: url(../../image/english/Icon_Arrow_PageTop.gif) no-repeat left 50%;
padding: 0 0 0 13px;
font-weight: normal;
}
div#container .Lower div#pageBodyRight ol {
padding: 0 0 0 25px;
}

div#container .Lower div#pageBodyRight dl {
margin: 0 0 10px;
}
div#container .Lower div#pageBodyRight dl dt {
float: left;
width: 50px;
}
div#container .Lower div#pageBodyRight dl dd {
float: left;
width: 525px;
}


/*	フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#footer {
clear: both;
width: 760px;
margin: 0 auto;
padding: 20px 0 10px;
text-align: left;
}
div#footer p#copyright {
text-align: right;
color: #333333;
font-size: 84%;
}