@charset "UTF-8";
/* mailto : info@brainsha.co.jp */
/* Copyright (C) 2010 Brainsha Corporation. All rights reserved. */


/*===========================================
	topImg
=============================================*/
div#topImg {
	height: 350px;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear:both;
}
div#topImg div.photo {
	width: 980px;
	height: 350px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	top: 0px;
	left: 0px;
	position: absolute;
	behavior: url(PIE.htc);
}

/*===========================================
	top-bnrArea
=============================================*/
#top-bnrArea {
	height:88px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#top-bnrArea ul {
	width:980px;
	margin: 0px auto;
	padding: 0px;
	list-style:none;
}
#top-bnrArea ul li {
	width:315px;
	margin: 0px  0px 0px 17px;
	padding: 0px;
	float:left;
	behavior: url(PIE.htc);
}


/*===========================================
	top-Snavi
=============================================*/
#top-Snavi {
	width:980px;
	margin: 30px auto 0px auto;
	padding: 0px;
	clear:both;
}
#top-Snavi section {
	width:227px;
	height:260px;
	margin: 0px 0px 0px 16px;
	padding: 0px;
	border:#999 3px solid;
	float:left;
}
#top-Snavi section ul {
	width:170px;
	margin: 10px auto 0px auto;
	padding: 0px;
	list-style:none;
	clear:both;
}
#top-Snavi section ul li:first-child {
	margin-top:15px;
}
#top-Snavi section ul li {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	clear:both;
}
#top-Snavi section ul span {
	width:20px;
	margin: 0px;
	padding: 0px;
	float:left;
}
#top-Snavi section ul a {
	width:143px;
	border-bottom:#999999 1px dotted;
	margin: 0px;
	padding: 0px 0px 1px 7px;
	float:right;
}

/*===========================================
	linkArea
=============================================*/
#linkArea {
	width: 100%;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	background:#E6E6E6;
	clear:both;
}
#linkArea .linkBnr {
	width:980px;
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
}


/*===========================================
	mainPhotoArea
=============================================*/
div#mainPhotoArea {
	width: 980px;
	height: 501px;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: relative;
}
div#mainPhotoArea ul#slides {
	width: 980px;
	height: 501px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#mainPhotoArea ul#slides li.photoArea {
	width: 980px;
	height: 501px;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;
}
div#mainPhotoArea ul#slides li#photo_01 {
	width: 575px;
	height: 82px;
	z-index: 99;
	top: 11%;
	left: 21%;
}