/*----------------------------------------------------
basic css for GDO


----------------------------------------------------*/

/* element -----------------------------------------*/

body {
	min-width: 980px;
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, arial, "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS UI Gothic", sans-serif;
	font-size: x-small;
	line-height: 160%;
	color: #333333;
	background-color: #333333;
	background-repeat: repeat-x;
	-webkit-text-size-adjust: 100%;
}

th, td {
	vertical-align: top;
}

p { margin: 1em 0; }
form { margin: 0; }
img, a img { border: 0; }
sup {
	position: relative;
	top: -1ex;
	font-size: 60%;
	vertical-align: baseline;
}
sub { font-size: 60%; }
li img, dt img, dd img { vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: x-small;
	font-weight: normal;
}

a:link,
a:visited { color: #ff6600; text-decoration: none; }
a:hover,
a:active { color: #ff6600; text-decoration: underline; }


/* basic -------------------------------------------*/

.clearfix {
	overflow: hidden;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/
* html .clearfix {
	height: 1em;
	overflow: visible;
}
/**/

.hide {
	display: none;
}

a .alpha {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}

a:hover .alpha {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.noactive {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}