@charset "utf-8";

/*----------------------------------
	base 
----------------------------------*/
body{background:url(../img/bg_body.gif) repeat-x top #fff;}
body{color:#333;text-align:left;font:12px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", sans-serif;*font-size:75%;*font:75%;*line-height:150%;text-align:center;}
/*Hides from IE-mac \*/
* html body{font-family:"osaka", sans-serif;}
/* これ以降Mac IE 5以外にも適用される */
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1,h2,h3,h4,h5{font-size:100%;font-weight: bold;}

/*----------------------------------
	CSS Hack 
----------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block; }
.clearfix:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
/*Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* これ以降Mac IE 5以外にも適用される */
*:first-child+html body {padding-left: 1px;}
*html body {padding-left: 1px;}
body,x:-moz-broken {margin-left:-1px;}

/*----------------------------------
	common 
----------------------------------*/


/*----------------------------------
	link 
----------------------------------*/
a,a:link,a:active{ color:blue;text-decoration: underline;}
a:focus{outline:none;}
a:hover{color:orangered;text-decoration: none;}
a:visited:hover{ color:orangered;text-decoration: none;}
a:visited{ color:purple;text-decoration: underline;}

/*----------------------------------
	layout elements
----------------------------------*/
#container {width:960px;height:600px;position:relative;margin:0 auto;padding:0;background:url(../img/bg_container.gif) no-repeat center top #fff;text-align:center;}
#header {display:block;width:940px;margin:0;position:absolute;top:110px;left:10px;}
#footer {display:block;width:940px;height:60px;margin:0 10px;margin-top:50px;position:absolute;bottom:0px;left:10px;}

/*----------------------------------
	header
----------------------------------*/
#header dl{display:block;margin:10px auto;}
#header dd.globalLogo{display:block;}
#header dd.brandLogo{display:block;}
#header #lang{display:block;width:411px;border:1px solid #ccc;padding:50px 10px;margin:25px auto;text-align:center;font-size:200%;}
#header #lang a{color:#333;font-weight:bold;}
#header #lang span.jpn{color:#333;font-weight:bold;}
#header #lang span.eng{color:#333;font-weight:normal;text-decoration: underline;}

/*----------------------------------
	footer 
----------------------------------*/
#footer {background:url(../img/bg_footer.gif) no-repeat center top #fff;}
#footer .copyright {padding-top:15px;text-align:center;font-size:10px;}