@charset "utf-8";
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, font, img,strong, dl, dt, dd,
ol, ul, li, form, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body{
line-height:18px;
font-size:12px;
color:#6c6d62;
}

input{
font-size:12px;
color:#323333;
}
select{
height:20px;
font-size:12px;
color:#323333;
}

a{
text-decoration:underline;
color:#6c6d62;
}
a:hover{
text-decoration:none;
color:#6c6d62;
}

ul,
ol{
list-style:none;
}

img{
border:none;
}

/* ====================================================================
		ヘッダー
==================================================================== */
/*
.header{
position:relative;
width:100%;
min-width:1000px;
background:url(../img/common/bg_main_menu.gif) repeat-x left top;
overflow:hidden;
}
.header .main-menu{
margin:0 auto;
height:72px;
overflow:hidden;
opacity:0;
}
.header .main-menu .logo{
position:relative;
float:left;
width:288px;
height:72px;
}
.header .main-menu .logo p{
margin-top:10px;
line-height:10px;
text-align:center;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:10px;
}
.header.top .main-menu .logo h1{
margin-top:10px;
line-height:10px;
text-align:center;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:10px;
font-weight:normal;
}
.header .main-menu .logo .img-logo{
position:absolute;
left:0;
top:0;
width:288px;
height:72px;
}
.header .main-menu .logo .img-logo a{
display:block;
position:absolute;
left:0;
top:0;
padding-top:72px;
width:288px;
height:0;
background:url(../img/common/logo_nexon.gif) no-repeat center 26px;
overflow:hidden;
}

.header .main-menu ul{
float:left;
overflow:hidden;
}
.header .main-menu ul li{
position:relative;
float:left;
width:198px;
height:72px;
background:url(../img/common/bd_head_menu.gif) no-repeat left top;
}
.header .main-menu ul li a{
display:block;
margin-left:1px;
padding-top:71px;
width:195px;
height:0;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
overflow:hidden;
}
.header .main-menu ul li.menu01 a{
background:url(../img/common/img_main_menu01.gif) no-repeat center top;
}
.header .main-menu ul li.menu02 a{
background:url(../img/common/img_main_menu02.gif) no-repeat center top;
}
.header .main-menu ul li.menu03 a{
background:url(../img/common/img_main_menu03.gif) no-repeat center top;
}
.header .main-menu ul li.menu04 a{
background:url(../img/common/img_main_menu05.gif) no-repeat center top;
}
.header .main-menu ul li.menu05 a{
width:200px;
background:url(../img/common/img_main_menu06.gif) no-repeat center top;
border-right:none;
}

.header .main-menu ul li a:hover,
.header .main-menu ul li a:active{
background-position:center -72px;
}

.header .main-menu ul li.active div{
margin-left:1px;
height:72px;
background:url(../img/common/bd_head_menu_active.gif) repeat-x left top;
}
.header .main-menu ul li.active a{
width:197px;
height:72px;
border:none;
}
.header .main-menu ul li.menu01.active a{
background:url(../img/common/img_main_menu01_active.gif) no-repeat center top;
}
.header .main-menu ul li.menu02.active a{
background:url(../img/common/img_main_menu02_active.gif) no-repeat center top;
}
.header .main-menu ul li.menu03.active a{
background:url(../img/common/img_main_menu03_active.gif) no-repeat center top;
}
.header .main-menu ul li.menu04.active a{
background:url(../img/common/img_main_menu05_active.gif) no-repeat center top;
}
.header .main-menu ul li.menu05.active a{
width:202px;
background:url(../img/common/img_main_menu06_active.gif) no-repeat center top;
}

.header .main-menu .logo .img-logo a span,
.header .main-menu ul li a span{
display:block;
padding-top:71px;
height:0;
cursor:pointer;
}
*/


