@charset "Shift-JIS";
/* 
------------------------------------------------------------
for knight server integration page
file name: integration.css
Author: M.Choi
create: 2009.11.05

======================= contents ===========================

   1: Browser-style reset
   2: for non-CSS
   3: column setting (layout only)
;
============================================================
*/
/* Browser-style reset
------------------------------------------------------------ */
html{
	margin: 0;
	padding: 0;
	}
body,th,td,h1,h2,h3 {
	font-family: "Arial","‚l‚r ‚oƒSƒVƒbƒN","Osaka";
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 1.3em;
	}
body {
	text-align: center;/* for ie6 bug */
	background-color:#232323;
	}
p,h1,h2,h3 {
	margin: 0;
	padding: 0;
	}	
/* a,label{
	cursor: pointer;
	} */
img {
	border:none;
	}
/* for non-CSS
------------------------------------------------------------ */
.aid {
	position: absolute;
	left: -9999px;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
/* general item style
------------------------------------------------------------ */
.img_css {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}

/* column setting (layout only)
------------------------------------------------------------ */
div.all{
	text-align: center;
	width:1000px;
	background-color:#000;
	margin: 0 auto 0 auto;
	}	
div.header {
	height:364px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/header.jpg) no-repeat;
	}
div.body_area {
	width:900px;
	margin: 0 auto 0 auto;
	}
div.clause {
	height: 90px;/* 38 */
	width: 892px;/* 900 */
	text-align:left;
	border:solid #5e0000 1px;
	padding:13px 0 0 8px;
	margin-bottom: 20px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/ttl_bg.jpg) repeat-x;
	}
* html div.clause {
	height: 103px;
	width: 900px;	
	}
div.num02 {
	height: 180px;/* 110*/
	}
div.num03 {
	height: 1950px;/* 110*/
	}
div.num04 {
	height: 510px;/* 110*/
	}				
h3.ttl {
	height: 14px;
	width: 113px;
	}
h3.date {
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/ttl_date.gif) no-repeat;
	}	
h3.server {
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/ttl_server.gif) no-repeat;
	}
h3.servername{
	width: 127px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/ttl_servername.gif) no-repeat;
	}
h3.attention{
	width: 188px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/ttl_attention.gif) no-repeat;
	}
h3.faq{
	width: 176px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/ttl_faq.gif) no-repeat;
	}			
div.txt {
	height: 11px;
	margin:36px 0 0 29px;
	}
div.date {
	width: 200px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/txt_date.gif) no-repeat;
	}		
div.server {
	width: 207px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/txt_server.gif) no-repeat;
	}
div.servername {
	width: 763px;
	height: 28px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/txt_servername.gif) no-repeat;
	}	
div.faq_list {
	width: 827px;
	height: 455px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/faq_list.gif) no-repeat;
	}	
a.btn_contribution {
	width: 298px;
	height: 56px;
	margin: 20px auto 20px 280px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/btn_contribution.jpg) no-repeat;
	}
a.btn_contribution:hover {
	background-position:0 -56px;
	}
div.btn_area {
	height: 39px;
	position: relative;
	margin:25px 0 10px 0;
	}	
a.attention {
	width: 131px;
	height: 39px;
	position: absolute;
	}
a.btn_01 {	
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/btn_01.gif) no-repeat;
	}
a.btn_02 {
	width: 79px;
	left: 133px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/btn_02.gif) no-repeat;
	}		
a.btn_03 {
	left: 214px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/btn_03.gif) no-repeat;
	}
a.btn_04 {
	width: 297px;
	left: 347px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/btn_04.gif) no-repeat;
	}
a.btn_05 {
	width: 237px;
	left: 646px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/btn_05.gif) no-repeat;
	}
a.btn_01:hover,	
a.btn_02:hover,	
a.btn_03:hover,	
a.btn_04:hover,
a.btn_05:hover {
	background-position:0 -39px;
	}
h4.att {
	width: 363px;
	height: 29px;
	}
h4.att_01 {
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/att_01.gif) no-repeat;
	}
h4.att_02 {
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/att_02.gif) no-repeat;
	}
h4.att_03 {
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/att_03.gif) no-repeat;
	}
h4.att_04 {
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/att_04.gif) no-repeat;
	}
h4.att_05 {
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/att_05.gif) no-repeat;
	}
div.att {
	width: 827px;
	margin-left:30px;
	}
div.img_01 {
	height: 720px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/list_01.gif) no-repeat;
	}
div.img_02 {
	height: 119px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/list_02.gif) no-repeat;
	}
div.img_03 {
	height: 119px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/list_03.gif) no-repeat;
	}
div.img_04 {
	height: 186px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/list_04.gif) no-repeat;
	}
div.img_05 {
	height: 369px;
	margin-bottom:30px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/list_05.gif) no-repeat;
	}
p.footer {
	width:289px;
	height:56px;
	margin: 0 auto;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/copyright.gif) no-repeat;
	}
/* box
------------------------------------------------------------ */
/* commmon */
div#box_all{
	text-align: left;
	position: relative;
	width:580px;
	height:450px;
	margin: 0 auto 0 auto;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/box_bg.gif) no-repeat;
	}
a.img_close {
	width:19px;
	height:19px;
	position:absolute;
	top:15px;
	right:10px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/box_close.gif) no-repeat;
	}
a.img_close:hover {
	background-position:0 -19px;
	}
input.serial {
	width: 200px;
	height: 18px;
/* 	background: transparent; */
	border: none;
	position: absolute;
	left: 190px;
	top: 300px;
	}
a.btn_box {
	width:225px;
	height:32px;
	position:absolute;
	bottom:40px;
	left:180px;
	background: url(http://image.mgame.jp/new_rpg/knight_design/event/091105_integration/btn_box.gif) no-repeat;
	}
a.btn_box:hover {
	background-position:0 -32px;
	}