@charset "utf-8";

/*=================================================

	base_en.css
	
	updata : 2008.06.30

   ________________________________________________
	contents :
		fontsize_Reset
		common
		wrap
		header
		headerline
		container
		sideBar
		mainContent
		footer

=================================================*/






/*=========================================================================================================

	fontsize_Reset
	
=========================================================================================================*/
body {
  font-size: 75%; /*for IE*/
}
html>/**/body {
  font-size: 12px; /*Except IE*/
}
table,tr,th,td {
    font-size: inherit;
    font:100%;
}











/*=========================================================================================================

	common

=========================================================================================================*/
html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	background: #cccccc url("../images/bg_001.gif") repeat left top;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro", Osaka;
	line-height: 1.5;
	color: #333;
	text-align: center; /*for IE*/
}

h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,blockquote,address,table,th,td {
	margin: 0;
	padding: 0;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4,h5,h6 { font-size: 1.1em; }




img {
	border: 0;
}

capution,th {
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

address {
	font-style: normal;
	font-weight: normal;
}

ol,ul,li {
	list-style: none;
}

br.clear {
	clear: both;
}

hr {
	display: none;
}

legend {
	display: none;
}

fieldset {
	border: 0;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,tr,td {
	padding: 4px;
	border: 1px solid #999999;
}

th {
	text-align: center;
	font-weight: bolder;
}

td img {
	border: 0;
	vertical-align: text-bottom;
}








/*----------------link--------------------------------*/
a:link {
	color: #0A77D2;
	text-decoration: underline;
}

a:visited {
	color: #0A77D2;
	text-decoration: underline;
}

a:hover {
	color: #999999;
	text-decoration: none;
}

a:active {
	color: #dddddd;
	text-decoration: none;
}

a:hover img.rollover{
	opacity:0.75; /*for Opera and Safari*/
	-moz-opacity:0.75; /*for Firefox and Netscape*/
	filter: alpha(opacity=75); /*for ie*/
}



/*----------------clearfix----------------------------*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */









/*----------------P-----------------------------------*/
p {
	margin: 0 0 15px 0;
	/*text-indent: 12px;*/
}

p.last {
	margin: 0 0 40px 0;
	/*text-indent: 12px;*/
}

p.text-r {
	margin: 0;
	display: block;
	text-align: right;
}

p.text-c {
	text-align: center;
}

p.unit300 {
	margin: 0;
	display: block;
	width: 300px;
	text-align: right;
}

p.unit450 {
	margin: 0;
	display: block;
	width: 450px;
	text-align: right;
}


/*----------------div---------------------------------*/
div.textBox {
	padding: 15px;
	border: 1px solid #c8c8c8;
}

div.textBox-fx {
	margin: 0 auto;
	padding: 15px;
	width: 60%;
	background-color: #EEEDE8;
	border: 1px solid #c8c8c8;
}



/*----------------ul---------------------------------*/
ul.standardList {
	padding: 0 0 7px 0;
}

ul.standardList li {
	padding-left: 15px;
	display: inline;
	background: transparent url("../images/icon_arrow02.gif") no-repeat left center;
}




/*----------------page_navi----------------------------*/
ul.pagenavi {
	padding: 0;
	text-align: right;
}

ul.pagenavi li {
	padding-left: 15px;
	display: inline;
	background: transparent url("../images/icon_arrow02.gif") no-repeat left center;
}



/*----------------page_top----------------------------*/
ul.pagetop {
	padding: 30px 0 15px 0;
	text-align: right;
}

ul.pagetop li {
	padding-left: 15px;
	display: inline;
	background: transparent url("../images/icon_pagetop.gif") no-repeat left center;
}






/*----------------PlugIn_downroad---------------------*/
dl.plugIn {
	margin: 40px 0 15px 0;
	padding: 10px 5px;
	width: 525px;
	background-color: #ebebeb;
	clear: both;
}

dl.plugIn dt {
	padding: 0;
	width: 125px;
	float: left;
}

dl.plugIn dd {
	margin: 0 0 0 125px;
	width: 395px;
	color: #666666;
}




/*----------------PDF_list----------------------------*/
div.pdf {
	padding: 0 0 20px 0;
}

div.pdf ul li {
	padding: 0 0 5px 20px;
	background: url("../images/icon_pdf.gif") no-repeat left top;
	line-height: 20px;
	/*font-weight: bolder;*/
}

div.pdf ul li.normal {
	padding: 0 0 5px 20px;
	background: url("../images/icon_html.gif") no-repeat left top;
	line-height: 20px;
	/*font-weight: bolder;*/
}

div.pdf ul li.xls {
	padding: 0 0 5px 20px;
	background: url("../images/icon_xls.gif") no-repeat left top;
	line-height: 20px;
	/*font-weight: bolder;*/
}





/*----------------notes-------------------------------*/
dl.notes {
	margin: 0 0 30px 0;
	padding: 0;
	width: 535px;
	color: #A87851;
	clear: both;
}

dl.notes dt {
	width: 17px;
	font-weight: bolder;
	float: left;
	text-align: center;
}

dl.notes dd {
	margin: 0 0 0 17px;
	width: 515px;
}




/*For outline*/
dl.notes02 {
	margin: 0 0 30px 0;
	width: 535px;
	color: #A87851;
	clear: both;
}

dl.notes02 dt {
	width: 50px;
	font-weight: bolder;
	float: left;
}

dl.notes02 dd {
	margin: 0 0 0 50px;
	width: 480px;
}







/*---------table_width100%---------------------------------------------------------*/
table.wAll {
	margin: 10px 0;
	width: 100%;
}

table.wAllpfm,
table.wAllpfm-en {
	margin: 0 0 15px 0;
	width: 100%;
}

table.wAllpfm-en th,
table.wAllpfm-en td { font-size: 0.85em; }



table.wAllMemberlist {
	margin: 0 0 30px 0;
	width: 100%;
}

/*---------th_allSorts_(width100%)-----------------*/
table.wAll th.lineTitle {
	background-color: #eeeeee;
	text-align: center;
	font-weight: bolder;
}

table.wAllpfm th.lineTitle,
table.wAllpfm-en th.lineTitle {
	width: 144px;
	background-color: #e3e2dd;
	text-align: center;
	font-weight: bolder;
}

table.wAll th.lineTitle02,
table.wAllpfm th.lineTitle02,
table.wAllpfm-en th.lineTitle02 {
	background-color: #dee9f3;
	text-align: center;
	font-weight: bolder;
}

table.wAllpfm th.year,
table.wAllpfm-en th.year {
	width: 103px;
	background-color: #eeeeee;
	text-align: center;
	font-weight: bolder;
}


/*FOR memberlist*/
table.wAllMemberlist th {
	background-color: #dee9f3;
	text-align: center;
	font-weight: bolder;
}

table.wAllMemberlist th.memberName {
	width: 160px;
}

table.wAllMemberlist th.memberNum {
	width: 20px;
}

table.wAllMemberlist th.memberPost {
	width: 60px;
}

table.wAllMemberlist th.memberAdd {
	width: 215px;
}

table.wAllMemberlist th.memberTel {
	width: 80px;
}


table.wAllMemberlist td.memberNum {
	text-align: center;
}


/*FOR members_site_public*/
table.wAll th.pub-Title01 {
	padding: 7px;
	width: 30%;
	background-color: #E3D6B9;
	text-align: center;
	font-weight: bolder;
}

table.wAll th.pub-Title02 {
	padding: 7px;
	width: 20%;
	background-color: #E3D6B9;
	text-align: center;
	font-weight: bolder;
}

table.wAll th.pub-Title03 {
	padding: 7px;
	width: 50%;
	background-color: #E3D6B9;
	text-align: center;
	font-weight: bolder;
}

table.wAll th.pub {
	padding: 7px;
	background-color: #E3D6B9;
	text-align: center;
	font-weight: bolder;
}


/*---------td_allSorts_(width100%)-----------------*/
table.wAll td.pdf {
	text-align: center;
}

table.wAll td.pdf02 {
	width: 20%;
	text-align: center;
}

table.wAllpfm td,
table.wAllpfm-en td {
	text-align: right;
}

table.wAllpfm td.txt-C,
table.wAllpfm-en td.txt-C {
	background-color: #dee9f3;
	font-weight: bolder;
	text-align: center;
}



/*--------table_width_300px--------------------------------------------------------*/
/*--------table_width_450px--------------------------------------------------------*/
table.w300,
table.w300pfm {
	margin: 0 0 30px 0;
	width: 300px;
}

table.w450,
table.w450pfm {
	margin: 0 0 30px 0;
	width: 450px;
}


/*--------th_allSorts_(width300px450px)------------*/
table.w300 th.lineTitle,
table.w300pfm th.lineTitle,
table.w450 th.lineTitle,
table.w450pfm th.lineTitle {
	background-color: #dee9f3;
	text-align: center;
	font-weight: bolder;
}

table.w300pfm th.year,
table.w450pfm th.year {
	width: 100px;
	background-color: #eeeeee;
	text-align: center;
	font-weight: bolder;
}


/*FOR members_site_public*/
/*FOR memberlist*/
/*ouline_mediators*/
tr.bgclr01 {
	background-color: #eeeeee;
}

tr.bgclr02 {
	background-color: #eeeeee;
}


/*--------td_allSorts_(width300px450px)------------*/
table.w300pfm td,
table.w450pfm td {
	text-align: right;
}


















/*=========================================================================================================

	wrap

=========================================================================================================*/
div#wrap {
	margin: 0 auto;
	padding: 0 10px;
	width: 750px;
	background: #ffffff url("../images/bg_wrap.jpg") repeat-y center;
	text-align: left;
}











/*=========================================================================================================

	header

=========================================================================================================*/
div#header {
	padding: 0 10px;
	height: 83px;
	background: transparent url("../images/bg_header.jpg") repeat-x left bottom;
	border-top: 5px solid #0a77d2;
}



/*---------------LOGO--------------------------------*/
div#header div.logo {
	margin: 20px 0 0 0;
	width: 280px;
	float: left;
}



