@charset "UTF-8";

/* トップページ用の指定をしています。*/
/* 必要に応じて追記可能です。*/
/* --------------------------------------------------------------*/

@import "/css/base.css";
@import "/css/general.css";

body { background-color:#515151; }

#CABINET {
	background-color:#fff;
	padding:0 30px;
	text-align:left;
}

.arrow { text-align:right; padding:20px 0 118px 0; line-height:0; }
.wmlogo { text-align:right; padding:0 0 13px 0; line-height:0;}
.navi { padding-bottom:11px; }
.navi h1 { float:left; margin-right:25px; }
.navi ul,li { float:left; margin:0; padding:0; list-style:none; }
.navi ul { background:url(/img/home/slash.gif) no-repeat; padding-left:11px; }
.navi li { background:url(/img/home/slash.gif) no-repeat top right; padding-right:11px; }

.copyright { padding:20px 30px 15px; color:#fff; font-size:88%; letter-spacing:1px; }
.copyright img { margin-right:10px; vertical-align:middle; }

.info { width:100%;padding-bottom:15px; }
.info table { float:right; }
.info table td {
	color:#fff;
	text-align:left;
	padding-right:30px;
}
.info table th {
	font-weight:normal;
	color:#fff;
	padding:0 10px 0 30px;
	text-align:right;
	vertical-align:top;
}

.info table th a,
.info table td a { color:#fff !important; }

@media screen and (max-width: 480px) {

	#CABINET {
		padding:0 15px;
	}

	.navi h1 { float:none; margin-bottom:15px; }
	.navi ul { background-image:none; padding-left:0; }
	.navi ul li:first-child { margin-left:-4px; }
	.navi { width:auto;}

	.copyright { padding-left:15px; padding-right:15px; }
	.info table { float:none; }
	.info table td {
		padding-right:15px;
	}
	.info table th {
		padding-left:15px;
	}

}

/* clearfix */
.navi:after,
.info:after {
	content: url(/img/clear.gif);
	display: block;
	clear: both;
	height: 0;
}
.navi,
.info {
	display:inline-block;
}