@charset "utf-8";

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

a {
	color:#999999;
	text-decoration:none;
}
a:hover {
	color:#999999;
	text-decoration:underline;
}
a:visited {
	color:#cccccc;
	text-decoration:none;
}

/* -- container -- */
div#container {
	width:818px;
	margin:0 auto;
	text-align:left;
	background:url(../img/bg_container.jpg) repeat-y;
}
div#container_padding {
	padding-left:9px;
	background:url(../img/bg_padding.jpg) no-repeat;
}

/* -- header -- */
div#header {
	width:800px;
	height:62px;
	background:url(../img/bg_header.jpg) right bottom no-repeat;
}
	div#header h1 {
		height:15px;
		margin-right:10px;
		font-size:80%;
		color:#ffffff;
		line-height:130%;
		text-align:right;
	}
	div#header h2#logo {
		width:470px;
		float:left;
	}
		div#header h2#logo a {
			width:470px;
			height:0px;
			padding-top:47px;
			background:url(../img/logo.jpg) no-repeat;
			overflow:hidden;
			display:block;
		}
	div#header p#header_inquiry {
		width:290px;
		float:right;
		height:0px;
		padding-top:47px;
		background:url(../img/header_inquiry.jpg) no-repeat;
		overflow:hidden;
	}

/* -- main_box --*/
div#main_box {
	clear:both;
	width:800px;
}

/* side_area */
div#side_area {
	clear:both;
	width:252px;
	float:left;
	color:#666633;
	font-size:90%;
	line-height:150%;
	padding-bottom:70px;

}
	div#side_area p {
		margin:10px 25px 10px 25px;
	
	}
div#side_area p#side_menu {
	width:242px;
	height:0px;
	margin:0px 0px 0px 0px;
	padding-top:47px;
	background:url(../img/side_menu.jpg) no-repeat;
	overflow:hidden;
}
div#side_area ul#gnav {
	background-image:url(../img/bg_gnav.jpg) no-repeat;
}
	div#side_area ul#gnav li a {
		width:0px;
		padding-left:242px;
		background-image:url(../img/bg_gnav.jpg);
		background-repeat:no-repeat;
		overflow:hidden;
		display:block;
	}
div#side_area ul#gnav li#gn_top a { height:35px; background-position: 0 0; }
div#side_area ul#gnav li#gn_about a { height:30px; background-position: 0px -35px; }
div#side_area ul#gnav li#gn_flow a { height:30px; background-position: 0px -65px; }
div#side_area ul#gnav li#gn_menu a { height:30px; background-position: 0 -95px; }
div#side_area ul#gnav li#gn_staff a { height:30px; background-position: 0 -125px; }
div#side_area ul#gnav li#gn_work a { height:30px; background-position: 0 -155px; }
div#side_area ul#gnav li#gn_mental a { height:30px; background-position: 0 -185px; }
div#side_area ul#gnav li#gn_shop a { height:30px; background-position: 0 -215px; }
div#side_area ul#gnav li#gn_campaign a { height:30px; background-position: 0 -245px; }
div#side_area ul#gnav li#gn_blog a { height:30px; background-position: 0 -275px; }
div#side_area ul#gnav li#gn_consultant a { height:30px; background-position: 0 -305px; }
div#side_area ul#gnav li#gn_sundries a { height:30px; background-position: 0 -335px; }
div#side_area ul#gnav li#gn_inquiry a { height:30px; background-position: 0 -365px; }
div#side_area ul#gnav li#gn_access a { height:30px; background-position: 0 -395px; }
div#side_area ul#gnav li#gn_links a { height:41px; background-position: 0 -425px; }

div#side_area ul#gnav li#gn_top a:hover { background-position: -242px 0; }
div#side_area ul#gnav li#gn_about a:hover { background-position: -242px -35px; }
div#side_area ul#gnav li#gn_flow a:hover { background-position: -242px -65px; }
div#side_area ul#gnav li#gn_menu a:hover { background-position: -242px -95px; }
div#side_area ul#gnav li#gn_staff a:hover { background-position: -242px -125px; }
div#side_area ul#gnav li#gn_work a:hover { background-position: -242px -155px; }
div#side_area ul#gnav li#gn_mental a:hover { background-position: -242px -185px; }
div#side_area ul#gnav li#gn_shop a:hover { background-position: -242px -215px; }
div#side_area ul#gnav li#gn_campaign a:hover { background-position: -242px -245px; }
div#side_area ul#gnav li#gn_blog a:hover { background-position: -242px -275px; }
div#side_area ul#gnav li#gn_consultant a:hover { background-position: -242px -305px; }
div#side_area ul#gnav li#gn_sundries a:hover { background-position: -242px -335px; }
div#side_area ul#gnav li#gn_inquiry a:hover { background-position: -242px -365px; }
div#side_area ul#gnav li#gn_access a:hover { background-position: -242px -395px; }
div#side_area ul#gnav li#gn_links a:hover { background-position: -242px -425px; }