/*---------------Region + search---------------------*/
div#header div.headerRightArea {
	padding: 20px 0 0 0;
	width: 265px;
	float: right;
}



/*----------------Region-----------------------------*/
div#header div.headerRightArea div.region ul {
	margin: 17px 0 0 0;
	width: 80px;
	float: left;
}
/*Mac*/
html*div#header div.headerRightArea div.region ul {
	margin: 16px 0 0 0;
	width: 80px;
	float: left;
}
/*other*/
*html div#header div.headerRightArea div.region ul {
	margin: 17px 0 0 0;
	width: 80px;
	float: left;
}



div#header div.headerRightArea div.region ul li {
	padding: 0 0 0 17px;
	background: transparent url("../images/icon_arrow.gif") no-repeat left center;
}

div#header div.headerRightArea div.region ul li a:link,
div#header div.headerRightArea div.region ul li a:visited {
	color: #333333;
}

div#header div.headerRightArea div.region ul li a:hover {
	color: #0066ff;
}

div#header div.headerRightArea div.region ul li a:active {
	color: #999999;
}





/*----------------search-----------------------------*/
div#header div.headerRightArea div.search-cnt {
	margin: 0 0 0 5px;
	width: 175px;
	display: block;
	float: right;
	/*background-color: #999;*/
}

