@charset "utf-8";

/* =============================================================

　　個別設定（トップページ）

============================================================= */

/*  Header
---------------------------------------------*/

#header {}

/*  Absolute
---------------------------------------------*/

.btnBox {
	position: relative;
}

.btnBox .img {
	position: absolute;
	left: 0;
	top: 0;
}

.btnBox01 {
	width: 960px;
	height: 159px;
}

btnBox01b {
	width: 960px;
	height: 611px;
}

.btnBox02 {
	width: 960px;
	height: 670px;
}

.btnBox0202 {
	width: 960px;
	height: 478px;
}


.btnBox03 {
	width: 960px;
	height: 697px;
}

/*  Button
---------------------------------------------*/

.btnBox .btn {}

.btnBox .btn a {
	position: absolute;
	display: block;
	width: 890px;
	height: 52px;
	text-indent: -9999px;
	transition: all  0.3s ease;
}

.btnBox .btn02 a {
	position: absolute;
	display: block;
	width: 306px;
	height: 74px;
	text-indent: -9999px;
	transition: all  0.3s ease;	
}

.btnBox .btn a:hover,
.btnBox .btn02 a:hover {
	opacity: 0.6;
	background-color: #fff;
}

.btnBox01 .btn a {
	left: 36px;
	top: 162px;
}

.btnBox01 .btn02 a {
	left: 37px;
	top: 56px;
}

.btnBox01b a {	
	left: 36px;
	top: 3px;}

.btnBox01b iframe {
	position: absolute;
	right: 36px;
	top: 250px;}

.btnBox02 .btn a {
	left: 35px;
	bottom: 30px;
}

.btnBox03 .txtLink a {
	position: absolute;
	display: block;
	width: 255px;
	height: 20px;
	text-indent: -9999px;
	transition: all  0.3s ease;
	}

.btnBox03 .txtLink a:hover {
	opacity: 0.6;
	background-color: #fff;
}


.btnBox03 .txtLink01 a {
	left: 486px;
	top: 259px;
}

.btnBox03 .txtLink02 a {
	left: 357px;
	top: 349px;
}

.btnBox0202 .txtLink a {
	position: absolute;
	display: block;
	left: 336px;
	top: 74px;
	width: 260px;
	height: 26px;
	text-indent: -9999px;
	transition: all  0.3s ease;
	}

.btnBox0202 .txtLink a:hover {
	opacity: 0.6;
	background-color: #fff;
}

/*  Flow
---------------------------------------------*/

div.flow {
	width: 886px !important;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 40px;
}

div.flow h2 {
	font-size: 24px;
	margin-bottom: 1em;}

div.flow p,
div.flow ul li {
	font-size: 13px;
	line-height: 1.6em;
}

div.flow ul li {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

div.flow a {
	text-indent: 0;
	color: #da0000;
	text-decoration: underline;}

div.flow a:hover {
	text-decoration: none;}

div.flow div.mailtxt {
	margin: 1.5em 0;
	padding: 20px 35px;
	border: 1px solid #000;
}

div.flow div.mailtxt p {
	margin-bottom: 5px;
}

/* =======================================
		PAGE TOP
==========================================*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20%;
	right:10px;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -45px;
	width:45px;
	height:45px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);}