@charset "utf-8";
/*
============================================================
Flyff site common style
============================================================
*/

/* Browser-style reset
------------------------------------------------------------ */

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}


body {
	margin: 0px;
	padding: 0px;
	word-break:break-all;
	font-family:'MS PGothic' 'arial' 'verdana';
	color:#666666;
	font-size:12px;
	line-height:20px;
}

img {
	border:0;
}

form {
	margin: 0px;
	padding: 0px;
}

table {
	border-collapse:collapse;
	width:100%;
}


ul {
	margin:0;
	padding:0;
}

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


input {
	height:16px;
	border:#b1b1b1 solid 1px;
	color:#70a5c7;
}

select{
	height:20px;
	border:#b1b1b1 solid 1px;

}

textarea{
	font-size:12px;
}

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


/* 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 */



/* Non-CSS display
------------------------------------------------------------ */
.aid {
	position: absolute !important;
	display: none !important;
	top: 0px;
	left: -9999px;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
}

.aid_text {
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}



/* Noscript Alert Box
------------------------------------------------------------ */
.noscript_alert {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 5px;
	font-size: 12px;
	color: #000000;
	background-color: #FFFF80;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}


/* Layout
------------------------------------------------------------ */

div#all {
	text-align: center;
}

div#all div.layout_outBg {
	width: 1000px;
	margin: 0 auto;
	min-height:700px;
	padding-bottom:30px;
}

div.layout_outBg div.layout_center {
	width:960px;
	margin:0 auto;
}

div.layout_center div.layout_top {
	width: 960px;
	height:325px;
}

div.layout_center div.layout_sidebar {
	width: 220px;
	margin:0 25px 0 0;
	float:left;
}

div.layout_sidebar div.layout_sideBanner_center {
	margin:0 auto;
	padding-top:10px;
}


div.layout_center div.layout_contents {
	width: 715px;
	float: right;
	text-align:left;
}

div.layout_contents div.layout_contents_left {
	width: 470px;
	float: left;
	margin:0 25px 0 0;
}

div.layout_contents div.layout_contents_right {
	width: 220px;
	float: right;
}



div#all div.layout_bottom {
	background:url(http://simg.gpotato.jp/flyff/common/bg_footer.gif) repeat-x;
	height:100px;
	width:100%;
	clear:both;
}