div#header div.headerRightArea div.search-cnt input.fieldWidth {
	margin: 0;
	padding: 0 5px;
	width: 110px;
	color: #999999;
}


div#header div.headerRightArea div.search-cnt input.submitBtn {
	width: 45px;
	height: 18px;
	vertical-align: top;
}

div#header p.powered {
	margin: 7px 0 0 0;
}













/*=========================================================================================================

	headerline
	(topicPath,textSize)

=========================================================================================================*/
div#headerline {
	padding: 5px 10px 10px 10px;
}

div#headerline div.topicPath {
	float: left;
}

div#headerline div.topicPath ul {
	clear: both;
}

div#headerline div.topicPath li {
	padding: 0 15px 0 2px;
	display: inline;
	background: #fff url("../images/icon_separater.gif") no-repeat right center;
	float: left;
	vertical-align: middle;
}

div#headerline div.topicPath li.lastPath {
	padding: 0 0 0 2px;
	display: inline;
	background-image: none;
	vertical-align: middle;
	float: left;
}


div#headerline div.textSize {
	float: right;
}

div#headerline div.textSize dt {
	padding: 2px 0 0 5px;
	float: left;
}

div#headerline div.textSize dd {
	padding: 0 0 0 5px;
	float: left;
}





/*=========================================================================================================

	container

=========================================================================================================*/
div#container {
	margin: 0 10px 30px 10px;
	width: 730px;
}

















/*=========================================================================================================

	mainContent

=========================================================================================================*/
div#mainContent {
	width: 535px;
	float: right;
}

div#mainContent h2 {
	margin:  0 0 10px 0;
	padding: 7px;
	width: 520px; /*535px*/
	background: url(../images/bg_h2.jpg) repeat-x left top;
	border-top: 3px solid #333333;
	border-bottom: 1px solid #cccccc;
}

div#mainContent h2 span.subTitle {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}

div#mainContent h2.titleWhatsNew {
	margin: 0 0 20px 0;
	padding: 0;
	background-image: none;
	border: 0;
}

div#mainContent h3 {
	margin:  20px 0 0 0;
	padding: 4px 4px 15px 4px;
	width: 527px;
	background: url(../images/bg_h3.jpg) repeat-x left bottom;
}
div#mainContent h3 a,
div#mainContent h3 a:link,
div#mainContent h3 a:visited {
	color: #333333;
}
div#mainContent h3 a:hover {
	color: #0a77d2;
}



