html body {
	margin: 0;
	padding: 0;
	font:small "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana,Sans-serif;
	font-size:small;
	background-color:#eef;
}
html>body {
	font-size:normal;
}

/* リンク */
a:link, a:visited {
  border-bottom:1px dotted #33f;
  color:#33f;
  text-decoration:none;
  }
a:visited {
  border-bottom-color:#969;
  color:#939;
  }
a:hover {
  border-bottom:1px solid #f60;
  color:#f60;
  }
a.noline:link, a.noline:visited, a.noline:hover {border-style:none;}

/* サイトレイアウト */
/*

・ヘッダ
・メニュー
・コンテンツ
	・メインコラム
	・サブコラム
・フッタ

*/

/*ヘッダ部*/
#header {
	float:left;
	width: 100%;
	height: 145px;
	background-image:url(img/moogle_ss.gif);
	background-repeat:no-repeat;
	background-position:25px 10px;
	border-bottom: 1px solid #99c;
	background-color:#fff;
}
#header h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 24px;
	color:#CC6633;
	padding-left: 175px;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 20px;
}
#header p {
	padding-left: 175px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
}
#header img {
	display: none;
}

/* メニュー部 */
#menu {
	float:left;
	width:99%;				/* 100%にするとIEで安定しない */
	margin: 0 0 1px 0;
	padding: 0;
	border:1px solid #fff;
	border-width: 1px 1px 0 0;
	background-color:#ccf;
}
#menu h2 {
	display: none;			/* 表示しない */
}
#menu ul {					/* 全体のブロック */
	margin:0;				/* マージンはなし *//* メニューのサイズはaタグのパディングで決まる（height:autoで）*/
	padding:1px 0 0 25px;	/* メニューの位置はパディングで決める（ブロックの中で動かせるのでレイアウトが安定する） */
	font-size:100%;			/* 全体のフォントサイズ */
}
#menu ul li {
	float:left;				/* 左寄せで連結する */
	margin:0;				/* マージンはなし */
	padding:0;				/* パディングもなし */
	list-style:none;		/* リストのマークは消す */
	background-image:none;	/* 背景イメージはなし */
	line-height:normal;		/* 行間隔はデフォルト */
}
#menu ul a, #menu ul strong {
	background:none;		/* 背景はデフォルトで透過させる */
	display:block;			/* ブロックにしてフローとで繋げる（背景全体を塗るため） */
	float:left;				/* 左寄せ */
	height:auto;			/* 高さは自動 */
	border:1px solid #99C;	/* ボーダー設定 */
	border-width:0 1px 0 0;	/* ボーダーは右に */
	margin:0;				/* マージンはなし */
	padding:4px 8px;		/* 上下のパディング */
	text-decoration:none;	/* 文字飾りはなし */
	font-weight:normal;		/* 字は普通の太さ */
	color:#000;				/* 文字色 */
	white-space:nowrap;		/* 自動改行しない（文字サイズが変わってもメニューは崩れない） */
}
#menu ul #home {			/* メニュー左端にもボーダーを入れる */
 	border-left:1px solid #99c;
}
#menu ul a strong {			/* タグにはレイアウトを壊さぬよう指定 */
  padding:0;
  border:none;
  background:none;			/* 背景はなし */
}
/* Commented Backslash Hack hides 
   rule from IE5-Mac, documented at 
   http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
   #menu ul a, #menu ul strong {float:none;}
/* End hack */
#menu ul span {
	font-weight:bold;		/* 強調表示はspanで（意味上のマークアップと表示の強調の分離） */
}
#menu ul a:hover {
  background:#99F;			/* オンマウスオーバーでメニューの色を変化させる */
}
#menu #c strong, #menu #c a, #menu #c a strong {	/* 現在c=Currentの選択メニュー */
  background:#66C;			/* どんなタグ構成でも背景色は変えない */
}
#menu ul a:hover, #menu ul a:hover strong, #menu ul a:hover span, #menu #c strong, #menu #c strong span {
  color:#FFF;				/* オンマウスオーバーでメニューの色を変化させる（つづき） */
}

