@charset "utf-8";

/*
===========================================================
	common css
	Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
	version: 1.0.0 [2009/2/18]
===========================================================
*/
/* -- body -- */
body {
	color:#555555;
	font-size:75%;
	line-height:160%;
	text-align:center;
	background:#ffffff url(../img/bg_body.jpg) repeat-x;
}

a {
	color:#247da9;
	text-decoration:underline;
}
a:hover {
	color:#247da9;
	text-decoration:none;
}
a:visited {
	color:#247da9;
	text-decoration:underline;
}

/* -- container -- */
div#container {
	width:780px;
	margin:0 auto;
	text-align:left;
}
div#container h1 {
	height:20px;
	color:#ffffff;
	font-size:90%;
	text-align:right;
}

/* -- header -- */
div#header {
	width:780px;
}
div#header:after {
	  content:".";
	  display:block;
	  height:0;
	  line-height:0;
	  visibility:hidden;
	  clear:both;
}
	div#header h2 {
		width:265px;
		height:112px;
		float:left;
	}
	div#header ul {
		width:515px;
		float:right;
		margin-top:39px;
	}
		div#header ul li {
			display:inline;
			margin-right:13px;
		}

/* -- titleImage -- */
div#titleImage {
	clear:both;
	width:780px;
}

/* -- contents -- */
div#contents {
	width:660px;
	margin:0px auto;
}
div#contents h2 {
	margin-top:30px;
	padding:2px 0px 0px 30px;
	color:#7e7e7e;
	font-size:150%;
	font-weight:bold;
	background:url(../img/bg_h2.jpg) no-repeat;
}
div#contents h3 {
	margin:20px 0px -10px 0px;
	padding:0px 0px 0px 20px;
	color:#333333;
	background:url(../img/bg_h3.jpg) no-repeat;
}
/*
div#contents h3 {
	margin:20px 0px -10px 0px;
	padding:0px 0px 0px 10px;
	color:#888888;
	font-weight:bold;
	border-bottom:1px #dcdcdc solid;
	border-left:3px #dcdcdc solid;
}
*/
div#contents p {
	margin-top:20px;
}
	div#contents p:after {
		content:".";
		display:block;
		height:0;
		line-height:0;
		visibility:hidden;
		clear:both;
	}
	div#contents p {
		display:inline-block;
	}
	div#contents p {
		display:block;
		}
div#contents strong {
	font-weight:bold;
}
div#contents .underline {
	text-decoration:underline;
}

div#contents img.leftSide {
	float:left;
	margin:0px 15px 0px 0px;
}

div#contents ul.contentsNav {
	margin-top:80px;
	text-align:center;
}
	div#contents ul.contentsNav li {
		display:inline;
	}
div#contents ul.topicPath {
	margin-top:20px;
	font-size:80%;
}
	div#contents ul.topicPath li {
		display:inline;
		margin-right:10px;
	}	

/* -- bottomNav -- */
ul#bottomNav {
	clear:both;
	padding:70px 0px 20px 0px;
	font-size:80%;
	text-align:center;
	background:url(../img/bg_bottomNav.jpg) left bottom repeat-x;
}
	ul#bottomNav li {
		display:inline;
		margin-right:10px;
	}
	ul#bottomNav a {
		color:#999999;
	}

/* -- footer -- */
div#footer {
	padding:20px 0px 20px 0px;
	color:#ffffff;
	font-size:90%;
	background:#585858 url(../img/bg_footer.jpg) repeat-x;
}
div#footer:after {
	  content:".";
	  display:block;
	  height:0;
	  line-height:0;
	  visibility:hidden;
	  clear:both;
}
	div#footer a {
		color:#ffffff;
		font-weight:bold;
	}
	div#footer a:hover {
		text-decoration:none;
	}
	
div#footer div#footerInfo {
	width:780px;
	margin:0px auto;
	text-align:left;
}
	div#footer div#footerInfo ul {
		width:440px;
		float:left;
	}	
	div#footer div#footerInfo ul li {
		display:inline;
		margin-right:10px;
	}
	
	div#footer div#footerInfo p {
		width:440px;
		float:left;
	}

	div#footer address {
		width:330px;
		float:right;
		text-align:right;
	}	
	div#footer address a {
		font-weight:normal;
		text-decoration:none;
	}

/* -- layout css -- */
table.layout {
	margin:20px 0px 0px 0px;
}
	table.layout td {
		padding:5px;
		vertical-align:top;
	}

table.layout_border {
	margin:20px 0px 0px 0px;
	border:1px #999999 solid;
}
	table.layout_border td {
		padding:8px;
		vertical-align:top;
		border:1px #999999 solid;
	}
	table.layout_border .item {
		text-align:center;
		background-color:#dff4fc;
	}

input.input_area {
	width:250px;
}
textarea.input_field {
	width:450px;
}

/*  --- fix related --- */
/* to fix clear flot */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
	}
/* Mac IE \*//*/
.clearfix {
	overflow:hidden;
}
/* */	
	
/* fix to make png transparent in IE6 */
* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}