@charset "utf-8";
/* CSS Document */

@import url('normalize.css');
@import url('common.css');
@import url('navigation.css');
@import url('frame.css?20240807');
@import url('sub.css?20240522');
@import url('colorbox.css');

body,td,th{
font-family:Arial,"ＭＳ Ｐゴシック", "Osaka－等幅", Verdana;
}
.allcontainer{
width:100%;
overflow-x:hidden;			
}


/* categorymenu ///////////////////////////////////////////////////////////////////////////////////////////*/
.left .categorymenu nav ul,
.left .categorymenu nav ul li a,
.left .categorymenu nav ul li.active{
background-image: url(https://static.nexon.co.jp/talesweaver_4th/intro/categorymenu_141015.png);
}

/* mainttl ///////////////////////////////////////////////////////////////////////////////////////////*/
.content .main.talesweaver > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_talesweaver.jpg) no-repeat left top;}
.content .main.character > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_character.jpg) no-repeat left top;}
.content .main.startgame > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_startgame.jpg) no-repeat left top;}
.content .main.makecharacter > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_makecharacter.jpg) no-repeat left top;}
.content .main.tutorial > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_tutorial.jpg) no-repeat left top;}
.content .main.tutorial2 > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_tutorial.jpg) no-repeat left top;}
.content .main.magicquest > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_tutorial.jpg) no-repeat left top;}
.content .main.cladquest > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_tutorial.jpg) no-repeat left top;}
.content .main.makewell > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_makewell.jpg) no-repeat left top;}
.content .main.makeavatar > h1{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/mainttl_makeavatar.jpg) no-repeat left top;}

/* read ///////////////////////////////////////////////////////////////////////////////////////////*/
.content .main.makecharacter > div.read{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_makecharacter.png) no-repeat 14px 7px;
height:56px;
}
.content .main.makecharacter > div.read h2{
display:none;
}

/* ttl ///////////////////////////////////////////////////////////////////////////////////////////*/
/*talesweaver ////////////////////////////////*/
article.main.intro section .ttl-img{
height:40px;
}
article.main.talesweaver .section02 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_talesweaver.png);
margin-bottom:20px;
}

/*character ////////////////////////////////*/
article.main.character .section01 .ttl-img{
margin-bottom:0px;
}
article.main.character .chara01 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_01.png);}
article.main.character .chara02 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_02.png);}
article.main.character .chara03 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_03.png);}
article.main.character .chara04 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_04.png);}
article.main.character .chara05 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_05.png);}
article.main.character .chara06 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_06.png);}
article.main.character .chara07 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_07.png);}
article.main.character .chara08 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_08.png);}
article.main.character .chara09 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_09.png);}
article.main.character .chara10 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_10.png);}
article.main.character .chara11 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_11.png);}
article.main.character .chara12 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_12.png);}
article.main.character .chara13 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_13.png);}
article.main.character .chara14 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_14.png);}
article.main.character .chara15 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_15.png);}
article.main.character .chara16 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_16.png);}
article.main.character .chara17 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_17.png);}
article.main.character .chara18 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_18.png);}
article.main.character .chara19 .ttl-img{background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_character_19.png);}

/*startgame ////////////////////////////////*/
article.main.startgame .section01 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_startgame_01.png);
margin-bottom:20px;
}
article.main.startgame .section02 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_startgame_02.png);
margin-bottom:20px;
}

/*tutorial ////////////////////////////////*/
article.main.tutorial .section01 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_tutorial_230628.png);
margin-bottom:20px;
}

/*tutorial2 ////////////////////////////////*/
article.main.tutorial2 .section01 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_tutorial2.png);
margin-bottom:20px;
}

/*magicquest ////////////////////////////////*/
article.main.magicquest .section01 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_magicquest_01.png);
margin-bottom:20px;
}
article.main.magicquest .section02 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_magicquest_02.png);
margin-bottom:20px;
}

/*cladquest ////////////////////////////////*/
article.main.cladquest .section01 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_cladquest.png);
margin-bottom:20px;
}

/*makewell ////////////////////////////////*/
article.main.makewell .section01 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_makewell_01_130820.png);
margin-bottom:20px;
}
article.main.makewell .section02 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_makewell_02.png);
margin-bottom:20px;
}
article.main.makewell .section03 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_makewell_03.png);
margin-bottom:20px;
}
article.main.makewell .section04 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_makewell_04.png);
margin-bottom:20px;
}
article.main.makewell .section05 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_makewell_05.png);
margin-bottom:20px;
}
/*makeavatar ////////////////////////////////*/
article.main.makeavatar .section02 .ttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_makeavatar.png);
margin-bottom:20px;
}


/* sttl ///////////////////////////////////////////////////////////////////////////////////////////*/
/*talesweaver ////////////////////////////////*/

article.main.talesweaver section .sttl-img{
height:31px;
}
article.main.talesweaver section .sttl-img.sttl01{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_talesweaver_01.png);
margin-bottom:15px;
}
article.main.talesweaver section .sttl-img.sttl02{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_talesweaver_02.png);
margin-bottom:15px;
}
article.main.talesweaver section .sttl-img.sttl03{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_talesweaver_03.png);
margin-bottom:15px;
}
article.main.talesweaver section .sttl-img.sttl04{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_talesweaver_04.png);
margin-bottom:15px;
}

/*character ////////////////////////////////*/
article.main.character .section01 .ss .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_character_01.png);
margin-bottom:10px;	
}
article.main.character .section01 .profile .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_character_02.png);
margin-bottom:9px;	
}
article.main.character .section01 .related .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_character_03.png);
margin-bottom:0px;	
}
article.main.character .section01 .style .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_character_04.png);
margin-bottom:9px;	
}

article.main.character .section01 .visual .sttl-img{
width:424px;
height:38px;
margin-bottom:0;
}
article.main.character .chara01 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_01.png) no-repeat left bottom;}
article.main.character .chara02 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_02.png) no-repeat left bottom;}
article.main.character .chara03 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_03.png) no-repeat left bottom;}
article.main.character .chara04 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_04.png) no-repeat left bottom;}
article.main.character .chara05 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_05.png) no-repeat left bottom;}
article.main.character .chara06 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_06.png) no-repeat left bottom;}
article.main.character .chara07 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_07.png) no-repeat left bottom;}
article.main.character .chara08 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_08.png) no-repeat left bottom;}
article.main.character .chara09 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_09.png) no-repeat left bottom;}
article.main.character .chara10 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_10.png) no-repeat left bottom;}
article.main.character .chara11 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_11.png) no-repeat left bottom;}
article.main.character .chara12 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_12.png) no-repeat left bottom;}
article.main.character .chara13 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_13.png) no-repeat left bottom;}
article.main.character .chara14 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_14.png) no-repeat left bottom;}
article.main.character .chara15 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_15.png) no-repeat left bottom;}
article.main.character .chara16 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_16.png) no-repeat left bottom;}
article.main.character .chara17 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_17.png) no-repeat left bottom;}
article.main.character .chara18 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_18.png) no-repeat left bottom;}
article.main.character .chara19 .visual .sttl-img{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_19.png) no-repeat left bottom;}

/*startgame ////////////////////////////////*/
article.main.startgame .section02 .section02-1 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_startgame_01.png);
margin-bottom:15px;	
}
article.main.startgame .section02 .section02-2 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_startgame_02.png);
margin-bottom:15px;	
}
article.main.startgame .section01 .section01-01 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_startgame_01_01.png);
margin-bottom:15px;		
}
article.main.startgame .section01 .section01-02 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_startgame_01_02.png);
margin-bottom:15px;		
}
article.main.startgame .section01 .section01-03 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_startgame_01_03.png);
margin-bottom:15px;		
}
article.main.startgame .section01 .section01-04 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_startgame_01_04.png);
margin-bottom:15px;		
}

