@charset "shift_jis";


/*------------------------------------------------------------------------------
	URL: http://www.ragnarokonline.jp/
	Date: 2011-0511
	(c) 2007 GungHo Online Entertainment, Inc. All Right Reserved.
------------------------------------------------------------------------------*/


/* guild.html ------------------------------------------------- */

#guild_pageLink {
	margin: 0 0 30px 30px;
	padding: 10px 14px;
	border: 1px solid #5489cb;
	background: #ecf7ff;
}

#guild_pageLink ul li{
	float: left;
	width: 192px;
	padding: 4px 0;
	text-align: left;
}

div.guild_list {
	width: 610px;
}

div.guild_list div {
	float: left;
	width: 280px;
}

div.guild_list table#data {
	float: right;
	width: 320px;
	border: 1px solid #bbb;
}

div.guild_list table#data th {
	padding: 8px;
	border: 1px solid #bbb;
	background-color: #e6e6e6;
	white-space: nowrap;
	text-align: center;
}

div.guild_list table#data td {
	width: 100%;
	padding: 8px;
	border: 1px solid #bbb;
}

div.guild_list table#data tr.guild_name th {
	padding: 12px 8px;
	background-color: #c9e5fc;
	font-weight: bold;
}

div.guild_list table#data tr.guild_name td {
	padding: 12px 8px;
	background-color: #c9e5fc;
	font-weight: bold;
}

div.guild_list table#data td table td,
div.guild_list table#data td table th {
	width: auto;
	padding: 1px 6px 1px 0;
	border-style: none;
	background-color: #fff;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

dl.interview {
	margin-top: 10px;
	border-top: 1px dotted #ccc;
}

dl.interview dt {
	margin-top: 10px;
	padding: 4px 4px 4px 20px;
	background: #eceff3 url(../images/q.gif) no-repeat 4px 50%;
	color: #2655a6;
	font-weight: bold;
	line-height: 1;
}

dl.interview dd table {
	margin: 5px 0 0 10px;
}

dl.interview dd table th {
	padding-right: 10px;
	color: #69f;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
}


/* porin/xxx ------------------------------------------------- */

h3#poring_title {
	margin: 0 20px 4px 20px;
}

h4#poring_lead {
	margin: 0 20px;
	padding: 0;
	border-style: none;
	background-color: #fff;
}

#poring_container {
	position: relative;
	width: 920px;
	margin-left: 20px;
	padding-top: 355px;
	background: url(../images/poring/bg.jpg) no-repeat 0 0;
	text-align: left;
}

a#pics_back {
	position: absolute;
	top: 29px;
	right: 0;
}

#poring_left {
	float: left;
	width: 640px;
	padding-top: 20px;
}

#poring_left strong {
	font-weight: bold;
}

#poring_left h4 {
	margin-top: 30px;
}

#poring_left p {
	line-height: 1.5 !important;
}

#poring_right {
	float: right;
	width: 260px;
}

#poring_right a#tweet_btn {
	display: block;
	width: 226px;
	height: 64px;
	margin: 0 0 6px 18px;
	background: url(../images/poring/tweet.gif) no-repeat 0 0;
	outline: 0;
	text-indent: -9999px;
}

#poring_right a#tweet_btn:hover {
	background-position: 0 -64px;
}

p#tweet_btn_note {
	margin: 0 0 30px 0;
	color: #100e0a;
	font-size: 11px;
	text-align: center;
	line-height: 1;
}

#poring_right a#follow_btn {
	display: block;
	width: 224px;
	height: 32px;
	margin: 10px 0 20px 18px;
	background: url(../images/poring/follow.gif) no-repeat 0 0;
	outline: 0;
	text-indent: -9999px;
}

#poring_right a#follow_btn:hover {
	background-position: 0 -32px;
}

p#tweet_btn_note a {
	color: #fff;
}

a#prev_pic,
a#next_pic {
	position: absolute;
	display: block;
	top: 291px;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
	outline: 0;
	text-indent: -9999px;
}

a#prev_pic:hover,
a#next_pic:hover {
	background-position: 0 -45px;
}

a#prev_pic.disabled,
a#next_pic.disabled {
	background-position: 0 -90px;
	cursor: default;
}

a#prev_pic {
	left: 13px;
	background-image: url(../images/poring/prev.gif);
}

a#next_pic {
	left: 348px;
	background-image: url(../images/poring/next.gif);
}

#arrow {
	position: absolute;
	top: 55px;
	left: 559px;
	width: 100px;
	height: 18px;
	background: url(../images/poring/arrow.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#pic {
	position: absolute;
	top: 13px;
	left: 13px;
	width: 380px;
	height: 270px;
}

