@charset "UTF-8";
/* CSS Document */

/* =============== Common Setting =============== */

body,p,a,table,th,tr,td,ul,li,ol,div,strong,s,img,h1,h2,h3,h4,h5,h6,span,em,caption,dl,dt,dd,del,b,q,blockquote,header,article,footer,article,aside,time,nav {
border:none;
margin:0;
padding:0;
text-decoration:none;
font-weight:normal;
text-align:left;
line-height:160%;
letter-spacing:1px;
font-family:Hiragino Mincho Pro W3,Kozuka Mincho Pro,Verdana,Meiryo,serif;
color:#222;
}
header,section,article,footer,article,aside,time,nav {
display:block;
}
table,th,tr,td {
border-collapse:collapse;
border-spacing:0;
}
ul,li,ol {
list-style:none;
}
li img {
vertical-align:bottom;
}
strong,b {
font-weight:bold;
}
del,s {
text-decoration:line-through;
}

.clearfix {
width: 100%;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr {
clear:both;
}
.clrL {
clear:left;
}
.clrR {
clear:right;
}

.out {
font-size:1px;
text-indent:-9999px;
line-height:0;
display:block;
background-repeat:no-repeat;
}


	/* :::::: LIST :::::: */
	
	.liCircle {
		list-style:circle;
		padding-left:1.5em;
	}
		.liCircle li {
			list-style:circle;
		}

	.liDecimal {
		list-style:decimal;
		padding-left:1.5em;
	}
		.liDecimal li {
			list-style:decimal;
		}



	/* :::::: FONTS :::::: */

	.nobold {
	font-weight:normal;
	}
	.center {
	text-align:center;
	}
	.right {
	text-align:right;
	}
	.txtS {
	font-size:10px !important;
	}
	.important{
	color:#80715b !important;
	}
	.error,
	.req  {
	color:#b34b4a !important;
	}
	

	/* :::::: LINK :::::: */

	a {
	color:#d72e8b;
	text-decoration:underline;
	}
	a:hover {
	color:#f27bbd;
	}



/* =============== Whole Page =============== */

html{height:100%;}
body {
	font-size:12px;
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	height:100%;
}


#whole {
	height:100%;
}




/* =============== Header =============== */

header {
	width:1000px;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -500px;
	height:57px;
	background:url(/_img/common/hBackground.png);
	z-index:10;
}
	#logo {
		width:117px;
		position:absolute;
		line-height:100%;
		top:20px;
		left:30px;
		font-size:1px;
	}
	
	#pageTitle {
		position:absolute;
		top:20px;
		right:30px;
	}
		#pageTitle p,
		#pageTitle h2 {
			display:inline;
			font-size:1px;
		}
		#pageTitle h2 {
			float:right;
			display:block;
			margin:0 0 0 20px;
		}




/* =============== Navigation =============== */

#mainNavi {
	width:1000px;
	margin:0 auto;
}
	#mainNavi ul li {
		display:block;
		float:left;
		line-height:100%;
	}
	




/* =============== Main =============== */

#mainArea {
	position:relative;
	height:100%;
	z-index:1;
	padding:0 0 50px;
}





/* =============== Footer =============== */


footer {
	background:url(/_img/common/fBackground.png) repeat-x;
	height:36px;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:10;
}
	#copyright {
		display:block;
		width:109px;
		position:absolute;
		top:16px;
		right:30px;
	}
	
	#law {
		display:block;
		position:absolute;
		top:15px;
		right:200px;
	}
		#law a {
			font-size:10px;
			text-decoration:none;
			line-height:100%;
			color:#815d51;
		}