/*tutorial ////////////////////////////////*/
article.main.tutorial .section01 .sttl-img{
margin-bottom:15px;	
}
article.main.tutorial .section01 .section01-1 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial_01_230628.png);
}
article.main.tutorial .section01 .section01-2 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial_02_230628.png);
}
article.main.tutorial .section01 .section01-3 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial_03_230628.png);
}
article.main.tutorial .section01 .section01-4 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial_04_230628.png);
}
article.main.tutorial .section01 .section01-5 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial_05_230628.png);
}

/*tutorial2 ////////////////////////////////*/
article.main.tutorial2 .section01 .sttl-img{
margin-bottom:15px;	
}
article.main.tutorial2 .section01 .section01-1 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial2_01.png);
}
article.main.tutorial2 .section01 .section01-2 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial2_02.png);
}
article.main.tutorial2 .section01 .section01-3 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial2_03.png);
}
article.main.tutorial2 .section01 .section01-4 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_tutorial2_04.png);
}

/*magicquest ////////////////////////////////*/
article.main.magicquest .section01 .sttl-img,
article.main.magicquest .section02 .sttl-img{
margin-bottom:15px;	
}
article.main.magicquest .section01 .section01-1 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_magicquest_01.png);
}
article.main.magicquest .section01 .section01-2 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_magicquest_02.png);
}
article.main.magicquest .section01 .section01-3 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_magicquest_03.png);
}
article.main.magicquest .section02 .section02-1 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_magicquest_04.png);
}

/*cladquest ////////////////////////////////*/
article.main.cladquest .section01 .sttl-img,
article.main.cladquest .section02 .sttl-img{
margin-bottom:15px;	
}
article.main.cladquest .section01 .section01-1 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_cladquest_01.png);
}
article.main.cladquest .section01 .section01-2 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_cladquest_02.png);
}
article.main.cladquest .section01 .section01-3 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_cladquest_03.png);
}
article.main.cladquest .section01 .section01-4 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_cladquest_04.png);
}

/*makewell ////////////////////////////////*/
article.main.makewell .section01 .section01-1 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makewell_01.png);
margin-bottom:15px;	
}
article.main.makewell .section01 .section01-2 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makewell_02.png);
margin-bottom:15px;	
}
article.main.makewell .section01 .section01-3 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makewell_03.png);
margin-bottom:15px;	
}
article.main.makewell .section01 .section01-4 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makewell_04.png);
margin-bottom:15px;	
}
article.main.makewell .section01 .section01-5 .sttl-img{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makewell_05.png);
margin-bottom:15px;	
}
/* read ///////////////////////////////////////////////////////////////////////////////////////////*/
/*talesweaver ////////////////////////////////*/
.content .main.talesweaver > .section01 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_talesweaver_01.png);
width:660px;
margin:0 10px 14px 10px;
padding:70px 0 0;
}

.content .main.talesweaver > .section02 .section02-1 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_talesweaver_02.png);
width:660px;
margin:0 0 20px 0;
padding:18px 0 0;
}
.content .main.talesweaver > .section02 .section02-2 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_talesweaver_03.png);
width:660px;
margin:0 0 20px 0;
padding:18px 0 0;
}
.content .main.talesweaver > .section02 .section02-3 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_talesweaver_04.png);
width:660px;
margin:0 0 20px 0;
padding:18px 0 0;
}

/*character ////////////////////////////////*/
article.main.character .section01 .read{
margin-left:0;
margin-bottom:0px;
height:38px;
}
article.main.character .chara01 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_01.png) no-repeat left bottom;}
article.main.character .chara02 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_02.png) no-repeat left bottom;}
article.main.character .chara03 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_03.png) no-repeat left bottom;}
article.main.character .chara04 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_04.png) no-repeat left bottom;}
article.main.character .chara05 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_05.png) no-repeat left bottom;}
article.main.character .chara06 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_06.png) no-repeat left bottom;}
article.main.character .chara07 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_07.png) no-repeat left bottom;}
article.main.character .chara08 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_08.png) no-repeat left bottom;}
article.main.character .chara09 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_09.png) no-repeat left bottom;}
article.main.character .chara10 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_10.png) no-repeat left bottom;}
article.main.character .chara11 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_11.png) no-repeat left bottom;}
article.main.character .chara12 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_12.png) no-repeat left bottom;}
article.main.character .chara13 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_13.png) no-repeat left bottom;}
article.main.character .chara14 .read{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_character_14.png) no-repeat left bottom;}

/*magicquest ////////////////////////////////*/
.content .main.magicquest .section01 > div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_magicquest_01.png);
width:660px;
margin:0 auto 30px;
padding:44px 0 0;
}

/*cladquest ////////////////////////////////*/
.content .main.cladquest .section01 > div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_cladquest_01.png);
width:660px;
margin:0 auto 27px;
padding:44px 0 0;
}
.content .main.cladquest .section01 > div.quest-step{
margin:0 auto 20px;
padding-bottom:2px;
width:660px;
}
.content .main.cladquest .section01 > div.quest-step p{
margin-top:0;
}
.content .main.cladquest .section01 > div.quest-step p strong{
color:#44733e;
}
.content .main.cladquest .section01 > div.quest-step ol{
margin-left:16px;
width:618px;
height:542px;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_cladquest_step.png) no-repeat left 17px;
}
.content .main.cladquest .section01 > div.quest-step ol li{
position:absolute;
left:-9999px;
}

/*makewell ////////////////////////////////*/
.content .main.makewell .section01-1 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makewell_01.png);
width:660px;
margin:0 auto 30px;
padding:18px 0 0;
}
.content .main.makewell .section01-2 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makewell_02_130820.png);
width:660px;
margin:0 auto 30px;
padding:44px 0 0;
}
.content .main.makewell .section01-3 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makewell_03_130820.png);
width:660px;
margin:0 auto 30px;
padding:18px 0 0;
}
.content .main.makewell .section01-4 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makewell_04_130820.png);
width:660px;
margin:0 auto 30px;
padding:18px 0 0;
}
.content .main.makewell .section01-5 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makewell_05_130820.png);
width:660px;
margin:0 auto 30px;
padding:18px 0 0;
}

