@charset "utf-8";
/*
============================================================
Nostale site beginnersGuide style
============================================================
*/



body {
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/bg.gif) no-repeat center 38px;
	color:#6a6a6a;
	font-size:12px;
	font-family:'MS PGothic' 'arial' 'verdana';
	line-height:14px;
	margin:0;
	padding:0;
}


ul {
	margin:0;
	padding:0;
}

li {
	list-style:none;
	margin:0;
	padding:0;
}

img {
	border:0;
}

table {
	border-collapse:collapse;
}


/* clearfix
(.clearfix class wraps enclosing block element around inner floated elements)
------------------------------------------------------------ */
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
	}
.clearfix {
	min-height: 1px;
	display: inline-block;
	}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display:block;
	}
/* end MacIE5 */


/* IE 5.5+ png rendering fix
------------------------------------------------------------ */
.iepngfix {
	behavior: url("./iepngfix.htc");
}





/* Link
------------------------------------------------------------ */
a:link		{ color:#686868; text-decoration:none; }
a:visited	{ color:#686868; text-decoration:none; }
a:hover	{ color:#ff667f; text-decoration:none; }





/* Guide Main
------------------------------------------------------------ */
div.footer {
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/subTbBot.jpg) no-repeat bottom;
	width:900px;
	height:175px;
	clear:both;
}



div.layout_contaner {
	width:900px;
	margin:0 auto;
}



div.layout_contaner div.layout_top {
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/mainBtn.gif) no-repeat top;
	height:370px;
	position:relative;
}



div.layout_top .Menu1{
	position:absolute;
	left:190px; top:55px;
	display:block;
	width:120px; height:125px;
	text-indent:-9999px; overflow:hidden;
}

div.layout_top .Menu2{
	position:absolute;
	left:440px;
	top:55px;
	display:block;
	width:120px;
	height:125px;
	text-indent:-9999px;
	overflow:hidden;
}

div.layout_top .Menu3{
	position:absolute;
	left:690px; top:55px;
	display:block;
	width:120px; height:125px;
	text-indent:-9999px; overflow:hidden;
}

div.layout_top .Menu4{
	position:absolute;
	left:190px; top:206px;
	display:block;
	width:120px; height:125px;
	text-indent:-9999px; overflow:hidden;
}

div.layout_top .Menu5{
	position:absolute;
	left:438px; top:206px;
	display:block;
	width:120px; height:125px;
	text-indent:-9999px; overflow:hidden;
}


div.layout_top .Menu6{
	position:absolute;
	left:575px; top:220px;
	display:block;
	width:270px; height:120px;
	text-indent:-9999px; overflow:hidden;
}



div.bottomBg {
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/botBg.jpg) no-repeat bottom;
	height:375px;
}







div.layout_contaner div.layout_question {
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/questionBg.gif) no-repeat top;
	height:236px;
	position:relative;
}

div.layout_question div.questionBox1{
	width:246px;
	height:150px;
	position:absolute;
	left:80px; top:55px;
	float:left;
}

div.layout_question div.questionBox2{
	width:246px;
	height:150px;
	position:absolute;
	left:327px; top:55px;
	float:left;
}

div.layout_question div.questionBox3{
	width:246px;
	height:150px;
	position:absolute;
	left:574px; top:55px;
	float:left;
}


.btn{
	position:absolute;
	left:100px; top:70px;
	display:block;
	width:100px; height:20px;
	text-indent:-9999px; overflow:hidden;
}


div.questioBot {
	height:47px;
	background:#ededed;
	border-left:#cfcfcf solid 1px;
	border-right:#cfcfcf solid 1px;
	border-bottom:#cfcfcf solid 1px;
}
	



div.botNote {
	text-align:right;
	margin:0 50px 0 50px;
	padding-top:10px;
	height:20px;
	color:#990000
}



div.Qaccount {
	text-align:right;
	font-size:16px;
	color:#000;
	font-weight:bold;
	position:absolute;
	left:30px; top:118px;
	display:block;
	width:150px; height:20px;
}




div.layout_contaner div.layout_sub_container {

}


div.layout_sub_container div.sub_menu {
	float:left;
	width:195px;
}

div.sub_menu li{
	margin-bottom:10px;
}





/*contents*/

