@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: #000;
}
body#top {
	background-image: url(../img/top/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:100%;
}
body#sec {
	background-position:center top;
	background-image:url(../img/outline/head.jpg)!important;
	background-repeat:no-repeat;
	background-color: #000;
	color:#FFFFFF;
}
div#gungho {
background:url("/img/news/common/header_bg.gif") no-repeat scroll right center #FFFFFF;
height:30px;
text-align:left;
width:100%;
}
#gungho {
height:30px;
}
#top #bottomBG {
background-image: url(../img/top/footer_bg.gif);
background-repeat: repeat-x;
background-position: center bottom;
width:100%;
}

#sec #bottomBG {
background-image: url(../img/top/footer_bg.gif);
background-repeat: repeat-x;
background-position: center bottom;
width:100%;
}

p {margin-bottom: 1.6em;}
a {text-decoration: none;color: #fff; text-decoration:underline;}
img{border:none;outline:none;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;}
.red{color:#9e3f3f;}
#top #container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/top/bg_mid.gif)!important;
	background-repeat:repeat-y !important;
     height: auto !important;   
     height: 100%;               
     position: relative;  
}
#sec #container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/outline/bg_mid.gif)!important;
	background-repeat:repeat-y !important;
}

#sec #container h1{
	width:100%;
	height:156px;
	margin-right: auto;
	margin-left: auto;
	background-position:center top;
	background-image:url(../img/outline/head2.jpg)!important;
	background-repeat:no-repeat;
	text-indent: -9999px;
}
#sec #container .text_i{text-indent:-9999px;}
#top #footer {
	background-position: left top;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
ul li{list-style:none; line-height:0;}
#top .btn li{float:left; display:block; height:198px;}
#top .top_about{
	background-image: url(../img/top/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:457px;
	width:877px;
}
#top .bg_news{background:url(../img/top/bg_news.jpg);
	background-repeat: no-repeat;
	float:right;
	height:240px;
	width:472px;
	padding-right:30px;
	position:relative;
}
#top .main{
	background-image: url(../img/top/bg_03.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	width:950px;
	padding-top:30px;
}
#top .bn{margin:0 auto; text-align:center; width:830px;}
#top .bn_l{	float: left;
width:405px;
}
#top .bn_r{	float: left;
padding-left:20px;
width:405px;
}
#top .cen{
	width:890px;
	margin:0 auto;
}
#top .top_about_text{
width:550px; float:left; padding-left:40px; padding-top:20px; color:#666666;
}
#top #footer .in_box {
	width: 900px;
	color: #333;
	padding-left:30px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.bold{font-weight:bold;}
.ml10{ margin-left:10px;}
.mt10{margin-top:10px;}
.line2{line-height:2; color:#cdbdd4; width:500px;}
#sec .box h3{margin-top:20px;}
/*------------------------------------------sec-------------------------------------------------------*/

#sec .main_img{ background:url(../img/outline/outline_mainimg.jpg) no-repeat; height:606px;}
#sec .out_img01{padding:400px 0 0 43px; float:left;}
#sec .out_img02{padding:400px 0 0 20px; float:left;}
#sec .out_img03{padding:125px 45px 100px 0; float:right;}
#sec .box{width:781px; margin:0 auto;}
#sec .naka{background:url(../img/outline/naka_mid.gif) repeat-y; width:898px; margin:0 auto; background-position:center top;}
#sec .btn li{float:left; display:block; height:50px;}
#sec #foot_bg{width:950px; height:75px; padding-top:35px; text-align:center; font-size:14px; color:#333;}
#sec #foot_bg a{color:#cdbdd4;}
#sec #foot_bg a:hover{color:#fff;}
#sec #link{width:780px; height:75px; padding-top:35px; text-align:center; font-size:14px; color:#333; margin:0 auto;}
#sec #link .a_link{
	width:590px;
	margin:0 auto;
}
/*#sec #link .a_link .link_text{width:250px; background:#333333; padding:10px; border:1px solid #666666; float:left;}*/
#sec #link .a_link .link_text_r a,
#sec #link .a_link .link_text a{
	width:230px;
	padding:10px 10px 10px 25px;
	border:1px solid #262626;
	float:left;
	background-color: #14121a;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #9D8CB6;
	text-decoration: none;
	background:url(../img/ash/list_img.gif) no-repeat;
	background-position:center  left;
	text-align:left;
}
#sec #link .a_link .link_text_r a:hover,
#sec #link .a_link .link_text a:hover{
	width:230px;
	padding:10px 10px 10px 25px;
	border:1px solid #414141;
	float:left;
	background-color: #3C354D;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #C8BED6;
	text-decoration: none;
}
#sec #link a{color:#666;}
#sec #link a:hover{color:#fff;}
#sec #footer {
	height: 100px;
	width:950px;
}
#sec #footer .in_box {
	width: 900px;
	margin:0 auto;
	color: #333;
	padding-left:50px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#sec .w780{width:780px;}