/*makeavatar ////////////////////////////////*/
.content .main.makeavatar > div.section01 div.read{
background-image:url(https://static.nexon.co.jp/talesweaver_4th/intro/read_makeavatar.png);
width:660px;
margin:-2px 10px 19px -4px;
padding:57px 0 0;
}

/* common ///////////////////////////////////////////////////////////////////////////////////////////*/
.content .main.form > section.detail,
.content .main.confirm > section.detail{
background:none;	
}
.content .main > section.list{
margin-bottom:28px;
padding:0 0 12px;
}
.listbtm{
padding:0 0 13px 0;
}

/* box ********************************************************************************************/
.content .main .box{
margin-bottom:20px;	
}
.content .main .text .box{
margin:0 0 20px 0;	
}
.levelup .box h2{
width:180px;
height:28px;
margin:0px 0px 9px 0;
padding-top:20px;
background:url(https://static.nexon.co.jp/talesweaver_4th/guide/ttl_levelup_auto.png) no-repeat 24px 20px;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
article.main.levelup section .box p{
margin: 0 27px;
padding-bottom:22px;
}
article.main.levelup section .box ul{
line-height: 1.9;
margin: 0 27px;
padding-bottom:10px;
}

article.main.battle .box{
margin-bottom:0;	
}
.battle .box h2{
width:95px;
height:28px;
margin:0px 0px 9px 0;
padding-top:20px;
background:url(https://static.nexon.co.jp/talesweaver_4th/guide/ttl_tips.png) no-repeat 24px 20px;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
article.main.battle section .box p{
margin: 0 27px;
padding-bottom:22px;
}
article.main.battle section .box ul{
line-height: 1.9;
margin: 0 27px;
padding-bottom:10px;
}

article.main.quest .box{
margin-bottom:0;	
}
.quest .box h2{
width:95px;
height:28px;
margin:0px 0px 9px 0;
padding-top:20px;
background:url(https://static.nexon.co.jp/talesweaver_4th/guide/ttl_tips.png) no-repeat 24px 20px;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
article.main.quest section .box p{
margin: 0 27px;
padding-bottom:22px;
}
article.main.quest section .box ul{
line-height: 1.9;
margin: 0 27px;
padding-bottom:10px;
}

article.main.warp .box{
margin-bottom:0;	
}
.warp .box h2{
width:95px;
height:28px;
margin:0px 0px 9px 0;
padding-top:20px;
background:url(https://static.nexon.co.jp/talesweaver_4th/guide/ttl_tips.png) no-repeat 24px 20px;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
article.main.warp section .box p{
margin: 0 27px !important;
padding-bottom:22px;
}
article.main.warp section .box ul{
line-height: 1.9;
margin: 0 27px;
padding-bottom:10px;
}


/* tab ********************************************************************************************/
.content .main ul.tab{
margin-bottom:29px;
overflow:hidden;
}
.content .main ul.tab li{
float:left;
}
.content .main ul.tab li,
.content .main ul.tab li a{
display:block;
width:340px;
height:32px;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/tab_lesson_230628.png) no-repeat;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}

.content .main ul.tab li.tab01 a{background-position:0 0;}
.content .main ul.tab li.tab02 a{background-position:-340px 0;}

.content .main ul.tab li.tab01 a:hover{background-position:0 -32px;}
.content .main ul.tab li.tab02 a:hover{background-position:-340px -32px}

.content .main ul.tab li.tab01.active a{background-position:0 -64px;}
.content .main ul.tab li.tab02.active a{background-position:-340px -64px;}


.content .main.character ul.tab{
margin-bottom:29px;
overflow:hidden;
}
.content .main.character ul.tab{
margin-bottom:30px;	
}
.content .main.character ul.tab li{
float:left;
margin:1px 1px 0 0;
}

.content .main.character ul.tab li,
.content .main.character ul.tab li a{
display:block;
width:84px;
height:41px;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/tab_character05.png) no-repeat;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}

.content .main.character ul.tab li.tab15 a{background-position:0 0;}
.content .main.character ul.tab li.tab01 a{background-position:-85px 0;}
.content .main.character ul.tab li.tab02 a{background-position:-170px 0;}
.content .main.character ul.tab li.tab03 a{background-position:-255px 0;}
.content .main.character ul.tab li.tab04 a{background-position:-340px 0;}
.content .main.character ul.tab li.tab05 a{background-position:-425px 0;}
.content .main.character ul.tab li.tab06 a{background-position:-510px 0;}
.content .main.character ul.tab li.tab07 a{background-position:-595px 0;}

.content .main.character ul.tab li.tab08 a{background-position:0 -83px;}
.content .main.character ul.tab li.tab09 a{background-position:-85px -83px;}
.content .main.character ul.tab li.tab10 a{background-position:-170px -83px;}
.content .main.character ul.tab li.tab11 a{background-position:-255px -83px;}
.content .main.character ul.tab li.tab12 a{background-position:-340px -83px;}

.content .main.character ul.tab li.tab13 a{background-position:-425px -83px;}
.content .main.character ul.tab li.tab14 a{background-position:-510px -83px;}
.content .main.character ul.tab li.tab16 a{background-position:-595px -83px;}

.content .main.character ul.tab li.tab17 a{background-position:0 -166px;}
.content .main.character ul.tab li.tab18 a{background-position:-85px -166px;}
.content .main.character ul.tab li.tab19 a{background-position:-170px -166px;}

.content .main.character ul.tab li.tab15 a:hover,.content .main.character ul.tab li.tab15.active a{background-position:0 -41px;}
.content .main.character ul.tab li.tab01 a:hover,.content .main.character ul.tab li.tab01.active a{background-position:-85px -41px;}
.content .main.character ul.tab li.tab02 a:hover,.content .main.character ul.tab li.tab02.active a{background-position:-170px -41px;}
.content .main.character ul.tab li.tab03 a:hover,.content .main.character ul.tab li.tab03.active a{background-position:-255px -41px;}
.content .main.character ul.tab li.tab04 a:hover,.content .main.character ul.tab li.tab04.active a{background-position:-340px -41px;}
.content .main.character ul.tab li.tab05 a:hover,.content .main.character ul.tab li.tab05.active a{background-position:-425px -41px;}
.content .main.character ul.tab li.tab06 a:hover,.content .main.character ul.tab li.tab06.active a{background-position:-510px -41px;}
.content .main.character ul.tab li.tab07 a:hover,.content .main.character ul.tab li.tab07.active a{background-position:-595px -41px;}

.content .main.character ul.tab li.tab08 a:hover,.content .main.character ul.tab li.tab08.active a{background-position:0 -124px;}
.content .main.character ul.tab li.tab09 a:hover,.content .main.character ul.tab li.tab09.active a{background-position:-85px -124px;}
.content .main.character ul.tab li.tab10 a:hover,.content .main.character ul.tab li.tab10.active a{background-position:-170px -124px;}
.content .main.character ul.tab li.tab11 a:hover,.content .main.character ul.tab li.tab11.active a{background-position:-255px -124px;}
.content .main.character ul.tab li.tab12 a:hover,.content .main.character ul.tab li.tab12.active a{background-position:-340px -124px;}
.content .main.character ul.tab li.tab13 a:hover,.content .main.character ul.tab li.tab13.active a{background-position:-425px -124px;}
.content .main.character ul.tab li.tab14 a:hover,.content .main.character ul.tab li.tab14.active a{background-position:-510px -124px;}
.content .main.character ul.tab li.tab16 a:hover,.content .main.character ul.tab li.tab16.active a{background-position:-595px -124px;}

.content .main.character ul.tab li.tab17 a:hover,.content .main.character ul.tab li.tab17.active a{background-position:0 -207px;}
.content .main.character ul.tab li.tab18 a:hover,.content .main.character ul.tab li.tab18.active a{background-position:-85px -207px;}
.content .main.character ul.tab li.tab19 a:hover,.content .main.character ul.tab li.tab19.active a{background-position:-170px -207px;}

/* content ///////////////////////////////////////////////////////////////////////////////////////////*/

article.main section .cl-box.column-3{
margin-bottom:20px;
}
article.main section .cl-box.column-3 img{
margin-left:9px;
float:left;
}
article.main section .cl-box.column-3 img:first-child{
margin-left:0;
}

/*talesweaver ////////////////////////////////*/
article.main.talesweaver .section01{
margin-bottom:28px;
padding-bottom:36px;
}
article.main.talesweaver .section01 .movie{
width:680px;
height:316px;
margin-bottom:20px;
}
article.main.talesweaver .section01 .movie a{
width:680px;
height:316px;
display:block;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_talesweaver_01_2_230823.jpg) no-repeat left top;
}
article.main.talesweaver .section01 .movie a:hover{
background-position:0px -316px;
}
article.main.talesweaver .section01 .text{
padding-bottom:0;
}
article.main.talesweaver .section01 .text p{
margin:0;
}
article.main.talesweaver .section02{
margin-bottom:28px;
padding-bottom:42px;
}
article.main.talesweaver .section02 .section02-1{
margin-bottom:20px;
padding-bottom:22px;	
}
article.main.talesweaver .section02 .section02-2{
margin-bottom:20px;
padding-bottom:22px;	
}

.btn-regist{
width:680px;
}
.btn-regist a{
display:block;
width:230px;
height:66px;
margin:0 auto;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
background: url(https://static.nexon.co.jp/talesweaver_4th/index/button/btn_entry_130909.png) no-repeat left top;
}
.btn-regist a:hover{
background-position:left -66px;
}

/*character ////////////////////////////////*/
article.main.character{
	
}
article.main.character .section01{
position:relative;
width:680px;
margin-bottom:28px;
padding-bottom:41px;
background-position:left bottom;
z-index:1;
overflow:visible;
}
.chara{
position:absolute !important;
left:0;
z-index:-1;	
}

article.main.character .section01 > div{
position:relative;
}
article.main.character .section01 > div .visual{
min-height:380px;
}

article.main.character .section01 > div .visual .text{
margin-top:13px;
padding-bottom:15px;
}
article.main.character .section01 > div .visual .text p{
margin-top:0;
margin-bottom:10px;
}
article.main.character .section01 > div .visual .text p.text-link{
padding-left:13px;
margin-bottom:0;
}
article.main.character .section01 > div .sd{
position:absolute;
z-index:200;
}
article.main.character .section01 > div .detail{
width:680px;
overflow:hidden;
}
article.main.character .section01 > div .left{
width:320px;
margin:0 20px 0 10px;
float:left;
}
article.main.character .section01 > div .right{
width:320px;
float:left;
}

article.main.character .section01 > div .left .ss{
padding-bottom:20px;
}
article.main.character .section01 > div .left .ss ul{
padding:2px 0;
overflow:hidden;
background-color:#e1ddd1;
}
article.main.character .section01 > div .left .ss ul li{
height:54px;
margin-left:2px;
float:left;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
article.main.character .section01 > div .left .ss ul li a{
width:77px;
height:54px;
display:block;
}

article.main.character .section01 > div .left .profile{
padding-bottom:20px;
}
article.main.character .section01 > div .left .profile table{
margin-left:-1px;
border-collapse:separate;
border-spacing:1px;
}
article.main.character .section01 > div .left .profile table th{
width:80px;
height:33px;
background-color:#e1ddd1;
}
article.main.character .section01 > div .left .profile table td{
width:71px;
height:33px;
padding-left:9px;
background-color:#efede1;
}

article.main.character .section01 > div .left .related{
height:193px;
}

article.main.character .section01 > div .left .related .text-link{
margin-top:138px;
padding-left:0;
text-align:center;
background:none;
vertical-align:top;
line-height:1.8;
}
article.main.character .section01 > div .left .related .text-link a{
vertical-align:top;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/icon_arrow.png) no-repeat right 3px;
}
*+html article.main.character .section01 > div .left .related .text-link a{
background:url(https://static.nexon.co.jp/talesweaver_4th/common/icon_arrow.png) no-repeat right 1px;		
}

article.main.character .section01 > div .right .style{
}
article.main.character .section01 > div .right .style table{
margin-left:-1px;
border-collapse:separate;
border-spacing:1px;
}
article.main.character .section01 > div .right .style table th{
width:319px;
height:33px;
background-color:#e1ddd1;
}
article.main.character .section01 > div .right .style table td{
width:309px;
height:33px;
padding-left:10px;
background-color:#efede1;	
}
article.main.character .section01 > div .right .style table td.status{
width:319px;
height:330px;
padding-left:0px;
background:#efede1 url(https://static.nexon.co.jp/talesweaver_4th/intro/bg_character_status.jpg) no-repeat 0px 0px;
}
article.main.character .section01 > div .right .style table td dl{

width:319px;
height:330px;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}

/*gif*/
article.main.character .chara01 > div .sd{width:79px; height:106px;top:204px;left:334px;}
article.main.character .chara02 > div .sd{width:38px; height:89px;top:224px;left:375px;}
article.main.character .chara03 > div .sd{width:39px; height:84px;top:230px;left:372px;}
article.main.character .chara04 > div .sd{width:45px; height:84px;top:230px;left:371px;}
article.main.character .chara05 > div .sd{width:40px; height:84px;top:230px;left:370px;}
article.main.character .chara06 > div .sd{width:80px; height:95px;top:219px;left:359px;}
article.main.character .chara07 > div .sd{width:41px; height:85px;top:227px;left:370px;}
article.main.character .chara08 > div .sd{width:38px; height:90px;top:223px;left:372px;}
article.main.character .chara09 > div .sd{width:43px; height:84px;top:229px;left:369px;}
article.main.character .chara10 > div .sd{width:51px; height:86px;top:225px;left:362px;}
article.main.character .chara11 > div .sd{width:37px; height:95px;top:219px;left:372px;}
article.main.character .chara12 > div .sd{width:39px; height:84px;top:230px;left:372px;}
article.main.character .chara13 > div .sd{width:40px; height:80px;top:231px;left:370px;}
article.main.character .chara14 > div .sd{width:53px; height:85px;top:232px;left:362px;}
article.main.character .chara15 > div .sd{width:53px; height:85px;top:226px;left:369px;}
article.main.character .chara16 > div .sd{width:56px; height:91px;top:220px;left:356px;}
article.main.character .chara17 > div .sd{width:63px; height:88px;top:222px;left:350px;}
article.main.character .chara18 > div .sd{width:60px; height:86px;top:222px;left:355px;}
article.main.character .chara19 > div .sd{width:35px; height:91px;top:224px;left:375px;}

/*ss*/
article.main.character .chara01 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_01.png) no-repeat;}
article.main.character .chara02 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_02.png) no-repeat;}
article.main.character .chara03 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_03.png) no-repeat;}
article.main.character .chara04 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_04.png) no-repeat;}
article.main.character .chara05 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_05.png) no-repeat;}
article.main.character .chara06 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_06.png) no-repeat;}
article.main.character .chara07 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_07.png) no-repeat;}
article.main.character .chara08 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_08.png) no-repeat;}
article.main.character .chara09 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_09.png) no-repeat;}
article.main.character .chara10 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_10.png) no-repeat;}
article.main.character .chara11 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_11.png) no-repeat;}
article.main.character .chara12 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_12.png) no-repeat;}
article.main.character .chara13 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_13.png) no-repeat;}
article.main.character .chara14 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_14.png) no-repeat;}
article.main.character .chara15 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_15.png) no-repeat;}
article.main.character .chara16 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_16.png) no-repeat;}
article.main.character .chara17 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_17.png) no-repeat;}
article.main.character .chara18 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_18.png) no-repeat;}
article.main.character .chara19 > div .left .ss ul li a{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_thumb_19.png) no-repeat;}