ul#pics {
	display: none;
}

#msg {
	position: absolute;
	top: 300px;
	left: 69px;
	width: 268px;
	height: 34px;
	line-height: 1.2;
	text-align: center;
}

#pref_from {
	position: absolute;
	top: 50px;
	left: 428px;
	width: 120px;
	height: 30px;
	background: url(../images/poring/pref_txt.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#pref_to {
	position: absolute;
	top: 50px;
	left: 668px;
	width: 120px;
	height: 30px;
	background: url(../images/poring/pref_txt.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#map div {
	position: absolute;
	top: 55px;
	left: 559px;
	width: 38px;
	height: 38px;
	background: url(../images/poring/pref_img.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#map #p0 { top: 251px; left: 822px; }
#map #p1 { top: 251px; left: 862px; }
#map #p2 { top: 211px; left: 862px; }
#map #p3 { top: 171px; left: 822px; }
#map #p4 { top: 171px; left: 862px; }
#map #p5 { top: 131px; left: 862px; }
#map #p6 { top: 91px; left: 862px; }
#map #p7 { top: 51px; left: 862px; }
#map #p8 { top: 6px; left: 862px; }
#map #p9 { top: 91px; left: 822px; }
#map #p10 { top: 131px; left: 822px; }
#map #p11 { top: 131px; left: 782px; }
#map #p12 { top: 171px; left: 782px; }
#map #p13 { top: 211px; left: 742px; }
#map #p14 { top: 171px; left: 742px; }
#map #p15 { top: 131px; left: 702px; }
#map #p16 { top: 171px; left: 702px; }
#map #p17 { top: 131px; left: 662px; }
#map #p18 { top: 171px; left: 662px; }
#map #p19 { top: 171px; left: 622px; }
#map #p20 { top: 211px; left: 582px; }
#map #p21 { top: 171px; left: 582px; }
#map #p22 { top: 171px; left: 542px; }
#map #p23 { top: 211px; left: 502px; }
#map #p24 { top: 171px; left: 502px; }
#map #p25 { top: 171px; left: 457px; }
#map #p26 { top: 171px; left: 417px; }
#map #p27 { top: 211px; left: 417px; }
#map #p28 { top: 251px; left: 417px; }
#map #p29 { top: 291px; left: 417px; }
#map #p30 { top: 251px; left: 457px; }
#map #p31 { top: 211px; left: 457px; }
#map #p32 { top: 256px; left: 537px; }
#map #p33 { top: 296px; left: 537px; }
#map #p34 { top: 296px; left: 577px; }
#map #p35 { top: 256px; left: 577px; }
#map #p36 { top: 211px; left: 542px; }
#map #p37 { top: 211px; left: 622px; }
#map #p38 { top: 251px; left: 622px; }
#map #p39 { top: 211px; left: 662px; }
#map #p40 { top: 251px; left: 662px; }
#map #p41 { top: 211px; left: 702px; }
#map #p42 { top: 251px; left: 742px; }
#map #p43 { top: 251px; left: 782px; }
#map #p44 { top: 211px; left: 782px; }
#map #p45 { top: 211px; left: 822px; }


/* support.html ------------------------------------------------- */

h3#support_title {
	margin: 0 20px 30px 20px;
}

h4#support_lead {
	margin: 0 20px 30px 20px;
	padding: 0;
	border-style: none;
	background-color: #fff;
}

#support_container {
	width: 920px;
	margin-left: 20px;
	text-align: left;
}

#support_container h4 {
	margin: 30px 0 10px 0;
}

#support_container a#button {
	display: block;
	width: 426px;
	height: 64px;
	margin: 30px 0 20px 247px;
	background: url(../images/support/button.gif) no-repeat 0 0;
	outline: 0;
	text-indent: -9999px;
}

#support_container a#button:hover {
	background-position: 0 -64px;
}

table#guild {
	border: 1px solid #bbb;
}

table#guild th {
	padding: 4px 8px;
	border: 1px solid #bbb;
	background-color: #e6e6e6;
	white-space: nowrap;
}

table#guild td {
	padding: 4px 8px;
	border: 1px solid #bbb;
}

#support_container strong {
	font-weight: bold;
}

#support_container #message {
	position: relative;
	width: 920px;
	height: 190px;
	margin-top: 30px;
	background: url(../images/support/message.gif) no-repeat 0 0;
}

#support_container #message p {
	display: none;
}

