@charset "utf-8";

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

a {
	color:#666633;
	text-decoration:none;
}
a:hover {
	color:#666633;
	text-decoration:underline;
}
a:visited {
	color:#999966;
	text-decoration:none;
}

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

/* -- header -- */
div#header {
	width:800px;
	height:48px;
}
	div#header h2 {
		width:287px;
		float:left;
	}
		div#header h2 a {
			width:287px;
			height:0px;
			padding-top:48px;
			background:url(../img/logo.jpg) no-repeat;
			overflow:hidden;
			display:block;
		}
	div#header ul {
		width:220px;
		float:right;
		margin-top:25px;
	}
	div#header ul li {
		display:inline;
	}
	div#header ul li a {
		float:left;
		height:0px;
		padding-top:10px;
		background-image:url(../img/bg_hnav.jpg);
		background-repeat:no-repeat;
		overflow:hidden;
	}

div#header ul li#hn_privacy a { width:120px; background-position: 0px 0; }
div#header ul li#hn_sitemap a { width:76px; background-position: -120px 0; }

div#header ul li#hn_privacy a:hover { background-position: 0px -10px; }
div#header ul li#hn_sitemap a:hover { background-position: -120px -10px; }

/* -- g_nav -- */
ul#global_nav {
	clear:both;
	width:800px;
}
	ul#global_nav li {
		display:inline;
	}
	ul#global_nav li a {
		float:left;
		height:0px;
		padding-top:49px;
		background-image:url(../img/bg_gnav.jpg);
		background-repeat:no-repeat;
		overflow:hidden;
	}

ul#global_nav li#gn_top a { width:133px; background-position: 0 0; }
ul#global_nav li#gn_philosophy a { width:133px; background-position: -133px 0; }
ul#global_nav li#gn_outline a { width:133px; background-position: -266px 0; }
ul#global_nav li#gn_media a { width:135px; background-position: -399px 0; }
ul#global_nav li#gn_access a { width:133px; background-position: -534px 0; }
ul#global_nav li#gn_inquiry a { width:133px; background-position: -667px 0; }

ul#global_nav li#gn_top a:hover { background-position: 0 -49px; }
ul#global_nav li#gn_philosophy a:hover { background-position: -133px -49px; }
ul#global_nav li#gn_outline a:hover { background-position: -266px -49px; }
ul#global_nav li#gn_media a:hover { background-position: -399px -49px; }
ul#global_nav li#gn_access a:hover { background-position: -534px -49px; }
ul#global_nav li#gn_inquiry a:hover { background-position: -667px -49px; }


/* -- main_box -- */
div#main_box {
	clear:both;
	width:800px;
}
div#main_box:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

/* -- contents -- */
div#contents {
	width:580px;
	float:left;
	padding-top:23px;
	padding-bottom:30px;
}
	div#contents p {
		margin:15px 20px 0px 20px;
	}
	div#contents h3 {
		margin-top:30px;
	}
	div#contents h4 {
		margin:15px 20px -10px 20px;
		color:#006600;
		font-weight:bold;
		font-size:110%;
	}

/* -- side_area -- */
div#side_area {
	width:210px;
	float:right;
	padding-top:23px;
	padding-bottom:30px;
}

div#side_inquiry {
	height:144px;
	background:url(../img/bg_side_inquiry.jpg) no-repeat;
}
	div#side_inquiry h2 {
		width:210px;
		height:0px;
		padding-top:36px;
		background:url(../img/side_inquiry.jpg) no-repeat;
		overflow:hidden;
	}
		div#side_inquiry p {
			margin:0px 10px 0px 12px;
		}
		div#side_inquiry p#side_tel {
			width:210px;
			height:0px;
			margin-left:0px;
			padding-top:74px;
			background:url(../img/side_tel.jpg) no-repeat;
			overflow:hidden;
		}
		div#side_inquiry p#side_mail a {
			height:0px;
			padding-top:26px;
			background-image:url(../img/side_mail.jpg);
			background-repeat:no-repeat;
			overflow:hidden;
			display:block;
		}
			div#side_inquiry p#side_mail a:hover {
				background-position:0 -26px;
			}