.header{
position:relative;
box-sizing:border-box;
width:100%;
min-width:1000px;
z-index:3;
}
.header .menu{
position:relative;
width:100%;
height:72px;
border-bottom:4px solid #0aa0d2;
}
.header .menu h1{
position:absolute;
top:0;
left:50%;
margin-left:-642px;
box-sizing:border-box;
width:290px;
height:72px;
border-left:solid 1px #c8d2d2;
border-right:solid 1px #c8d2d2;
}
.header .menu h1 a,
.header .menu h1 span{
position:absolute;
top:19px;
left:87px;
display:block;
width:115px;
height:0;
padding-top:36px;
background:url(https://static.nexon.co.jp/nexon/ver2017/common/logo_nexon.svg) no-repeat;
overflow:hidden;
}
.header .menu ul{
position:absolute;
top:0;
left:50%;
width:994px;
height:72px;
font-size:0;
margin-left:-352px;
padding:0;
}
.header .menu ul li{
display:inline-block;
margin:0;
padding:0
}
.header .menu ul li a{
display:block;
width:197px;
height:0;
padding-top:72px;
border-right:solid 1px #c8d2d2;
background:url(https://static.nexon.co.jp/nexon/ver2017/common/menu.png) no-repeat;
overflow:hidden;
transition:background .3s ease 0s;
}
.header .menu ul li:last-child a{
width:201px;
}
.header .menu ul li:first-child a{display:none;}

.header .menu ul li:nth-child(2) a{background-position:0 0;}
.header .menu ul li:nth-child(3) a{background-position:-198px 0;}
.header .menu ul li:nth-child(4) a{background-position:-396px 0;}
.header .menu ul li:nth-child(5) a{background-position:-594px 0;}
.header .menu ul li:nth-child(6) a{background-position:-792px 0;}

.header .menu ul li:nth-child(2) a:hover{background-position:0 -72px;}
.header .menu ul li:nth-child(3) a:hover{background-position:-198px -72px;}
.header .menu ul li:nth-child(4) a:hover{background-position:-396px -72px;}
.header .menu ul li:nth-child(5) a:hover{background-position:-594px -72px;}
.header .menu ul li:nth-child(6) a:hover{background-position:-792px -72px;}

.header .menu ul li.current:nth-child(2) a{background-position:0 -144px;}
.header .menu ul li.current:nth-child(3) a{background-position:-198px -144px;}
.header .menu ul li.current:nth-child(4) a{background-position:-396px -144px;}
.header .menu ul li.current:nth-child(5) a{background-position:-594px -144px;}
.header .menu ul li.current:nth-child(6) a{background-position:-792px -144px;}

.important-alert,
.security-alert{
width:100%;
min-width:1000px;
padding:20px 0;
text-align:center;
}
.important-alert{
background-color:#d20000;
}
.security-alert{
background-color:#ff5500;
}

.important-alert a,
.security-alert a{
width:100%;
font-size:16px;
font-weight:bold;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
color:#fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.header .left-open,
.header .menu-open,
.header .btn.close{
display:none;
}

@media screen and (max-width:1147px){
	.breadcrumb ul{width:790px;}
	.header .menu h1{margin-left:-394px;width:180px;}
	.header .menu h1 a,
	.header .menu h1 span{left:31px;}
	.header .menu ul{width:614px;margin-left:-214px;}
	.header .menu ul li a{width:121px;}
	.header .menu ul li:last-child a{width:125px;}

	.header .menu ul li:nth-child(2) a{background-position:-37px 0;}
	.header .menu ul li:nth-child(3) a{background-position:-235px 0;}
	.header .menu ul li:nth-child(4) a{background-position:-433px 0;}
	.header .menu ul li:nth-child(5) a{background-position:-631px 0;}
	.header .menu ul li:nth-child(6) a{background-position:-829px 0;}

	.header .menu ul li:nth-child(2) a:hover{background-position:-37px -72px;}
	.header .menu ul li:nth-child(3) a:hover{background-position:-235px -72px;}
	.header .menu ul li:nth-child(4) a:hover{background-position:-433px -72px;}
	.header .menu ul li:nth-child(5) a:hover{background-position:-631px -72px;}
	.header .menu ul li:nth-child(6) a:hover{background-position:-829px -72px;}

	.header .menu ul li.current:nth-child(2) a{background-position:-37px -144px;}
	.header .menu ul li.current:nth-child(3) a{background-position:-235px -144px;}
	.header .menu ul li.current:nth-child(4) a{background-position:-433px -144px;}
	.header .menu ul li.current:nth-child(5) a{background-position:-631px -144px;}
	.header .menu ul li.current:nth-child(6) a{background-position:-829px -144px;}
}
@media screen and (max-width:1579px) and (min-width:1148px){
	.breadcrumb ul{width:1035px;}
	.header .menu h1{margin-left:-519px;width:235px;}
	.header .menu h1 a,
	.header .menu h1 span{left:60px;}
	.header .menu ul{width:804px;margin-left:-284px;}
	.header .menu ul li a{width:159px;}
	.header .menu ul li:last-child a{width:163px;}

	.header .menu ul li:nth-child(2) a{background-position:-17px 0;}
	.header .menu ul li:nth-child(3) a{background-position:-215px 0;}
	.header .menu ul li:nth-child(4) a{background-position:-413px 0;}
	.header .menu ul li:nth-child(5) a{background-position:-611px 0;}
	.header .menu ul li:nth-child(6) a{background-position:-809px 0;}

	.header .menu ul li:nth-child(2) a:hover{background-position:-17px -72px;}
	.header .menu ul li:nth-child(3) a:hover{background-position:-215px -72px;}
	.header .menu ul li:nth-child(4) a:hover{background-position:-413px -72px;}
	.header .menu ul li:nth-child(5) a:hover{background-position:-611px -72px;}
	.header .menu ul li:nth-child(6) a:hover{background-position:-809px -72px;}

	.header .menu ul li.current:nth-child(2) a{background-position:-17px -144px;}
	.header .menu ul li.current:nth-child(3) a{background-position:-215px -144px;}
	.header .menu ul li.current:nth-child(4) a{background-position:-413px -144px;}
	.header .menu ul li.current:nth-child(5) a{background-position:-611px -144px;}
	.header .menu ul li.current:nth-child(6) a{background-position:-809px -144px;}

}
@media screen and (min-width:1580px){
	.breadcrumb ul{width:1280px;}
}

/* ぱんくず -------------------------------------------------- */

/*
.bread-link{
width:100%;
height:39px;
background:#0aa0d2;
border-bottom:1px solid #17476f;
}
.bread-link div{
margin:0 auto;
}
.bread-link div p{
padding-left:41px;
line-height:39px;
}
.bread-link p span{
padding-left:9px;
}
.bread-link p span.left{
padding-right:17px;
background:url(../img/common/icn_breadlink_arrow.gif) no-repeat right center;
}
.bread-link p span,
.bread-link a{
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#ffffff;
}
*/
nav.breadcrumb{
position:relative;
width:100%;
min-width:1000px;
padding:10px 0 13px;
background-color:#0aa0d2;
color:#fff;
}
nav.breadcrumb ul{
box-sizing:border-box;
margin:0 auto;
font-size:0;
line-height:normal;
}
nav.breadcrumb li{
display:inline-block;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
font-size:12px;
}
nav.breadcrumb li:not(:first-child)::before{
content:">";
margin:0 9px;

}
nav.breadcrumb a{
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
color:#fff;
}

/* ====================================================================
		フッター
==================================================================== */
.footer{
width:100%;
min-width:1000px;
}

/* footer ------------------------------------------------------------ */
.foot-link{
margin:0 auto;
padding:0 0 20px 0;
background:#eeeeee;
}
.foot-link *{
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.foot-link a:link,
.foot-link a:visited{
color:#666666;
text-decoration:underline;
}
.foot-link a:hover{
color:#666666;
text-decoration:none;
}

.foot-link ul{
margin: 0px;
padding:30px 0 0 0;
line-height:11px;
text-align:center;
}
.foot-link li{
display:inline;
padding:0 7px;
border-left:1px solid #aaaaaa;
font-size:10px;
}
.foot-link li:first-child{
border:none;
}

.foot-link .copyright-cnt{
margin:24px auto 0;
padding-bottom: 47px;
background:url(../img/common/logo_cp.gif) no-repeat center bottom;
line-height: normal;
text-align: center;
}
.foot-link .copyright-cnt a:link,
.foot-link .copyright-cnt a:visited{
text-decoration:underline;
color:#00a1e9;
}
.foot-link .copyright-cnt a:active,
.foot-link .copyright-cnt a:hover{
text-decoration:none;
color:#00a1e9;
}
.foot-link .copyright-cnt p{
padding:0 0 8px 0;
line-height:normal;
text-align:center;
font-size:10px;
color:#666666;
}