@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:75%;
	line-height:160%;
	text-align:center;
}

a {
	color:#0099cc;
	text-decoration:none;
}
a:hover {
	color:#0099cc;
	text-decoration:underline;
}
a:visited {
	color:#0099ff;
	text-decoration:none;
}

/* -- container -- */
div#container {
	width:800px;
	margin:0 auto;
	text-align:left;
}
div#container h1 {
	height:18px;
	color:#663300;
	font-size:80%;
	background-color: #FFFFFF;
}

/* -- header -- */
div#header {
	width:800px;
	height:57px;
}
div#header:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}
	div#header h2#logo {
		width:295px;
		float:left;
	}
	div#header h2#logo a {
		width:295px;
		height:0px;
		padding-top:57px;
		background:url(../img/logo.jpg) no-repeat;
		overflow:hidden;
		display:block;
	}
	div#header div#header_inquiry {
		width:270px;
		float:right;
	}
		div#header div#header_inquiry p#header_nav {
				width:270px;
				height:0px;
				padding-top:29px;
				background:url(../img/header_nav.jpg) no-repeat;
				overflow:hidden;
			}
		div#header div#header_inquiry p#header_tel {
				width:200px;
				float:left;
				height:0px;
				padding-top:21px;
				background:url(../img/header_tel.jpg) no-repeat;
				overflow:hidden;
			}
		div#header div#header_inquiry p#header_mail {
				width:70px;
				float:right;
				}
			div#header div#header_inquiry p#header_mail a {
					height:0px;
					padding-top:21px;
					background-image:url(../img/header_mail.jpg);
					background-repeat:no-repeat;
					background-position: 0 0;
					overflow:hidden;
					display:block;
					}
			div#header div#header_inquiry p#header_mail a:hover {
					background-position:0px -21px;
					}

/* -- gnav --*/
ul#gnav {
	clear:both;
	width:800px;
}
	ul#gnav li {
		display:inline;
	}
	ul#gnav li a {
		float:left;
		height:0px;
		padding-top:42px;
		background-image:url(../img/bg_gnav.jpg);
		background-repeat:no-repeat;
		overflow:hidden;
		display:block;
	}
ul#gnav li#gn_top a { width:56px; background-position: 0 0; }
ul#gnav li#gn_about a { width:118px; background-position: -56px 0 ; }
ul#gnav li#gn_party a { width:152px; background-position: -174px 0 ; }
ul#gnav li#gn_inquiry a { width:230px; background-position: -326px 0 ; }
ul#gnav li#gn_test a { width:152px; background-position: -556px 0 ; }
ul#gnav li#gn_access a { width:92px; background-position: -708px 0 ; }

ul#gnav li#gn_top a:hover { background-position: 0px -42px; }
ul#gnav li#gn_about a:hover { background-position: -56px -42px; }
ul#gnav li#gn_party a:hover { background-position: -174px -42px; }
ul#gnav li#gn_inquiry a:hover { background-position: -326px -42px; }
ul#gnav li#gn_test a:hover { background-position: -556px -42px; }
ul#gnav li#gn_access a:hover { background-position: -708px -42px; }


/* -- main_box -- */
div#main_box {
	clear:both;
	width:800px;
	padding-top:10px;
	background:url(../img/bg_mainbox.jpg) no-repeat;
}
div#main_box:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

/* -- contents -- */
div#contents {
	width:595px;
	float:left;
	padding-bottom:70px;
}
	div#contents img#page_image {
		margin-top:17px;
	}
	div#contents h2 {
		margin:20px 0px 0px 0px;
	}
	div#contents h3 {
	margin:30px 20px 0px 10px;
	padding:5px 5px 5px 10px;
	font-size:100%;
	font-weight:bold;
	background:#fff9f0 url(../img/dotted_layout.jpg) left bottom no-repeat;
	border-left:5px solid #847765;
	color: #847765;
	}
	div#contents h4 {
		margin:10px 20px 0px 20px;
		color:#ff9900;
		font-size:100%;
		font-weight:bold;
	}
	div#contents p {
		margin:15px 20px 0px 20px;
	}

/* -- side_area -- */
div#side_area {
	width:190px;
	float:right;
	padding-bottom:70px;

}