article.main.character .section01 > div .left .ss ul li.ss01 a{background-position:0 0;}
article.main.character .section01 > div .left .ss ul li.ss02 a{background-position:-79px 0;}
article.main.character .section01 > div .left .ss ul li.ss03 a{width:78px;background-position:-158px 0;}
article.main.character .section01 > div .left .ss ul li.ss04 a{width:78px;background-position:-238px 0;}

article.main.character .section01 > div .left .ss ul li.ss01 a:hover{background-position:0 -56px;}
article.main.character .section01 > div .left .ss ul li.ss02 a:hover{background-position:-79px -56px;}
article.main.character .section01 > div .left .ss ul li.ss03 a:hover{width:78px;background-position:-158px -56px;}
article.main.character .section01 > div .left .ss ul li.ss04 a:hover{width:78px;background-position:-238px -56px;}

/*related*/
article.main.character .chara01 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_01.png) no-repeat 0px 31px;}
article.main.character .chara02 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_02.png) no-repeat 0px 31px;}
article.main.character .chara03 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_03.png) no-repeat 0px 31px;}
article.main.character .chara04 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_04.png) no-repeat 0px 31px;}
article.main.character .chara05 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_05.png) no-repeat 0px 31px;}
article.main.character .chara06 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_06.png) no-repeat 0px 31px;}
article.main.character .chara07 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_07.png) no-repeat 0px 31px;}
article.main.character .chara08 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_08.png) no-repeat 0px 31px;}
article.main.character .chara09 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_09.png) no-repeat 0px 31px;}
article.main.character .chara10 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_10.png) no-repeat 0px 31px;}
article.main.character .chara11 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_11.png) no-repeat 0px 31px;}
article.main.character .chara12 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_12.png) no-repeat 0px 31px;}
article.main.character .chara13 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_13.png) no-repeat 0px 31px;}
article.main.character .chara14 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_14.png) no-repeat 0px 31px;}
article.main.character .chara15 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_15.png) no-repeat 0px 31px;}
article.main.character .chara16 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_16.png) no-repeat 0px 31px;}
article.main.character .chara17 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_17.png) no-repeat 0px 31px;}
article.main.character .chara18 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_18.png) no-repeat 0px 31px;}
article.main.character .chara19 > div .left .related{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_related_19.png) no-repeat 0px 31px;}

