@charset "Shift_JIS";

/* base
------------------------*/

* {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	border: none;
}

body {
	margin: 0 40px;
	padding: 0;
	color: #333;
	background: #e5e5e5 url(./img/bg.jpg) no-repeat center top;
	background-attachment: fixed; 
	text-align: center;
}

a:link, a:visited {
	padding: 0 2px;
	color: #000;
	text-decoration: none;
}
a:active, a:hover {
	padding: 0 2px;
	color: #fff;
	background: #000;
	text-decoration: none;
}

a img { border: none; }

/* structure
------------------------*/

#header {
	margin: 0 auto;
	width: 870px;
	height: 70px;
	text-align: left;
}

h1 {
	width: 160px;
	height: 70px;
	float: right;
	background: #fff;
}

h1 img {
	position: relative; 
	top: 23px; 
}

h1 a {
	display:block;
}
h1 a:active, h1 a:hover {
	display:block;
	background: #fff;
}

#main {
	margin: 0 auto;
	width: 870px;
	text-align: left;
}

#navi {
	margin: 10px 0 0;
	width: 160px;
	height: 240px;
	float: right;
	background: #fff;
}

.contents {
	float: left;
	margin: 10px 0 0;
	padding: 5px 0 10px;
	width: 700px;
	background: #fff;
}

#home_footer {
	clear: both;
	margin: 0 auto 30px;
	width: 870px;
	text-align: left;
}

#footer {
	clear: both;
	margin: 0 auto 30px;
	width: 870px;
	background: url(./img/footerline.gif) repeat-y;
	text-align: left;
}

#home_footer p, #footer p {
	padding: 10px 0 0 710px;
	font-size: 9px;
	line-height: 160%;
	color: #fff;
}

@media print {
	#main { width: 700px; }
	#header { width: 700px; }
	#navi { display:none; }
	#home_footer { display:none; }
	#footer { display:none; }
}

/* navi
------------------------*/

ul {
	list-style: none;
}

#menu {
	padding: 15px;
	line-height: 150%;
}

.menuss {
	line-height: 400%;
}

#m_selected {
	padding: 0 2px;
	color: #fff;
	background: #000;
}

/* contents
------------------------*/

h2 {
	padding: 30px 0 25px 40px;
}

h2 img {
	padding: 0 1px 0 0;
}

.portfolio {
	padding: 0 0 10px 40px;
	line-height: 120%;
	color: #bbb;
}

.clear {
	clear: both;
}

.title {
	color: #000;
}

.sp {
	clear: both;
	height: 20px;
}

/* contents _web
------------------------*/

.web_box {
	float: left;
	margin: 0 24px 20px 0;
	width: 190px;
}

.web_imgbg {
	margin: 0 0 4px;
	padding: 5px;
	background: #eee;
	text-align: center;
}

.wsp {
	clear: both;
	height: 5px;
}


/* contents _game
------------------------*/

.game_box {
	clear: both;
	margin: 10px 0 30px;
	width: 620px;
}

.game_imgbg {
	margin: 0 0 4px;
	padding: 8px;
	background: #eee;
}

.game_imgbg img {
	margin: 4px;
	border: 1px #fff solid;
}

/* contents _misc
------------------------*/

.logo_box {
	float: left;
	margin: 0 8px 25px 0;
	width: 202px;
}

.logo_imgbg {
	margin: 0 0 4px;
	border: 1px #ddd solid;
	text-align: center;
}

.misc4 img {
	margin: 0 5px 4px 0;
	padding: 1px;
	border: 1px #ddd solid;
}

#misc {
	padding: 0 0 20px 40px;
	line-height: 160%;
	color: #bbb;
}

.misctit {
	padding: 0 0 20px 0;
	font-weight: bold;
	color: #999;
}


/* about
------------------------*/

#about {
	float: left;
	margin: 10px 0 0;
	width: 700px;
	background: #fff;
}

#about p {
	padding: 70px 50px 65px;
}

.about_e {
	font-size: 10px;
	color: #bbb;
}

#addtable {
	margin: 20px 0 0;
	border-collapse: collapse;

}

#addtable th {
	padding: 6px 8px 4px 0;
	text-align: right;
	vertical-align: top;
	border-right: 1px #333 solid;
	border-bottom: 15px #fff solid;
	font-weight: bold;
}

#addtable td {
	padding: 4px 0px 4px 8px;
	text-align: left;
	vertical-align: top;
	border-bottom: 15px #fff solid;
	font-size: 11px;
	line-height: 140%;
}
#addtable td a {
	font-size: 11px;
}

.about_memb  {
	text-align: left;
	vertical-align: top;
	border-right: 1px #333 solid;
	width: 110px;
}

#recruitimg {
	padding: 30px 0 10px 40px;
}
#recruit {
	padding: 0 0 5px 40px;
	font-size: 11px;
	line-height: 150%;
}