div#side_area ul#side_nav {
	margin-top:10px;
}
div#side_area ul#side_nav li {
	margin-bottom:3px;
}
div#side_area ul#side_nav li#side_test a {
	width:190px;
	height:0px;
	padding-top:100px;
	background-image:url(../img/side_test.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
	div#side_area ul#side_nav li#side_test a:hover {
		background-position:0px -100px;
	}
div#side_area ul#side_nav li#side_blog a {
	width:190px;
	height:0px;
	padding-top:100px;
	background-image:url(../img/side_blog.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
	div#side_area ul#side_nav li#side_blog a:hover {
		background-position:0px -100px;
	}
div#side_area ul#side_nav li#side_mens a {
	width:190px;
	height:0px;
	padding-top:100px;
	background-image:url(../img/side_mens.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
	div#side_area ul#side_nav li#side_mens a:hover {
		background-position:0px -100px;
	}


div#side_area div#side_inquiry {
	height:70px;
	margin-top:3px;
	background:url(../img/side_inquiry.jpg) left bottom no-repeat;
	}
	
	
	
div#side_area div#side_inquiry p#side_mail a {
		margin-top:7px;
		height:0px;
		padding-top:57px;
		background-image:url(../img/side_mail.jpg);
		background-repeat:no-repeat;
		overflow:hidden;
		display:block;
	}

div#side_area div#side_inquiry p#side_mail a:hover {
			background-position:0px -57px;
		}
		
		
div#side_area div.side_company {
	margin-top:10px;
}
div#side_area div.side_company h2 {
	margin-top:20px;
	height:0px;
	padding-top:32px;
	overflow:hidden
}
	div#side_area div.side_company h2#side_mobile {
		background:url(../img/side_mobile.jpg) no-repeat;
	}
	div#side_area div.side_company h2#side_group {
/*		background:url(../img/side_group.jpg) no-repeat;*/
	}
	div#side_area div.side_company h2#side_company {
		background:url(../img/side_company.jpg) no-repeat;
	}
	div#side_area div.side_company h2#side_link {
		background:url(../img/side_link.jpg) no-repeat;
	}
div#side_area div.side_company p {
	margin:15px;
}
	div#side_area div.side_company p#banner {
		font-size:90%;
		line-height:130%;
	}
		div#side_area div.side_company p#banner img {
			margin-bottom:5px;
		}
div#side_area div.side_company ul {
	margin:15px 4px 0px 4px;
}
	div#side_area div.side_company ul li {
		display:inline;
		list-style-position:inside;
	}

/* -- footer -- */
div#footer {
	clear:both;
	padding-top:15px;
	color:#999999;
	font-size:80%;
	text-align:center;
	background:url(../img/bg_footer.jpg) no-repeat;
}
div#footer a {
	color:#666666;
	text-decoration:none;
}
div#footer ul a:hover {
	color:#666666;
	text-decoration:underline;
}
div#footer ul a:visited {
	color:#999999;
	text-decoration:none;
}
	div#footer li {
		display:inline;
		margin-left:10px;
		padding-right:10px;
		border-right:1px #999999 solid;
	}
		div#footer li a {
			color:#999999;
		}
		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:10px 0px 20px 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;
	}

table.layout_border {
	margin:15px 20px 0px 20px;
	border:1px #333333 solid;
}
	table.layout_border td {
		padding:8px 8px 5px 8px;
		border:1px #dcdcdc solid;
		vertical-align:top;
	}
	table.layout_border td.item {
		background-color:#e5faff;
	}

table.layout_dotted {
	margin:15px 20px 0px 20px;
}
	table.layout_dotted td {
		padding:15px 8px 10px 8px;
		vertical-align:top;
		background:url(../img/dotted_layout.jpg) right bottom no-repeat;
	}
	table.layout_dotted td.price {
		text-align:center;
	}

ul.list_arrow {
	margin:15px 20px 0px 20px;
	}
	ul.list_arrow li {
	padding:0px 0px 0px 12px;
	background:url(../img/icon_arrow.jpg) 0px 5px no-repeat;
	}
p.nav_link {
	margin:15px 20px 0px 20px;
	padding:0px 0px 0px 12px;
	background:url(../img/icon_arrow.jpg) 0px 5px no-repeat;
	}
p.inquiry_nav {
	margin:15px 20px 0px 20px;
	padding:10px;
	background-color:#fff8ed;
	}

input.input_area {
	width:200px;
}
input.input_age {
	width:20px;
}
textarea.input_field {
	width:330px;
}