body{
	margin:0px;
	padding:0px;
/*	font-family:"ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size:0.875em;
	line-height:1.6em;
*/
	background:#000000;
	text-align:left;
}

img{
	border:none;
}
/*
a:link, a:visited {color:#006699;}
a:visited {color:#006699;}
a:active, a:hover {color:#66a3c2;}
a:hover {color:#66a3c2;}
*/

h1 {
	font-size:24px;/**/
	line-height:1.3em;
	margin:0;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.clearfix {zoom:1;}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}




/*==============  ================*/
#wrapper {
	position:relative;
	zoom:1;
}
#container {
	position:relative;
	zoom:1;
	width:1000px;
	top:0;
	left:50%;
	margin-left:-500px;
	background:#ffffff url(../image/bg_bw.png) repeat-y;
	float:left;
}
#adleft {
	position:relative;
	zoom:1;
	width:200px;
	height:800px;
	top:0;
	left:50%;
	/*margin-left:-1200px;  Œ„ŠÔ‚È‚µ*/
	margin-left:-1210px;
	float:left;
	background:#444;
}
#adright {
	position:relative;
	zoom:1;
	width:200px;
	height:800px;
	top:0;
	left:50%;
	/*margin-left:500px;  Œ„ŠÔ‚È‚µ*/
	margin-left:510px;
	background:#444;
}
#footerArea {
	zoom:1;
	position:relative;
}



#container div#adtop {
	width:100%;
	background:#000000;
	padding:0 0 10px;
}
#container div#adtop div#adtop_contents {
	width:728px;
	/*height:90px;*/
	margin:auto;
	background:#444;
}
div#main {
	width:100%;
	background:url(../image/bg_title.jpg) no-repeat 50% 50px;
}
div#main div.sponserbar {
	width:100%;
	height:50px;
	text-align:center;
	background:#000000;
}
div#main div.credit {
	width:100%;
	background:#777777;
	padding:10px 0;
}
div#main div.credit p {
	width:96%;
	margin:5px auto;
	font-size:0.875em;
	text-align:center;
	color:#ffffff;
}
div#main h1 {
	overflow:hidden;
	text-indent:-100%;
}
div#main h1 img {
	margin: 50px 0 30px;
}
div#main h1 img:hover {
	opacity: 0.6;
}
div#main h1 .imgC {
	float:left;
}
div#main h1 .imgX {
	float:right;
}
div#main .leadtext {
	width: 90%;
	margin: 0 auto 30px;
	font-size: 1.4em;
	color: #000000;

	text-shadow: -1px -1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=-1, offy=-1);
}

/*----                    for both contents ----*/
div#main div.content {
	width:480px;
	padding:10px;
}
div#main div.content .logo {
	width:100%;
	height:90px;
	display:block;
}

/*----                    civilization side ----*/
div#main div.frame_civi {
	color:#666666;
	background:url(../image/bg_civi.png) no-repeat right top;
	float:left;
}
div#main div.frame_civi .logoC {
	background:url(../image/logo_civi.png) no-repeat 44% 50%;
}
div#main div.frame_civi p.exp {
	width:460px;
	height:110px;
	padding:20px 0 0;
}
div#main div.frame_civi ul.civi_news {
	width:470px;
}
div#main div.frame_civi ul.civi_news, div#main div.frame_xcom ul.xcom_news {
	margin:40px 0 20px;
	height: 1140px;
}
div#main div.frame_civi ul.civi_news li {
}
div#main div.frame_civi ul.civi_news li img.devider_civi {
	width:100%;
	height:2px;
}
div#main div.frame_civi ul.civi_news li img {
	width:120px;
	height:90px;
	margin:10px 0 6px 6px;
	background:#666666;
	float:left;
}
div#main div.frame_civi ul.civi_news li h3 {
	color:#886600;
	width:320px;
	float:right;
	margin:10px 5px 5px;
	font-size:1.15em;
	line-height:1.2em;
}
div#main div.frame_civi ul.civi_news li p {
	width:320px;
	float:right;
	margin:0 5px;
}

div#main div.frame_civi ul.civi_news li a {
	background: url(../image/border_civi.png) no-repeat center top;
	background-size: 100% 2px;
	display:block;
	padding:0 0 10px 0;
	font-weight:normal;
	height: 210px;
}
div#main div.frame_civi ul.civi_news li a:hover {
	background-color:rgba(231,224,204,0.5);
	color:#666666;
}
div#main div.frame_civi ul.civi_news li.nav-more a {
	padding: 10px 0 6px;
	text-align: center;
	background-color:rgba(231,224,204,1.0);
	height: 20px;
}
div#main div.frame_civi ul.civi_news li.nav-more a:hover {
	background-color:rgba(231,224,204,0.5);
}





/*----                            xcom side ----*/
div#main div.frame_xcom {
	color:#ffffff;
	background:url(../image/bg_xcom.png) no-repeat left top;
	float:right;
}
div#main div.frame_xcom .logoX {
	background:url(../image/logo_xcom.png) no-repeat 52% 22%;
}
div#main div.frame_xcom p.exp {
	width:460px;
	height:110px;
	padding:20px 0 0 20px;
}
div#main div.frame_xcom ul.xcom_news {
	width:480px;
}
div#main div.frame_xcom ul.xcom_news li {
	margin-bottom:10px;
}
div#main div.frame_xcom ul.xcom_news li img {
	width:120px;
	height:90px;
	margin:6px 0 6px 6px;
	background:#666666;
	float:left;
}
div#main div.frame_xcom ul.xcom_news li h3 {
	color:#66cccc;
	width:330px;
	float:right;
	margin:5px;
	font-size:1.15em;
	line-height:1.2em;
}
div#main div.frame_xcom ul.xcom_news li p {
	width:330px;
	float:right;
	margin:0 5px;
}

div#main div.frame_xcom ul.xcom_news li a {
	display:block;
	padding:0 0 10px 0;
	font-weight:normal;
	color:#ffffff;
	background:rgba(0,0,0,0.5);
	border:solid 1px #66cccc;
	height: 198px;
}
div#main div.frame_xcom ul.xcom_news li a:hover {
	border:solid 1px #c3a70e;
	background:rgba(195,167,14,0.2);
}
div#main div.frame_xcom ul.xcom_news li a:hover h3 {
	color: #ddaa11;
}
div#main div.frame_xcom ul.xcom_news li.nav-more a  {
	padding: 10px 0 6px;
	text-align: center;
	height: 20px;
}