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


/*------------------------------------------------------
 リンク
------------------------------------------------------*/

a {
	text-decoration: none;
	color: #e50012;
}

/*------------------------------------------------------
 その他
------------------------------------------------------*/
.taL { text-align: left;}
.taR { text-align: right;}
.taC { text-align: center;}
.fL{ float: left;}
.fR{ float: right;}

.maT10 { margin-top: 10px;}
.maT20 { margin-top: 20px;}
.maT30 { margin-top: 30px;}

.maR15{ margin-right: 15px;}
.maR20{ margin-right: 20px;}


.maB10 { margin-bottom: 10px;}
.maB20 { margin-bottom: 20px;}
.maB30 { margin-bottom: 30px;}


.vat { vertical-align: top;}


/*------------------------------------------------------
 pankuzu
------------------------------------------------------*/

ul#pankuzu {
	width: 100%;
	background:url(/inc/images/common/nav/bg_pankuzu.gif) no-repeat 0 0;
	padding: 5px;
	height: 22px;
	margin-bottom: 21px;
	font-size: 75%;
	color: #e50012;
}

ul#pankuzu li, ul#pankuzu li a {
	display: block;
	height: 20px;
	line-height: 20px;
	float: left;
}

ul#pankuzu li {
	display: block;
	padding: 0 12px;
	background:url(/inc/images/common/nav/ico_pankuzutop.gif) no-repeat 0 50%;
}


ul#pankuzu li.home {
	background: none;
}

ul#pankuzu li.home a {
	background: url(/inc/images/common/nav/bg_pankuzu_home.gif) no-repeat 0 0;
	width: 38px;
	text-align: center;
}

ul#pankuzu li.home a:hover {
	background-position: left bottom;
	color: #FFF;
}


/*------------------------------------------------------
 PAGETOP
------------------------------------------------------*/


#pagetop {
	position: absolute;
	right: 0px;
	bottom: -6px;
	_bottom: -7px;
	margin: 0;
	padding: 0;
}

#pagetop a {
	display: block;
	height: 40px;
	width: 97px;
}

#pagetop a:hover {
	padding-bottom: 1px;
}


/*------------------------------------------------------
 sidenav
------------------------------------------------------*/


#sidenav {
	width: 172px;
	background:url(/inc/images/common/nav/bg_sidenav_top.gif) no-repeat 0 0;
	float: left;
	font-size: 90%;
}

#sidenav ul {
	width: 100%;
	background: url(/inc/images/common/nav/bg_sidenav_bottom.gif) no-repeat 0 100%;
	padding: 13px 0;
	margin: 0;
}

#sidenav ul li {
	border-right: 1px solid #e50012;
	border-left: 1px solid #e50012;
	margin: 0;
	padding: 0 5px 4px 5px;
	background:url(/inc/images/common/nav/ico_arrow_red.gif) no-repeat 18px 13px;
	_background-position: 19px 13px;
	font-weight: bold;
}

*:first-child+html #sidenav ul li {
	background-position: 19px 13px;
}

#sidenav ul li a {
	display: block;
	width: 160px;
}

#sidenav ul li a span {
	display: block;
	width: 131px;
	padding: 5px 5px 5px 24px;
}



#sidenav ul li a:hover,
#sidenav ul li.on a {
	background:url(/inc/images/common/nav/bg_sidemenulist_bottom.gif) no-repeat 0 100%;
}

#sidenav ul li a:hover span,
#sidenav ul li.on a span {
	background:url(/inc/images/common/nav/bg_sidemenulist.gif) no-repeat top left;
}



/*------------------------------------------------------
 フッタにあるバナー（4つ並んでいるやつ）
------------------------------------------------------*/

ul#banners {
	clear:both;
	display: block;
	padding-top: 20px;
}

ul#banners li, ul#banners li a {

	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
}


ul#banners li a:hover {
	background-position: 0 100%;
}

li#welcome a { background: url(/inc/images/common/bnr_welcometo.gif); }
li#staffblog a { background: url(/inc/images/common/bnr_staffblog.gif); }
li#bnr_leave a { background: url(/inc/images/common/bnr_leave.gif); }
li#system a { background: url(/inc/images/common/bnr_system.gif); }


ul#banners li a, ul#banners li.last {
	display: block;
	width: 230px;
	height: 153px;
}

ul#banners li {
	width: 250px;
}


/*flow用後で移動*/
.section.photo {
	position: relative;
}
.section.photo img.photoFlow {
	position: absolute;
	top: -25px;
	left: 690px;
}