@charset "utf-8";


/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, /*strong, */sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select, button,
caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	/*font-size:100%;*/
	font-family:inherit;
	/* [disabled]vertical-align:baseline; */
}
table,th,td {padding:0;}
body {font-family:Arial,Meiryo,MS PGothic, Helvetica,AppleGothic,sans-serif;font-size:14px;line-height:1.3; /*min-width:320px;*/}
body.ie7,
.legacy-ie select,
.legacy-ie textarea,
.legacy-ie input,
.ie9 select,
.ie9 textarea,
.ie9 input  {font-family:Meiryo, MS PGothic, Arial, AppleGothic, sans-serif;}
ul,ol{list-style:none} 

/* Alink */
a{text-decoration:none;}
a:hover{text-decoration:underline}

/* Basic */
a:focus,
input:focus,
select:focus,
textarea:focus{outline:none}
em, address{font-style:normal}
img{border:0;}
.u, .u a{text-decoration:underline !important;}
.s, .s a{font-size:.9em !important;}
.bold, .bold a{font-weight:bold !important;}
.lighter, .lighter a{font-weight:normal !important;}
.hand {cursor:pointer;}

/* Display */
.fl{float:left;}
.fr{float:right;}
.clr{clear:both !important;}
.clr:after{content:'';display:block;clear:both}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

/* Align */
.l{text-align:left !important;}
.c{text-align:center !important;}
.r{text-align:right !important}
.t{vertical-align:top !important;}
.m{vertical-align:middle !important;}
.b{vertical-align:bottom !important}


/* Form */
legend{display:block;position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0} 
select, textarea, input, label{vertical-align:middle}
textarea {resize:none; word-wrap:break-word; }
.legacy-ie textarea{word-break:break-all;}

/* Table */
table {border-spacing:0;}
.ie7 table{border-collapse:collapse; }
caption{display:none}

/* Layout */
html,body {height:100%;}

#wrap {position:relative; max-width:994px; margin:0 auto; min-height:100%; background:url(../images/bg_left.gif) repeat-y 0 0;}
#wrapInGameStyle{height:360px;padding-top:18px;padding-right:0;background:none !important;background-color:#ede7db !important;
	scrollbar-base-color:#ede7db;
	scrollbar-track-color:#ede7db;
	scrollbar-face-color:#d0c7af;scrollbar-arrow-color:#71604b;
	scrollbar-3dlight-color:#ede7db;scrollbar-darkshadow-color:#ede7db;
	scrollbar-highlight-color:#d0c7af;scrollbar-shadow-color:#d0c7af;
	overflow-y: scroll;}


.bg {position:absolute; right:0; width:17px; top:0; bottom:0; background:url(../images/bg_right.gif) repeat-y right 0;}
#header{background:#FFF url(../images/img_lineage_visual.jpg) no-repeat center 0;min-height:180px;; position:relative;max-width:960px;margin:0 auto;}
#header h1{display:none;}
#header .guide_title{padding:119px 24px 16px;}
#header .guide_title span.selectbox {margin:8px 8px 0 0;}
#container{background:#FFF; position:relative; max-width:960px;margin:0 auto;}
#container_inGame{background:#ede7db;}


#content{border-top:1px solid #cecece;padding:24px 0;margin:0 24px;}
#content_ac{border-top:1px solid #cecece;padding:10px 0;margin:0 10px; background:#ede7db;}
/*#content_ac .content_wrap .hbody img{ max-width:100%;}*/

#content .content_wrap{max-width:745px;min-height:640px;margin:13px auto;}


