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

/* Main
------------------------------------------------- */
.alignLeft   { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight  { text-align: right !important; }


.clearfix:after,
div#header:after,
div#empathySet:after,
div#empathy:after,
div#social:after,
div#mainContent:after,
div.punkz:after,
div.praBox:after,
div#columnArea:after,
div#pickupContents:after,
div#featureContents:after,
div#infoContents:after,
div.matchArchive:after,
div.localNavi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
div#header,
div#empathySet,
div#empathy,
div#social,
div#mainContent,
div.punkz,
div.praBox,
div#columnArea,
div#pickupContents,
div#featureContents,
div#infoContents,
div.matchArchive,
div.localNavi {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix,
* html div#header,
* html div#empathySet,
* html div#empathy,
* html div#social,
* html div#mainContent,
* html div.punkz,
* html div.praBox,
* html div#columnArea,
* html div#pickupContents,
* html div#featureContents,
* html div#infoContents,
* html div.matchArchive,
* html div.localNavi
 {height: 1%;}
.clearfix,
div#header,
div#empathySet,
div#empathy,
div#social,
div#mainContent,
div.punkz,
div.praBox,
div#columnArea,
div#pickupContents,
div#featureContents,
div#infoContents,
div.matchArchive,
div.localNavi

 {display: block;}
/* End hide from IE-mac */

body{
	font-size:77%;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

	}
body { 

	line-height:1.4 !important;
}
a {
	color:#bc471f;
}
a:link {
}
a:visited {
	color:#bc471f;
}
a:hover {
	color:#bc471f;
}
a:active {
}




}
/*
font space
---------------------------------------------------*/
#footer{
	padding:1em;
	
}

.floatLeft{
	float:left;
	margin:0 10px 0 0;
}
.floatRight{
	float:right;
	margin:0 0 0 10px;
}
.marginBtm1em{
	margin:0 0 1em 0;
}
.marginBtm2em{
	margin:0 0 2em 0;
}
.marginLeft10{
	margin:0 0 0 10px;
}
.marginRight4{
	margin:0 4px 0 0;
}
.marginRight10{
	margin:0 10px 0 0;
}
.marginRight18{
	margin:0 18px 0 0;
}
.marginBoth20{
	margin:0 20px;
}
.marginRight30{
	margin:0 30px 0 0;
}
.fontReset{
	font-size:77%;
	font-weight:normal;
	color:#333;
}

.fontBold{
	font-weight:bold;
}
.fontRed{
	color:#bc471f;
}