/*status*/
article.main.character .chara01 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_01.png) no-repeat 57px 54px;}
article.main.character .chara02 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_02.png) no-repeat 57px 54px;}
article.main.character .chara03 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_03.png) no-repeat 57px 54px;}
article.main.character .chara04 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_04.png) no-repeat 57px 54px;}
article.main.character .chara05 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_05.png) no-repeat 57px 54px;}
article.main.character .chara06 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_06.png) no-repeat 57px 54px;}
article.main.character .chara07 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_07.png) no-repeat 57px 54px;}
article.main.character .chara08 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_08.png) no-repeat 57px 54px;}
article.main.character .chara09 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_09.png) no-repeat 57px 54px;}
article.main.character .chara10 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_10.png) no-repeat 57px 54px;}
article.main.character .chara11 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_11.png) no-repeat 57px 54px;}
article.main.character .chara12 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_12.png) no-repeat 57px 54px;}
article.main.character .chara13 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_13.png) no-repeat 57px 54px;}
article.main.character .chara14 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_14.png) no-repeat 57px 54px;}
article.main.character .chara15 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_15.png) no-repeat 57px 54px;}
article.main.character .chara16 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_16.png) no-repeat 57px 54px;}
article.main.character .chara17 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_17.png) no-repeat 57px 54px;}
article.main.character .chara18 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_18.png) no-repeat 57px 54px;}
article.main.character .chara19 > div .right .style table td dl{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/img_character_status_19.png) no-repeat 57px 54px;}

.btn-skill{
width:680px;
padding-top:26px;
clear:left;
}
.btn-skill a{
display:block;
width:230px;
height:42px;
margin:0 auto;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/btn_character_skill.png) no-repeat left top;
}
.btn-skill a:hover{
background-position:left -42px;
}

/*startgame ////////////////////////////////*/

.content .main.startgame .img-right .left {
padding-bottom: 15px;
}
.content .main.startgame .img-right .right {
padding-bottom: 20px;
}
article.main.startgame section > section{ margin-top: 19px;}
article.main.startgame .section01{
margin-bottom:28px;
padding-bottom:42px;
}
article.main.startgame .section01 > .text{
margin-bottom:28px;
padding-bottom:24px;
}
article.main.startgame .section01 .box{
margin-bottom:15px;
}
article.main.startgame .section01 ol{
height:100px;
overflow:hidden;
}
article.main.startgame .section01 ol li{
height:88px;
margin-top:6px;
}
article.main.startgame .section01 li.step01{
width:226px;
margin-left:6px;
display:block;
float:left;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/bg_startgame_01.png) no-repeat left top;
}
article.main.startgame .section01 li.step02{
width:219px;
display:block;
float:left;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/bg_startgame_02.png) no-repeat left top;
}
article.main.startgame .section01 li.step03{
width:203px;
display:block;
float:left;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/bg_startgame_03.png) no-repeat left top;
}
article.main.startgame .section01 li.step01 .regist,
article.main.startgame .section01 li.step02 .get,
article.main.startgame .section01 li.step03 .start{
height:56px;
display:block;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
article.main.startgame .section01 .text-link,
article.main.startgame .section01 .text-link-blank,
article.main.startgame .section01 .pagelink{
display:block;
background:none;
}
article.main.startgame .section01 .text-link{
padding-left:7px;	
}
article.main.startgame .section01 .text-link a{
vertical-align:middle;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/icon_arrow.png) no-repeat right center;	
}
article.main.startgame .section01 .pagelink{
padding-left:9px;
}
article.main.startgame .pagelink a{
padding-right:16px;
font-weight:bold;
vertical-align:top;
line-height:1.8;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/icon_pagelink.png) no-repeat right center;	
}
*+html article.main.startgame .pagelink a{
background:url(https://static.nexon.co.jp/talesweaver_4th/common/icon_pagelink.png) no-repeat right top;		
}
article.main.startgame .section01 .text p{
margin-top:0;
}
article.main.startgame .section01 .text p strong{
color:#44733e;	
}

article.main.startgame .section02{
margin-bottom:28px;
padding-bottom:42px;
}
article.main.startgame .section02 .section02-1{
position:relative;
padding-bottom:22px;
margin-bottom:20px;
clear:left;
}
article.main.startgame .section02 .section02-1 > div,
article.main.startgame .section02 .section02-2 > div{
background-color:#efede1 !important;	
}

article.main.startgame .section02 section section{
width:586px;
margin-right:10px;
}
article.main.startgame .section02 section section h1{
width:586px;
height:25px;
padding-top:9px;
margin-bottom:2px;
text-align:center;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/bg_slide_head.jpg) no-repeat left top;	
}
article.main.startgame .section02 section section img{
margin-bottom:10px;
}

article.main.startgame .section02 section section ol{
border-top:#ddd 1px dotted;
}
article.main.startgame .section02 section section ol li{
border-bottom:#ddd 1px dotted;
}
article.main.startgame .section02 section section ol li dl{
overflow:hidden;
line-height:1.836;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/bg_startgame_both.gif) repeat-y left top;
}
article.main.startgame .section02 section section ol li dl dt{
width:140px;
}
article.main.startgame .section02 section section ol li dl dd{
min-width:371px;
*width:371px;
padding:5px 10px 5px 10px;
display:table-cell;
*display:inline;
*zoom:1;
background:#fff;
vertical-align:middle;
}
article.main.startgame .section02 section section ol li dl dd span{
margin-top:10px;
display:block;	
}
*+html article.main.startgame .section02 .section02-1 ol li dl dd span{
padding-bottom:3px;	
}

.section01-01 .btn-regist{
padding-top:4px;
}
.section01-01 .btn-regist a{
margin:0;
}

