﻿@charset "UTF-8";
@import url("/css/event.css");
/*------------------------------------------------------------------------------
	URL: http://www.ragnarokonline.jp/
	Date: 2007-06-26
	(c) 2007 GungHo Online Entertainment, Inc. All Right Reserved.
------------------------------------------------------------------------------*/

/* Main
------------------------------------------------- */
div#container{ /*本文エリアの幅指定*/
	width: 900px;
	background:#ffffff;
}

div#contents{
	background:url(images/bg.gif) repeat-y;

}

h1.header01{
	height:269px;
	background: url("images/header_01.jpg");
	text-indent: -9999px;
}
h1.header01 a{
	height:269px;
	width: 900px;
	text-indent: -9999px;
	display:block;
	overflow:hidden;
}

h1.header02{
	height:250px;
	background: url("images/header_02.jpg");
	text-indent: -9999px;
}

#main_top{
	width:900px;
	background: url("images/main_top01.jpg") no-repeat right top;
}
#main{
	width:660px;
	float:right;
	background: url("images/main_top.gif") no-repeat right top;
}
#main_top_in{
	width:665px;
	float:right;
}

#menu{
	width:232px;
	height:404px;
	float:left;
}
#menu ul{
	width:202px;
	margin:0px 0px 0px 26px;
}
#menu li{
	width:202px;
	list-style:none;
	display:block;
	overflow:hidden;
}
#menu li a{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.menu01,
.menu02,
.menu03,
.menu04{
	width:202px;
}
.menu01{background: url("images/menu.gif") no-repeat 0px 0px; height:64px;}
.menu02,
.menu03{background: url("images/menu.gif") no-repeat 0px -11px; height:53px;}
.menu04{background: url("images/menu.gif") no-repeat 0px -115px; height:64px;}
.menu01 a{height:64px; padding-top:32px;}
.menu01 a:hover{background: url("images/menu.gif") no-repeat -202px 0px;}
.menu02 a{height:53px; padding-top:22px;}
.menu02 a:hover{background: url("images/menu.gif") no-repeat -202px -11px;}
.menu03 a{height:53px; padding-top:15px;}
.menu03 a:hover{background: url("images/menu.gif") no-repeat -202px -11px;}
.menu04 a{height:64px; padding-top:15px;}
.menu04 a:hover{background: url("images/menu.gif") no-repeat -202px -115px;}

.main_top {
	height:217px;
	background: url("images/main_top.jpg");
}

.main_foot {
	width:900px;
	height:159px;
	background: url("images/main_foot.gif") no-repeat center bottom;
}

h2{
	margin: 0px 45px 10px 45px;
}

h3.sc{
	height: 18px;
	background: url(images/ico_h3.gif) no-repeat left top;
	margin: 0px 0 12px 0;
	padding: 4px 0 0 30px;
	display: block;
	text-align: left;
}

h3.ev{
	height: 18px;
	background: url(images/ico_h3ev.gif) no-repeat left top;
	margin: 0px 0 12px 0;
	padding: 4px 0 0 30px;
	display: block;
	text-align: left;
}

h3.at{
	height: 18px;
	background: url(images/ico_h3at.gif) no-repeat left top;
	margin: 0px 0 12px 0;
	padding: 4px 0 0 30px;
	display: block;
	text-align: left;
}


hr {
	clear: both;
	margin: 16px 0;
	size: 1px;
	color:#622500;
}

.main {
	width: 640px;
	margin-left: 30px;
	

}

.entry_box{
	width:500px;
	margin:0 70px 10px 70px;
}

.entry_box2{
	width:500px;
	margin:0px 70px 10px 70px;
	padding-top: 150px;
}

.entry_box p {
	margin-bottom: 10px;
	font-size:12px;
	line-height:1.5;
}

.ss_right {
	float: right;
	margin-left: 8px;
}

.ss_left {
	float:left;
	margin-right: 8px;
}


.goto_head{
	margin-top:10px;
	padding-right:50px;
	text-align:right;
}

/* Event
------------------------------------------------- */
h3.ny{
	margin:5px 0;
}

.entry{
	width:577px;
	margin:0 0 10px 20px;
}

dl#ev_list{
	
}

dl#ev_list dt{
	clear:both;
	height:30px;
	padding:15px 0 0 3em;
	font-weight:bold;
	background: url("./ny_img/dt_bg.gif") no-repeat;
}

dl#ev_list dd{
	padding-left:2em;
	padding-bottom:50px;
	line-height:1.4;
}

dl#ev_list dd img{
	margin:5px;
}

table.char_list{
	width:300px;
	margin-top:5px;
	font-size:12px;
}

table.char_list th{
	padding:0 5px;
	vertical-align: top;
}

table.char_list td{
	padding:0 5px;
	line-height:1.4;
}
