Помимо важной информации, касающейся стран мира шиноби, тут вы можете отследить хронологию проходящей игры, чтобы понять, какие конкретно действия разворачиваются сейчас в нашем ролевом мире.

Код:
<!--HTML-->
<style type="text/css">
#core { 
position: relative; 
width: 330px;
}

#core .titleone { 
width: 250px; 
color: #272727; 
font: 18px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 22px; 
text-transform: uppercase; 
margin-top: 10px; 
font-family: times new roman
}

#core .titletwo { 
width: 400px; 
color: #272727; 
font: 25px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 26px; 
text-transform: uppercase; 
margin-top: 0px; 
font-family: times new roman; 
padding-bottom: 10px
}

.somacont { 
position:relative; 
width:550px; 
height: 140px; 
border-top: outset 12px #841511; 
border-bottom: outset 12px #841511}

.somablock { 
position:absolute; 
width:550px; 
height: 170px; 
overflow:hidden; }

.wordcontainers { 
position:absolute; 
top:0px; 
left:0px; 
width:240px; 
    height: 140px;
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}
.somablock:hover .wordcontainers { 
-ms-transform: scale(2,4); 
-webkit-transform: scale(2,4); 
transform: scale(2,4); 
opacity:0; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somainfo { 
position:absolute; 
top:-300px; width:290px; 
height:140px; 
background-color:#d4d4d4; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}

.somablock:hover .somainfo { 
top:0px; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somatitles { 
position:absolute; 
width:290px; 
top: 15px;
left: 250px; 
color:#272727; 
text-align:center; 
text-transform:uppercase; 
font-family: Arial; 
font-size: 16px; 
letter-spacing:0.5px; 
line-height:16px; 
padding-bottom:10px; }

.somatitles2 {
            position: absolute;
    width: 313px;
    top: 52px;
    left: 230px;
    color: #272727;
    text-align: justify;
    text-transform:lowercase;
    font-family: times;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-bottom: 10px;
}

.somaidk { 
position:absolute; 
width:220px; 
top:135px; 
left:10px; 
color:#272727; 
text-align:center; 
font-style:italic; 
font-family:times; 
font-size:13px; 
line-height:100%; 
letter-spacing:1px; 
}

.somaimageblock { 
width:200px; 
height:200px; 
top: 35px;
overflow:hidden; 
}

.somawordsha { 
width: 540px; 
height:160px; 
margin-left: -90px;
padding:5px; 
overflow:auto; 
text-align:justify; 
font-size:13.5px; 
font-family:Times New Roman; 
color:#272727; 
line-height: 100%; 
}
</style>

<center>
<div class='somacont'>

<div class='somablock' style='top:0px; left:0px; background-color:#d4d4d4;'>
<div class='wordcontainers'>
<br>
<div class='somaimageblock' style='border-bottom:0px solid #d5b0b1;'>
<img src='https://vignette4.wikia.nocookie.net/naruto/images/6/68/Konoha-0.png/revision/latest?cb=20161221133913&path-prefix=ru' width='190px; top: 35px;'>
</div>
<div class='somatitles'>
СТРАНА ОГНЯ
<br>
КОНОХАГАКУРЕ НО САТО
<br></div>

<div class='somatitles2'>
одна из самых крупных и могущественных стран среди всего мира шиноби. Имеет теплый, умеренный климат, окружена густыми лесами. Коноха располагается в глубинах леса у основания горы, известной как монумент Хокаге, на котором высечены лица всех предыдущих правителей.
</div>
<div class='somaidk'>
Правитель:  Фугаку Учиха
<br>
</div></div>
<div class='somainfo'>
<div class='somawordsha'>

В результате политического переворота, который произошел путем выдвижения вотума недоверия к действующему Хокаге по причине абсолютного бездействия на протяжении трехлетнего срока на занимаемой должности, Дайме страны огня принимает решение назначить нового правителя деревни - Учиха Фугаку. Новый Хокаге производит реорганизацию сил, внутреннюю политику направляет на миллитаризацию самой деревни и разрабатывает стратегию тотальной изоляции, цель которой - обеспечить деревню необходимыми ресурсами, чтобы та имела возможность существовать независимо от других населенных пунктов. Завышаются требования к студентам академии, на обучение в которую свозятся талантливые юноши и девушки из деревень, расположенных по всей стране Огня. Каждый рядовой шиноби по прошествии интенсивного обучения становится профессионалом своего дела, тем самым превосходя в своих умениях среднестатистического шиноби других скрытых деревень. Полиция Конохи получает особый статус элитного отряда, в который набираются лишь лучшие из лучших; отдельная группа избранных составляет личную охрану Каге. Периметр вокруг деревни ограждается защитным барьером, предотвращающим проникновение сторонних сил на территорию селения. Врата Конохи запечатываются, под деревней роется система укрепленный тоннелей, которые расходятся в разные стороны от Конохи в радиусе пяти километров, и теперь они служат официальным средством перемещения между деревней и внешним миром. О наличии оных, к слову, знают лишь жители деревни - любой посторонний, проникающий в Коноху автоматически расценивается как нарушитель и подлежит немедленному допросу, а после - уничтожению.
<br>
Торговля с соседними государствами прекращается, союз с Суной является лишь формальностью, поскольку Хокаге не предпринимает никаких действий по поддержанию отношений с Казекаге. Границы страны Огня укрепляются отрядами шиноби, напряжение между Конохой и близлежащими странами растет. Фугаку отменяет жест доброй воли Хаширамы, который поровну распределил Биджу между скрытыми селениями, и требует возвращения оных обратно в Скрытый Лист, на что получает отказ. В активную фазу вступает шпионаж, цель которого - собрать всю доступную информацию о вражеских джинчурики. Коноха медленно ступает на тропу войны.

</div></div></div>
Код:
<!--HTML-->
<style type="text/css">
#core { 
position: relative; 
width: 330px;
}

#core .titleone { 
width: 250px; 
color: #272727; 
font: 18px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 22px; 
text-transform: uppercase; 
margin-top: 10px; 
font-family: times new roman
}

#core .titletwo { 
width: 400px; 
color: #272727; 
font: 25px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 26px; 
text-transform: uppercase; 
margin-top: 0px; 
font-family: times new roman; 
padding-bottom: 10px
}

.somacont { 
position:relative; 
width:550px; 
height: 140px; 
border-top: outset 12px #841511; 
border-bottom: outset 12px #841511}

.somablock { 
position:absolute; 
width:550px; 
height:170px; 
overflow:hidden; }

.wordcontainers { 
position:absolute; 
top:0px; 
left:0px; 
width:240px; 
    height: 140px;
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}
.somablock:hover .wordcontainers { 
-ms-transform: scale(2,4); 
-webkit-transform: scale(2,4); 
transform: scale(2,4); 
opacity:0; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somainfo { 
position:absolute; 
top:-300px; width:290px; 
height:140px; 
background-color:#d4d4d4; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}

.somablock:hover .somainfo { 
top:0px; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somatitles { 
position:absolute; 
width:290px; 
top: 15px;
left: 260px; 
color:#272727; 
text-align:center; 
text-transform:uppercase; 
font-family: Arial; 
font-size: 16px; 
letter-spacing:0.5px; 
line-height:16px; 
padding-bottom:10px; }

.somatitles2 {
            position: absolute;
    width: 313px;
    top: 52px;
    left: 230px;
    color: #272727;
    text-align: justify;
    text-transform:lowercase;
    font-family: times;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-bottom: 10px;
}

.somaidk { 
position:absolute; 
width:220px; 
top:135px; 
left:10px; 
color:#272727; 
text-align:center; 
font-style:italic; 
font-family:times; 
font-size:13px; 
line-height:100%; 
letter-spacing:1px; 
}

.somaimageblock { 
width:200px; 
height:200px; 
top: 35px;
overflow:hidden; 
}

.somawordsha { 
width: 540px; 
height:160px; 
padding:5px; 
overflow:auto; 
text-align:justify; 
font-size:13.5px; 
font-family:Times New Roman; 
color:#272727; 
line-height: 100%; 
}
</style>

<center>
<div class='somacont'>

<div class='somablock' style='top:0px; left:0px; background-color:#d4d4d4;'>
<div class='wordcontainers'>
<br>
<div class='somaimageblock' style='border-bottom:0px solid #d5b0b1;'>
<img src='https://vignette3.wikia.nocookie.net/naruto/images/8/82/LandofIron.png/revision/latest?cb=20130321203002&path-prefix=ru' width='190px; top: 35px;'>
</div>
<div class='somatitles'>
повстанцы
<br>
<br></div>

<div class='somatitles2'>
Союзы дружественных кланов и просто неравнодушные к судьбе своей родной деревни шиноби, готовящиеся отразить вероломное нападение врага и вернуть законное правительство. Временным политическим убежищем для большинства повстанцев, бежавших из Конохи, стала Страна железа.
</div>
<div class='somaidk'>
Лидер:  Хатаке Какаши
<br>
</div></div>
<div class='somainfo'>
<div class='somawordsha'>

Столь радикальная миллитаризация Конохи вызывает подозрения у старейшин селения. По просьбе оных Данзо организовывает слежку за приближенными Хокаге, дабы иметь представление о планах Учихи. Шпионы старейшин также, словно тени, следуют за высокопоставленными политиками и заместителями Фугаку, по крупицам собирая всевозможную информацию, чтобы получить единую картину происходящего в политической сфере деревни. Результаты расследования шокируют старейшин: Фугаку планирует похитить джинчурики пяти великих стран шиноби, а в случае неудачи - открыто начать военные действия по их захвату. Ситуация требует незамедлительного решения по предотвращению развития конфликта, а потому старейшины созывают совет кланов Конохи, на который также приглашают нескольких выдающихся шиноби, среди которых - Сарутоби Асума и Хатаке Какаши. Переговоры привели к неутешительным выводам: дипломатически уладить конфликт не удастся, устроить военный переворот - тоже, ибо численность армии Учиха уже слишком велика; к тому же, могут пострадать мирные жители. Единственный вариант - покинуть деревню и отправиться на поиски союзников в другие страны.
<br>
Союз дружественных кланов, в который входят Хьюга, Абураме, Инудзука, Акимичи, Яманака и Нара совместно с отдельными шиноби, проявляющими опасения по поводу политики нового Хокаге, предпринимают попытку скрыто покинуть деревню, однако терпят неудачу, поскольку все выходы из селения тщательно охраняются, а потому уходят с боем. Выжившим удается прорваться сквозь границу со страной Железа и получить политическое убежище у генерала Мифунэ. Лидером оппозиции назначается Хатаке Какаши, который ведет активные переговоры с Суной по поводу урегулирования возникшего конфликта. Его советником назначается Шикаку Нара, ответственный за разработку плана подавления агрессии клана Учиха по отношению к другим селениям. Цель оппозиции - не дать развязать четвертую мировую войну.
<br>
Цунадэ, лишенная звания Хокаге, путешествует по миру вместе с Шизуне. Об изменениях в Конохе ей неизвестно. Джирайя и Наруто, обеспокоенные слухами, возвращаются в селение, чтобы застать его в новом обличии. Они еще не знают, что был отдан приказ: поймать девятихвостого джинчурики.

</div></div></div>
Код:
<!--HTML-->
<style type="text/css">
#core { 
position: relative; 
width: 330px;
}

#core .titleone { 
width: 250px; 
color: #272727; 
font: 18px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 22px; 
text-transform: uppercase; 
margin-top: 10px; 
font-family: times new roman
}

#core .titletwo { 
width: 400px; 
color: #272727; 
font: 25px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 26px; 
text-transform: uppercase; 
margin-top: 0px; 
font-family: times new roman; 
padding-bottom: 10px
}

.somacont { 
position:relative; 
width:550px; 
height: 140px; 
border-top: outset 12px #841511; 
border-bottom: outset 12px #841511}

.somablock { 
position:absolute; 
width:550px; 
height:170px; 
overflow:hidden; }

.wordcontainers { 
position:absolute; 
top:0px; 
left:0px; 
width:240px; 
    height: 140px;
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}
.somablock:hover .wordcontainers { 
-ms-transform: scale(2,4); 
-webkit-transform: scale(2,4); 
transform: scale(2,4); 
opacity:0; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somainfo { 
position:absolute; 
top:-300px; width:290px; 
height:140px; 
background-color:#d4d4d4; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}

.somablock:hover .somainfo { 
top:0px; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somatitles { 
position:absolute; 
width:290px; 
top: 15px;
left: 260px; 
color:#272727; 
text-align:center; 
text-transform:uppercase; 
font-family: Arial; 
font-size: 16px; 
letter-spacing:0.5px; 
line-height:16px; 
padding-bottom:10px; }

.somatitles2 {
            position: absolute;
    width: 313px;
    top: 52px;
    left: 230px;
    color: #272727;
    text-align: justify;
    text-transform:lowercase;
    font-family: times;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-bottom: 10px;
}

.somaidk { 
position:absolute; 
width:220px; 
top:135px; 
left:10px; 
color:#272727; 
text-align:center; 
font-style:italic; 
font-family:times; 
font-size:13px; 
line-height:100%; 
letter-spacing:1px; 
}

.somaimageblock { 
width:200px; 
height:200px; 
top: 35px;
overflow:hidden; 
}

.somawordsha { 
width: 540px; 
height:160px; 
padding:5px; 
overflow:auto; 
text-align:justify; 
font-size:13.5px; 
font-family:Times New Roman; 
color:#272727; 
line-height: 100%; 
}
</style>

<center>
<div class='somacont'>

<div class='somablock' style='top:0px; left:0px; background-color:#d4d4d4;'>
<div class='wordcontainers'>
<br>
<div class='somaimageblock' style='border-bottom:0px solid #d5b0b1;'>
<img src='https://vignette2.wikia.nocookie.net/naruto/images/5/5a/Kumogakure.png/revision/latest?cb=20170309201005&path-prefix=ru' width='190px; top: 35px;'>
</div>
<div class='somatitles'>
Страна Молнии
<br>
Кумогакуре но Сато
<br></div>

<div class='somatitles2'>
одна из пяти великих стран мира шиноби. Большая часть территории страны испещрена высокими горами, в вышине которых часто происходили грозы, отчего страна и получила свое название. По горным хребтам в море стекают множество рек, что демонстрирует красоту страны. Внутри страны есть много горячих источников.
</div>
<div class='somaidk'>
Правитель: Эй
<br>
</div></div>
<div class='somainfo'>
<div class='somawordsha'>

Кумогакуре, известная своей агрессивной внешней политикой, на время свернула операции по похищению джинчурики, секретов кеккей генкаев и киндзюцу других селений. Йоцуки Эй направил все свои силы на процветание собственной деревни и урегулирование мелких конфликтов на территории страны Молнии. Однако Каге прочих скрытых селений, зная воинствующий характер Райкаге и его импульсивность, были уверены в том, что затишье на холодном фронте лишь временное, а потому не снижали бдительности - и не даром. Джинчурики Ниби, Югито Нии, была похищена. На месте сражения были обнаружены тела шиноби из Конохагакуре, однако шестой Хокаге отрицает свою причастность к произошедшему. Разгневанный Райкаге мобилизирует армию и объявляет Конохе войну.
Разведка докладывает, что несколько отрядов шиноби Листа были замечены при переходе границы страны Железа - Райкаге видит в этом угрозу безопасности собственного селения. Формируются отряды, которые должны вторгнуться на территорию самураев для нейтрализации вражеских сил. Также, становится известно, что на данный момент джинчурики девятихвостого отсутствует в деревне Листа, а потому Эй отдает приказ о его поимке - в страну Огня проникают отряды АНБУ из Кумо, которые прочесывают населенные пункты в поисках Наруто. Киллер Би по поручению брата отправляется на Шимагаме, где должен оставаться до конца военных действий.

</div></div></div>
Код:
<!--HTML-->
<style type="text/css">
#core { 
position: relative; 
width: 330px;
}

#core .titleone { 
width: 250px; 
color: #272727; 
font: 18px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 22px; 
text-transform: uppercase; 
margin-top: 10px; 
font-family: times new roman
}

#core .titletwo { 
width: 400px; 
color: #272727; 
font: 25px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 26px; 
text-transform: uppercase; 
margin-top: 0px; 
font-family: times new roman; 
padding-bottom: 10px
}

.somacont { 
position:relative; 
width:550px; 
height: 140px; 
border-top: outset 12px #841511; 
border-bottom: outset 12px #841511}

.somablock { 
position:absolute; 
width:550px; 
height:170px; 
overflow:hidden; }

.wordcontainers { 
position:absolute; 
top:0px; 
left:0px; 
width:240px; 
    height: 140px;
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}
.somablock:hover .wordcontainers { 
-ms-transform: scale(2,4); 
-webkit-transform: scale(2,4); 
transform: scale(2,4); 
opacity:0; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somainfo { 
position:absolute; 
top:-300px; width:290px; 
height:140px; 
background-color:#d4d4d4; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}

.somablock:hover .somainfo { 
top:0px; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somatitles { 
position:absolute; 
width:290px; 
top: 15px;
left: 260px; 
color:#272727; 
text-align:center; 
text-transform:uppercase; 
font-family: Arial; 
font-size: 16px; 
letter-spacing:0.5px; 
line-height:16px; 
padding-bottom:10px; }

.somatitles2 {
            position: absolute;
    width: 313px;
    top: 52px;
    left: 230px;
    color: #272727;
    text-align: justify;
    text-transform:lowercase;
    font-family: times;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-bottom: 10px;
}

.somaidk { 
position:absolute; 
width:220px; 
top:135px; 
left:10px; 
color:#272727; 
text-align:center; 
font-style:italic; 
font-family:times; 
font-size:13px; 
line-height:100%; 
letter-spacing:1px; 
}

.somaimageblock { 
width:200px; 
height:200px; 
top: 35px;
overflow:hidden; 
}

.somawordsha { 
width: 540px; 
height:160px; 
padding:5px; 
overflow:auto; 
text-align:justify; 
font-size:13.5px; 
font-family:Times New Roman; 
color:#272727; 
line-height: 100%; 
}
</style>

<center>
<div class='somacont'>

<div class='somablock' style='top:0px; left:0px; background-color:#d4d4d4;'>
<div class='wordcontainers'>
<br>
<div class='somaimageblock' style='border-bottom:0px solid #d5b0b1;'>
<img src='http://narutopedia.ru/w/images/5/58/Iwagakure.jpg' width='190px; top: 35px;'>
</div>
<div class='somatitles'>
Страна Земли
<br>
Ивагакуре но Сато
<br></div>

<div class='somatitles2'>
Ландшафт страны покрыт гористой местностью. Вдоль границы страны расположен горный хребет, что делает её труднопреодолимой. Из-за сильных ветров, дующих в горах, получило распространение явления "каменного дождя": ветер перемещает камни на территорию друг стран.
</div>
<div class='somaidk'>
Правитель: Ооноки
<br>
</div></div>
<div class='somainfo'>
<div class='somawordsha'>

На данный момент страна Земли занимает позицию экономической стабильности, однако во внешней политике дела обстоят не так гладко. Вражда с Конохой сохранилась со времен нападения Мадары на Му и Ооноки. Позже, Ивагакуре испортило отношения со всеми великими нациями. Затяжные пограничные столкновения с Сунагакуре привели к укреплению ненависти между жителями селений на многие годы. Гибель Нидайме Тсучикаге и Нидайме Мизукаге от рук друг друга разожгла конфликт между Ивой и Кири, который на текущее время выражается в полном отказе от сотрудничества и презрении к стране Воды и ее жителям. Участие во Второй мировой войне против Конохи и Суны лишь подкрепило неприязнь к этим скрытым селениям. После унизительного поражения от Намикадзе Минато во время Третьей мировой войны шиноби, Ооноки дал слово уничтожить Коноху любой ценой. Изменения в политической обстановке страны Огня стали отличным поводом для планирования очередного военного конфликта. В отличие от других скрытых селений, Ивагакуре планирует использовать в войне все свои силы, в том числе и джинчурики. Разыскивается Хан, из которого извлекается биджу, после чего мужчина погибает. Новым носителем хвостатого зверя становится неизвестный шиноби. Роши определяется в ударную группу и активно готовится к войне. Учитывая, что в былые годы Ивагакуре довольно часто нанимала преступную организацию Акацки для различных целей, Ооноки решает обрести преимущество в новом конфликте за их счет.

</div></div></div>
Код:
<!--HTML-->
<style type="text/css">
#core { 
position: relative; 
width: 330px;
}

#core .titleone { 
width: 250px; 
color: #272727; 
font: 18px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 22px; 
text-transform: uppercase; 
margin-top: 10px; 
font-family: times new roman
}

#core .titletwo { 
width: 400px; 
color: #272727; 
font: 25px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 26px; 
text-transform: uppercase; 
margin-top: 0px; 
font-family: times new roman; 
padding-bottom: 10px
}

.somacont { 
position:relative; 
width:550px; 
height: 140px; 
border-top: outset 12px #841511; 
border-bottom: outset 12px #841511}

.somablock { 
position:absolute; 
width:550px; 
height:170px; 
overflow:hidden; }

.wordcontainers { 
position:absolute; 
top:0px; 
left:0px; 
width:240px; 
    height: 140px;
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}
.somablock:hover .wordcontainers { 
-ms-transform: scale(2,4); 
-webkit-transform: scale(2,4); 
transform: scale(2,4); 
opacity:0; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somainfo { 
position:absolute; 
top:-300px; width:290px; 
height:140px; 
background-color:#d4d4d4; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}

.somablock:hover .somainfo { 
top:0px; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somatitles { 
position:absolute; 
width:290px; 
top: 15px;
left: 260px; 
color:#272727; 
text-align:center; 
text-transform:uppercase; 
font-family: Arial; 
font-size: 16px; 
letter-spacing:0.5px; 
line-height:16px; 
padding-bottom:10px; }

.somatitles2 {
            position: absolute;
    width: 313px;
    top: 52px;
    left: 230px;
    color: #272727;
    text-align: justify;
    text-transform:lowercase;
    font-family: times;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-bottom: 10px;
}

.somaidk { 
position:absolute; 
width:220px; 
top:135px; 
left:10px; 
color:#272727; 
text-align:center; 
font-style:italic; 
font-family:times; 
font-size:13px; 
line-height:100%; 
letter-spacing:1px; 
}

.somaimageblock { 
width:200px; 
height:200px; 
top: 35px;
overflow:hidden; 
}

.somawordsha { 
width: 540px; 
height:160px; 
padding:5px; 
overflow:auto; 
text-align:justify; 
font-size:13.5px; 
font-family:Times New Roman; 
color:#272727; 
line-height: 100%; 
}
</style>

<center>
<div class='somacont'>

<div class='somablock' style='top:0px; left:0px; background-color:#d4d4d4;'>
<div class='wordcontainers'>
<br>
<div class='somaimageblock' style='border-bottom:0px solid #d5b0b1;'>
<img src='http://narutopedia.ru/w/images/7/76/Sunagakure.jpg' width='190px; top: 35px;'>
</div>
<div class='somatitles'>
Страна Ветра
<br>
Сунагакуре но Сато
<br></div>

<div class='somatitles2'>
Имеет обширную территорию, которая, тем не менее, преимущественно состоит из пустынь. В течение года выпадает мало осадков, отчего жителям приходится жить в деревнях, построенных в оазисах, возвышающихся над пустынями. Несмотря на чрезвычайно суровые климатические условия, Казе но Куни имеет достаточно большое население.
</div>
<div class='somaidk'>
Правитель: Гаара
<br>
</div></div>
<div class='somainfo'>
<div class='somawordsha'>

После разгрома Конохи во время Чунин Шикен, в котором принимала участие Суна в альянсе с Ото, позиция страны Ветра на политической арене мира пошатнулась. Однако избрание нового Казекаге, которым стал Гаара, послужило на пользу деревне. В результате переговоров с Цунадэ между деревнями был заключен союз, что способствовало укреплению изначально слабой экономики селения. К несчастью, жители деревни все еще проявляли недоверие к новоиспеченному Казекаге; в том числе и среди совета Суны ходили разговоры о том, что Гаара еще слишком юн и неопытен, да к тому же представляет опасность, ибо является джинчурики - все они помнили те времена, когда Шукаку выходил из под контроля, и только Расе удавалось его усмирить. Тем не менее, решение уже было принято, и пятый Казекаге стал стражем песочных долин, однако пройдет еще немало времени, прежде чем он станет символом новой надежды для своего народа.
Изменение политики Конохи сказалось на экономике Суны. Торговля была прекращена, что привело ранее стабильную деревню в упадок. Казекаге отправляет в Конохакагуре запрос о встрече с Хокаге, однако тот отвечает отказом. Также, он указывает, что формально между Листом и Песком все еще действует мирное соглашение, однако ситуация вынуждает изменить политику сотрудничества. Гаара в замешательстве, и намерен выяснить причины происходящего.

</div></div></div>
Код:
<!--HTML-->
<style type="text/css">
#core { 
position: relative; 
width: 330px;
}

#core .titleone { 
width: 250px; 
color: #272727; 
font: 18px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 22px; 
text-transform: uppercase; 
margin-top: 10px; 
font-family: times new roman
}

#core .titletwo { 
width: 400px; 
color: #272727; 
font: 25px/100% miniver; 
letter-spacing: 1px; 
text-align: left; 
line-height: 26px; 
text-transform: uppercase; 
margin-top: 0px; 
font-family: times new roman; 
padding-bottom: 10px
}

.somacont { 
position:relative; 
width:550px; 
height: 140px; 
border-top: outset 12px #841511; 
border-bottom: outset 12px #841511}

.somablock { 
position:absolute; 
width:550px; 
height:170px; 
overflow:hidden; }

.wordcontainers { 
position:absolute; 
top:0px; 
left:0px; 
width:240px; 
    height: 140px;
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}
.somablock:hover .wordcontainers { 
-ms-transform: scale(2,4); 
-webkit-transform: scale(2,4); 
transform: scale(2,4); 
opacity:0; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somainfo { 
position:absolute; 
top:-300px; width:290px; 
height:140px; 
background-color:#d4d4d4; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
}

.somablock:hover .somainfo { 
top:0px; 
transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
ms-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; }

.somatitles { 
position:absolute; 
width:290px; 
top: 15px;
left: 260px; 
color:#272727; 
text-align:center; 
text-transform:uppercase; 
font-family: Arial; 
font-size: 16px; 
letter-spacing:0.5px; 
line-height:16px; 
padding-bottom:10px; }

.somatitles2 {
            position: absolute;
    width: 313px;
    top: 52px;
    left: 230px;
    color: #272727;
    text-align: justify;
    text-transform:lowercase;
    font-family: times;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-bottom: 10px;
}

.somaidk { 
position:absolute; 
width:220px; 
top:135px; 
left:10px; 
color:#272727; 
text-align:center; 
font-style:italic; 
font-family:times; 
font-size:13px; 
line-height:100%; 
letter-spacing:1px; 
}

.somaimageblock { 
width:200px; 
height:200px; 
top: 35px;
overflow:hidden; 
}

.somawordsha { 
width: 540px; 
height:160px; 
padding:5px; 
overflow:auto; 
text-align:justify; 
font-size:13.5px; 
font-family:Times New Roman; 
color:#272727; 
line-height: 100%; 
}
</style>

<center>
<div class='somacont'>

<div class='somablock' style='top:0px; left:0px; background-color:#d4d4d4;'>
<div class='wordcontainers'>
<br>
<div class='somaimageblock' style='border-bottom:0px solid #d5b0b1;'>
<img src='http://narutopedia.ru/w/images/6/65/Kirigakure.jpg' width='190px; top: 35px;'>
</div>
<div class='somatitles'>
Страна Воды
<br>
Киригакуре но Сато
<br></div>

<div class='somatitles2'>
Страна Воды состоит из группы островов в море. Острова полностью окружены водой, их ландшафт гористый. На островах вокруг главного острова царят необычайные обычаи, которые отличаются друг от друга. Многие жители островов строго соблюдают свои традиции.
</div>
<div class='somaidk'>
Правитель: Теруми Мей
<br>
</div></div>
<div class='somainfo'>
<div class='somawordsha'>

Переворот в деревне Скрытого Тумана уже давно остался на страницах истории, однако прозвище, полученное во времена правления Ягуры - "Кровавый Туман", ушло из всеобщего обихода относительно недавно. Нынешний лидер селения - Тэруми Мэй, сделала всё возможное, чтобы стереть данный позор, а также приложила не мало усилий, чтобы наладить потерянные взаимоотношения с другими селениями. Волнения, прокатившиеся по миру, не оставили Туман в стороне, однако кажущаяся стабильность положения дел - иллюзия, Мэй понимает, что если и вступать на поле предстоящего боя, то только в объединении с другим селением.
В подготовке к милитаризации она отправляет поисковые отряды на розыск и возвращение любой ценой потерянных мечей семёрки, желая восстановить их и тем самым приумножить боевую мощь селения. Из сильнейших шиноби Тумана избирается новое поколение мечников, проходящее ускоренное обучение под чутким руководством молодого владельца Хирамакирея - Чоджуро. Утаката, джинчурики Шестихвостого, отказывается помогать собственному селению в предстоящей войне, никак не аргументируя свою позицию, поэтому Мэй, перед предстоящими событиями, решает сконцентрироваться на поимке и заточении в новый сосуд Санби.

</div></div></div>