/*makecharacter ////////////////////////////////*/
.content .main.makecharacter > .box .box-btm{
padding:26px 0 10px 26px;
}
.content .main.makecharacter ol{
margin:20px 0 0 0;
padding-bottom:32px;
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/icn_arrow_down.png) no-repeat 279px bottom;
overflow:auto;
}
.content .main.makecharacter ol:first-child{
margin:0;
}
.content .main.makecharacter ol.last{
padding-bottom:0;
background:none;
}
.content .main.makecharacter ol li{
float:left;
margin-right:10px;
width:299px;
}
.content .main.makecharacter ol li p{
margin-top:10px;
padding-top:18px;
min-height:18px;
}
.content .main.makecharacter ol li.howto-10 p,
.content .main.makecharacter ol li.howto-12 p{
padding-top:38px;
}
.content .main.makecharacter ol li p span{
display:none;
}
.content .main.makecharacter ol li p a{
font-weight:bold;
color:#6b3f00;
}
.content .main.makecharacter ol li.howto-01 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_01.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-02 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_02.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-03 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_03.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-04 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_04.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-05 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_05.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-06 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_06.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-07 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_07.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-08 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_08_230628.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-09 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_09.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-10 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_10.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-11 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_11.png) no-repeat left top;
}
.content .main.makecharacter ol li.howto-12 p{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/txt_makecharacter_12.png) no-repeat left top;
}

.content .main.makecharacter ol li.howto-07 p.generallist{
margin-top:-4px;
padding:0 0 0 15px;
background: url(https://static.nexon.co.jp/talesweaver_4th/common/icon_dia.png) no-repeat scroll left 5px;
font-size:12px;
}
.content .main.makecharacter ol li.howto-07 p.generallist a.text-link{
padding:0 13px 0 0;
vertical-align:middle;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/icon_arrow.png) no-repeat right center;
color:#6b3f00;
}
.content .main.makecharacter ol li.howto-10 p a{
padding-right:16px;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/icon_blank.png) no-repeat right 2px;
}

/*tutorial ////////////////////////////////*/
article.main.tutorial .section01{
padding-bottom:42px;
}

article.main.tutorial .section01-1,
article.main.tutorial .section01-2,
article.main.tutorial .section01-3,
article.main.tutorial .section01-4{
margin-bottom:18px;
padding-bottom:22px;
}

article.main.tutorial .section01-3 .cl-box{
margin-bottom: 20px;
}

article.main.tutorial .section01-3 .box{
margin:20px 0 0 0;
}
article.main.tutorial .section01-3 .box h2 {
overflow: hidden;
width: 636px;
height: 28px;
margin: 0 0 9px;
padding-top: 20px;
text-indent: 120%;
white-space: nowrap;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_magicquest_mon.png) no-repeat scroll 24px 20px;
}
article.main.tutorial .section01-3 .box .cl-box-inbox{
margin:0 auto;
padding-bottom:22px;
overflow:auto;
}
article.main.tutorial .section01-3 .box .cl-box-inbox .left.img-left{
float:left;
margin-right:19px;
width:196px;
}
article.main.tutorial .section01-3 .box .cl-box-inbox .right{
float:left;
width:393px;
}
article.main.tutorial .section01-3 .box h3.generallist{
padding-left: 15px;
color:#402900;
background: url(https://static.nexon.co.jp/talesweaver_4th/common/icon_dia.png) no-repeat scroll left 4px;
font-size:12px;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
article.main.tutorial .section01-3 .box .cl-box-inbox .right h3{
margin-top:-3px;
background-position:left 6px;
}
article.main.tutorial .section01-3 .box .box-btm > h3{
margin:17px 0 11px 27px;
}
article.main.tutorial .section01-3 .box .cl-box-inbox .right p{
margin-top:9px;
margin-bottom: 0;
padding-bottom:0;
}
article.main.tutorial .section01-3 .box .box-btm > p {
margin: 0 27px;
}
article.main.tutorial .section01-3 .box .box-btm > p.txt01{
padding-bottom:11px;
}
article.main.tutorial .section01-3 .box .box-btm > p.txt02{
padding-bottom:20px;
}

article.main.tutorial .section01-5 .box{
margin:20px 0 0 0;
}
article.main.tutorial .section01-5 .box.minimap h2 {
overflow: hidden;
width: 636px;
height: 28px;
margin: 0 0 9px;
padding-top: 20px;
text-indent: 120%;
white-space: nowrap;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_magicquest_minimap.png) no-repeat scroll 24px 20px;
}
article.main.tutorial .section01-5 .box.minimap .cl-box-inbox{
margin:0 auto;
padding-bottom:27px;
overflow:auto;
}
article.main.tutorial .section01-5 .box.minimap .cl-box-inbox .left.img-left{
float:left;
margin-right:19px;
width:196px;
}
article.main.tutorial .section01-5 .box.minimap .cl-box-inbox .right{
float:left;
width:393px;
}
article.main.tutorial .section01-5 .box.minimap .cl-box-inbox .right p {
margin:-3px 0 0 0;
padding-bottom:0;
}
article.main.tutorial .section01-5 .box.minimap .cl-box-inbox .right li{
padding-left:21px;
line-height:31px;
font-weight:bold;
}
article.main.tutorial .section01-5 .box.minimap .cl-box-inbox .right li.progress{
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/icn_magicquest_progress.gif) no-repeat scroll left center;
}
article.main.tutorial .section01-5 .box.minimap .cl-box-inbox .right li.completed{
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/icn_magicquest_completed.gif) no-repeat scroll left center;
}
article.main.tutorial .section01-5 .box.minimap .cl-box-inbox .right li.imperfect{
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/icn_magicquest_imperfect.gif) no-repeat scroll 3px center;
}

article.main.tutorial .section01-5 .box.tips{
margin:20px 0 0 0;
}
article.main.tutorial .section01-5 .box.tips h2 {
overflow: hidden;
width: 636px;
height: 28px;
margin: 0 0 9px;
padding-top: 20px;
text-indent: 120%;
white-space: nowrap;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_tutorial_tips.png) no-repeat scroll 24px 20px;
}
article.main.tutorial .section01-5 .box.tips p {
margin: 0 27px;
padding-bottom: 22px;
}

article.main.tutorial .btn-tutorial2 a{
display:block;
margin:28px auto 0;
width:266px;
height:42px;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/btn_tutorial2.png) no-repeat  left top;
text-indent:-9999px;
}
article.main.tutorial .btn-tutorial2 a:hover{
background-position:left bottom;
}

/*tutorial2 ////////////////////////////////*/
article.main.tutorial2 .section01{
padding-bottom:42px;
}

article.main.tutorial2 .section01-1,
article.main.tutorial2 .section01-2,
article.main.tutorial2 .section01-3{
margin-bottom:18px;
}

