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

/* Formatting Reset
------------------------------------------------- */
*{
	margin:0;
	padding:0;
	font-style:normal;
	text-align:left;
	line-height:1em;
	}

/* Share Style
------------------------------------------------- */
body{
	background: url("images_main/bg.jpg") center top no-repeat #3D0101;
	color:#333300;
	font-size:12px;
	font-family:
		"‚l‚r ‚oƒSƒVƒbƒN",
		Osaka,
		Sans-Serif;
		text-align:center;
	}

img {border:0;}

/* Link Color
------------------------------------------------- */
a {
	color: #ff6600;
	font-family:
		"‚l‚r ‚oƒSƒVƒbƒN",
		Osaka,
		Sans-Serif;
	text-decoration: underline;
	}

a:hover {
	color: #996666;
	font-family:
		"‚l‚r ‚oƒSƒVƒbƒN",
		Osaka,
		Sans-Serif;
	text-decoration: underline;
	}

/* container
------------------------------------------------- */
div#container{
	width: 800px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}

/* header
------------------------------------------------- */
#header{
	height:350px;
	}

#header h1{
	text-indent: -9999px;
	}


#bg{
	width: 800px;
	}
/* main
------------------------------------------------- */
#main{
	float:left;
	width:360px;
	margin-top:20px;
	margin-left:25px;
	}

h2{
	width:360px;
	height:30px;
	margin-bottom:10px;
	text-indent:-9999px;
	}

h2.h2_01{background: url("images_main/h2.gif") no-repeat 0 0;}
h2.h2_02{background: url("images_main/h2.gif") no-repeat 0 -30px;}
h2.h2_03{background: url("images_main/h2.gif") no-repeat 0 -60px;}

#testplay{
	margin:20px;
	}

#testplay h2{
	background:url("images_main/h2_testplay.gif") no-repeat 0 0;
	width:580px;
	height:50px;
	margin-bottom:10px;
	text-indent:-9999px;
	}

#testplay p{
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	margin:20px 0 20px 15px;
	}

p{
	font-size:12px;
	line-height:16px;
	color:#0128a7;
	}

p.kome {
	display: block;
	padding-left:1em;
	background: url(images_main/kome.gif) no-repeat left top;
	color: #FFFFFF;
	font-size:10px;
	}

#campain{
	background: url("images_main/campain_bg.gif") no-repeat 0 0;
	width:360px;
	height:200px;
	margin-top:10px;
	text-indent:-9999px;
	}

#days{
	float:left;
	display:block;
	width:100px;
	height:80px;
	margin-top:120px;
	margin-left:15px;
	text-indent: -9999px;
	}

#days a{
	display:block;
	width:100px;
	height:80px;
	}

#campain ul{
	float:right;
	list-style-type: none;
	margin-top:80px;
	}

#campain li {
	display:block;
	margin:0px;
	width: 219px;
	height: 40px;
	text-indent: -9999px;
	}

#campain li a{
	display:block;
	width: 219px;
	height: 40px;
	}

#campain li.campain_menu01 a{background: url("images_main/campain_menu.gif") no-repeat 0 0;}
#campain li.campain_menu01 a:hover{background: url("images_main/campain_menu.gif") no-repeat -219px 0;}

#campain li.campain_menu02 a{background: url("images_main/campain_menu.gif") no-repeat 0 -40px;}
#campain li.campain_menu02 a:hover{background: url("images_main/campain_menu.gif") no-repeat -219px -40px;}

#campain li.campain_menu03 a{background: url("images_main/campain_menu.gif") no-repeat 0 -80px;}
#campain li.campain_menu03 a:hover{background: url("images_main/campain_menu.gif") no-repeat -219px -80px;}
#campain li.campain_menu03_close{background: url("images_main/campain_menu.gif") no-repeat 0 -120px;}

#ss li{
	display:inline;
	}

#ss img{
	margin-right:5px;
	border:1px solid #FFF;
	}

#wp img{
	border:1px solid #FFF;
	}

#wp dt{
	margin-top:20px;
	text-align:center;
	}

#wp dd{
	display:inline;
	color: #FFFFFF;
	font-size:12px;
	text-align:center;
	margin:10px 0 10px 60px;
	}

#repo ul{
	margin-left:20px;
	}

#repo li{
	display:inline;
	}

#repo img{
	margin-right:5px;
	margin-bottom:10px;
	}

#clear{clear:both;}

/* right
------------------------------------------------- */
#right{
	float:right;
	margin-top:20px;
	}

#right dl{
	width:160px;
	margin-right:10px;
	}

#right dd{
	margin:0;
	padding-bottom:10px;
	}

/* menu
------------------------------------------------- */
#menu{
	float:left;
	margin-top:20px;
	margin-left:30px;
	}

#menu ul{
	list-style-type: none;
	}

#menu li {
	display:block;
	margin:0px;
	width: 180px;
	height: 40px;
	margin-bottom:5px;
	text-indent: -9999px;
	}

#menu li a{
	display:block;
	width: 180px;
	height: 40px;
	}

#menu li.menu01 a{background: url("images_main/menu.gif") no-repeat 0 0;}
#menu li.menu01 a:hover{background: url("images_main/menu.gif") no-repeat -180px 0;}
#menu li.menu01_close{background: url("images_main/menu.gif") no-repeat -360px 0;}

#menu li.menu02 a{background: url("images_main/menu.gif") no-repeat 0 -40px;}
#menu li.menu02 a:hover{background: url("images_main/menu.gif") no-repeat -180px -40px;}

#menu li.menu03 a{background: url("images_main/menu.gif") no-repeat 0 -80px;}
#menu li.menu03 a:hover{background: url("images_main/menu.gif") no-repeat -180px -80px;}

#menu li.menu04 a{background: url("images_main/menu.gif") no-repeat 0 -120px;}
#menu li.menu04 a:hover{background: url("images_main/menu.gif") no-repeat -180px -120px;}

#menu li.menu05 a{background: url("images_main/menu.gif") no-repeat 0 -160px;}
#menu li.menu05 a:hover{background: url("images_main/menu.gif") no-repeat -180px -160px;}

/* footter
------------------------------------------------- */
#footter{
	width:800px;
	color: #FFFFFF;
	font-size:10px;
	line-height:12px;
	margin-left:20px;
	margin-bottom:10px;
	}

#footter_repo{
	width:620px;
	margin-left:20px;
	margin-bottom:10px;
	}

#footter_repo p{
	color: #FFFFFF;
	font-size:10px;
	line-height:12px;
	}

#close_btn{
	clear:both;
	margin: 0 auto;
	padding:20px 0;
	text-align:center;
	}