/*selectbox*/
select.selectbox {color: #fff;font-size: 18px; background:#9d9d9d;padding-left:15px; padding-right:15px;}
span.selectbox {background: url(../images/bg_select.gif) no-repeat 0 0; border: 1px solid #777; border-radius:4px; color: #fff; display:inline-block; vertical-align:middle; cursor:default; overflow:hidden; font-size: 16px; line-height:35px; text-shadow:0 1px 0 #777;}
span.selectbox span {padding:0 0 0 15px;display:block; background:url(../images/selectbox_arr.gif) no-repeat right 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
span.selectbox.on span {background-position:right -50px;}
div.selectbox {position:absolute;z-index:99999; overflow-x:hidden; cursor:default; display:none; background:#aaa;border: 1px solid #777; border-radius:0 0 4px 4px; color:#fff; line-height:27px; font-size:13px; margin-top:-3px; text-shadow:0 1px 0 #777; font-weight:bold;height:400px;}
div.selectbox li {padding:0 15px;}
div.selectbox li.over {background:#919191;}
.ie7 span.selectbox, 
.ie7 div.selectbox {padding-right:24px;}		
.ie7 span.selectbox span,
.ie7 div.selectbox li {margin-right:-24px;}
.ie7 span.selectbox.fix, 
.ie7 div.selectbox.fix {padding-right:0; }
.ie7 span.selectbox.fix span,
.ie7 div.selectbox.fix li {margin-right:0;}
/*banner*/
.banner_wrap {overflow:hidden;}
.banner_wrap ul{overflow:hidden;margin:0 0 8px -15px;}
.banner_wrap li{float:left;margin:0 0 16px 15px;width:48% }
.banner_wrap li img { max-width:100%; }

/*wiki*/
h2.wiki_tit{margin:0 0 10px 0;color:#2d2d2d;font-size:18px;font-weight:bold;line-height:28px;}
.wiki_list_wrap {margin-right:-2%; position:relative;}
.wiki_list {}
.wiki_list .block {width:22.5%; display:inline-block; vertical-align:top; padding:0 2% 30px 0;}
.ie7 .wiki_list .block{display:inline;margin-right:0;}
/*
.wiki_list{margin-left:-48px;}
.wiki_list:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .wiki_list{zoom:1;}
.wiki_list .block{display:inline-block;width:33.3%;vertical-align:top;margin:0 -24px 30px 0;}
.ie8 .wiki_list .block{width:33%;margin-right:0;}
.wiki_list .block dl{margin-left:48px;}
*/
.wiki_list .block a:hover{text-decoration:none;}
.wiki_list .block li .new{border-radius:2px;vertical-align:middle;}

.wiki_list .block dl dt{margin-bottom:8px;border:1px solid #c2c2c2;border-radius:4px;background:#f2f2f2 url(../images/bg_btn_power02.gif) repeat-x;position:relative}
.wiki_list .block dl dt a img{position:absolute; right:16px; top:0px;}
.wiki_list .block dl dt a{display:block;height:27px;padding:9px 13px 0;font-size:14px;color:#7b7b7b;text-shadow:0 1px 0 #fff;}
.wiki_list .block dl dt a:hover{text-decoration:none;}
.wiki_list .block .depth1 li{margin-bottom:3px;margin-left:24px;}
.wiki_list .block .depth1 li.line{border-top:1px dashed #d0d0d0;margin:12px 0 0 34px;padding-top:10px;}
.wiki_list .block .depth1 li.line a{padding:0 5px 0 10px;background:url(../images/bul_dashed01.gif) no-repeat left 6px;}
.wiki_list .block .depth1 li a{font-size:12px;line-height:22px;margin:0 0 0 5px;padding:0;background:none; color: #494949;}
.wiki_list .block .depth1 li a:first-child{padding:0 5px 0 10px;color:#494949;background:url(../images/bul_dot.gif) no-repeat left 6px;}
.wiki_list .block .depth1 .depth2{margin:6px 0 0 0;}
.wiki_list .block .depth1 .depth2 li{margin:0 0 0 4px;line-height:12px;}
.wiki_list .block .depth1 .depth2 li a{margin:0 4px 0 0;padding-left:8px;font-size:10px;background:url(../images/bul_dashed02.gif) no-repeat left 6px;}	

@media screen and (min-width:640px) and (max-width:959px) {
	.wiki_list .block{width:48%; margin-right:-4px;}
}
@media screen and (max-width:639px){
	.wiki_list_wrap {padding-right:0;}
	.wiki_list .block{width:100%; margin-right:0;}	
}

#header{z-index:1}
#header .searchArea{position:absolute;top:133px;left:0;width:100%;text-align:center}
#header .searchArea .sch_simple{text-align:left}
#header .searchArea .sch_simple .kwd {position:relative; right:auto;padding:0}
#header .searchArea .suggestWords{position:relative;top:-3px;margin-left:auto;margin-right:auto;width:375px;background:#fff;border:1px solid #8e8e8e;text-align:left;}
#header .searchArea .suggestWords ul li{padding:5px 5px 5px 35px;list-style:none;cursor:pointer;font-size:15px;color:#000;line-height:1.3}
#header .searchArea .suggestWords ul li:hover{background:#eaeaea}
#header .searchArea .suggestWords ul li .em{color:#ff7200}

.sch_simple {display:inline; vertical-align:middle; border:1px solid #c2c2c2; border-radius:4px; background:url(../images/bg_sch_simple.gif) no-repeat 0 0; padding:7px 5px 7px 35px; height:18px;}
.sch_simple .kwd {font-size:15px; color:#000; line-height:18px; height:18px; margin:1px 0; border:0; background:transparent; box-shadow:none; width:335px; -webkit-border-radius:0; -webkit-appearance:none;}
.sch_simple.active{border-color:#f58000 !important}

/* toolbar */
#toolbar {height:19px;padding:4px 0 0 0;border-top:1px solid #565455;border-bottom:1px solid #0d0b0c;background:#3f3f3f url('../images/tool_bg.gif') repeat-x left bottom;}
#toolbar ul {margin:0;padding:0;list-style:none;}
#toolbar ul li {position:relative;z-index:1001;float:left;margin:0 5px;padding:0;background:url('../images/tool.gif') no-repeat;}
	#toolbar ul li.backward {width:14px;height:15px;background-position:0 0;}
	#toolbar ul li.forward {width:14px;height:15px;background-position:-25px 0;}
	#toolbar ul li.reload {width:15px;height:15px;background-position:-50px 0;}
	#toolbar ul li.home {width:15px;height:15px;background-position:-75px 0;}
	#toolbar ul li.backward:hover {background-position:0 -30px;}
	#toolbar ul li.forward:hover {background-position:-25px -30px;}
	#toolbar ul li.reload:hover {background-position:-50px -30px;}
	#toolbar ul li.home:hover {background-position:-75px -30px;}
#toolbar ul li a {display:block;width:100%;height:100%;text-indent:-999px;overflow:hidden; cursor:pointer;}
#toolbar ul li .tooltip {display:none;position:absolute;z-index:1001;top:20px;padding-left:5px;background:url('../images/tooltip.gif') no-repeat 0 -30px;}
#toolbar ul li .tooltip span {display:block;height:17px;/*16px*/padding:5px 5px 0 0;color:#c4b795;font-size:11px;background:url('../images/tooltip.gif') no-repeat right 0;}
#toolbar ul li.backward .tooltip {left:-5px;padding-right:5px;background-position:right -30px;}
#toolbar ul li.backward .tooltip span {padding:7px 0 0 5px;background-position:left 0;}
#toolbar ul li.forward .tooltip  {right:2px;}
#toolbar ul li.reload .tooltip {right:-1px;}
#toolbar ul li.home .tooltip {right:-20px;}