

/********************************************
　全体に関するところ
********************************************/
a:link {
	color: #a1a8dc;
	text-decoration: none;
	}
a:visited {
	color: #a1a8dc;
	text-decoration: none;
	}
a:active {
	color: #a1a8dc;
	text-decoration: none;
	}
a:hover {
	color: #ffd700;
	text-decoration: underline;
	}

*
{
	padding:0px;
	margin:0px;
	line-height:125%;
}

body 
{
	list-style:none outside;
	background-color: #000000;
	font-size:13px;
	PADDING-RIGHT: 0px;
	font-family: 'Arial', 'Tahoma', sans-serif;
}


input {background-color:#ddd;}
select {background-color:#ddd;}
textarea {background-color:#ddd; font-size: 9pt;}
.small { font-size:8pt; }
.right { text-align:right;}
.left { text-align:left; }
.center { text-align:center; }
b{ font-size:14px; }
.red{ color:#c55690; }
.blue{ color:#4c92c5; }
.gold{ color:#ffd700; }
span.comment{ 	color:#888888; }
rt{ font-size:7pt; color:#c0c0c0; }
li{ list-style-position:inside; }

/********************************************
　配置
********************************************/


.topimage { /* 上部 */
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 140px;
	width: 852px;
	color: #ccc;
}


.leftmenu { /* 左メニュー全体 */
	position: absolute;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	z-index: 2;
	top :0px;
	left: 0px;
	width: 139px;
}

.mains { /* 真ん中 */
	border-left: solid 1px #888;
	position: absolute;
	z-index: 1;
	top: 127px;
	left: 139px;
	width: 610px;
	color: #ccc;
	padding-bottom: 1px;
	background-image: url(/img/newsend.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.mains * {
	line-height:160%;
}

.rightmenu { /* 右メニュー全体 */
	position: absolute;
	z-index: 2;
	top: 127px;
	left: 735px;
	width: 267px;
}




/********************************************
　上部
********************************************/

.topimage table {
	border: 0px;
	border-collapse: collapse;
}

.topimage td.llogo { /*ロゴ */
	width: 440px;
	height: 83px;
}

.topimage td.rlogo { /* 背景 */
	text-align: right;
	vertical-align: bottom;
	background-image: url(/img/head_back.jpg);
	width: 418px;
	height: 83px;
	font-size:13px;
	color:#ccc;
}

.topimage div.border{ /* 余白 */
	border-top: solid 1px #888;
	height:3px;
}

.topimage div.topmenu {
	vertical-align: middle;
	text-align: center;
}

.topimage table.topmenu td.topmenu a{
	display: block;
	padding-top: 11px;
	padding-bottom: 6px;
}

.topimage table.topmenu a:link {
	color: #ccc;
	text-decoration: none;
	}
.topimage table.topmenu a:visited {
	color: #ccc;
	text-decoration: none;
	}
.topimage table.topmenu a:active {
	color: #ccc;
	text-decoration: none;
	}
.topimage table.topmenu a:hover {
	color: #ccc;
	}


.topmenu td.topmenu { /* トップメニュー */
  background-image: url(/img/topmenu.gif);
  text-align: center;
  vertical-align: middle;
  width: 100px;
  height: 40px;
  border-bottom: solid 1px #888;
  border-right: solid 1px #888;
  font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
  font-weight: bold;
  font-size:18px;
  color:#ccc;
}

.topmenu td.rtopmenu { /* トップメニュー右 */
  background-image: url(/img/rtopmenu.gif);
  text-align: right;
  vertical-align: bottom;
  width: 251px;
  height: 40px;
  border-bottom: solid 1px #888;
  border-right: solid 1px #888;
  font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
  color: #ccc;
  font-weight: bold;
  font-size:12px;
}

.topmenu span.datetotal { /*カウンター*/
	padding-left: 2px;
	padding-right: 5px;
	color: #888;
	font-size: 8pt;
}



/********************************************
　左メニュー
********************************************/


.leftmenu div.leftmtopic { /* トピック */
	margin-top: 10px;
}

.leftmtopic table {
	border: 0px;
	border-collapse: collapse;
}


.leftmtopic td.ltopic { /* 左トピック */
	background-image: url(/img/ltopic.jpg);
	width: 85px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-weight: bold;
	font-size:13px;
}

.leftmtopic td.rtopic { /* 右トピック */
	background-image: url(/img/rtopic.jpg);
	width: 55px;
	height: 22px;
}


.leftmenu table.leftimage { /* 左メニュー画像位置決め */
	border-collapse: collapse;
	color: #ccc;

}


.leftimage td.leftimage { /* 左メニュー画像 */
	background-image: url(/img/leftmenu.gif);
	vertical-align: middle;
	width: 140px;
	height: 40px;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
	cursor: pointer;
}

div.lefttext{ /* 左テキスト部分 */
	margin: 0px 10px 10px 10px;
	padding: 5px;
	font-size: 13px;
	color: #ccc;
	}

div.t_title_j { /* テイルズタイトル日本語 */
	margin-left:22px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-weight: bold;
	font-size:14px;
	line-height:20px;
	}

div.t_title_a { /* テイルズタイトルアルファベット */
	margin-left:8px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-weight: bold;
	font-size:10px;
	color: #666;
	}


/********************************************
　右メニュー
********************************************/



.rightmenu div.rightmtopic { /* トピック */
	margin-top: 10px;
	margin-left: 10px;
}

.rightmtopic table {
	border: 0px;
	border-collapse: collapse;
}


.rightmtopic td.ltopic { /* 左トピック */
	background-image: url(/img/ltopic.jpg);
	width: 131px;
	height: 22px;
	vertical-align: middle;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-weight: bold;
	font-size:14px;
	text-indent : 15px;
}

.rightmtopic td.rtopic { /* 右トピック */
	background-image: url(/img/rtopic.jpg);
	width: 116px;
	height: 22px;
}

.righttext *{
	line-height: 160%;
}

div.righttext{ /* 右テキスト部分 */
	margin: 0px 10px 10px 10px;
	padding: 5px;
	border-left: solid 1px #888;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	color: #ccc;
	font-size: 13px;
	}


#recent-comments h2 {
	padding-left: 14px;
	background-image: url(/img/bloglink.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-size: 11pt;
}

div.margin-comments {
	margin-left: 8px;
}

#recent-comments span.date {
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-size: 8pt;
	color: #888;
}

form#archives select{
	margin-top: 10px;
	width: 100px;
}

form#category select{
	margin-top: 8px;
	width: 100px;
}

#rss, #rss2 {
    display: block;
    width: 70px;
} #rss:link, #rss:visited, #rss2:link, #rss2:visited {
    margin: 0.5em 0;
    padding: 0 8px 0 22px;
    border: 1px solid #666666;
    background: #444 url(/img/feedicon.png) no-repeat 2px 50%;
    color: #ffffff;
    font-size: 90%;
    text-decoration: none;
} #rss:hover, #rss2:hover {
    border: 1px solid #888;
    background: #000 url(/img/feedicon.png) no-repeat 2px 50%;
    color: #FF9900;
    text-decoration: none;
} #rss:active, #rss2:active {
    border: 1px solid #888;
    background: #000 url(./img/feedicon.png) no-repeat 2px 50%;
    color: #99cc00; 
    text-decoration : none;
}


/********************************************
　真ん中
********************************************/


.topic table {
	border: 0px;
	border-collapse: collapse;
}

.mains div.topic { /* トピック */
	margin-left: 1px;
	margin-top: 10px;
}

.topic * {
	line-height: 125%;
}
.topic td.ltopic { /* 左トピック */
	background-image: url(/img/ltopic.jpg);
	width: 156px;
	height: 22px;
	vertical-align: middle;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-weight: bold;
	font-size:15px;
	text-indent : 25px;
	color: #000;
}

.topic td.rtopic { /* 右トピック */
	background-image: url(/img/rtopic.jpg);
	width: 445px;
	height: 22px;
}

.mains h2#archive-title { /* アーカイブタイトル */
	background-image: url(/img/archivetitle.jpg);
	background-repeat:no-repeat;
	width: 600px;
	height: 40px;
	font-size:25px;
	font-weight: bold;
	color: #ccc;
	margin-top: 25px;
	padding-top: 8px;
	padding-left: 70px;
	padding-bottom: 20px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
}

.mains div.bbs_line {
	margin-top: -8px;
	}

.mains iframe{
	border: 0px;
}

.mains div#bbs_postimg {
	padding-left: 20px;
	margin-left: 320px;
	font-size: 9pt;
	background-image: url(/img/bloglink.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.mains div.bbs_box {
	background-image: url(/img/bbsend.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left: -9px;
	padding-bottom: 4px;
}

.bbs_box div.bbs_name{
	font-size: 8pt;
	text-align: right;
	padding-right: 20px;
}

.bbs_box span.bbs_time{
	color: #888;
}

.bbs_box div.bbs_mess{
	margin-top: -5px;
	padding-left: 20px;
}

.mains div#bbs_page{
	text-align: center;
}

.item_name input{
	margin-left: 10px;
}

#postbox div.item_mail{
	display: none;
}

#postbox div.item_site{
	display: none;
}

.mains div.newsstart { /* ニュース始め */
	height: 20px;
}

.mains h2.date-title { /* 日付タイトル */
	background-image: url(/img/date.jpg);
	background-repeat:no-repeat;
	width: 600px;
	height: 24px;
	font-size:20px;
	color: #ccc;
	padding-left: 435px;
	padding-bottom: 10px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
}

.mains h3.article-title { /* ニュースタイトル */
	text-align: left;
	background-image: url(/img/newstitle.jpg);
	background-repeat:repeat-y;
	width: 550px;
	padding-left:35px;
	padding-right:10px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-size:11pt;
	color: #ccc;
}

.mains div.newstitlemargin { /* ニュースタイトルマージン */
	margin-left:35px;
	margin-right:10px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-weight: bold;
	font-size:11pt;
	color: #ccc;
}

.mains div.date { /* 投稿時間 */
	background-image: url(/img/newstext.jpg);
	background-repeat:repeat-y;
	width:600px;
	color:#888;
	font-size:10px;
	padding-left:10px;
}

.mains div.comment { /* ニュース内容 */
	background-image: url(/img/newstext.jpg);
	background-repeat:repeat-y;
	width:585px;
	padding-left: 12px;
	padding-bottom: 12px;
	padding-right: 100px;
	color:#ccc;
}

.comment div.title {
	font-weight: bold;
	color: #e4e4e4;
	font-size: 11pt;
	padding-left: 5px;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom : -10px;
	border-left: solid 12px #666;
	border-bottom: solid 1px #666;
}

.comment div.title2 {
	font-weight: bold;
	background-image: url(/img/title2.jpg);
	margin-left: -5px;
	margin-top: 20px;
	margin-bottom: -10px;
	padding-left: 22px;
	padding-top: 4px;
	width: 278px;
	height: 26px;
}

.comment div.quote {
	color: #aaaaaa;
	background-color: #333333;
	border-top: solid 1px #555555;
	border-left: solid 1px #555555;
	border-right: solid 1px #111111;
	border-bottom: solid 1px #111111;
	margin-right: 30px;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}


.topicstext div.title {
	font-weight: bold;
	background-image: url(/img/title2.jpg);
	margin-left: -5px;
	margin-bottom :5px;
	padding-left: 22px;
	padding-top: 4px;
	width: 278px;
	height: 26px;
}

.mains div.a-footer { /* 記事フッター */
	background-image: url(/img/newsend.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 380px;
	text-align: left;
	margin-bottom: 20px;
}

.a-footer a {
	padding-left: 14px;
	margin-left: 10px;
	background-image: url(/img/bloglink.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.topicsbbs { /* トピック内容 */
	background-image: url(/img/newstext.jpg);
	background-repeat:repeat-y;
	width:600px;
	padding:0px;
	color:#ccc;
}


.topicstext { /* トピック内容 */
	background-image: url(/img/newstext.jpg);
	background-repeat:repeat-y;
	width:580px;
	padding:9px;
	color:#ccc;
}



.mains p#prev-logs{
	background-image: url(/img/arrow_next.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-left: 450px;
	padding-left: 10px;
	margin-top: 50px;
	padding-top: 3px;
	margin-bottom: 20px;
	padding-bottom: 1px;
	padding-right: 5px;
	width: 75px;
	height: 20px;
	border: solid 1px #888;

}

.mains div.section {
	color: #ccc;
}

.mains p.flip-link {
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.flip-link a {
	padding-left: 2px;
	padding-right: 2px;
}

.flip-link strong {
	padding-left: 2px;
	padding-right: 2px;
}

.mains span.prev { /* 前へ */
	background-image: url(/img/arrow_prev.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
	border: solid 1px #888;
	margin-right: 10px;

}

.mains span.next{ /* 次へ */
	background-image: url(/img/arrow_next.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 15px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
	border: solid 1px #888;
	margin-left:10px;
}

.mains div#comment-list{ /* コメント始め */
	padding-top: 20px;
	background-image: url(/img/newsend.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mains div.opinion { /* コメント内容 */
	background-image: url(/img/newstext.jpg);
	background-repeat:repeat-y;
	width:585px;
	padding: 12px 12px 2px 12px;
	color:#ccc;
}

.mains p.gray-out { /* コメント内容がない */
	background-image: url(/img/newstext.jpg);
	background-repeat:repeat-y;
	width:585px;
	padding: 12px;
	color:#ccc;
}


.mains div.c-footer { /* コメントエンド */
	background-image: url(/img/newsend.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 1px;
}

.mains div.author { /* コメントタイトル */
	margin-top: 20px;
	text-align: left;
	background-image: url(/img/newstitle.jpg);
	background-repeat:no-repeat;
	width: 580px;
	padding-left:35px;
	padding-right:10px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-size:11pt;
	font-weight: bold;
	color: #ccc;
}

.author span.comment-date {
	font-size: 9pt;
	color: #888;
}

.opinion span.edit { /* 編集ボタン */
	margin-left: 550px;
}

.mains div.comment-white { /* コメント余白 */
	height: 1px;
}

.mains fieldset#comment-form { /* コメントフォーム */
	border: 0px;
	background-image: url(/img/newstext.jpg);
	background-repeat:repeat-y;
	width:585px;
	padding: 12px;
	margin-bottom: 1px;
	color:#ccc;
}

.mains span.notice{
	font-size:9pt;
	color: #888;
}

.mains input#remember-me {
	margin-left: 20px;
}

#comment-form p {
	padding :4px;
}

.mains div.none-display {
	display: none;
}

.mains span.none-display {
	display: none;
}

.MapsrOfDleif {
	display: none;
}

.mains p.search-res {
	text-align: left;
	background-image: url(/img/newstitle.jpg);
	background-repeat:repeat-y;
	width: 550px;
	padding-left:35px;
	padding-right:10px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-size:11pt;
	color: #ccc;
}

.koryaku div.title {
	text-align: left;
	background-image: url(/img/newstitle.jpg);
	background-repeat:repeat-y;
	width: 550px;
	margin-top: 20px;
	margin-left: -15px;
	padding-left:35px;
	padding-right:10px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-size:12pt;
	color: #ccc;
	font-weight: bold;
	letter-spacing: 3px; 
}

.koryaku div.title2 {
	font-weight: bold;
	background-image: url(/img/title2.jpg);
	margin-left: -5px;
	margin-bottom: 5px;
	padding-left: 22px;
	padding-top: 4px;
	width: 278px;
	height: 26px;
}

.koryaku div.quote {
	color: #aaaaaa;
	background-color: #333333;
	border-top: solid 1px #555555;
	border-left: solid 1px #555555;
	border-right: solid 1px #111111;
	border-bottom: solid 1px #111111;
	margin-right: 30px;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}


.mains form th.title { /* SEARCH PLUS title */
	text-align: left;
	background-image: url(/img/newstitle.jpg);
	background-repeat:repeat-y;
	width: 550px;
	padding-left:35px;
	padding-right:10px;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック";
	font-size:11pt;
	color: #ccc;
}

th.colored-left {
	background-color: #333;
	border-right: solid 1px #222;
	border-bottom: solid 1px #222;
}

table.search_plus {
	border-spacing:3px;
}

table.search_plus td{
	padding: 3px;
}

.search_plus td{
	background-color: #444;
	border-right: solid 1px #222;
	border-bottom: solid 1px #222;
}

.search_plus tr.field select{
	width: 170px;
}

.search_plus tr.keyword input.keyword{
	width: 170px;
}

.search_plus tr.keyword select{
	width: 160px;
}

.search_plus tr.date select{
	width: 100px;
}

.search_plus tr.date input.text{
	width: 100px;
}

.search_plus tfoot td{
	text-align:center;
}

h2.no_matches {
	border: 0px;
	background-image: url(/img/newstext.jpg);
	background-repeat:repeat-y;
	width:585px;
	padding: 12px;
	color:#ccc;
	font-size: 11pt;
}

/********************************************
　設定
********************************************/

.key{
	background-color: #333;
	border-right: solid 1px #222;
	border-bottom: solid 1px #222;
}

.value{
	background-color: #444;
	border-right: solid 1px #222;
	border-bottom: solid 1px #222;
}


/********************************************
　掲示板
********************************************/

.bbsmains{
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 10px;
}

div.space { /*余白 */
	height: 20px;
}

table.lineup { /* 設置ゲーム テーブル */
	font-size: 13px;
	margin-bottom:30px;
	border-collapse: separate;
	border-spacing 1px;
	empty-cells:show;
}

table.lineup th {
	padding: 2px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #393939;
}

table.lineup tr {
	background-color: #494949;
}

table.lineup td {
	padding: 5px;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}
	
table.lineup tr.space{
	height:5px;
}



/********************************************
　攻略
********************************************/


.section div.koryaku {
	padding-left: 15px;
	margin-right: 20px;
}

.koryaku table.list {
	color: #cccccc;
}
 
.koryaku .list td,.koryaku .list th {
	padding: 5px;
	color: #cccccc;
	border-right: 1px solid #666;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #666;
}

.koryaku .list th{
	background-color: #222;
}

.koryaku .list td{
	background-color: #333;
}

.koryaku .list .odd td{
	background-color: #444;
}

.koryaku .list tr.space {
	height: 10px;
}

.section .memo{
	background-image: url(/img/arrow_memo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #999999;
	margin-left: 20px;
	padding-left: 10px;
}

.koryaku table.staffroll td{
	vertical-align: top;
	text-align: left;
	border :0px;
	padding :3px;
	}

.koryaku table.staffroll td.bottom{
	vertical-align: bottom;
}

.koryaku table.staffroll td.right{
	text-align: right;
	padding-right: 10px;
}

.koryaku table.staffroll td.center{
	text-align: center;
}

.staffroll tr.space{
	height: 20px;
}

.staffroll th{
	font-size: 14px;
	color: gold;
}

.koryaku ol li{
	padding-bottom: 10px;
}

.section .dark{
	color: #999999;
}


.section table.sql{
	margin-bottom: 30px;
	border: 1px solid #777777;
	border-collapse: collapse;
	font-size: 9pt;
}

.section table.sql tr.head{
	background-color: #444444;
}

.section table.sql th{
	border-top: 1px solid #777777;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #777777;
	border-left: 1px solid #777777;
	padding: 4px;
}

.section table.sql th a{
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #cccccc;
}

.section table.sql th a:hover{
	text-decoration: none;
	color: #aaaaaa;
}

.section table.sql tr{
	background-color: #222222;
}

.section table.sql tr.odd{
	background-color: #333333;
}

.section table.sql td{
	border: 1px solid #555555;
	padding: 4px;
}

.section div.defaultsort {
	padding: 3px;
	width: 158px;
	background-color: #444444;
	font-size: 9pt;
	font-weight: bold;
	color: #cccccc;
	border-top: 1px solid #777777;
	border-right: 1px solid #777777;
	border-left: 1px solid #777777;
}

.section div.defaultsort a{
	display: block;
	padding-top:0px;
	padding-bottom: 0px;
	color: #cccccc;
}

.section div.defaultsort a:hover{
	text-decoration: none;
	color: #aaaaaa;
}

	
