/* default --------------------------------*/
* {
margin:0;
padding:0;
}

body {
background:url(../images/bg_header.gif) repeat-x;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
font-size:90%;
}

p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6, input, textarea, ul, ol, address ,td ,th ,caption ,dt ,dt ,dd  {
margin:0;
padding:0;
}

img, a img {
font-size:0;
line-height:100%;
border:none;
}

table {
margin:0 0 20px 20px;
padding:0;
border:0;
}

th, td {
padding:0;
}

th {
vertical-align:middle;
text-align:center;
}

td {
vertical-align:top;
text-align:left;
}

ul {
margin:0 0 20px 10px;
}

ol {
margin:0 0 20px 30px;
}

li {
margin:3px 0 3px 8px;
}

ol li {
margin:0 0 0 15px;
padding:0;
list-style-type:decimal;
}

li ol li, ul li ol li {
padding:0;
list-style-type:decimal;
background-image:none;
}

ul li {
margin:0 0 0 2px;
padding:1px 0 1px 11px;
list-style:none;
background-image:url(../images/li-style00.gif);
background-position:0 0.5em;
background-repeat:no-repeat;
}

ol li ul, ul li ul, ol li ol, ul li ol {
margin-bottom:0;
}

dl, p {
margin:0 10px 15px 20px;
}

dd {
margin-left:0;
}

li li {
font-size:100%;
}

p, dt, dd, li {
line-height:150%;
}

p, li {
font-size:90%;
}

dt, #l-contents dt, #r-contents dt {
font-size:115%;
}

h2 {
font-size:150%;
}

h3 {
font-size:105%;
}

.h4 {
font-size:120%;
}

#header-wrapper, #g_navi-wrapper, #body-wrapper, #footer-wrapper {
width:100%;
text-align:center;
}

/* header --------------------------------*/

#header-wrapper {
background:url(../images/bg_header.gif) repeat-x;
height:97px;
}

#header {
position:relative;
margin-left:auto;
margin-right:auto;
width:760px;
}

h1 {
font-size:0px;
}

h1 a {
display:block;
width:760px;
}

#button_01, #button_02 {
	margin:0;
	position:absolute;
	top:3px;
	text-indent:-9999px;
	font-size:1px;
	margin-top:3px;
	_margin-top:0;
}

*:first-child+html #button_01, *:first-child+html #button_02 {
	margin-bottom:0;
} 

#button_01 {
	right:132px;
}

#button_02 {
	right:15px;
}

#button_01 a:link, #button_01 a:visited, #button_01 a:active, #button_02 a:link, #button_02 a:visited, #button_02 a:active {
display:block;
width:106px;
height:17px;
}

#button_01 a:link, #button_01 a:visited, #button_01 a:active {
background:url(../images/button_01.gif) no-repeat;
}

#button_02 a:link, #button_02 a:visited, #button_02 a:active {
background:url(../images/button_02.gif) no-repeat;
}

#button_01 a:hover {
background:url(../images/button_01_h.gif) no-repeat;
}

#button_02 a:hover {
background:url(../images/button_02_h.gif) no-repeat;
}

#jp {
	margin:0;
	position:absolute;
	right:15px;
	bottom:5px;
	margin-bottom:5px;
	_margin-bottom:0;
}

*:first-child+html #jp {
	margin-bottom:0;
} 

#jp a:link, #jp a:visited, #jp a:active {
color:#eeab50;
padding-left:11px;
font-weight:bold;
text-decoration:none;
background:url(../images/arrow00.gif) no-repeat;
background-position:0 0.3em;
}

#jp a:hover {
color:#FF3333;
background:url(../images/arrow01.gif) no-repeat;
background-position:0 0.3em;
}

/* global navi -----------------------------*/

#g_navi-wrapper {
background-color:#1d3a58;
color:#FFFF99;
}

#g_navi {
margin-left:auto;
margin-right:auto;
width:760px;
text-align:left;
}

.g_navi {
margin:0;
padding:0;
float:left;
font-weight:bold;
}

.g_navi dt {
font-weight:bold;
font-size:105%;
cursor:pointer;
}

.g_navi dt a, .g_navi dt a:visited {
display:block;
text-decoration:none;
margin-left:16px;
padding:3px 10px;
color:#FFFFFF;
}

.g_navi dt a:hover, .g_navi dt a:active {
color:#f19d3d;
background-color:#51544b;
}