/* コンテンツ部 */
#content {
	position:relative;
	clear:both;
	line-height:1.5em;
	border-top:1px solid #99c;
}
#maincol {
	width:65%;
	margin:0;
	background:#eef url(img/bg_stripe.gif) repeat;
	font-size:100%;
	color:#333;
	border-bottom:2px solid #99c;
}
#maincol .col {
	/* default image */
	background:#FFF url(img/wall.gif) repeat-x;
	border-left:1px solid #99c;
	border-right:1px solid #99c;
	margin-left:25px;
	padding:20px 30px 30px 15px; /* topの値は画像の高さに合わせる */
}
#subcol {
	background:#eef url(img/bg_stripe.gif) repeat;
	border-bottom:1px solid #666;
	position:absolute;
	width:35%;
	right:15px; margin-right:-15px; /* IE5/Mac Horiz Scrollbar Hack */
	left:auto;
	top:1px;
	font-size:95%;
	line-height:1.5em;
}
#subcol .col {
	background:#ddf url(img/misura.jpg) no-repeat;
	border-right:1px solid #666;
	margin:0 20% 0 0;
	padding:30px 15px 10px 15px; /* topの値は画像の高さに合わせる */
	color:#966;
}

/* フッター */
#footer {
	margin:0 0 0 25px;
	padding:5px;
	border-left:1px solid #99c;
}
#footer p {
	margin:0 0 10px 0;
	padding:0;
}

/* コミュニケーションツール */
#comtool {
	text-align:center;
}

/* メインコンテンツ */
h1 {
  margin:0;
  font:bold 190%/1em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Georgia,"Trebuchet MS",Arial,Sans-serif;
}
h1 span {font-weight:normal;}
h1.swap {
  height:22px;
  background-repeat:no-repeat;
}
h1.swap span, h1 em {display:none;}
h1.swap img {display:block;}
#home h1#pagetitle {background-image:url(img/top_page.gif);}
#update h1#pagetitle {background-image:url(img/recent_entry.gif);}
#area h1#pagetitle {background-image:url(img/area.gif);}
#quest h1#pagetitle {background-image:url(img/quest.gif);}
#npc h1#pagetitle {background-image:url(img/npc.gif);}
#monster h1#pagetitle {background-image:url(img/monster.gif);}

.pageheader {
	margin:1px -30px 10px -15px;
	padding:10px 30px 10px 15px;
	background:#FC9;
	font-size:85%;
	line-height:1.5em;
}
.pageheader p {
	margin:.5em 0 0;
}
#maincol h2 {
	clear:both;
	margin:0 -50px 10px -15px;
	padding:10px 15px 0 15px;
	border-top:1px dotted #ccc;
	font:bold 110% "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", Georgia, Serif;
	color: #003399;
}
#maincol .entry {
	position:relative;
	width:auto;
}

#subcol .col div {
	margin:5px -10px 8px -10px;
	padding:0;
	border:1px solid #99f;
	background:#eef;
}
#subcol h2 {
	margin:0;
	margin-left:-1px;
	padding:5px;
	text-align:center;
	color:#FEE;
	background:#99C;
	border-left:2px;
	font:bold 135% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Georgia,"Trebuchet MS",Arial,Sans-serif;
}
#subcol .col div p {
	margin:0;
	padding:5px 10px;
}
#subcol .col ul, #subcol .col li {
	margin:0;
	padding:5px 10px 5px 10px;
	text-indent:0;
	list-style-type: none;
}
#subcol .col form {
	margin:0;
	padding:0;
}
#subcol .col .tx {
	height: 1.2em;
	width: 6em;
	margin: 0;
	padding:0;
}
#subcol .col form input .btt {
	width:2em;
	height:1.5em;
}

#subcol .col .subdiv {
	border:1px dotted #CCF;
	margin:5px 20px 5px 20px;
}
#subcol .col .subdiv h2 {
	background-color:#EEF;
	color:#66F;
	font-size:100%
}

/* 汎用スタイル */
.comment {font-size: small}
.title {
	text-decoration: none;
}
.title a:link, .title a:visited, .title a:hover, .title a:active {
	color: #000;
	text-decoration: none;
}
.notation {
	text-indent: 5ex;
}

.repeat {
	font-size: x-small;
	color: #FF0000;
}
.hide, .invhr {
	display: none;
}
.title {	text-decoration: none;
}
.nm {
	color: #CC0033;
}
.fishing {
	color: #3333CC;
}
.jname {
	font-size: medium;
	color: #666666;
}
.level {
}
.entry {
	margin-left: 1em;
}
.entry p {
	margin-top: 0em;
	margin-bottom: 0.5em;
}
.meter {
	vertical-align: middle;
}
.trackfeed a {
	border-style:none;
}
.trackback {
	margin-left:2em;
}