@charset "shift_jis";
/*------------------------------------------------------------------------------
	URL: http://www.ragnarokonline.jp/
	Date: 2009-0717
	(c) 2007 GungHo Online Entertainment, Inc. All Right Reserved.
------------------------------------------------------------------------------*/

/* Main
------------------------------------------------- */

*{margin:0px; padding:0px;}
body {
	font-size: 12px;
	line-height: 1.6em;
	color: #333333;
	background-color: #061534;
}
body#top {
	background-image: url(../img/top/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body#sec {
	background-image: url(../img/common/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #061637;
}



p {
	margin-bottom: 1.6em;
}
a {
	text-decoration: none;
	color: #003366;
}



img{
	border:none;
	outline:none;
vertical-align::bottom;	vertical-align: bottom;
}
.t10 {
	font-size: 10px;
	color: #0668B4;
}

.fl_le {
	float: left;
}
.fl_ri {
	float: right;
}
.clear {
	clear: both;
}

.center {
	text-align: center;
}
.impt {
	color: #990000;
}
#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


/*#top h1 {
	background-image: url(../img/top/jobimg.jpg);
	background-position: right top;
	height: 405px;
	width: 480px;
	padding-right: 520px;
}*/
#top div.bg {
	background-image: url(../img/top/jobimg2.jpg);
	background-position: right top;
	height: 405px;
	width: 1000px;
}
#top p.btn_dl {
	padding:310px 0 0 67px;
}
#top #btn_bn {
	background-image: url(../img/top/l_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 67px;
}
#top #btn_bn ul {
	background-image: url(../img/top/r_bg.jpg);
	background-repeat: no-repeat;
	padding-right: 67px;
	background-position: right top;
	height: 196px;
}
#top #btn_bn li {
	list-style-type: none;
	float: left;
}
#top #gnavi {
	background-image: url(../img/top/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 153px;
	height: 109px;
}
#sec #gnavi {
	background-image: url(../img/common/logo.jpg);
	background-position: left top;
	height: 109px;
	background-repeat: no-repeat;
}

#top #gnavi li {
	display: inline;
	float: left;
}
#sec #gnavi li {
	float: left;
	list-style-type: none;
}

#top #footer {
	background-image: url(../img/top/foot_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#sec #footer {
	background-image: url(../img/common/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 160px;
	clear: both;
}
#sec #footer .in_box {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	padding-top: 45px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#sec #contents {
	width: 949px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/cont_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#sec #cont {
	width: 728px;
	float: left;
	padding-left: 4px;
}
#sec .to_top {
	background-image: url(../img/common/to_top.gif);
	clear: both;
	background-repeat: no-repeat;
	padding-left: 625px;
	padding-bottom: 15px;
	margin-left: 10px;
	text-decoration: none;
	font-weight: bold;
	padding-top: 30px;
	background-position: 0px 30px;
}
#sec .pankz {
	background-image: url(../img/common/pankz.gif);
	background-repeat: repeat-x;
	padding: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
}
#sec #cont .in_box {
	margin-right: 20px;
	margin-left: 20px;
}
#sec .bn_box {
	background-image: url(../img/job_change/cp_bg.jpg);
	height:130px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 15px;
	margin-top:20px;
	padding-top:80px;
	padding-left:14px;
}
#sec #cont h2 {
	padding-top: 20px;
	clear: both;
}
#sec .cha_map td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	background-color: #fffcf0;
}
#sec .cha_map td.name {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	background-color: #ece0c4;
	font-weight: bold;
	color: #061637;
}
#sec #menu_box {
	width:215px;
	float:right;
	vertical-align: top;

}

/*about-----------------------------------------------*/
.about #contents {
	width: 949px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../img/about/cont_bg.gif) !important;
	background-repeat: repeat-y;
	background-position: left top;
}
.about #cont {
	width: 939px!important;
	float:none!important;
	padding-left: 4px;
}
.about #cont .in_box2 {
	margin-left: 20px;
	background-position:right top;
	background-image: url(../img/about/bg_01.jpg);
	background-repeat: no-repeat;
	height: 264px;
}
.about #cont .in_box2 p{
width:500px;
}
.about #cont h2 {
	padding:0 !important;
}
.about #cont .in_box3 {
	margin-left: 20px;
	background:url(../img/about/bg_02.jpg) no-repeat;
	background-position:right;
	height:276px;
}
/*renewal-----------------------------------------------*/
.renewal #cont .in_box {
	margin-left: 20px;
	margin-right: 20px;
}
.renewal #cont .coment {
	background:url(../img/renewal/bg_01.jpg) no-repeat;
	background-position:top left;
	min-height:100px;
	height: auto !important;
	height: 100px;
	padding-left:90px;
	padding-top:20px;
}
.renewal #cont .coment2 {
	background:url(../img/renewal/bg_02.jpg) no-repeat;
	background-position:top right;
	min-height:120px;
	height: auto !important;
	height: 120px;
	padding-right:90px;
	padding-top:20px;
}
.renewal #cont .coment3 {
	background:url(../img/renewal/bg_03.jpg) no-repeat;
	background-position:top left;
	min-height:40px;
	height: auto !important;
	height: 100px;
	padding-left:90px;
	padding-top:70px;
}
.renewal #cont .coment4 {
	background:url(../img/renewal/bg_04.jpg) no-repeat;
	background-position:top left;
	min-height:100px;
	height: auto !important;
	height: 100px;
	padding-left:90px;
	padding-top:20px;
}
.renewal #cont .coment5 {
	background:url(../img/renewal/bg_05.jpg) no-repeat;
	background-position:top left;
	min-height:100px;
	height: auto !important;
	height: 100px;
	padding-left:90px;
	padding-top:20px;
}
.renewal #cont .coment6 {
	background:url(../img/renewal/bg_06.jpg) no-repeat;
	background-position:top left;
	min-height:100px;
	height: auto !important;
	height: 100px;
	padding-left:90px;
	padding-top:20px;
	clear: both;
}
.renewal #cont .coment7 {
	background:url(../img/renewal/bg_07.jpg) no-repeat;
	background-position:top left;
	min-height:100px;
	height: auto !important;
	height: 100px;
	padding-left:90px;
	padding-top:20px;
}

.renewal #cont  .skill_00,.renewal #cont  dl.skill{ width:400px;margin:0 auto 20px auto; float:left;}
.renewal #cont  .skill_01,.renewal #cont .skill dt{background-color:#ece0c4; border:1px solid #bdb89d; padding:10px; width:400px;}
.renewal #cont  .skill_02,.renewal #cont  .skill dd{border:1px solid #bdb89d; border-top:none; background-color:#fffcf0; padding:10px; width:400px; margin-bottom:20px;}
.renewal #cont  .tit_01{font-weight:bold;padding-left:10px;}
.renewal #cont  .middle{ vertical-align:middle;}
#sec #gnavi .pagelogo {
	height: 109px;
	width: 153px;
}
#sec #gnavi .pagelogo a {
	text-indent: -9999px;
	display: block;
	height: 109px;
	width: 153px;
}
.vt{vertical-align:top;}

/*wallpaper-----------------------------------------------*/

.wallpaper #contents {
	width: 949px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../img/about/cont_bg.gif) !important;
	background-repeat: repeat-y;
	background-position: left top;
}
.wallpaper #cont {
	width: 939px!important;
	float:none!important;
	padding-left: 4px;
}
.wallpaper div.download{
	height:232px;
	float:left;
} 
.wallpaper div.download p{
	margin-top:84px;
	float:left;
} 

.wallpaper div.download img{
	margin-right:12px;
}