div#mainContent h4 {
	margin:  10px 0 5px 0;
	padding: 0 4px;
	width: 522px;
	border-left: 4px solid #0a77d2;
}



div#mainContent ol {
	margin:  0 0 30px 30px;
}

div#mainContent ol li {
	margin-bottom: 15px;
	list-style-type: decimal;
	line-height: 1.6em;
}


div#mainContent ol li ol {
	margin: 10px 0 10px 30px;
}

div#mainContent ol li ol li {
	margin: 0;
	list-style-type: lower-roman;
	line-height: 1.6em;
}


/*FOR memberlist*/
div#mainContent ul.memberlist-en {
	margin: 0 auto;
	width: 530px;
	clear: both;
}

div#mainContent ul.memberlist-en li {
	margin: 0 17px 15px 3px;
	width: 240px;
	float: left;
}


/*FOR privacy*/
div#mainContent ol.privacy {
	margin:  0 0 30px 30px;
}
div#mainContent ol.privacy li {
	margin-bottom: 10px;
	list-style-type: decimal;
	line-height: 1.6em;
}


div#mainContent ol.privacy li ol {
	margin: 0 0 0 30px;
	padding: 0 0 10px 0;
}

div#mainContent ol.privacy li ol li {
	margin: 0;
	list-style-type: lower-roman;
	line-height: 1.5em;
}

div#mainContent ol.privacy li ol li ul li {
	margin: 0 0 0 20px;
	list-style-type: none;
	line-height: 1.5em;
}

div#mainContent ol.privacy li ol li ul li.normal {
	margin: 0 0 10px 20px;
	list-style-type: none;
	line-height: 1.5em;
}

div#mainContent ol.privacy li ol li ul li.marking {
	margin: 0 0 0 35px;
	list-style-type: disc;
	line-height: 1.5em;
}



div#mainContent div.textBox-privacy {
	padding: 0;
	clear: both;
}

div#mainContent div.textBox-privacy dl {
	padding: 0 0 20px 0;
	/*width: 320px;*/
}

div#mainContent div.textBox-privacy dt {
	font-weight: bolder;
}

div#mainContent div.textBox-privacy dd {
	padding-left: 13px;
}







/*-------------brandImage-----------------------------------*/

div#mainContent div.brandImage {
	margin: 0 0 20px 0;
	text-align: center;
	line-height: 240px;
	background-color: #ccc;
}





/*-------------whatsNew-------------------------------------*/

div#mainContent div.whatsNew dl {
	padding: 0 10px;
	width: 510px;
}

div#mainContent div.whatsNew dt {
	width: 100px;
	float: left;
	clear: both; /*countermeasure of margin*/
}

div#mainContent div.whatsNew dd {
	margin: 0 0 10px 100px;
	width: 400px;
	line-height: 1.5;
}











/*=========================================================================================================

	sideBar

=========================================================================================================*/
div#sideBar {
	width: 180px;
	float: left;
}


/*---------globalNavi---------------------------------------------------*/
div#sideBar ul.globalNavi-en {
	width: 180px;
}

div#sideBar ul.globalNavi-en li {
	width: 180px;
	height: 35px;
	margin-bottom: 1px;
}

div#sideBar ul.globalNavi-en li.navi01 {
	background: url(../images/navi/en/navi_en_01a.jpg) no-repeat left top;
}

div#sideBar ul.globalNavi-en li.navi02 {
	background: url(../images/navi/en/navi_en_02a.jpg) no-repeat left top;
}

div#sideBar ul.globalNavi-en li.navi03 {
	background: url(../images/navi/en/navi_en_03a.jpg) no-repeat left top;
}

div#sideBar ul.globalNavi-en li.navi04 {
	background: url(../images/navi/en/navi_en_04a.jpg) no-repeat left top;
}

div#sideBar ul.globalNavi-en li.navi05 {
	background: url(../images/navi/en/navi_en_05a.jpg) no-repeat left top;
}



div#sideBar ul.globalNavi-en li a {
	width: 180px;
	height: 35px;
	display: block;
}

div#sideBar ul.globalNavi-en li a:hover {
	background-color: transparent; /*for IE*/
}

div#sideBar ul.globalNavi-en li a:hover img {
	visibility: hidden;
}

div#sideBar ul.globalNavi-en li img {
	vertical-align: top;
}





/*---------membership---------------------------------------------------*/
div#sideBar div.membership {
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
}











/*=========================================================================================================

	footer

=========================================================================================================*/
div#footer {
	padding: 20px 15px 0 15px;
	height: 70px; /*90px*/
	background: #3f7abc url("../images/bg_footer.jpg") repeat-x left top;
	text-align: right;
	clear: both;
}