@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  base.css
 style info :  base styles for kurashita_no_yu
=================================================================== */

/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	color: #000;
}

a:visited {
	color: #685549;
}

a:hover {
	text-decoration: none;
}

a:active {
}

img a:link{
	text-decoration: none;
}

/*----------------------------------------------------
	#navSkip (Navigation Skip)
----------------------------------------------------*/

span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}

/*----------------------------------------------------
	general-purpose class
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/*--- external link ---*/
#main a[target^="_blank"] {
	background: url(../img/icon_blank.gif) right center no-repeat;
	padding-right: 15px;
}

/*clearFix*/
.clearfix :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*----------------------------------------------------
	html, body
----------------------------------------------------*/
html, body {
	height: 100%;
}
body > #wrapper {
	height: auto;
	min-height: 100%;
}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#wrapper {
	width: 100%;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
	width: 900px;
	margin: 20px auto 0;
	padding-bottom: 100px;/* must be same height as the footer */
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/

#header {
	width: 200px;
	float: left;
	background: url(../img/header_shadow.gif) left top no-repeat;
}

/*----------------------------------------------------
	#contentsContainer
----------------------------------------------------*/

#contentsContainer {
	width: 660px;
	float: right;
	background: url(../img/contents_shadow.gif) left top no-repeat;
}

.pageTop {
	clear: both;
	margin: 0;
	text-align: right;
}

/*----------------------------------------------------
	#contentsBg
----------------------------------------------------*/

#contentsBg {
	width: 650px;
	margin: 0 auto 50px;
	padding: 0 0 60px;
	background: url(../img/contents_footer.jpg) center bottom no-repeat;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width: 620px;
	padding: 50px 0 30px;
	margin: 0 auto;
	background: url(../img/contents_bg.jpg);
}

/*----------------------------------------------------
	.texts
----------------------------------------------------*/
.texts {
	width: 580px;
	margin: 0 auto;
}

/*----------------------------------------------------
	#footer *see http://www.cssstickyfooter.com/
----------------------------------------------------*/

#footer {
	width: 100%;
	height: 150px;
	position: relative;
	margin-top: -150px;/* negative value of footer height */
	background: #856859;
	color: #fff;
}
.area {
	width: 900px;
	margin: 0 auto;
}
address {
	padding: 10px 0 0 10px;
}
p.copy {
	text-align: right;
}