/* CSS Document */

@import url("lang_ja.css");

.clearFix:after, #footerLink:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix, #footerLink{display: inline-block;}

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


a:link{
	color : #036;
	text-decoration : underline;
}

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

a:hover {
	color : #7f99b2;
	text-decoration : underline;
}

a:active {
	color : #7f99b2;
	text-decoration : underline;
}


*{ margin:0; padding:0;}

#headerArea img.logo{margin:7px 0 13px 19px; float:left}

#headerArea img.teoi{margin:18px 19px 0 0 ; float:right}

h1{ clear:both}

h1{
	font-size: 20px;
	line-height: 1.4;
	/*\*/
	_font-size: 140%;
	font-size: 140%\9;
	/**/
	color:#fff;
	margin:0 0 15px 0;
	padding:0}

*+html h1{font-size: 140%;}

h1.withCaption{
	font-size: 14px;
	font-weight:bold;
	line-height: 1.4;
	/*\*/
	_font-size: 80%;
	font-size: 80%\9;
	/**/
	width:60%;
	float:left;
	padding:5px 5px 5px 19px;
	margin:0;
	margin-right:-24px
	}

*+html h1.withCaption{font-size: 80%;}

p.category{
	font-size: 14px;
	font-weight:bold;
	line-height: 1.4;
	/*\*/
	_font-size: 76%;
	font-size: 76%\9;
	/**/
	text-align:right;
	color:#fff;
	width:40%;
	padding:5px 19px 5px 5px;
	margin-left:-24px;
	float:left;
	
	}

*+html p.category{font-size: 76%;}

p.category a{background:url(../img/bg_subcategory.gif) no-repeat 8px center; padding:0 0 0 15px}

p.category a:link, p.category a:visited{ color:#fff}

#subWinContentsArea{ clear:both; padding:19px; margin:0;}

/*------------------------footerArea------------------------*/

#footerArea{font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 76%;
	font-size: 76%\9;
	/**/}

*+html #footerArea{font-size: 76%;}

#footerArea #footerLink{
	padding:5px 15px 5px 15px;
	margin: 0;
	border-top:1px solid #b8b8b8;
	border-bottom:4px solid #06c;
	}

#footerArea #footerLink ul{
	list-style: none;
	float:left;
	margin:0;
	padding:0;
	}

#footerArea #footerLink ul li{
	display: inline;
	padding: 0;
	margin: 0;
	}

#footerArea #footerLink ul li:before {
	content: "| ";
	}
	
#footerArea #footerLink ul li:first-child:before {
	content: "";
	}

/*IE workaround*/
/*All IE browsers*/
* html #footerArea #footerLink ul li{
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
	}

*+ html #footerArea #footerLink ul li{
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
	}

/*Win IE browsers - hide from Mac IE\*/
* html #footerArea #footerLink ul { height: 1%; }

* html #footerArea #footerLink ul li{
	display: block;
	float: left;
	}

*+ html #footerArea #footerLink ul { height: 1%; }

*+ html #footerArea #footerLink ul li{
	display: block;
	float: left;
	}

/*End hide*/
/*Mac IE 5*/
* html #footerArea #footerLink ul li:first-child { border-left: 0; }

*+ html #footerArea #footerLink ul li:first-child { border-left: 0; }

p#copy{
	margin:0 0 0 15px;
	font-style:normal;
	color:#06c;
	}

html #footerArea #footerLink ul#siteFooter{ float:left}

html #footerArea #footerLink ul#corporateFooter{ float:right}

html #footerArea p.toTop{text-align:right; margin:0 10px 10px 0}

* html body.column02 #footerArea p.toTop{margin:0 10px 10px 0}
*+ html body.column02 #footerArea p.toTop{margin:0 10px 10px 0}

html #footerArea p.toTop a{background:url(../img/bg_totop.gif) no-repeat left center; padding:0 0 0 10px; }