/* 基本タグ定義 */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, div, p, table, hr, pre {
	margin: 0;
	padding: 0;
	line-height: 1;
	box-sizing: border-box;
   	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}

button, img, input, object, select {
	margin: 0;
	padding: 0;
	line-height: 1;
	border: 0;
}


html,body {height:100% !important; min-height: 960px;}


/* tag */
body {background: #000;color: #aaa;}

ul {font-size: 0;}

li { font-size: 12px; list-style: none;}

a { color: #FFF; text-decoration: none; outline:none;}

a:hover {color: #990000; text-decoration: none;}

a img { border:none;}

input:focus { outline: none;}




/* menu */
#menu {
	width: 100%;
	background: #996c33;
}

#menuList {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

#menu li {
	display: inline-block;
	position: relative;
}


#menu a {
	padding: 18px 14px 15px 14px;
	display: block;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#menu a:hover {
	background: rgba(255, 255, 255, 0.1);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#11FFFFFF,EndColorStr=#11FFFFFF);/*IE8以下用*/

}

#menu .fr a {
	padding: 12px 2px;
}

#menu .fr a:hover {
	background: #990000 !important;
}

#menu .close {padding: 16px 14px; opacity:0.4;
    filter: alpha(opacity=40);
    -ms-filter: "alpha(opacity=40)";
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;}







/* commonClass */
.hideText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {clear:both;}
.cf {zoom:1;}