div#side_company {
	margin-top:20px;
	padding:10px 15px;
	border:1px #d5d5be solid;
}
	div#side_company h2 {
		height:0px;
		padding-top:29px;
		background:url(../img/side_company.jpg) no-repeat;
		overflow:hidden;
	}
	div#side_company p {
		padding:10px 0px;
	}
		div#side_company p#link {
			font-size:80%;
			line-height:130%;
			padding-top:15px;
			border-top:1px #eaeade solid;
		}
		div#side_company p#link img {
			margin-bottom:5px;
		}


div#side_group {
	margin-top:20px;
	padding:10px 10px;
	border:1px #d5d5be solid;
}
	div#side_group h2 {
		height:0px;
		padding-top:29px;
		background:url(../img/side_group.jpg) no-repeat;
		overflow:hidden;
	}
/*	div#side_group p {
		padding:10px 0px;
	}
		div#side_group p#link {
			font-size:80%;
			line-height:130%;
			padding-top:15px;
			border-top:1px #eaeade solid;
		}
		div#side_group p#link img {
			margin-bottom:5px;
		}*/
		div#side_group ul {
			margin:15px 4px 0px 4px;
		}
			div#side_group ul li {
				display:inline;
				list-style-position:inside;
			}


/* -- footer -- */
div#footer {
	clear:both;
	margin-top:20px;
	padding-top:20px;
	color:#999999;
	font-size:90%;
	text-align:center;
	background:#f0f0f0 url(../img/bg_footer.jpg) repeat-x;
}
	div#footer li {
		display:inline;
		margin-left:10px;
		padding-right:10px;
		border-right:1px #999999 solid;
	}
		div#footer li a {
			color:#666666;
		}
		div#footer li a:hover {
			text-decoration:underline;
		}
	div#footer li.end {
		display:inline;
		margin-left:10px;
		border-right:none;
	}
	div#footer address {
		color:#333333;
		margin:5px 0px 10px 0px;
	}
		div#footer address a {
			color:#333333;
			text-decoration:none;
		}

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

table.layout_border {
	margin:20px 10px 0px 10px;
	border:1px #dcdcdc solid;
}
	table.layout_border td {
		padding:8px;
		line-height:160%;
		border:1px #dcdcdc solid;
	}
	table.layout_border td.item {
		background-color:#f9fffb;
	}
	
table.layout_dotted {
	margin:20px 10px 0px 10px;
}
	table.layout_dotted td {
		padding:15px 5px;
		line-height:160%;
		background:url(../img/dotted_layout.jpg) left bottom repeat-x;
	}
	
ul.list_arrow {
	margin:20px 20px 0px 20px;
}
	ul.list_arrow li {
		padding:3px 0px 3px 15px;
		background:url(../img/icon_topics.jpg) 0px 9px no-repeat;
	}

ul.list_arrow_sub {
	padding:3px 0px 3px 15px;
}
	ul.list_arrow_sub li {
		padding:3px 0px 3px 15px;
		background:url(../img/icon_topics.jpg) 0px 9px no-repeat;
	}

ul.list_pagenav {
	margin:20px 20px 10px 20px;
}
	ul.list_pagenav li {
		display:inline;
	}
		ul.list_pagenav li a {
			padding:5px 12px 5px 15px;
			color:#333333;
			background:#b9d886 url(../img/icon_pagenav.jpg) 5px 10px no-repeat;
		}
			ul.list_pagenav li a:hover {
				padding:5px 12px 5px 15px;
				color:#333333;
				background:#e4f4cb url(../img/icon_pagenav_hover.jpg) 5px 10px no-repeat;
				text-decoration:none;
			}