article.main.tutorial2 .section01-1 > p{
padding-bottom:22px;
}
article.main.tutorial2 .section01-1 .sd-line p + p{
margin-bottom:0;
}
article.main.tutorial2 .section01-1 section{
padding-bottom:22px;
width: 660px;
}
article.main.tutorial2 .section01-1 section h1.generallist{
margin-top:15px;
margin-bottom:8px;
padding-left: 15px;
color:#402900;
background: url(https://static.nexon.co.jp/talesweaver_4th/common/icon_dia.png) no-repeat scroll left 4px;
}
article.main.tutorial2 .section01-1 section .t-indent{
padding-left:15px;
text-indent:-15px;
}

article.main.tutorial2 .section01-2 > p{
padding-bottom:18px;
}
article.main.tutorial2 .section01-2 .sd-line{
margin-top:20px;
}
article.main.tutorial2 .section01-2 .sd-line p + p{
margin-top:0;
padding-bottom:22px;
}

article.main.tutorial2 .section01-3 .cl-box{
margin-bottom: 20px;
}

article.main.tutorial2 .section01-4 > p{
margin-bottom:20px;
padding-bottom:18px;
}
article.main.tutorial2 .section01-4 .box{
margin:0;
}
article.main.tutorial2 .section01-4 .box p {
margin: 0 27px;
padding-bottom: 22px;
}
article.main.tutorial2 .section01-4 .box p.txt01 {
padding-top: 20px;
padding-bottom: 14px;
}

/*magicquest ////////////////////////////////*/
article.main.magicquest .section01,
article.main.magicquest .section02{
padding-bottom:42px;
}
article.main.magicquest .section02{
margin-top:28px;
}
article.main.magicquest .section01-1,
article.main.magicquest .section01-2{
margin-bottom:18px;
padding-bottom:22px;
}
article.main.magicquest .section01 section .cl-box{
margin-top:17px;
}

article.main.magicquest .section01 .section01-2 .box{
margin:20px 0 0 0;
}
article.main.magicquest .section01 .section01-2 .box h2 {
overflow: hidden;
width: 636px;
height: 28px;
margin: 0 0 9px;
padding-top: 20px;
text-indent: 120%;
white-space: nowrap;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_magicquest_mon.png) no-repeat scroll 24px 20px;
}
article.main.magicquest .section01 .box .cl-box-inbox,
article.main.magicquest .section02 .box .cl-box-inbox{
margin:0 auto;
padding-bottom:22px;
overflow:auto;
}
article.main.magicquest .section01 .box .cl-box-inbox .left.img-left,
article.main.magicquest .section02 .box .cl-box-inbox .left.img-left{
float:left;
margin-right:19px;
width:196px;
}
article.main.magicquest .section01 .box .cl-box-inbox .right,
article.main.magicquest .section02 .box .cl-box-inbox .right{
float:left;
width:393px;
}
article.main.magicquest .section01 .box h3.generallist{
padding-left: 15px;
color:#402900;
background: url(https://static.nexon.co.jp/talesweaver_4th/common/icon_dia.png) no-repeat scroll left 4px;
font-size:12px;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
article.main.magicquest .section01 .box .cl-box-inbox .right h3{
margin-top:-3px;
background-position:left 6px;
}
article.main.magicquest .section01 .section01-2 .box .box-btm > h3{
margin:17px 0 11px 27px;
}
article.main.magicquest .section01 .box .cl-box-inbox .right p,
article.main.magicquest .section02 .box .cl-box-inbox .right p {
margin:0;
padding-bottom:0;
}
article.main.magicquest .section01 .box .cl-box-inbox .right p{
margin-top:9px;
}
article.main.magicquest .section01 .section01-2 .box .box-btm > p {
margin: 0 27px;
}
article.main.magicquest .section01 .section01-2 .box .box-btm > p.txt01{
padding-bottom:11px;
}
article.main.magicquest .section01 .section01-2 .box .box-btm > p.txt02{
padding-bottom:20px;
}


article.main.magicquest .section02 .section02-1 dl{
position:relative;
height:167px;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/img_magicquest_npc.jpg) no-repeat left top;
}
article.main.magicquest .section02 .section02-1 dl dt{
position:absolute;
left:-9999px;
}
article.main.magicquest .section02 .section02-1 dl dd{
position:absolute;
top:131px;
text-align:center;
font-weight:bold;
}
article.main.magicquest .section02 .section02-1 dl dd.quest01{
left:8px;
}
article.main.magicquest .section02 .section02-1 dl dd.quest02{
left:104px;
}
article.main.magicquest .section02 .section02-1 dl dd.quest03{
left:222px;
}
article.main.magicquest .section02 .section02-1 dl dd.quest04{
left:356px;
}
article.main.magicquest .section02 .section02-1 dl dd.quest05{
left:480px;
}
article.main.magicquest .section02 .section02-1 dl dd.quest06{
left:618px;
}

article.main.magicquest .section02 .section02-1 .box{
margin:20px 0 0 0;
}
article.main.magicquest .section02 .section02-1 .box h2 {
overflow: hidden;
width: 636px;
height: 28px;
margin: 0 0 9px;
padding-top: 20px;
text-indent: 120%;
white-space: nowrap;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_magicquest_minimap.png) no-repeat scroll 24px 20px;
}
article.main.magicquest .section02 .box .cl-box-inbox{
padding-bottom:27px;
}
article.main.magicquest .section02 .box .cl-box-inbox .right p{
margin:-3px 0 0 0;
}
article.main.magicquest .section02 .box .cl-box-inbox .right li{
padding-left:21px;
line-height:31px;
font-weight:bold;
}
article.main.magicquest .section02 .box .cl-box-inbox .right li.progress{
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/icn_magicquest_progress.gif) no-repeat scroll left center;
}
article.main.magicquest .section02 .box .cl-box-inbox .right li.completed{
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/icn_magicquest_completed.gif) no-repeat scroll left center;
}
article.main.magicquest .section02 .box .cl-box-inbox .right li.imperfect{
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/icn_magicquest_imperfect.gif) no-repeat scroll 3px center;
}

article.main.magicquest .btn-clad-quest a{
display:block;
margin:28px auto 0;
width:266px;
height:42px;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/btn_clad_quest.png) no-repeat  left top;
text-indent:-9999px;
}
article.main.magicquest .btn-clad-quest a:hover{
background-position:left bottom;
}


/*cladquest ////////////////////////////////*/
article.main.cladquest .section01-1,
article.main.cladquest .section01-2 > div,
article.main.cladquest .section01-3{
margin-bottom:18px;
padding-bottom:22px;
}
article.main.cladquest .section01-3{
padding-bottom:11px;
}

article.main.cladquest .section01 section .cl-box{
margin-top:17px;
}