#support_container #message a {
	display: block;
	position: absolute;
	left: 547px;
	top: 123px;
	width: 270px;
	height: 44px;
	background: url(../images/support/msg_btn.gif) no-repeat 0 0;
	outline: 0;
	text-indent: -9999px;
}

#support_container #message a:hover {
	background-position: 0 -44px;
}

h4#details {
	padding: 30px 0 10px 0;
	border-style: none;
	border-top: 3px solid #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #fff;
	color: #333;
}


/* song.html ------------------------------------------------- */

h3#song_title {
	margin: 0 20px 10px 20px;
}

#support_container #stage {
	position: relative;
	width: 920px;
	height: 550px;
	margin: 20px 0;
	background: url(../images/song/stage.jpg) no-repeat 0 0;
}

#support_container #stage h6 {
	display: none;
}

#support_container #stage p {
	position: absolute;
}

#support_container #stage p#stage_1 {
	width: 290px;
	height: 130px;
	left: 440px;
	top: 64px;
}

#support_container #stage p#stage_2 {
	width: 320px;
	height: 130px;
	left: 22px;
	top: 404px;
}


/* cosplay.html ------------------------------------------------- */

h3#cosplay_title {
	margin: 0 20px 10px 20px;
}

#support_container .pics {
	margin-top: 10px;
	padding: 10px;
	background-color: #e8ecef;
	text-align: center;
}

#support_container dl#ragcolle {
	margin-top: 10px;
	padding: 10px;
	border: 3px solid #e8ecef;
}

#support_container dl#ragcolle dt {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #c8cfd3;
	font-weight: bold;
}

#support_container dl#ragcolle dd {
	margin: 4px 0 0 20px;
}

#support_container dl#ragcolle dd th {
	padding-right: 1em;
}

#support_container dl#ragcolle dd li {
	padding-left: 1em;
	text-indent: -1em;
}

h4#omake_head {
	width: 920px;
	height: 80px;
	margin: 30px 0 0 0;
	padding: 0;
	border-style: none;
	background: url(../images/cosplay/omake_head.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#omake_body {
	margin-left: 20px;
	padding: 10px 20px 20px 20px;
	border-bottom: 3px solid #cabe9d;
	background: url(../images/cosplay/omake_bg.gif) repeat-y;
}

#omake_body dt {
	margin-top: 10px;
	padding: 6px;
	background-color: #6c9ada;
	color: #fff;
	font-size: larger;
	font-weight: bold;
}

#omake_body dd {
	margin: 10px 0 0 20px;
}

#omake_body dd #cardbox {
	margin-top: 10px;
	padding: 20px 10px 10px 170px;
	border: 1px solid #ccc;
	background: url(../images/cosplay/cardbox.gif) no-repeat 10px 10px #fff;
}

#omake_body dd #cardbox p {
	height: 123px;
}

#omake_body dd.step {
	height: 170px;
	padding: 10px 0 0 260px;
	background-repeat: no-repeat;
}

#omake_body dd#step_1 {
	background-image: url(../images/cosplay/omake_1.jpg);
}

#omake_body dd#step_2 {
	background-image: url(../images/cosplay/omake_2.jpg);
}

#omake_body dd#step_3 {
	background-image: url(../images/cosplay/omake_3.jpg);
}

#omake_body dd#step_4 {
	background-image: url(../images/cosplay/omake_4.jpg);
}

#omake_body dd#step_5 {
	background-image: url(../images/cosplay/omake_5.jpg);
}

#omake_body dd .caption {
	margin-top: 10px;
	padding: 10px 10px 10px 20px;
	background: url(../images/cosplay/caption_bg.gif) no-repeat left center;
}

#omake_body dd li {
	margin-bottom: 4px;
	padding-left: 1em;
	text-indent: -1em;
}

#omake_body dd li span {
	color: #cabe9d;
}


/* highlight.html ------------------------------------------------- */

.nicovideo {
	width: 485px;
	height: 385px;
	margin: 0 auto;
	padding: 4px;
	border: 1px solid #ccc;
}


/* contenst.html ------------------------------------------------- */

#contest_2010 {
	margin: 30px 0 0 0;
	padding: 5px;
	border: 1px solid #e6e6e6;
}

#contest_2010_inner {
	padding: 20px;
	background-color: #eee8da;
}

#contest_2010 h4 {
	margin-top: 0;
	background-color: #6c685c;
	text-align: center;
}

#contest_2010 h5 {
	margin-top: 30px;
	padding: 6px 0;
	border: 1px solid #c6c2bc;
	background-color: #fff;
	color: #6c685c;
	text-align: center;
	line-height: 1;
}

#contest_2010 .thumbnails {
	margin-top: 10px;
	text-align: center;
}