.g_navi dd {
position:absolute;
width:20em;
overflow:hidden;
display:none;
margin-left:16px;
padding:0 3px;
font-size:105%;
background:#eeab50;
z-index:200;
opacity:0;
}

.g_navi ul {
margin:0;
padding:0;
list-style:none;
}

.g_navi ul li ul {
margin-left:20px;
}

.g_navi li {
display:inline;
margin:0;
padding:0;
background-image:none;
}

.g_navi li a, .g_navi li a:active, .g_navi li a:visited {
display:block;
padding:1px 2px 1px 14px;
text-decoration:none;
color:#675f5c;
}

.g_navi li a:hover {
color:#af0824;
background:url(../images/arrow02.gif) no-repeat;
background-position:2px 0.5em;
}


.g_navi li a {
border-bottom:dotted 1px #675f5c;
}

dd#hm-ddcontent {
visibility:hidden;
}

/* body ---------------------------------*/
#body-wrapper {
margin-bottom:10px;
}

#body {
margin:5px auto;
width:760px;
text-align:left;
}

#l-contents {
float:left;
width:465px;
font-size:90%;
}

/* bread --------------------------------*/

#bread {
margin:10px 0 20px 0;
padding-bottom:4px;
background:url(../images/top_h2.gif) repeat-x;
background-position:bottom;
}

#bread a {
text-decoration:none;
}

/* contents page of top --------------------------------*/
#r-contents {
float:right;
width:290px;
margin-left:5px;
}

#home h2 {
width:420px;
margin:10px 5px 5px 5px;
padding:5px 0 5px 5px;
color:#326aa5;
font-size:130%;
background:url(../images/top_h2.gif) repeat-x;
background-position:bottom;
} 

#home h3 {
width:236px;
margin-top:10px;
padding:15px 0 3px 54px;
background:url(../images/top_h3.gif) no-repeat;
color:#2f567d;

}

#home h3 span {
color:#2f567d;
text-decoration:none;
border-bottom:solid 2px #2f567d;
line-height:140%;
font-size:100%;
}

#canada {
width:265px;
border:solid 1px #d7d7d7;
background-color:#f0f0f0;
margin-left:10px;
}

#canada p {
padding-top:15px;
}

#l-contents dl, #l-contents p {
width:415px;
margin:5px 0 5px 10px;
}

#r-contents dl {
width:245px;
margin:5px 15px;
}

#r-contents p {
width:225px;
margin:0 5px 15px 25px;
}

#l-contents dt, #r-contents dt {
margin:10px 0;
}

#l-contents dd, #l-contents p, #r-contents dd {
margin-top:10px;
margin-bottom:15px;
}

/* footer -----------------------------------------*/
#footer-wrapper {
width:100%;
border-bottom:solid 1px #e5e5e5;
background:url(../images/bg_footer.gif) repeat-x;
}

#footer {
width:760px;
margin-left:auto;
margin-right:auto;
padding-top:0.5em;
text-align:right;
background:url(../images/bg_footer.gif) repeat-x;
}

#footer p {
font-size:110%;
line-height:150%;
}

.tsp {
font-size:130%;
}

/* page of 2nd --------------------------------*/

#second h2 {
height:47px;
padding:0.5em 5px;
color:#1d3a57;
background:url(../images/h2.gif) no-repeat;
}

#second h3 {
color:#1d3a57;
margin:0 0 15px 0;
padding-left:5px;
background:url(../images/h3.gif) repeat-x;
background-position:bottom;
}

#second h4, .h4 {
color:#df8302;
margin:0 0 15px 10px;
padding:1px 0 1px 22px;
font-weight:bold;
background-image:url(../images/li-style01h.gif);
background-position:0 0.2em;
background-repeat:no-repeat;
}

/* ClearFIX 
-----------------------------------------*/
.clearfix:after,
#header:after,
#g_navi:after,
#body:after,
#dropdown:after,
.address:after, 
.adobe:after,
.block:after,
.block-1090:after,
.block-2080:after,
.block-3070:after,
.block-4060:after,
.block-5050:after,
.block-6040:after,
.block-7030:after,
.block-8020:after,
.block-9010:after
{
content:url(../images/clearfix.gif);
display:block;
clear:both;
height:0;
}

/* Sitemap
-----------------------------------------*/
#sitemap_en #body li {
padding-left:1em;
margin-left:1em;
background-image:url(../images/li-style00.gif);
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top:0.3em;
}

#sitemap_jp #body li {
padding-left:1em;
margin-left:1em;
background-image:url(../images/li-style00.gif);
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top:0.3em;
font-size:100%;
}