article.main.cladquest .section01 .section01-2 h2{
margin-bottom:9px;
padding-left: 15px;
color:#402900;
background: url(https://static.nexon.co.jp/talesweaver_4th/common/icon_dia.png) no-repeat scroll left 4px;
font-size:12px;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


article.main.cladquest .section01-4 ul{
overflow:auto;
}
article.main.cladquest .section01-4 ul li{
float:left;
margin-top:18px;
padding-right:9px;
font-weight:bold;
}
article.main.cladquest .section01-4 ul li.sd-line{
margin-top:0;
}
article.main.cladquest .section01-4 ul li.right{
padding-right:0;
}
article.main.cladquest .section01-4 ul li img{
vertical-align:bottom;
}
article.main.cladquest .section01-4 ul li p{
margin-top:8px;
height:53px;
}

article.main.cladquest .section01-4 .box{
margin:0;
}
article.main.cladquest .section01-4 .box h2 {
overflow: hidden;
width: 636px;
height: 28px;
margin: 0 0 9px;
padding-top: 20px;
text-indent: 120%;
white-space: nowrap;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_cladquest_warp.png) no-repeat scroll 24px 20px;
}
article.main.cladquest .section01-4 .box p {
margin: 0 27px;
padding-bottom: 22px;
}
article.main.cladquest .section01-4 .box p.txt01 {
padding-bottom: 14px;
}

/*makewell ////////////////////////////////*/
article.main.makewell .section01 .section01-1 .cl-box{
margin-bottom:18px;
padding-bottom:22px;
}
article.main.makewell .section01 .section01-1 section{
width: 660px;
padding-bottom:12px;
}
article.main.makewell .section01 .section01-1 section h1.generallist{
margin-bottom:8px;
padding-left: 15px;
color:#402900;
background: url(https://static.nexon.co.jp/talesweaver_4th/common/icon_dia.png) no-repeat scroll left 4px;
}
article.main.makewell .section01 .section01-1 section{
margin-bottom:20px;
}
article.main.makewell .section01 .section01-1 .cl-box + section{
margin-bottom:18px;
}
article.main.makewell .section01 .section01-1 section h1 + p{
margin-top:10px;
}

article.main.makewell .cl-box{

}
article.main.makewell .cl-box p:last-child{
margin-bottom:-6px;
}

article.main.makewell .section01-2{
padding-bottom:22px;
margin-bottom:20px;
}
article.main.makewell .section01-2 > p.mgb20{
	margin-bottom:20px;
}
article.main.makewell .section01-2 .box{
margin:0;
}
article.main.makewell .section01-2 .box h2 {
overflow: hidden;
width: 636px;
height: 28px;
margin: 0 0 9px;
padding-top: 20px;
text-indent: 120%;
white-space: nowrap;
background: url(https://static.nexon.co.jp/talesweaver_4th/intro/ttl_where_warp.png) no-repeat scroll 24px 20px;
}
article.main.makewell .section01-2 .box p {
margin: 0 27px;
padding-bottom: 22px;
}
article.main.makewell .section01 .section01-3{
margin-bottom:20px;
}
article.main.makewell .section01 .section01-3 .cl-box{
padding-bottom:22px;
}
article.main.makewell .section01 .section01-4{
margin-bottom:20px;
}
article.main.makewell .section01 .section01-4 .cl-box{
padding-bottom:22px;
}

/*makeavatar ////////////////////////////////*/
article.main.makeavatar{
background:url(https://static.nexon.co.jp/talesweaver_4th/intro/bg_makeavatar.png) no-repeat right 272px;	
}
article.main.makeavatar .section01{
margin-bottom:28px;
padding-bottom:26px;
}
article.main.makeavatar .section01 .text{
padding-bottom:0;
}
article.main.makeavatar .section01 .text p{
margin-top:0;
margin-bottom:10px;
line-height:1.836;
}

article.main.makeavatar .section02{
}
article.main.makeavatar .section02 dl{
margin-left:10px;
}
article.main.makeavatar .section02 dl dt{
width:320px;
height:277px;
display:block;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
float:left;
}
article.main.makeavatar .section02 dl dt.title07,
article.main.makeavatar .section02 dl dt.title08{
height:257px;	
}
article.main.makeavatar .section02 dl dt.title01{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makeavatar_01.png) no-repeat left top;}
article.main.makeavatar .section02 dl dt.title02{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makeavatar_02.png) no-repeat left top;}
article.main.makeavatar .section02 dl dt.title03{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makeavatar_03.png) no-repeat left top;}
article.main.makeavatar .section02 dl dt.title04{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makeavatar_04.png) no-repeat left top;}
article.main.makeavatar .section02 dl dt.title05{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makeavatar_05.png) no-repeat left top;}
article.main.makeavatar .section02 dl dt.title06{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makeavatar_06.png) no-repeat left top;}
article.main.makeavatar .section02 dl dt.title07{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makeavatar_07.png) no-repeat left top;}
article.main.makeavatar .section02 dl dt.title08{background:url(https://static.nexon.co.jp/talesweaver_4th/intro/sttl_makeavatar_08.png) no-repeat left top;}

article.main.makeavatar .section02 dl dt.title01,
article.main.makeavatar .section02 dl dt.title03,
article.main.makeavatar .section02 dl dt.title05,
article.main.makeavatar .section02 dl dt.title07{
margin-right:20px;
}

article.main.makeavatar .section02 dl dd{
width:0;
height:0;
float:left;
}
article.main.makeavatar .section02 dl dd{
margin:46px 0 0 -320px;
}
article.main.makeavatar .section02 dl dd.img01,
article.main.makeavatar .section02 dl dd.img03,
article.main.makeavatar .section02 dl dd.img05,
article.main.makeavatar .section02 dl dd.img07{
margin:46px 0 0 -340px;	
}



/* slide ///////////////////////////////////////////*/
.slide .caroufredsel_wrapper{
width:586px !important;
height:602px !important;
margin-left:37px !important;
}
.slide .slide-box{
height:602px !important;	
}
.slide {position:relative;}
.slide-box section .ss-ttl{margin-top:0; margin-bottom:20px;}
.slide-box>section{float:left; width:660px;}

/*slide pager*/
.slide .sl-pager{
width:586px;
height: 26px;
margin:0 0 0 37px;
padding-top:15px;
white-space:nowrap;
text-indent:120%;
border-top:1px solid #ddd;
overflow:hidden !important;

}
.section02-1 .sl-pager{
width:384px;
padding-left:199px;	
}
.section02-2 .sl-pager{
width:353px;
padding-left:230px;	
}
.slide .sl-pager a {
width: 11px;
height: 11px;
margin:0 5px;
display:block;
float:left;
outline:none;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/btn_slidenum.jpg) no-repeat left top;
}
.slide .sl-pager a:hover{background-position:left bottom;}
.slide .sl-pager a.selected {background-position:left bottom;}

.slide .sl-pager a.page01{background-position:0px 0px;}
.slide .sl-pager a.page02{background-position:-11px 0px;}
.slide .sl-pager a.page03{background-position:-22px 0px;}
.slide .sl-pager a.page04{background-position:-33px 0px;}
.slide .sl-pager a.page05{background-position:-44px 0px;}
.slide .sl-pager a.page06{background-position:-55px 0px;}
.slide .sl-pager a.page07{background-position:-66px 0px;}
.slide .sl-pager a.page08{background-position:-77px 0px;}
.slide .sl-pager a.page09{background-position:-88px 0px;}

.slide .sl-pager a.page01:hover, .slide .sl-pager a.page01.selected{background-position:0px -11px;}
.slide .sl-pager a.page02:hover, .slide .sl-pager a.page02.selected{background-position:-11px -11px;}
.slide .sl-pager a.page03:hover, .slide .sl-pager a.page03.selected{background-position:-22px -11px;}
.slide .sl-pager a.page04:hover, .slide .sl-pager a.page04.selected{background-position:-33px -11px;}
.slide .sl-pager a.page05:hover, .slide .sl-pager a.page05.selected{background-position:-44px -11px;}
.slide .sl-pager a.page06:hover, .slide .sl-pager a.page06.selected{background-position:-55px -11px;}
.slide .sl-pager a.page07:hover, .slide .sl-pager a.page07.selected{background-position:-66px -11px;}
.slide .sl-pager a.page08:hover, .slide .sl-pager a.page08.selected{background-position:-77px -11px;}
.slide .sl-pager a.page09:hover, .slide .sl-pager a.page09.selected{background-position:-88px -11px;}

/*slide btn*/
.btn-prenx{
overflow:hidden;
width:91px;
}
.slide .prev,
.slide .next{
position:absolute;
top:212px;
display:block;
width:17px;
height:75px;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
background-image:url(https://static.nexon.co.jp/talesweaver_4th/common/button/btn_slide.png);
background-repeat:no-repeat;
}
.slide .prev{
left:10px;
background-position:left top;
}
.slide .next{
right:10px;
background-position:-17px top;
}
.slide .prev:hover{background-position:0px -75px;}
.slide .next:hover{background-position:-17px -75px;}
.slide .prev.disabled{background-position:0px -150px; cursor:default;}
.slide .next.disabled{background-position:-17px -150px; cursor:default;}