@charset "utf-8";

/*
===========================================================
	common css
	Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
	version: 1.0.0 [2009/2/18]
===========================================================
*/
/* -- body -- */
* html.iepngfix {
	behavior:expression(IEPNGFIX.fix(this));
} 
body {
	color:#302c2c;
}
a {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#006699;
	text-decoration:underline;
}
a:visited {
	color:#006699;
	text-decoration:none;
}

/* -- header -- */
div#header {
	width:865px;
	margin:35px auto 0px auto;
}
div#header:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
	div#headerNav {
		width:693px;
		float:right;
	}
		div#headerNav h1 {
			width:495px;
			float:left;
			padding-top:5px;
			color:#454040;
			font-size:80%;
			text-align:right;
		}
		div#headerNav p {
		width:192px;
		height:28px;
		float:right;
		text-align:right;
	}

/* -- globalNav -- */
ul#globalNav {
	width:693px;
	float:right;
	background-image:url(../img/bg_gnav.jpg);
	background-repeat:no-repeat;
}
	ul#globalNav li {
		display:inline;
	}
	ul#globalNav li a {
		float:left;
		height:0px;
		padding-top:31px;
		background-image:url(../img/bg_gnav.jpg);
		background-repeat:no-repeat;
		overflow:hidden;
	}

ul#globalNav li#gn_top a { width:83px; background-position: 0 0; }
ul#globalNav li#gn_price a { width:81px; background-position: -83px 0; }
ul#globalNav li#gn_staff a { width:79px; background-position: -164px 0; }
ul#globalNav li#gn_inquiry a { width:80px; background-position: -243px 0; }
ul#globalNav li#gn_map a { width:81px; background-position: -323px 0; }
ul#globalNav li#gn_topics a { width:79px; background-position: -404px 0; }
ul#globalNav li#gn_coupon a { width:89px; background-position: -483px 0; }
ul#globalNav li#gn_blog a { width:121px; background-position: -572px 0; }

ul#globalNav li#gn_top a:hover { background-position: 0 -31px; }
ul#globalNav li#gn_price a:hover { background-position: -83px -31px; }
ul#globalNav li#gn_staff a:hover { background-position: -164px -31px; }
ul#globalNav li#gn_inquiry a:hover { background-position: -243px -31px; }
ul#globalNav li#gn_map a:hover { background-position: -323px -31px; }
ul#globalNav li#gn_topics a:hover { background-position: -404px -31px; }
ul#globalNav li#gn_coupon a:hover { background-position: -483px -31px; }
ul#globalNav li#gn_blog a:hover { background-position: -572px -31px; }

	div#header h2#logo {
		width:172px;
		float:left;
	}
		div#header h2#logo a {
			width:172px;
			height:0px;
			padding-top:63px;
			background:url(../img/logo.jpg) no-repeat;
			overflow:hidden;
			display:block;
		}

img#page_title {
	clear:both;
	wodth:875px;
	margin:15px auto 0px auto;
	display:block;
}

/*-- contents --*/
div#contents{
	width:865px;
	margin:10px auto 0px auto;
	padding:10px 0px 20px 0px;
	border:1px #d0cece solid;
	background:#f8f8f8 url(../img/bg_contents.jpg) center bottom no-repeat;
}
div#contents:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
div#contents p {
	margin:15px 0px 0px 0px;
}
div#contents table {
	margin:15px auto 0px auto;
}
	div#contents table td {
		padding:5px 5px 5px 5px;
		vertical-align:top;
	}

/* -- company -- */
div#company {
	clear:both;
	width:875px;
	margin:10px auto 0px auto;
	border-top:2px #ededed solid;
}
	div#company p#card {
		width:230px;
		margin:10px 0px;
		padding-right:10px;
		float:left;
		text-align:right;
	}
	div#company p#companyInfo {
		width:500px;
		float:left;
		margin:10px 0px;
		text-align:right;
	}
	div#company p#links {
		width:110px;
		margin:10px 0px;
		float:right;
	}

/* -- footer -- */
div#footer {
	clear:both;
	width:875px;
	margin:10px auto 0px auto;
	color:#b2b2b2;
	text-align:center;
	background:url(../img/bg_footer.jpg) no-repeat;
}
	div#footer ul {
		padding-top:10px;
	}
	div#footer li {
		display:inline;
		list-item-position:inside;
		margin-left:10px;
		padding-right:10px;
		border-right:1px #b2b2b2 solid;
	}
		div#footer li a {
			color:#b2b2b2;
		}
		div#footer li.end {
			border-right:none;
		}
	div#footer address {
		margin-top:10px;
	}
		div#footer address a {
			color:#b2b2b2;
			text-decoration:none;
		}

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

table.layout_border {
	margin:15px 10px 0px 10px;
	border:1px #dcdcdc solid;
}
	table.layout_border td {
		padding:8px;
		line-height:160%;
		border:1px #dcdcdc solid;
	}
		table.layout_border td li {
			padding-left:8px;
			background:url(../img/icon_square.jpg) 0px 6px no-repeat;
		}

.list_square li {
	margin:10px 10px 0px 15px;
	padding-left:8px;
	background:url(../img/icon_square.jpg) 0px 7px no-repeat;
}

pre {
	width:660px;
	height:200px;
	margin-top:15px;
	padding:0px 10px;
	background-color:#f9f9f9;
	border:1px #dcdcdc solid;
	display:block;
	overflow:scroll;
}

textarea.code {
	width:660px;
	height:200px;
	margin:15px 10px 0px 10px;
	padding-left:10px;
}

input.input_area {
	width:200px;
}
textarea.input_field {
	width:400px;
}

/*  --- 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));
}