/* Login
------------------------------------------------------------ */
div.layout_sidebar div.loginBox {
	background:url(http://simg.gpotato.jp/flyff/common/bg_loginBox.gif) no-repeat #25bbcd;
	width:220px;
	padding:10px 0 10px 0;
}

div.loginBox div.loginBox_center {
	width:200px;
	text-align:left;
	margin:0 auto;
}

div.loginBox_center div.loginTitle {
	height:45px;
}


div.loginBox_center div.loginInputBox {
	background:url(http://simg.gpotato.jp/flyff/common/bg_loginInput_pw.gif) no-repeat;
	width:140px;
	height:66px;
	float:left;
}

div.loginInputBox div.loginInputId {
	height:25px;
	margin:0 0 8px 0;
	text-align:left;
}

div.loginInputBox .loginInput {
	background:#088a99;
	margin:3px 0 0 4px;
	width:130px;
	border:0;
	height:16px;
	font-size:12px;
	color:#FFF;
	opacity: 0.5;
	filter: alpha(opacity=50);	/* IE6、IE7対応 */
	-moz-opacity: 0.5;		/* Firefox1.5以前対応 */
}


div.loginBox_center div.btn_login {
	width:49px;
	height:48px;
	margin-top:5px;
	float:right;
}

div.loginBox_center div.btn_join {
	clear:both;
	margin-bottom:6px;
}


/* My Info
------------------------------------------------------------ */
div.layout_sidebar div.myInfoBox {
	background:url(http://simg.gpotato.jp/flyff/common/bg_loginBox.gif) no-repeat #25bbcd;
	width:220px;
	padding:10px 0 10px 0;
}

div.myInfoBox div.myInfoBox_center {
	width:200px;
	text-align:left;
	margin:0 auto;
}

div.myInfoBox_center a{
	color:#fff; text-decoration:none; 
}

div.myInfoBox_center a:hover{
	color:#003461; text-decoration:none; 
}

div.myInfoBox_center div.nickName {
	height:45px;
	font-weight:bold;
	text-align:center;
	color:#575858;
}

div.myInfoBox_center div.ImageBox {
	/*background:url(http://simg.gpotato.jp/flyff/common/noImage.gif) no-repeat #e6e6e6;*/
	background-color: #e6e6e6;
	width:90px;
	height:108px;
	float:left;
	margin-bottom:8px;
	text-align:center;
}

div.myInfoBox_center div.pointBox {
	background:url(http://simg.gpotato.jp/flyff/common/bg_pointBox.gif) no-repeat top;
	float:right;
	width:102px;
	height:52px;
	color:#FFF;
	font-size:10px;
	text-align:right;
	margin-bottom:5px;
}

div.pointBox div.pointText {
	width:80px;
	height:24px;
	margin-right:8px;
	padding-top:3px;
	float:right;
}

div.myInfoBox_center div.btn_myPage {
	background:url(http://simg.gpotato.jp/flyff/common/icon_mypage.gif) no-repeat left;
	width:82px;
	height:18px;
	float:right;
	color:#FFF;
	font-size:10px;
	padding-left:20px;
}

div.myInfoBox_center div.btn_editInfo {
	background:url(http://simg.gpotato.jp/flyff/common/icon_info.gif) no-repeat left;
	width:82px;
	height:18px;
	float:right;
	color:#FFF;
	font-size:10px;
	padding-left:20px;
}

div.myInfoBox_center div.btn_charge {
	background:url(http://simg.gpotato.jp/flyff/common/icon_coin.gif) no-repeat left;
	width:82px;
	height:18px;
	float:right;
	color:#FFF;
	font-size:10px;
	padding-left:20px;
}
	

div.myInfoBox_center div.myInfo_btnBox {
	width:200px;
	clear:both;
}
	

div.myInfoBox_center div.btn_editImage {
	width:90px;
	height:25px;
	float:left;
	display:block;
}

div.myInfoBox_center div.btn_logout {
	width:102px;
	height:25px;
	float:right;
	display:block;
}





/*Left Bottom Event Banner
------------------------------------------------------------ */
div.layout_sidebar div.layout_BannerBox {
	background:url(http://simg.gpotato.jp/flyff/common/left_banner.gif) no-repeat;
	width:220px;
	height:75px;
	margin-top:20px;
}



/* Footer
------------------------------------------------------------ */
div.layout_bottom div.footerBox {
	background:url(http://simg.gpotato.jp/flyff/common/copy.gif?20140821) 200px 0px no-repeat;
	width:1000px;
	height:100px;
	margin:0 auto;
	position:relative;
	text-align:left;
}


div.bottom_rink {
	position:absolute;
	top:65px; left:70px;
	height:20px;
	font-size:10px;
}

div.bottom_rink li{
	display:inline;
}

div.footerBox a.btn_gpoteto {
	position:absolute;
	left:45px; top:14px;
	display:block;
	width:75px; height:25px;
	text-indent:-9999px; overflow:hidden;
}

div.footerBox a.btn_aeon {
	position:absolute;
	left:363px; top:14px;
	display:block;
	width:85px; height:25px;
	text-indent:-9999px; overflow:hidden;
}

div.footerBox a.btn_truste {
	position:absolute;
	left:855px; top:63px;
	display:block;
	width:100px; height:30px;
	text-indent:-9999px; overflow:hidden;
}


div.footerBox div.familySite {
	position:absolute;
	left:805px;
	top:63px;
	width:130px;

}

div.footerBox div.familySite select {
	background:#387cff;
	border:#b3b3b3 solid 1px;
	height:21px;
	color:#fff;
	width:130px;
}
	

/* Right Top Page Butten
------------------------------------------------------------ */
div.TopPage {
	width:24px;
	height:37px;
	position:absolute;
	top:400px;
	left:972px;
	visibility:visible;
	z-index:40000;
}

/* Contents Layout
------------------------------------------------------------ */
div.layout_contents div.layout_contents_top {
	background:url(http://simg.gpotato.jp/flyff/common/bg_contents_top.gif) no-repeat;
	height:110px;
	position:relative;
	padding-right:30px;
}

div.layout_contents div.layout_contents_middle {
	background:url(http://simg.gpotato.jp/flyff/common/bg_contents_middle.gif) repeat-y;
}

div.layout_contents_middle div.layout_contents_center {
	width:655px;
	margin:0 auto;
}

div.layout_contents div.layout_contents_bottom {
	background:url(http://simg.gpotato.jp/flyff/common/bg_contents_bottom.gif) no-repeat;
	height:30px;
}

div.layout_contents_top div.layout_contents_title {
	position:absolute;
	left:30px;top:30px;
}



/* Float Clear
------------------------------------------------------------ */
.clearBoth {
	clear:both;
}


/* Btn Style
------------------------------------------------------------ */
div.btn_right {
	float:right;
}

div.btn_right img {
	margin-left:5px;
}

div.btn_center {
	margin:0;
	padding:0;
	text-align:center;
}

div.btn_center img {
	margin:0 5px 0 5px;
}