div#side_area div.side_layout {
	padding-bottom:20px;
	background:url(../img/bg_side_layout.jpg) left bottom no-repeat;
}
	div#side_area p#side_company {
		width:242px;
		height:0px;
		margin:0px 0px 0px 0px;
		padding-top:47px;
		background:url(../img/side_company.jpg) no-repeat;
		overflow:hidden;
	}
		div#side_area p#banner {
			font-size:80%;
			line-height:130%;
		}
				div#side_area p#banner img {
					margin-bottom:5px;
				}
	div#side_area p#side_link {
		width:242px;
		height:0px;
		margin:0px 0px 0px 0px;
		padding-top:47px;
		background:url(../img/side_link.jpg) no-repeat;
		overflow:hidden;
	}
	div#side_area ul#side_banner {
		margin:10px 0px 10px 20px;
	}
	div#side_area ul#side_banner img {
		vertical-align:bottom;
		margin-bottom:5px;
	}

/* -- contents -- */
div#contents {
	width:530px;
	float:left;
	padding-bottom:30px;
}
	div#contents h2 {
		margin:20px 0px 0px 0px;
	}
	div#contents h3 {
		margin:25px 0px -5px 10px;
		padding:10px 0px 10px 30px;
		color:#666633;
		font-size:110%;
		font-weight:bold;
		background:url(../img/bg_h3.jpg) no-repeat;
	}
	div#contents h3.man {
		margin:25px 0px -5px 10px;
		padding:10px 0px 10px 30px;
		color:#666633;
		font-size:110%;
		font-weight:bold;
		background:url(../img/bg_h3_man.jpg) no-repeat;
	}
	div#contents h4 {
		margin:15px 0px -10px 15px;
		color:#006633;
		font-size:110%;
		font-weight:bold;
	}
	div#contents p {
		margin:15px 15px 0px 15px;
	}
	div#contents div.contents_inquiry {
		margin-top:25px;
		height:119px;
		background:url(../img/contents_inquiry.jpg) no-repeat;
		overflow:hidden;
	}
		div#contents div.contents_inquiry p.contents_tel {
			width:530px;
			height:0px;
			margin:0px 0px 0px 0px;
			padding-top:66px;
			background:url(../img/contents_inquiry_tel.jpg) no-repeat;
			overflow:hidden;
		}
		div#contents div.contents_inquiry p.contents_mail {
			margin:0px 0px 0px 280px;
		}
			div#contents div.contents_inquiry p.contents_mail a {
				width:165px;
				height:0px;
				padding-top:25px;
				background:url(../img/contents_inquiry_mail.jpg) no-repeat;
				overflow:hidden;
				display:block;
			}

/* -- footer -- */
div#footer {
	clear:both;
	padding:30px 0px 20px 0px;
	color:#999999;
	font-size:80%;
	text-align:center;
	background:url(../img/bg_footer.jpg) no-repeat;
}
	div#footer li {
		display:inline;
		list-item-position:inside;
		margin-left:10px;
		padding-right:10px;
		border-right:1px #d6d6d6 solid;
	}
		div#footer li a {
			color:#d6d6d6;
		}
		div#footer li a:hover {
			text-decoration:underline;
		}
		div#footer li.end {
			display:inline;
			list-item-position:inside;
			margin-left:10px;
			border-right:none;
		}
	div#footer address {
		color:#333333;
		margin:20px 0px 0px 0px;
	}
		div#footer address a {
			color:#333333;
			text-decoration:none;
		}

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

table.layout_dotted {
	margin:10px 20px 0px 20px;
}
	table.layout_dotted td {
		padding:15px 3px 15px 0px;
		vertical-align:top;
		background:url(../img/dotted_layout.jpg) bottom no-repeat;
	}
table.layout_border {
	margin:10px 20px 0px 20px;
	border:1px #cccccc solid;
}
	table.layout_border td {
		padding:5px;
		line-height:160%;
		border:1px #cccccc solid;
	}
	
ul.list_arrow {
	margin:20px 30px 0px 15px;
}
	ul.list_arrow li {
		padding-left:15px;
		background:url(../img/icon_arrow.jpg) 0px 5px no-repeat;
	}

a.mingo_link,
a.mingo_link:hover,
a.mingo_link:visited {
	color: #0099FF;
}

a.mingo_link:hover {
	text-decoration: underline;
}

/*
-------------------------------
	clearfix	[=tab]
-------------------------------
*/
/*  --- 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;
}
/* */