div.layout_sub_container div.sub_contants {
	float:right;
	width:705px;
	overflow-x:hidden; /*IE6*/
}

div.sub_contants div.contents_top {
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/subTbTop.gif) no-repeat top;
	height:30px;
	width:705px;
}
	
	
	
div.sub_contants div.contents_bot {
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/subTbBot.gif) no-repeat top;
	height:30px;
	width:705px;
}
	
	

div.sub_contants div.contxntsTxtBox {
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
}

div.sub_contants div.contentsTxt {
	margin:0 20px 0 20px;
}



	
	
table.sub0501Tb	{
	width:100%;
}

table.sub0501Tb	li{
	background:url(http://image.gameyarou.jp/nostale/200908/bullet2.gif) no-repeat left top;
	padding-left:10px;
	font-size:11px;
	color:#cc3399;
}
	



div.tab ul{
	margin-top:20px;
}

div.tab li{
	display:inline;
	height:33px;
}





div.sub0401_bgImg {
	background: url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/sub0401_img01.gif) no-repeat top;
	width:658px;
	height:550px;
	margin:0 auto;
}




div.contentsTxt div.sub0403_txtBox {
	width:200px;
	float:right;
	margin-right:10px;
}

div.contentsTxt div.sub0404_bgImg {
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/sub0404_img01.jpg) no-repeat center;
	margin:0 auto;
	height:982px;
}


div.contentsTxt div.sub0501_imgBox {
	vertical-align:bottom;
	width:254px;
	margin-left:20px;
}


table.sub06Tb {
	width:100%;
}

table.sub06Tb li{
	background:url(http://image.gameyarou.jp/nostale/200908/bullet2.gif) no-repeat left top;
	padding-left:10px;
	font-size:11px;
	color:#cc3399;
}

div.sub06Box {
	clear:both;
	width:660px;
	margin-top:20px;
	position: relative;
}

div.sub06Box div.sub06Img {
	width:171px;
	float:left;
	margin-right:10px;
	margin-top:40px;
}

div.sub06Box div.sub06Txt{
	width:470px;
	float:right;
	margin-top:20px;
}

div.sub06Box ul{
	margin-left:20px;
}


div.sub06Box li{
	background:url(http://image.gameyarou.jp/nostale/200908/bullet2.gif) no-repeat left top;
	padding-left:10px;
	font-size:11px;
	color:#cc3399;
	
}


div.sub06Box a:link    {font-weight:bold;font-size:12px;color:#419fff; padding-left:20px;}
div.sub06Box a:visited {font-weight:bold;font-size:12px;color:#419fff;padding-left:20px;}
div.sub06Box a:hover	{font-weight:bold;font-size:12px;color:#ff667f;padding-left:20px;}





div.sub03ImgBox {
	float:left;
	width:227px;
	margin-right:10px;
}


div.sub03TxtBox {
	float:right;
	width:420px;
}


div.sub02ImgBox {
	width:178px;
	margin-right:10px;
	float:left;
}


div.sub02Box {
	clear:both;
}





/* 20090824 Logo link */

div.layout_contaner div.layout_logo {
	margin:0;
	height:159px;
	position:relative;
}


.layout_contaner a.NTBtn {
	position:absolute;
	left:10px; top:23px;
	display:block;
	width:150px; height:100px;
	text-indent:-9999px; overflow:hidden;
}




/* 090904 */


div.contentsTxt	h1{
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/bullet2.gif) no-repeat top left;
	padding:3px 0 3px 20px;
	color:#990099;
	font-weight:bold;
	margin:30px 0 10px 0;
	font-size:14px;
}



div.contentsTxt	h2{
	background:url(http://image.gameyarou.jp/nostale/200908/beginnersGuide/bullet.gif) no-repeat top left;
	padding:3px 0 3px 20px;
	color:#cc3399;
	font-weight:bold;
	margin:30px 0 10px 0;
	font-size:14px;
}


div.contentsTxt	p{
	padding:0 20px 5px 20px;
	margin:0;
}



.mgR {
	margin-right:10px;
}


div.contentsTxt div.TopTxt{
	background:#f6f3ed;
	padding:10px;
	margin:0 20px 0 20px;
}



table.sub06Tb ul{
	margin-left:20px;
	padding:0;
}


div.sub06Box img {
	margin-top:40px;
}