@charset "utf-8";

/* @group Common */

html { position: relative; width: 100%; min-height:100%; font-size: 62.5%; font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, Arial, sans-serif; line-height: 1.2; }
body { width: 100%; min-height:100%; margin: 0 auto; padding: 0;  font-size: 14px; font-size: 1.4rem; color: #301C00; background: #FFF url(../../images/common_bg.png); }
hr { clear: both; border-width: 0; border: none; display: none; visibility: hidden; }
a { color: inherit !important; }

.c_indent { text-indent: -9999px; overflow: hidden; font-size: x-small; }
.c_headfix { margin-left: 1em; text-indent: -1em; }
.c_none { display: none; visibility: hidden; }

/* @end */


/* @group Header */

header { width: 100%; min-height: 100px; background: transparent url(../../images/common_headerbg.png) repeat-x 0 0; }
header > * { position: relative; width: 1000px; margin: 0 auto; }
header > h1 a { display: block; width: 242px; height: 114px; margin-left: 15px; }

header > nav { width: 980px; margin: 0 auto; padding: 0; }
header > nav li { float: left; }
header > nav li { -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -ms-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; }
header > nav li a,
header > nav li span { display:block; text-decoration: none; }
header > nav ul[role="contentinfo"] { position: absolute; right: 25px; top: -14px; min-width: 250px; }
header > nav ul[role="contentinfo"] li { margin-left: 1em; min-height: 1.5em; font-size: 0.8em; color: #886A54; background: transparent url(../../images/common_navmark.png) no-repeat 0 0; }
header > nav ul[role="contentinfo"] li:not(.current):hover,
header > nav ul[role="contentinfo"].current li { color: #5EA0CA; background-position: 0 -20px; }
header > nav ul[role="contentinfo"] li a,
header > nav ul[role="contentinfo"] li span { text-indent: 1.5em; font-weight: bold; line-height: 1.5; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
header > nav ul[role="contentinfo"] li a:hover,
header > nav ul[role="contentinfo"] li span { color: #5EA0CA !important; }
header > nav#gnavi { margin-top: 10px; }
header > nav#gnavi li { width: 175px; height: 63px; margin-left: 19px; }
header > nav#gnavi li a,
header > nav#gnavi li span { display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; font-size: x-small; }
header > nav#gnavi li:first-child { margin-left: 15px; background: transparent url(../../images/gnavi_character.png) no-repeat 0 0; }
header > nav#gnavi li:first-child.current { background-image: url(../../images/gnavi_character_on.png); } 
header > nav#gnavi li:nth-child(2) { background: transparent url(../../images/gnavi_writer.png) no-repeat 0 0; }
header > nav#gnavi li:nth-child(2).current { background-image: url(../../images/gnavi_writer_on.png); } 
header > nav#gnavi li:nth-child(3) { background: transparent url(../../images/gnavi_introduction.png) no-repeat 0 0; }
header > nav#gnavi li:nth-child(3).current { background-image: url(../../images/gnavi_introduction_on.png); }
header > nav#gnavi li:nth-child(4) { background: transparent url(../../images/gnavi_event.png) no-repeat 0 0; }
header > nav#gnavi li:nth-child(4).current { background-image: url(../../images/gnavi_event_on.png); }
header > nav#gnavi li:nth-child(5) { background: transparent url(../../images/gnavi_about.png) no-repeat 0 0; }
header > nav#gnavi li:nth-child(5).current { background-image: url(../../images/gnavi_about_on.png); }
header > nav#gnavi li:nth-child(odd):hover { -webkit-transform: skew(0) rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); } 
header > nav#gnavi li:nth-child(even):hover { -webkit-transform: skew(0) rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } 

header > nav ul::after { content: " "; clear: both; display: block; height: 0; }

/* @end */


/* @group Footer */

footer { clear: both; position: absolute; bottom: 0; width: 100%; height: 106px; background: transparent url(../../images/common_footerbg.png) repeat-x 0 0; }
footer > p { max-width: 960px; margin: 30px auto 0; text-align: right; color: #FFF; font-size: 0.8em; font-weight: bold; opacity: 0.8; line-height:1.2em;}

.msie7 footer { position: static; }

/* @end */


/* @group Contents Common */

div[role="main"] { position: relative; width: 950px; min-height: 300px; margin: 20px auto 65px; padding: 0 15px 50px; }
div[role="main"] > article { float: left; }

.twocolumn div[role="main"] { width: 955px; }
.twocolumn div[role="main"] > nav#lnavi { float: left; position: relative; width: 283px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.twocolumn div[role="main"] > article { width: 671px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div[role="main"]::after { content: " "; clear: both; display: block; height: 0; }

/* @end */


/* @group Home  */

#home header { min-height: 70px; padding-top: 60px; background-image: url(../../images/home/header_bg.png); }
#home div[role="main"] { min-height: 555px; padding-bottom: 0; background: transparent url(../../images/home/main_bg.png) no-repeat 0 0; background-size: contain; }
#home div[role="main"] > article { position: relative; width: 100%; min-height: 550px;  margin: 20px auto; background: transparent url(../../images/home/main_bg_obj.png) no-repeat 80px 20px; }
#home div[role="main"] > article h1 { position: absolute; left: 25px; top: 5px; }
#home div[role="main"] > article ul { width: 96%; margin: 65px auto 0; list-style: none; }
#home div[role="main"] > article li { position: relative; list-style: none; }
#home div[role="main"] > article li:nth-child(1),
#home div[role="main"] > article li:nth-child(4) { text-align: center; }
#home div[role="main"] > article li:nth-child(3),
#home div[role="main"] > article li:nth-child(6) { text-align: right; }
#home div[role="main"] > article li:nth-child(1) { margin-bottom: 100px; }
#home div[role="main"] > article li:nth-child(3) { margin: -25px 0; }
#home div[role="main"] > article li:nth-child(4) { padding-left: 280px; }
#home div[role="main"] > article li:nth-child(5) { margin: -70px 0; padding-left: 10px; }
#home div[role="main"] > article li:nth-child(6) { padding-right: 100px; }
#home div[role="main"] > article li figure { display: block; position: relative; z-index: 100 !important; }
#home div[role="main"] > article li::before,
#home div[role="main"] > article li:after { position: absolute;  z-index: 1 !important; }
#home div[role="main"] > article li:nth-child(1)::before { content: url(../../images/home/pinwheel_1.png); left: 50%; top: -20px; }
#home div[role="main"] > article li:nth-child(2)::before { content: url(../../images/home/pinwheel_2.png); left: -30px; top: -30px; }
#home div[role="main"] > article li:nth-child(2)::after { content: url(../../images/home/pinwheel_2b.png); right: -5px; top: -40px; }
#home div[role="main"] > article li:nth-child(3)::before { content: url(../../images/home/pinwheel_3.png); right: 60px; top: 40px; }
#home div[role="main"] > article li:nth-child(4)::before { content: url(../../images/home/pinwheel_4.png); left: 65%; top: -10px; }
#home div[role="main"] > article li:nth-child(5)::before { content: url(../../images/home/pinwheel_5.png); left: 120px;  }
#home div[role="main"] > article li:nth-child(6)::before { content: url(../../images/home/pinwheel_6.png); right: 70px; top: 0; }

#home div[role="main"] > article p {z-index: 101 !important; }
#home div[role="main"] > article p a { display: block; position: absolute; height: 71px; }
#home div[role="main"] > article p#amalka { position: absolute; left: 200px; top: 180px; width: 270px; height: 330px; background: transparent url(../../images/home/amalka.png) no-repeat top center; }
#home div[role="main"] > article p#amalka:hover { background-image: url(../../images/home/amalka_on.png) }
#home div[role="main"] > article p#amalka a { bottom: 0; right: 0; }
#home div[role="main"] > article p#krtek { position: absolute; left: 460px; top: 50px; width: 410px; height: 265px; background: transparent url(../../images/home/krtek.png) no-repeat 0 0; }
#home div[role="main"] > article p#krtek:hover { background-image: url(../../images/home/krtek_on.png) }
#home div[role="main"] > article p#krtek a { bottom: 25px; right: 40px; }

#home div[role="main"] > article p#EcLink { position: absolute; left: 500px; top: 350px; width: 400px; height: 160px;}

.msie7 #home div[role="main"] > article ul { padding-top: 65px; }
.msie7 #home div[role="main"] > article li:nth-child(1) { margin-bottom: 60px; }
.msie7 #home div[role="main"] > article li:nth-child(3) { margin-bottom: -100px; }
.msie7 #home div[role="main"] > article li:nth-child(5) { margin-bottom: -100px; }

/* @end */


/* @group Character  */

.character#index div[role="main"] { min-height: 588px; background: transparent url(../../images/character/main_bg.png) no-repeat center top; }
.character#index div[role="main"] article h1 { text-align: center; line-height: 2.65; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.character#index div[role="main"] > article { width: 892px; min-height: 520px; margin: 16px 0 0 28px; }
.character#index div[role="main"] > article > h1 { display: block; width: 512px; height: 67px; margin: 15px auto 0; font-size: 1.8em; background: transparent url(../../images/character/title_bg.png) no-repeat center top; }
.character#index div[role="main"] article > article { float: left; position: relative; width: 415px; min-height: 400px; margin: 15px 0 0 20px; }
.character#index div[role="main"] article > article h1 { position: absolute; top: 280px; width: 415px; text-align: center; z-index: 100 !important; }
.character#index div[role="main"] article > article figure { width: 323px; height: 237px; margin: 0; padding: 35px 40px; text-align: center; }
.character#index div[role="main"] article > article figure::after { content: url(../../images/character/frame.png); position: absolute; top: 0; left: 12px; width: 392px; height: 299px; z-index: 100 !important; }
.character#index div[role="main"] article > article figure ul { list-style: none; z-index: 50 !important; }
.character#index div[role="main"] article > article figure ul#krtek_gallery::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 13px; right: 3px; width: 137px; height: 13px; z-index: 100 !important; }
.character#index div[role="main"] article > article figure ul#amalka_gallery::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 12px; right: 3px; width: 260px; height: 14px; z-index: 100 !important; }

.character#index div[role="main"] article > article a + p { width: 365px; height: 80px; margin-top: 0; padding: 35px 25px 25px; font-size: 1.15em; line-height: 1.5; font-weight: bold; color: #FFF; text-align: center; }
.character#index div[role="main"] article > article a > p { position: absolute; display: none; text-align: right; opacity: 0; overflow: none; z-index: 500; }
.character#index div[role="main"] article > h1 + article a > p { right: 20px; margin-top: 50px; }
.character#index div[role="main"] article > article + article a > p { left: 20px; margin-top: 40px; }
.character#index div[role="main"] article > article a:hover > p,
.character#index div[role="main"] article > article a > p:hover { display: block; opacity: 1; }
.character#index div[role="main"] article > article a:hover > p + figure img,
.character#index div[role="main"] article > article a > p:hover + figure img { opacity: 0; }
.character#index div[role="main"] article > h1 + article a:hover > p + figure,
.character#index div[role="main"] article > h1 + article a > p:hover + figure { background: transparent url(../../images/character/click_krtek_bg.png) no-repeat 20px 20px; }
.character#index div[role="main"] article > article + article a:hover > p + figure,
.character#index div[role="main"] article > article + article a > p:hover + figure { background: transparent url(../../images/character/click_amalka_bg.png) no-repeat 40px 20px; }
.character#index div[role="main"] article > article figure img { -webkit-transition-property: all; -webkit-transition: .3s ease-in; -moz-transition-property: all; -moz-transition: .3s ease-in; -ms-transition-property: all; -ms-transition: .3s ease-in; -o-transition-property: all; -o-transition: .3s ease-in; transition-property: all; transition: .3s ease-in; }
.character#index div[role="main"] article > h1 + article figure,
.character#index div[role="main"] article > h1 + article a > p { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); }
.character#index div[role="main"] article > h1 + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_krtek.png) no-repeat 0 0; }
.character#index div[role="main"] article > article + article figure,
.character#index div[role="main"] article > article + article figure + p { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }
.character#index div[role="main"] article > article + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_amalka.png) no-repeat 0 0; }

.character:not(#index) div[role="main"] { min-height: 588px; margin-bottom:100px; background: transparent url(../../images/character/character_bg.png) no-repeat center top; }
.character:not(#index) div[role="main"] > figure { position: absolute !important; top: 0 !important; left: 20px !important; height: 580px; width: 354px; text-align: center; background-position: left bottom !important; }
.character:not(#index) div[role="main"] article { float: none; margin-left: 380px; padding-top: 32px; }
.character:not(#index) div[role="main"] article h1 { position: relative; width: 540px; height: 49px; font-size: 26px; line-height: 1.9; text-indent: 0.5em; color: #FFF; background: transparent url(../../images/character/subtitle_bg.png) no-repeat 0 0; }
.character:not(#index) div[role="main"] article h1 span { position: absolute; right: 4em; top: 1.5em; font-size: 0.4em;color: #301C00; }
.character:not(#index) div[role="main"] article h2 { margin: 1em 0 0.5em 0.5em; font-size: 1.2em; line-height: 2.1em; color: #C33D08; }
.character:not(#index) div[role="main"] article p { margin: 0 0 0.8em 0.5em; line-height: 1.75em; font-size: 0.9em; }
.character:not(#index) div[role="main"] nav { float: none; position: absolute; bottom: 0; right: 45px; }
.character:not(#index) div[role="main"] nav li { float: left; height: 52px; }
.character:not(#index) div[role="main"] nav li:first-child { width: 185px; background: transparent url(../../images/character/link_btn.png) no-repeat 0 0; }
.character:not(#index) div[role="main"] nav li:last-child { width: 215px; background: transparent url(../../images/character/link_btn_top.png) no-repeat 0 0; }
.character:not(#index) div[role="main"] nav li:first-child:hover { width: 185px; background: transparent url(../../images/character/link_btn_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main"] nav li:last-child:hover { width: 215px; background: transparent url(../../images/character/link_btn_top_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main"] nav li a { display: block; width: 100%; height: 100%; font-size: 1em; font-weight: bold; line-height: 3.5em; text-indent: 1em; color: #FFF !important; text-decoration: none; }
.character:not(#index) div[role="main"] nav ul::after { content: ""; clear: both; display: block; height: 0; }

.character:not(#index) > div.addbg { position: absolute; width: 100%; height: 100%; margin: 0 auto; background: transparent url(../../images/character/addbg1.png) no-repeat right top; z-index: -1; }
.character#krtek > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg2.png) no-repeat left bottom; z-index: -1; }
.character#krtek div[role="main"] > figure { background: transparent url(../../images/character/krtek_illust_bg1.png) no-repeat left bottom; }
.character#krtek div[role="main"] > figure::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 15px; left: 15px; width: 137px; height: 13px; z-index: 100 !important; }
.character#krtek div[role="main"] > figure img { margin-top: 20px; }
.character#krtek div[role="main"] article::after { content: url(../../images/character/krtek_illust2.png); position: absolute; display: block; top: 17em; right: -10px; width: 147px; height: 145px; }

.character#amalka > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#amalka div[role="main"] > figure { background: transparent url(../../images/character/amalka_illust_bg1.png) no-repeat left bottom; }
.character#amalka div[role="main"] > figure::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#amalka div[role="main"] article::after { content: url(../../images/character/amalka_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#amalka div[role="main"] > figure img { margin-top: 10px; }

/* pejsekakocicka */

.character#pejsekakocicka > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#pejsekakocicka div[role="main"] > figure { background: transparent url(../../images/character/pejsekakocicka_illust_bg1.png) no-repeat left bottom; }
.character#pejsekakocicka div[role="main"] > figure::before { content: url(../../images/character/copyright_pejsekakocicka.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#pejsekakocicka div[role="main"] article::after { content: url(../../images/character/pejsekakocicka_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#pejsekakocicka div[role="main"] > figure img { margin-top: 1px; }


/* josefpalecek */

.character#josefpalecek > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#josefpalecek div[role="main"] > figure { background: transparent url(../../images/character/josefpalecek_illust_bg1.png) no-repeat left bottom; }
.character#josefpalecek div[role="main"] > figure::before { content: url(../../images/character/copyright_josefpalecek.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#josefpalecek div[role="main"] article::after { content: url(../../images/character/josefpalecek_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#josefpalecek div[role="main"] > figure img { margin-top: 1px; }


/* napude */

.character#napude > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#napude div[role="main"] > figure { background: transparent url(../../images/character/napude_illust_bg1.png) no-repeat left bottom; }
.character#napude div[role="main"] > figure::before { content: url(../../images/character/copyright_napude.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#napude div[role="main"] article::after { content: url(../../images/character/napude_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#napude div[role="main"] > figure img { margin-top: 1px; }


/* pavelkoutsky */

.character#pavelkoutsky > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#pavelkoutsky div[role="main"] > figure { background: transparent url(../../images/character/pavelkoutsky_illust_bg1.png) no-repeat left bottom; }
.character#pavelkoutsky div[role="main"] > figure::before { content: url(../../images/character/copyright_pavelkoutsky.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#pavelkoutsky div[role="main"] article::after { content: url(../../images/character/pavelkoutsky_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#pavelkoutsky div[role="main"] > figure img { margin-top: 1px; }


/* ludekvimr */

.character#ludekvimr > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#ludekvimr div[role="main"] > figure { background: transparent url(../../images/character/ludekvimr_illust_bg1.png) no-repeat left bottom; }
.character#ludekvimr div[role="main"] > figure::before { content: url(../../images/character/copyright_ludekvimr.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#ludekvimr div[role="main"] article::after { content: url(../../images/character/ludekvimr_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#ludekvimr div[role="main"] > figure img { margin-top: 1px; }



/* maxipesfik */

.character#maxipesfik > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#maxipesfik div[role="main"] > figure { background: transparent url(../../images/character/maxipesfik_illust_bg1.png) no-repeat left bottom; }
.character#maxipesfik div[role="main"] > figure::before { content: url(../../images/character/copyright_maxipesfik.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#maxipesfik div[role="main"] article::after { content: url(../../images/character/maxipesfik_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#maxipesfik div[role="main"] > figure img { margin-top: 1px; }




/* bobabobek */

.character#bobabobek > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#bobabobek div[role="main"] > figure { background: transparent url(../../images/character/bobabobek_illust_bg1.png) no-repeat left bottom; }
.character#bobabobek div[role="main"] > figure::before { content: url(../../images/character/copyright_bobabobek.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#bobabobek div[role="main"] article::after { content: url(../../images/character/bobabobek_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#bobabobek div[role="main"] > figure img { margin-top: 1px; }


/* -----------------main 1 ---------------------*/

div[role="main1"] { position: relative; width: 950px; min-height: 300px; margin: 0px auto 0px; padding: 0px 15px 0px; }
div[role="main1"] > article { float: left; }

.twocolumn div[role="main1"] { width: 955px; }
.twocolumn div[role="main1"] > nav#lnavi { float: left; position: relative; width: 283px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.twocolumn div[role="main1"] > article { width: 671px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


#home header { min-height: 70px; padding-top: 60px; background-image: url(../../images/home/header_bg.png); }
#home div[role="main1"] { min-height: 555px; padding-bottom: 0; background: transparent url(../../images/home/main_bg1.png) no-repeat 0 0; background-size: contain; }
#home div[role="main1"] > article { position: relative; width: 100%; min-height: 550px;  margin: 20px auto; background: transparent url(../../images/home/main_bg_obj.png) no-repeat 80px 20px; }
#home div[role="main1"] > article h1 { position: absolute; left: 25px; top: 5px;}
#home div[role="main1"] > article ul { width: 96%; margin: 65px auto 0; list-style: none; }
#home div[role="main1"] > article li { position: relative; list-style: none; }
#home div[role="main1"] > article li:nth-child(1),
#home div[role="main1"] > article li:nth-child(4) { text-align: center; }
#home div[role="main1"] > article li:nth-child(3),
#home div[role="main1"] > article li:nth-child(6) { text-align: right; }
#home div[role="main1"] > article li:nth-child(1) { margin-bottom: 100px; }
#home div[role="main1"] > article li:nth-child(3) { margin: -25px 0; }
#home div[role="main1"] > article li:nth-child(4) { padding-left: 280px; }
#home div[role="main1"] > article li:nth-child(5) { margin: -70px 0; padding-left: 10px; }
#home div[role="main1"] > article li:nth-child(6) { padding-right: 100px; }
#home div[role="main1"] > article li figure { display: block; position: relative; z-index: 100 !important; }
#home div[role="main1"] > article li::before,
#home div[role="main1"] > article li:after { position: absolute;  z-index: 1 !important; }
#home div[role="main1"] > article li:nth-child(1)::before { content: url(../../images/home/pinwheel_1.png); left: 50%; top: -20px; }
#home div[role="main1"] > article li:nth-child(2)::before { content: url(../../images/home/pinwheel_2.png); left: -30px; top: -30px; }
#home div[role="main1"] > article li:nth-child(2)::after { content: url(../../images/home/pinwheel_2b.png); right: -5px; top: -40px; }
#home div[role="main1"] > article li:nth-child(3)::before { content: url(../../images/home/pinwheel_3.png); right: 60px; top: 40px; }
#home div[role="main1"] > article li:nth-child(4)::before { content: url(../../images/home/pinwheel_4.png); left: 65%; top: -10px; }
#home div[role="main1"] > article li:nth-child(5)::before { content: url(../../images/home/pinwheel_5.png); left: 120px;  }
#home div[role="main1"] > article li:nth-child(6)::before { content: url(../../images/home/pinwheel_6.png); right: 70px; top: 0; }

#home div[role="main1"] > article p {z-index: 101 !important; }
#home div[role="main1"] > article p a { display: block; position: absolute; height: 71px; }
#home div[role="main1"] > article p#amalka { position: absolute; left: 200px; top: 180px; width: 270px; height: 330px; background: transparent url(../../images/home/amalka.png) no-repeat top center; }
#home div[role="main1"] > article p#amalka:hover { background-image: url(../../images/home/amalka_on.png) }
#home div[role="main1"] > article p#amalka a { bottom: 0; right: 0; }
#home div[role="main1"] > article p#krtek { position: absolute; left: 460px; top: 50px; width: 410px; height: 265px; background: transparent url(../../images/home/krtek.png) no-repeat 0 0; }
#home div[role="main1"] > article p#krtek:hover { background-image: url(../../images/home/krtek_on.png) }
#home div[role="main1"] > article p#krtek a { bottom: 25px; right: 40px; }

#home div[role="main1"] > article p#EcLink { position: absolute; left: 500px; top: 350px; width: 400px; height: 160px;}

.msie7 #home div[role="main1"] > article ul { padding-top: 65px; }
.msie7 #home div[role="main1"] > article li:nth-child(1) { margin-bottom: 60px; }
.msie7 #home div[role="main1"] > article li:nth-child(3) { margin-bottom: -100px; }
.msie7 #home div[role="main1"] > article li:nth-child(5) { margin-bottom: -100px; }




.character#index div[role="main1"] { min-height: 557px; background: transparent url(../../images/character/main_bg1.png) no-repeat center top; }
.character#index div[role="main1"] article h1 { text-align: center; line-height: 2.65; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.character#index div[role="main1"] > article { width: 892px; min-height: 520px; margin: 16px 0 0 28px; }
.character#index div[role="main1"] > article > h1 { display: block; width: 512px; height: 67px; margin: 15px auto 0; font-size: 1.8em; background: transparent url(../../images/character/title_bg.png) no-repeat center top; }
.character#index div[role="main1"] article > article { float: left; position: relative; width: 415px; min-height: 400px; margin: 15px 0 0 20px; }
.character#index div[role="main1"] article > article h1 { position: absolute; top: 280px; width: 415px; text-align: center; z-index: 100 !important; }
.character#index div[role="main1"] article > article figure { width: 323px; height: 237px; margin: 0; padding: 35px 40px; text-align: center; }
.character#index div[role="main1"] article > article figure::after { content: url(../../images/character/frame.png); position: absolute; top: 0; left: 12px; width: 392px; height: 299px; z-index: 100 !important; }
.character#index div[role="main1"] article > article figure ul { list-style: none; z-index: 50 !important; }
/*
.character#index div[role="main1"] article > article figure ul#krtek_gallery::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 13px; right: 3px; width: 137px; height: 13px; z-index: 100 !important; }
.character#index div[role="main1"] article > article figure ul#amalka_gallery::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 12px; right: 3px; width: 260px; height: 14px; z-index: 100 !important; }
*/

.character#index div[role="main1"] article > article a + p { width: 365px; height: 80px; margin-top: 0; padding: 35px 25px 25px; font-size: 1.15em; line-height: 1.5; font-weight: bold; color: #FFF; text-align: center; }
.character#index div[role="main1"] article > article a > p { position: absolute; display: none; text-align: right; opacity: 0; overflow: none; z-index: 500; }
.character#index div[role="main1"] article > h1 + article a > p { right: 20px; margin-top: 50px; }
.character#index div[role="main1"] article > article + article a > p { left: 20px; margin-top: 40px; }
.character#index div[role="main1"] article > article a:hover > p,
.character#index div[role="main1"] article > article a > p:hover { display: block; opacity: 1; }
.character#index div[role="main1"] article > article a:hover > p + figure img,
.character#index div[role="main1"] article > article a > p:hover + figure img { opacity: 0; }
.character#index div[role="main1"] article > h1 + article a:hover > p + figure,
.character#index div[role="main1"] article > h1 + article a > p:hover + figure { background: transparent url(../../images/character/click_krtek_bg.png) no-repeat 20px 20px; }
.character#index div[role="main1"] article > article + article a:hover > p + figure,
.character#index div[role="main1"] article > article + article a > p:hover + figure { background: transparent url(../../images/character/click_amalka_bg.png) no-repeat 40px 20px; }
.character#index div[role="main1"] article > article figure img { -webkit-transition-property: all; -webkit-transition: .3s ease-in; -moz-transition-property: all; -moz-transition: .3s ease-in; -ms-transition-property: all; -ms-transition: .3s ease-in; -o-transition-property: all; -o-transition: .3s ease-in; transition-property: all; transition: .3s ease-in; }
.character#index div[role="main1"] article > h1 + article figure,
.character#index div[role="main1"] article > h1 + article a > p { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); }
.character#index div[role="main1"] article > h1 + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_krtek.png) no-repeat 0 0; }
.character#index div[role="main1"] article > article + article figure,
.character#index div[role="main1"] article > article + article figure + p { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }
.character#index div[role="main1"] article > article + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_amalka.png) no-repeat 0 0; }

.character:not(#index) div[role="main1"] { min-height: 588px; background: transparent url(../../images/character/character_bg.png) no-repeat center top; }
.character:not(#index) div[role="main1"] > figure { position: absolute !important; top: 0 !important; left: 20px !important; height: 580px; width: 354px; text-align: center; background-position: left bottom !important; }
.character:not(#index) div[role="main1"] article { float: none; margin-left: 380px; padding-top: 32px; }
.character:not(#index) div[role="main1"] article h1 { position: relative; width: 540px; height: 49px; font-size: 26px; line-height: 1.9; text-indent: 0.5em; color: #FFF; background: transparent url(../../images/character/subtitle_bg.png) no-repeat 0 0; }
.character:not(#index) div[role="main1"] article h1 span { position: absolute; right: 4em; top: 1.5em; font-size: 0.4em;color: #301C00; }
.character:not(#index) div[role="main1"] article h2 { margin: 1em 0 0.5em 0.5em; font-size: 1.2em; line-height: 2.1em; color: #C33D08; }
.character:not(#index) div[role="main1"] article p { margin: 0 0 0.8em 0.5em; line-height: 1.75em; font-size: 0.9em; }
.character:not(#index) div[role="main1"] nav { float: none; position: absolute; bottom: 0; right: 45px; }
.character:not(#index) div[role="main1"] nav li { float: left; height: 52px; }
.character:not(#index) div[role="main1"] nav li:first-child { width: 185px; background: transparent url(../../images/character/link_btn.png) no-repeat 0 0; }
.character:not(#index) div[role="main1"] nav li:last-child { width: 215px; background: transparent url(../../images/character/link_btn_top.png) no-repeat 0 0; }
.character:not(#index) div[role="main1"] nav li:first-child:hover { width: 185px; background: transparent url(../../images/character/link_btn_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main1"] nav li:last-child:hover { width: 215px; background: transparent url(../../images/character/link_btn_top_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main1"] nav li a { display: block; width: 100%; height: 100%; font-size: 1em; font-weight: bold; line-height: 3.5em; text-indent: 1em; color: #FFF !important; text-decoration: none; }
.character:not(#index) div[role="main1"] nav ul::after { content: ""; clear: both; display: block; height: 0; }

.character:not(#index) > div.addbg { position: absolute; width: 100%; height: 100%; margin: 0 auto; background: transparent url(../../images/character/addbg1.png) no-repeat right top; z-index: -1; }
.character#pejsekakocicka > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg2.png) no-repeat left bottom; z-index: -1; }
.character#pejsekakocicka div[role="main1"] > figure { background: transparent url(../../images/character/krtek_illust_bg1.png) no-repeat left bottom; }
.character#pejsekakocicka div[role="main1"] > figure::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 15px; left: 15px; width: 137px; height: 13px; z-index: 100 !important; }
.character#pejsekakocicka div[role="main1"] > figure img { margin-top: 20px; }
.character#pejsekakocicka div[role="main1"] article::after { content: url(../../images/character/krtek_illust2.png); position: absolute; display: block; top: 17em; right: -10px; width: 147px; height: 145px; }

.character#josefpalecek > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#josefpalecek div[role="main1"] > figure { background: transparent url(../../images/character/amalka_illust_bg1.png) no-repeat left bottom; }
.character#josefpalecek div[role="main1"] > figure::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#josefpalecek div[role="main1"] article::after { content: url(../../images/character/amalka_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#josefpalecek div[role="main1"] > figure img { margin-top: 10px; }

/* -------------main 1 end ------------------*/

/* -----------------main 2 ---------------------*/

div[role="main2"] { position: relative; width: 950px; min-height: 300px; margin: 0px auto 0px; padding: 0px 15px 0px; }
div[role="main2"] > article { float: left; }

.twocolumn div[role="main2"] { width: 955px; }
.twocolumn div[role="main2"] > nav#lnavi { float: left; position: relative; width: 283px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.twocolumn div[role="main2"] > article { width: 671px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


#home header { min-height: 70px; padding-top: 60px; background-image: url(../../images/home/header_bg.png); }
#home div[role="main2"] { min-height: 555px; padding-bottom: 0; background: transparent url(../../images/home/main_bg.png) no-repeat 0 0; background-size: contain; }
#home div[role="main2"] > article { position: relative; width: 100%; min-height: 550px;  margin: 20px auto; background: transparent url(../../images/home/main_bg_obj.png) no-repeat 80px 20px; }
#home div[role="main2"] > article h1 { position: absolute; left: 25px; top: 5px;}
#home div[role="main2"] > article ul { width: 96%; margin: 65px auto 0; list-style: none; }
#home div[role="main2"] > article li { position: relative; list-style: none; }
#home div[role="main2"] > article li:nth-child(1),
#home div[role="main2"] > article li:nth-child(4) { text-align: center; }
#home div[role="main2"] > article li:nth-child(3),
#home div[role="main2"] > article li:nth-child(6) { text-align: right; }
#home div[role="main2"] > article li:nth-child(1) { margin-bottom: 100px; }
#home div[role="main2"] > article li:nth-child(3) { margin: -25px 0; }
#home div[role="main2"] > article li:nth-child(4) { padding-left: 280px; }
#home div[role="main2"] > article li:nth-child(5) { margin: -70px 0; padding-left: 10px; }
#home div[role="main2"] > article li:nth-child(6) { padding-right: 100px; }
#home div[role="main2"] > article li figure { display: block; position: relative; z-index: 100 !important; }
#home div[role="main2"] > article li::before,
#home div[role="main2"] > article li:after { position: absolute;  z-index: 1 !important; }
#home div[role="main2"] > article li:nth-child(1)::before { content: url(../../images/home/pinwheel_1.png); left: 50%; top: -20px; }
#home div[role="main2"] > article li:nth-child(2)::before { content: url(../../images/home/pinwheel_2.png); left: -30px; top: -30px; }
#home div[role="main2"] > article li:nth-child(2)::after { content: url(../../images/home/pinwheel_2b.png); right: -5px; top: -40px; }
#home div[role="main2"] > article li:nth-child(3)::before { content: url(../../images/home/pinwheel_3.png); right: 60px; top: 40px; }
#home div[role="main2"] > article li:nth-child(4)::before { content: url(../../images/home/pinwheel_4.png); left: 65%; top: -10px; }
#home div[role="main2"] > article li:nth-child(5)::before { content: url(../../images/home/pinwheel_5.png); left: 120px;  }
#home div[role="main2"] > article li:nth-child(6)::before { content: url(../../images/home/pinwheel_6.png); right: 70px; top: 0; }

#home div[role="main2"] > article p {z-index: 101 !important; }
#home div[role="main2"] > article p a { display: block; position: absolute; height: 71px; }
#home div[role="main2"] > article p#amalka { position: absolute; left: 200px; top: 180px; width: 270px; height: 330px; background: transparent url(../../images/home/amalka.png) no-repeat top center; }
#home div[role="main2"] > article p#amalka:hover { background-image: url(../../images/home/amalka_on.png) }
#home div[role="main2"] > article p#amalka a { bottom: 0; right: 0; }
#home div[role="main2"] > article p#krtek { position: absolute; left: 460px; top: 50px; width: 410px; height: 265px; background: transparent url(../../images/home/krtek.png) no-repeat 0 0; }
#home div[role="main2"] > article p#krtek:hover { background-image: url(../../images/home/krtek_on.png) }
#home div[role="main2"] > article p#krtek a { bottom: 25px; right: 40px; }

#home div[role="main2"] > article p#EcLink { position: absolute; left: 500px; top: 350px; width: 400px; height: 160px;}

.msie7 #home div[role="main2"] > article ul { padding-top: 65px; }
.msie7 #home div[role="main2"] > article li:nth-child(1) { margin-bottom: 60px; }
.msie7 #home div[role="main2"] > article li:nth-child(3) { margin-bottom: -100px; }
.msie7 #home div[role="main2"] > article li:nth-child(5) { margin-bottom: -100px; }




.character#index div[role="main2"] { min-height: 454px; background: transparent url(../../images/character/main_bg2.png) no-repeat center top; }
.character#index div[role="main2"] article h1 { text-align: center; line-height: 2.65; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);  }
.character#index div[role="main2"] > article { width: 892px; min-height: 455px; margin: 0px 0px 0px 28px; }
.character#index div[role="main2"] > article > h1 { display: block; width: 512px; height: 67px; margin: 15px auto 0; font-size: 1.8em; background: transparent url(../../images/character/title_bg.png) no-repeat center top; display:none;}
.character#index div[role="main2"] article > article { float: left; position: relative; width: 415px; min-height: 400px; margin: 15px 0 0 20px; }
.character#index div[role="main2"] article > article h1 { position: absolute; top: 244px; width: 415px; text-align: center; z-index: 100 !important; }
.character#index div[role="main2"] article > article figure { width: 323px; height: 237px; margin: 0; padding: 35px 40px; text-align: center; }
.character#index div[role="main2"] article > article figure::after { content: url(../../images/character/frame.png); position: absolute; top: 0; left: 12px; width: 392px; height: 299px; z-index: 100 !important; }
.character#index div[role="main2"] article > article figure ul { list-style: none; z-index: 50 !important; }
.character#index div[role="main2"] article > article figure ul#krtek_gallery::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 13px; right: 3px; width: 137px; height: 13px; z-index: 100 !important; }
.character#index div[role="main2"] article > article figure ul#amalka_gallery::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 12px; right: 3px; width: 260px; height: 14px; z-index: 100 !important; }

.character#index div[role="main2"] article > article a + p { width: 365px; height: 80px; margin-top: 0; padding: 35px 25px 25px; font-size: 1.15em; line-height: 1.5; font-weight: bold; color: #FFF; text-align: center; }
.character#index div[role="main2"] article > article a > p { position: absolute; display: none; text-align: right; opacity: 0; overflow: none; z-index: 500; }
.character#index div[role="main2"] article > h1 + article a > p { right: 20px; margin-top: 50px; }
.character#index div[role="main2"] article > article + article a > p { left: 20px; margin-top: 40px; }
.character#index div[role="main2"] article > article a:hover > p,
.character#index div[role="main2"] article > article a > p:hover { display: block; opacity: 1; }
.character#index div[role="main2"] article > article a:hover > p + figure img,
.character#index div[role="main2"] article > article a > p:hover + figure img { opacity: 0; }
.character#index div[role="main2"] article > h1 + article a:hover > p + figure,
.character#index div[role="main2"] article > h1 + article a > p:hover + figure { background: transparent url(../../images/character/click_pejsekakocicka_picture.jpg) no-repeat 20px 20px; }
.character#index div[role="main2"] article > article + article a:hover > p + figure,
.character#index div[role="main2"] article > article + article a > p:hover + figure { background: transparent url(../../images/character/click_josefpalecek_picture.jpg) no-repeat 40px 20px; }
.character#index div[role="main2"] article > article figure img { -webkit-transition-property: all; -webkit-transition: .3s ease-in; -moz-transition-property: all; -moz-transition: .3s ease-in; -ms-transition-property: all; -ms-transition: .3s ease-in; -o-transition-property: all; -o-transition: .3s ease-in; transition-property: all; transition: .3s ease-in; }
.character#index div[role="main2"] article > h1 + article figure,
.character#index div[role="main2"] article > h1 + article a > p { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); }
.character#index div[role="main2"] article > h1 + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_krtek.png) no-repeat 0 0; }
.character#index div[role="main2"] article > article + article figure,
.character#index div[role="main2"] article > article + article figure + p { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }
.character#index div[role="main2"] article > article + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_amalka.png) no-repeat 0 0; }

.character:not(#index) div[role="main2"] { min-height: 588px; background: transparent url(../../images/character/character_bg.png) no-repeat center top; }
.character:not(#index) div[role="main2"] > figure { position: absolute !important; top: 0 !important; left: 20px !important; height: 580px; width: 354px; text-align: center; background-position: left bottom !important; }
.character:not(#index) div[role="main2"] article { float: none; margin-left: 380px; padding-top: 32px; }
.character:not(#index) div[role="main2"] article h1 { position: relative; width: 540px; height: 49px; font-size: 26px; line-height: 1.9; text-indent: 0.5em; color: #FFF; background: transparent url(../../images/character/subtitle_bg.png) no-repeat 0 0; }
.character:not(#index) div[role="main2"] article h1 span { position: absolute; right: 4em; top: 1.5em; font-size: 0.4em;color: #301C00; }
.character:not(#index) div[role="main2"] article h2 { margin: 1em 0 0.5em 0.5em; font-size: 1.2em; line-height: 2.1em; color: #C33D08; }
.character:not(#index) div[role="main2"] article p { margin: 0 0 0.8em 0.5em; line-height: 1.75em; font-size: 0.9em; }
.character:not(#index) div[role="main2"] nav { float: none; position: absolute; bottom: 0; right: 45px; }
.character:not(#index) div[role="main2"] nav li { float: left; height: 52px; }
.character:not(#index) div[role="main2"] nav li:first-child { width: 185px; background: transparent url(../../images/character/link_btn.png) no-repeat 0 0; }
.character:not(#index) div[role="main2"] nav li:last-child { width: 215px; background: transparent url(../../images/character/link_btn_top.png) no-repeat 0 0; }
.character:not(#index) div[role="main2"] nav li:first-child:hover { width: 185px; background: transparent url(../../images/character/link_btn_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main2"] nav li:last-child:hover { width: 215px; background: transparent url(../../images/character/link_btn_top_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main2"] nav li a { display: block; width: 100%; height: 100%; font-size: 1em; font-weight: bold; line-height: 3.5em; text-indent: 1em; color: #FFF !important; text-decoration: none; }
.character:not(#index) div[role="main2"] nav ul::after { content: ""; clear: both; display: block; height: 0; }

.character:not(#index) > div.addbg { position: absolute; width: 100%; height: 100%; margin: 0 auto; background: transparent url(../../images/character/addbg1.png) no-repeat right top; z-index: -1; }
.character#napude > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg2.png) no-repeat left bottom; z-index: -1; }
.character#napude div[role="main2"] > figure { background: transparent url(../../images/character/krtek_illust_bg1.png) no-repeat left bottom; }
.character#napude div[role="main2"] > figure::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 15px; left: 15px; width: 137px; height: 13px; z-index: 100 !important; }
.character#napude div[role="main2"] > figure img { margin-top: 20px; }
.character#napude div[role="main2"] article::after { content: url(../../images/character/krtek_illust2.png); position: absolute; display: block; top: 17em; right: -10px; width: 147px; height: 145px; }

.character#pavelkoutsky > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#pavelkoutsky div[role="main2"] > figure { background: transparent url(../../images/character/amalka_illust_bg1.png) no-repeat left bottom; }
.character#pavelkoutsky div[role="main2"] > figure::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#pavelkoutsky div[role="main2"] article::after { content: url(../../images/character/amalka_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#pavelkoutsky div[role="main2"] > figure img { margin-top: 10px; }
/* -------------main 2 end ------------------*/

/* -----------------main 3 ---------------------*/

div[role="main3"] { position: relative; width: 950px; min-height: 300px; margin: 0px auto 0px; padding: 0px 15px 0px; }
div[role="main3"] > article { float: left; }

.twocolumn div[role="main3"] { width: 955px; }
.twocolumn div[role="main3"] > nav#lnavi { float: left; position: relative; width: 283px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.twocolumn div[role="main3"] > article { width: 671px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


#home header { min-height: 70px; padding-top: 60px; background-image: url(../../images/home/header_bg.png); }
#home div[role="main3"] { min-height: 555px; padding-bottom: 0; background: transparent url(../../images/home/main_bg.png) no-repeat 0 0; background-size: contain; }
#home div[role="main3"] > article { position: relative; width: 100%; min-height: 550px;  margin: 20px auto; background: transparent url(../../images/home/main_bg_obj.png) no-repeat 80px 20px; }
#home div[role="main3"] > article h1 { position: absolute; left: 25px; top: 5px;}
#home div[role="main3"] > article ul { width: 96%; margin: 65px auto 0; list-style: none; }
#home div[role="main3"] > article li { position: relative; list-style: none; }
#home div[role="main3"] > article li:nth-child(1),
#home div[role="main3"] > article li:nth-child(4) { text-align: center; }
#home div[role="main3"] > article li:nth-child(3),
#home div[role="main3"] > article li:nth-child(6) { text-align: right; }
#home div[role="main3"] > article li:nth-child(1) { margin-bottom: 100px; }
#home div[role="main3"] > article li:nth-child(3) { margin: -25px 0; }
#home div[role="main3"] > article li:nth-child(4) { padding-left: 280px; }
#home div[role="main3"] > article li:nth-child(5) { margin: -70px 0; padding-left: 10px; }
#home div[role="main3"] > article li:nth-child(6) { padding-right: 100px; }
#home div[role="main3"] > article li figure { display: block; position: relative; z-index: 100 !important; }
#home div[role="main3"] > article li::before,
#home div[role="main3"] > article li:after { position: absolute;  z-index: 1 !important; }
#home div[role="main3"] > article li:nth-child(1)::before { content: url(../../images/home/pinwheel_1.png); left: 50%; top: -20px; }
#home div[role="main3"] > article li:nth-child(2)::before { content: url(../../images/home/pinwheel_2.png); left: -30px; top: -30px; }
#home div[role="main3"] > article li:nth-child(2)::after { content: url(../../images/home/pinwheel_2b.png); right: -5px; top: -40px; }
#home div[role="main3"] > article li:nth-child(3)::before { content: url(../../images/home/pinwheel_3.png); right: 60px; top: 40px; }
#home div[role="main3"] > article li:nth-child(4)::before { content: url(../../images/home/pinwheel_4.png); left: 65%; top: -10px; }
#home div[role="main3"] > article li:nth-child(5)::before { content: url(../../images/home/pinwheel_5.png); left: 120px;  }
#home div[role="main3"] > article li:nth-child(6)::before { content: url(../../images/home/pinwheel_6.png); right: 70px; top: 0; }

#home div[role="main3"] > article p {z-index: 101 !important; }
#home div[role="main3"] > article p a { display: block; position: absolute; height: 71px; }
#home div[role="main3"] > article p#amalka { position: absolute; left: 200px; top: 180px; width: 270px; height: 330px; background: transparent url(../../images/home/amalka.png) no-repeat top center; }
#home div[role="main3"] > article p#amalka:hover { background-image: url(../../images/home/amalka_on.png) }
#home div[role="main3"] > article p#amalka a { bottom: 0; right: 0; }
#home div[role="main3"] > article p#krtek { position: absolute; left: 460px; top: 50px; width: 410px; height: 265px; background: transparent url(../../images/home/krtek.png) no-repeat 0 0; }
#home div[role="main3"] > article p#krtek:hover { background-image: url(../../images/home/krtek_on.png) }
#home div[role="main3"] > article p#krtek a { bottom: 25px; right: 40px; }

#home div[role="main3"] > article p#EcLink { position: absolute; left: 500px; top: 350px; width: 400px; height: 160px;}

.msie7 #home div[role="main3"] > article ul { padding-top: 65px; }
.msie7 #home div[role="main3"] > article li:nth-child(1) { margin-bottom: 60px; }
.msie7 #home div[role="main3"] > article li:nth-child(3) { margin-bottom: -100px; }
.msie7 #home div[role="main3"] > article li:nth-child(5) { margin-bottom: -100px; }




.character#index div[role="main3"] { min-height: 454px; background: transparent url(../../images/character/main_bg3.png) no-repeat center top; }
.character#index div[role="main3"] article h1 { text-align: center; line-height: 2.65; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.character#index div[role="main3"] > article { width: 892px; min-height: 455px; margin: 0px 0px 0px 28px; }
.character#index div[role="main3"] > article > h1 { display: block; width: 512px; height: 67px; margin: 15px auto 0; font-size: 1.8em; background: transparent url(../../images/character/title_bg.png) no-repeat center top; display:none;}
.character#index div[role="main3"] article > article { float: left; position: relative; width: 415px; min-height: 400px; margin: 15px 0 0 20px; }
.character#index div[role="main3"] article > article h1 { position: absolute; top: 280px; width: 415px; text-align: center; z-index: 100 !important;}
.character#index div[role="main3"] article > article figure { width: 323px; height: 237px; margin: 0; padding: 35px 40px; text-align: center; }
.character#index div[role="main3"] article > article figure::after { content: url(../../images/character/frame.png); position: absolute; top: 0; left: 12px; width: 392px; height: 299px; z-index: 100 !important; }
.character#index div[role="main3"] article > article figure ul { list-style: none; z-index: 50 !important; }
.character#index div[role="main3"] article > article figure ul#krtek_gallery::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 13px; right: 3px; width: 137px; height: 13px; z-index: 100 !important; }
.character#index div[role="main3"] article > article figure ul#amalka_gallery::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 12px; right: 3px; width: 260px; height: 14px; z-index: 100 !important; }

.character#index div[role="main3"] article > article a + p { width: 365px; height: 80px; margin-top: 0; padding: 35px 25px 25px; font-size: 1.15em; line-height: 1.5; font-weight: bold; color: #FFF; text-align: center; }
.character#index div[role="main3"] article > article a > p { position: absolute; display: none; text-align: right; opacity: 0; overflow: none; z-index: 500; }
.character#index div[role="main3"] article > h1 + article a > p { right: 20px; margin-top: 50px; }
.character#index div[role="main3"] article > article + article a > p { left: 20px; margin-top: 40px; }
.character#index div[role="main3"] article > article a:hover > p,
.character#index div[role="main3"] article > article a > p:hover { display: block; opacity: 1; }
.character#index div[role="main3"] article > article a:hover > p + figure img,
.character#index div[role="main3"] article > article a > p:hover + figure img { opacity: 0; }
.character#index div[role="main3"] article > h1 + article a:hover > p + figure,
.character#index div[role="main3"] article > h1 + article a > p:hover + figure { background: transparent url(../../images/character/click_napude_picture.jpg) no-repeat 20px 20px; }
.character#index div[role="main3"] article > article + article a:hover > p + figure,
.character#index div[role="main3"] article > article + article a > p:hover + figure { background: transparent url(../../images/character/click_pavelkoutsky_picture.jpg) no-repeat 40px 20px; }
.character#index div[role="main3"] article > article figure img { -webkit-transition-property: all; -webkit-transition: .3s ease-in; -moz-transition-property: all; -moz-transition: .3s ease-in; -ms-transition-property: all; -ms-transition: .3s ease-in; -o-transition-property: all; -o-transition: .3s ease-in; transition-property: all; transition: .3s ease-in; }
.character#index div[role="main3"] article > h1 + article figure,
.character#index div[role="main3"] article > h1 + article a > p { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); }
.character#index div[role="main3"] article > h1 + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_krtek.png) no-repeat 0 0; }
.character#index div[role="main3"] article > article + article figure,
.character#index div[role="main3"] article > article + article figure + p { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }
.character#index div[role="main3"] article > article + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_amalka.png) no-repeat 0 0; }

.character:not(#index) div[role="main3"] { min-height: 588px; background: transparent url(../../images/character/character_bg.png) no-repeat center top; }
.character:not(#index) div[role="main3"] > figure { position: absolute !important; top: 0 !important; left: 20px !important; height: 580px; width: 354px; text-align: center; background-position: left bottom !important; }
.character:not(#index) div[role="main3"] article { float: none; margin-left: 380px; padding-top: 32px; }
.character:not(#index) div[role="main3"] article h1 { position: relative; width: 540px; height: 49px; font-size: 26px; line-height: 1.9; text-indent: 0.5em; color: #FFF; background: transparent url(../../images/character/subtitle_bg.png) no-repeat 0 0; }
.character:not(#index) div[role="main3"] article h1 span { position: absolute; right: 4em; top: 1.5em; font-size: 0.4em;color: #301C00; }
.character:not(#index) div[role="main3"] article h2 { margin: 1em 0 0.5em 0.5em; font-size: 1.2em; line-height: 2.1em; color: #C33D08; }
.character:not(#index) div[role="main3"] article p { margin: 0 0 0.8em 0.5em; line-height: 1.75em; font-size: 0.9em; }
.character:not(#index) div[role="main3"] nav { float: none; position: absolute; bottom: 0; right: 45px; }
.character:not(#index) div[role="main3"] nav li { float: left; height: 52px; }
.character:not(#index) div[role="main3"] nav li:first-child { width: 185px; background: transparent url(../../images/character/link_btn.png) no-repeat 0 0; }
.character:not(#index) div[role="main3"] nav li:last-child { width: 215px; background: transparent url(../../images/character/link_btn_top.png) no-repeat 0 0; }
.character:not(#index) div[role="main3"] nav li:first-child:hover { width: 185px; background: transparent url(../../images/character/link_btn_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main3"] nav li:last-child:hover { width: 215px; background: transparent url(../../images/character/link_btn_top_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main3"] nav li a { display: block; width: 100%; height: 100%; font-size: 1em; font-weight: bold; line-height: 3.5em; text-indent: 1em; color: #FFF !important; text-decoration: none; }
.character:not(#index) div[role="main3"] nav ul::after { content: ""; clear: both; display: block; height: 0; }

.character:not(#index) > div.addbg { position: absolute; width: 100%; height: 100%; margin: 0 auto; background: transparent url(../../images/character/addbg1.png) no-repeat right top; z-index: -1; }
.character#ludekvimr > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg2.png) no-repeat left bottom; z-index: -1; }
.character#ludekvimr div[role="main3"] > figure { background: transparent url(../../images/character/krtek_illust_bg1.png) no-repeat left bottom; }
.character#ludekvimr div[role="main3"] > figure::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 15px; left: 15px; width: 137px; height: 13px; z-index: 100 !important; }
.character#ludekvimr div[role="main3"] > figure img { margin-top: 20px; }
.character#ludekvimr div[role="main3"] article::after { content: url(../../images/character/krtek_illust2.png); position: absolute; display: block; top: 17em; right: -10px; width: 147px; height: 145px; }

.character#maxipesfik > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#maxipesfik div[role="main3"] > figure { background: transparent url(../../images/character/amalka_illust_bg1.png) no-repeat left bottom; }
.character#maxipesfik div[role="main3"] > figure::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#maxipesfik div[role="main3"] article::after { content: url(../../images/character/amalka_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#maxipesfik div[role="main3"] > figure img { margin-top: 10px; }
/* -------------main 3 end ------------------*/

/* -----------------main 4 ---------------------*/

div[role="main4"] { position: relative; width: 950px; min-height: 300px; margin: 0px auto 0px; padding: 0px 15px 0px; }
div[role="main4"] > article { float: left; }

.twocolumn div[role="main4"] { width: 955px; }
.twocolumn div[role="main4"] > nav#lnavi { float: left; position: relative; width: 283px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.twocolumn div[role="main4"] > article { width: 671px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


#home header { min-height: 70px; padding-top: 60px; background-image: url(../../images/home/header_bg.png); }
#home div[role="main4"] { min-height: 555px; padding-bottom: 0; background: transparent url(../../images/home/main_bg.png) no-repeat 0 0; background-size: contain; }
#home div[role="main4"] > article { position: relative; width: 100%; min-height: 550px;  margin: 20px auto; background: transparent url(../../images/home/main_bg_obj.png) no-repeat 80px 20px; }
#home div[role="main4"] > article h1 { position: absolute; left: 25px; top: 5px;}
#home div[role="main4"] > article ul { width: 96%; margin: 65px auto 0; list-style: none; }
#home div[role="main4"] > article li { position: relative; list-style: none; }
#home div[role="main4"] > article li:nth-child(1),
#home div[role="main4"] > article li:nth-child(4) { text-align: center; }
#home div[role="main4"] > article li:nth-child(3),
#home div[role="main4"] > article li:nth-child(6) { text-align: right; }
#home div[role="main4"] > article li:nth-child(1) { margin-bottom: 100px; }
#home div[role="main4"] > article li:nth-child(3) { margin: -25px 0; }
#home div[role="main4"] > article li:nth-child(4) { padding-left: 280px; }
#home div[role="main4"] > article li:nth-child(5) { margin: -70px 0; padding-left: 10px; }
#home div[role="main4"] > article li:nth-child(6) { padding-right: 100px; }
#home div[role="main4"] > article li figure { display: block; position: relative; z-index: 100 !important; }
#home div[role="main4"] > article li::before,
#home div[role="main4"] > article li:after { position: absolute;  z-index: 1 !important; }
#home div[role="main4"] > article li:nth-child(1)::before { content: url(../../images/home/pinwheel_1.png); left: 50%; top: -20px; }
#home div[role="main4"] > article li:nth-child(2)::before { content: url(../../images/home/pinwheel_2.png); left: -30px; top: -30px; }
#home div[role="main4"] > article li:nth-child(2)::after { content: url(../../images/home/pinwheel_2b.png); right: -5px; top: -40px; }
#home div[role="main4"] > article li:nth-child(3)::before { content: url(../../images/home/pinwheel_3.png); right: 60px; top: 40px; }
#home div[role="main4"] > article li:nth-child(4)::before { content: url(../../images/home/pinwheel_4.png); left: 65%; top: -10px; }
#home div[role="main4"] > article li:nth-child(5)::before { content: url(../../images/home/pinwheel_5.png); left: 120px;  }
#home div[role="main4"] > article li:nth-child(6)::before { content: url(../../images/home/pinwheel_6.png); right: 70px; top: 0; }

#home div[role="main4"] > article p {z-index: 101 !important; }
#home div[role="main4"] > article p a { display: block; position: absolute; height: 71px; }
#home div[role="main4"] > article p#amalka { position: absolute; left: 200px; top: 180px; width: 270px; height: 330px; background: transparent url(../../images/home/amalka.png) no-repeat top center; }
#home div[role="main4"] > article p#amalka:hover { background-image: url(../../images/home/amalka_on.png) }
#home div[role="main4"] > article p#amalka a { bottom: 0; right: 0; }
#home div[role="main4"] > article p#krtek { position: absolute; left: 460px; top: 50px; width: 410px; height: 265px; background: transparent url(../../images/home/krtek.png) no-repeat 0 0; }
#home div[role="main4"] > article p#krtek:hover { background-image: url(../../images/home/krtek_on.png) }
#home div[role="main4"] > article p#krtek a { bottom: 25px; right: 40px; }

#home div[role="main4"] > article p#EcLink { position: absolute; left: 500px; top: 350px; width: 400px; height: 160px;}

.msie7 #home div[role="main4"] > article ul { padding-top: 65px; }
.msie7 #home div[role="main4"] > article li:nth-child(1) { margin-bottom: 60px; }
.msie7 #home div[role="main4"] > article li:nth-child(3) { margin-bottom: -100px; }
.msie7 #home div[role="main4"] > article li:nth-child(5) { margin-bottom: -100px; }




.character#index div[role="main4"] { min-height: 454px; background: transparent url(../../images/character/main_bg4.png) no-repeat center top; }
.character#index div[role="main4"] article h1 { text-align: center; line-height: 2.65; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.character#index div[role="main4"] > article { width: 892px; min-height: 455px; margin: 0px 0px 0px 28px; }
.character#index div[role="main4"] > article > h1 { display: block; width: 512px; height: 67px; margin: 15px auto 0; font-size: 1.8em; background: transparent url(../../images/character/title_bg.png) no-repeat center top; display:none;}
.character#index div[role="main4"] article > article { float: left; position: relative; width: 415px; min-height: 400px; margin: 15px 0 0 20px; }
.character#index div[role="main4"] article > article h1 { position: absolute; top: 280px; width: 415px; text-align: center; z-index: 100 !important;}
.character#index div[role="main4"] article > article figure { width: 323px; height: 237px; margin: 0; padding: 35px 40px; text-align: center; }
.character#index div[role="main4"] article > article figure::after { content: url(../../images/character/frame.png); position: absolute; top: 0; left: 12px; width: 392px; height: 299px; z-index: 100 !important; }
.character#index div[role="main4"] article > article figure ul { list-style: none; z-index: 50 !important; }
.character#index div[role="main4"] article > article figure ul#krtek_gallery::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 13px; right: 3px; width: 137px; height: 13px; z-index: 100 !important; }
.character#index div[role="main4"] article > article figure ul#amalka_gallery::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 12px; right: 3px; width: 260px; height: 14px; z-index: 100 !important; }

.character#index div[role="main4"] article > article a + p { width: 365px; height: 80px; margin-top: 0; padding: 35px 25px 25px; font-size: 1.15em; line-height: 1.5; font-weight: bold; color: #FFF; text-align: center; }
.character#index div[role="main4"] article > article a > p { position: absolute; display: none; text-align: right; opacity: 0; overflow: none; z-index: 500; }
.character#index div[role="main4"] article > h1 + article a > p { right: 20px; margin-top: 50px; }
.character#index div[role="main4"] article > article + article a > p { left: 20px; margin-top: 40px; }
.character#index div[role="main4"] article > article a:hover > p,
.character#index div[role="main4"] article > article a > p:hover { display: block; opacity: 1; }
.character#index div[role="main4"] article > article a:hover > p + figure img,
.character#index div[role="main4"] article > article a > p:hover + figure img { opacity: 0; }
.character#index div[role="main4"] article > h1 + article a:hover > p + figure,
.character#index div[role="main4"] article > h1 + article a > p:hover + figure { background: transparent url(../../images/character/click_ludekvimr_picture.jpg) no-repeat 20px 20px; }
.character#index div[role="main4"] article > article + article a:hover > p + figure,
.character#index div[role="main4"] article > article + article a > p:hover + figure { background: transparent url(../../images/character/click_maxipesfik_picture.jpg) no-repeat 40px 20px; }
.character#index div[role="main4"] article > article figure img { -webkit-transition-property: all; -webkit-transition: .3s ease-in; -moz-transition-property: all; -moz-transition: .3s ease-in; -ms-transition-property: all; -ms-transition: .3s ease-in; -o-transition-property: all; -o-transition: .3s ease-in; transition-property: all; transition: .3s ease-in; }
.character#index div[role="main4"] article > h1 + article figure,
.character#index div[role="main4"] article > h1 + article a > p { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); }
.character#index div[role="main4"] article > h1 + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_krtek.png) no-repeat 0 0; }
.character#index div[role="main4"] article > article + article figure,
.character#index div[role="main4"] article > article + article figure + p { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }
.character#index div[role="main4"] article > article + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_amalka.png) no-repeat 0 0; }

.character:not(#index) div[role="main4"] { min-height: 588px; background: transparent url(../../images/character/character_bg.png) no-repeat center top; }
.character:not(#index) div[role="main4"] > figure { position: absolute !important; top: 0 !important; left: 20px !important; height: 580px; width: 354px; text-align: center; background-position: left bottom !important; }
.character:not(#index) div[role="main4"] article { float: none; margin-left: 380px; padding-top: 32px; }
.character:not(#index) div[role="main4"] article h1 { position: relative; width: 540px; height: 49px; font-size: 26px; line-height: 1.9; text-indent: 0.5em; color: #FFF; background: transparent url(../../images/character/subtitle_bg.png) no-repeat 0 0; }
.character:not(#index) div[role="main4"] article h1 span { position: absolute; right: 4em; top: 1.5em; font-size: 0.4em;color: #301C00; }
.character:not(#index) div[role="main4"] article h2 { margin: 1em 0 0.5em 0.5em; font-size: 1.2em; line-height: 2.1em; color: #C33D08; }
.character:not(#index) div[role="main4"] article p { margin: 0 0 0.8em 0.5em; line-height: 1.75em; font-size: 0.9em; }
.character:not(#index) div[role="main4"] nav { float: none; position: absolute; bottom: 0; right: 45px; }
.character:not(#index) div[role="main4"] nav li { float: left; height: 52px; }
.character:not(#index) div[role="main4"] nav li:first-child { width: 185px; background: transparent url(../../images/character/link_btn.png) no-repeat 0 0; }
.character:not(#index) div[role="main4"] nav li:last-child { width: 215px; background: transparent url(../../images/character/link_btn_top.png) no-repeat 0 0; }
.character:not(#index) div[role="main4"] nav li:first-child:hover { width: 185px; background: transparent url(../../images/character/link_btn_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main4"] nav li:last-child:hover { width: 215px; background: transparent url(../../images/character/link_btn_top_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main4"] nav li a { display: block; width: 100%; height: 100%; font-size: 1em; font-weight: bold; line-height: 3.5em; text-indent: 1em; color: #FFF !important; text-decoration: none; }
.character:not(#index) div[role="main4"] nav ul::after { content: ""; clear: both; display: block; height: 0; }

.character:not(#index) > div.addbg { position: absolute; width: 100%; height: 100%; margin: 0 auto; background: transparent url(../../images/character/addbg1.png) no-repeat right top; z-index: -1; }
.character#bobabobek > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg2.png) no-repeat left bottom; z-index: -1; }
.character#bobabobek div[role="main4"] > figure { background: transparent url(../../images/character/krtek_illust_bg1.png) no-repeat left bottom; }
.character#bobabobek div[role="main4"] > figure::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 15px; left: 15px; width: 137px; height: 13px; z-index: 100 !important; }
.character#bobabobek div[role="main4"] > figure img { margin-top: 20px; }
.character#bobabobek div[role="main4"] article::after { content: url(../../images/character/krtek_illust2.png); position: absolute; display: block; top: 17em; right: -10px; width: 147px; height: 145px; }

.character#amalka > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#amalka div[role="main4"] > figure { background: transparent url(../../images/character/amalka_illust_bg1.png) no-repeat left bottom; }
.character#amalka div[role="main4"] > figure::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#amalka div[role="main4"] article::after { content: url(../../images/character/amalka_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#amalka div[role="main4"] > figure img { margin-top: 10px; }
/* -------------main 4 end ------------------*/

/* -----------------main 5 ---------------------*/

div[role="main5"] { position: relative; width: 950px; min-height: 300px; margin: 0px auto 65px; padding: 0px 15px 15px; }
div[role="main5"] > article { float: left; }

.twocolumn div[role="main5"] { width: 955px; }
.twocolumn div[role="main5"] > nav#lnavi { float: left; position: relative; width: 283px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.twocolumn div[role="main5"] > article { width: 671px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


#home header { min-height: 70px; padding-top: 60px; background-image: url(../../images/home/header_bg.png); }
#home div[role="main5"] { min-height: 555px; padding-bottom: 0; background: transparent url(../../images/home/main_bg.png) no-repeat 0 0; background-size: contain; }
#home div[role="main5"] > article { position: relative; width: 100%; min-height: 550px;  margin: 20px auto; background: transparent url(../../images/home/main_bg_obj.png) no-repeat 80px 20px; }
#home div[role="main5"] > article h1 { position: absolute; left: 25px; top: 5px;}
#home div[role="main5"] > article ul { width: 96%; margin: 65px auto 0; list-style: none; }
#home div[role="main5"] > article li { position: relative; list-style: none; }
#home div[role="main5"] > article li:nth-child(1),
#home div[role="main5"] > article li:nth-child(4) { text-align: center; }
#home div[role="main5"] > article li:nth-child(3),
#home div[role="main5"] > article li:nth-child(6) { text-align: right; }
#home div[role="main5"] > article li:nth-child(1) { margin-bottom: 100px; }
#home div[role="main5"] > article li:nth-child(3) { margin: -25px 0; }
#home div[role="main5"] > article li:nth-child(4) { padding-left: 280px; }
#home div[role="main5"] > article li:nth-child(5) { margin: -70px 0; padding-left: 10px; }
#home div[role="main5"] > article li:nth-child(6) { padding-right: 100px; }
#home div[role="main5"] > article li figure { display: block; position: relative; z-index: 100 !important; }
#home div[role="main5"] > article li::before,
#home div[role="main5"] > article li:after { position: absolute;  z-index: 1 !important; }
#home div[role="main5"] > article li:nth-child(1)::before { content: url(../../images/home/pinwheel_1.png); left: 50%; top: -20px; }
#home div[role="main5"] > article li:nth-child(2)::before { content: url(../../images/home/pinwheel_2.png); left: -30px; top: -30px; }
#home div[role="main5"] > article li:nth-child(2)::after { content: url(../../images/home/pinwheel_2b.png); right: -5px; top: -40px; }
#home div[role="main5"] > article li:nth-child(3)::before { content: url(../../images/home/pinwheel_3.png); right: 60px; top: 40px; }
#home div[role="main5"] > article li:nth-child(4)::before { content: url(../../images/home/pinwheel_4.png); left: 65%; top: -10px; }
#home div[role="main5"] > article li:nth-child(5)::before { content: url(../../images/home/pinwheel_5.png); left: 120px;  }
#home div[role="main5"] > article li:nth-child(6)::before { content: url(../../images/home/pinwheel_6.png); right: 70px; top: 0; }

#home div[role="main5"] > article p {z-index: 101 !important; }
#home div[role="main5"] > article p a { display: block; position: absolute; height: 71px; }
#home div[role="main5"] > article p#amalka { position: absolute; left: 200px; top: 180px; width: 270px; height: 330px; background: transparent url(../../images/home/amalka.png) no-repeat top center; }
#home div[role="main5"] > article p#amalka:hover { background-image: url(../../images/home/amalka_on.png) }
#home div[role="main5"] > article p#amalka a { bottom: 0; right: 0; }
#home div[role="main5"] > article p#krtek { position: absolute; left: 460px; top: 50px; width: 410px; height: 265px; background: transparent url(../../images/home/krtek.png) no-repeat 0 0; }
#home div[role="main5"] > article p#krtek:hover { background-image: url(../../images/home/krtek_on.png) }
#home div[role="main5"] > article p#krtek a { bottom: 25px; right: 40px; }

#home div[role="main5"] > article p#EcLink { position: absolute; left: 500px; top: 350px; width: 400px; height: 160px;}

.msie7 #home div[role="main5"] > article ul { padding-top: 65px; }
.msie7 #home div[role="main5"] > article li:nth-child(1) { margin-bottom: 60px; }
.msie7 #home div[role="main5"] > article li:nth-child(3) { margin-bottom: -100px; }
.msie7 #home div[role="main5"] > article li:nth-child(5) { margin-bottom: -100px; }




.character#index div[role="main5"] { min-height: 503px; background: transparent url(../../images/character/main_bg5.png) no-repeat center top; margin-bottom:100px;}
.character#index div[role="main5"] article h1 { text-align: center; line-height: 2.65; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.character#index div[role="main5"] > article { width: 892px; min-height: 517px; margin: 0px 0px 0px 28px; }
.character#index div[role="main5"] > article > h1 { display: block; width: 512px; height: 67px; margin: 15px auto 0; font-size: 1.8em; background: transparent url(../../images/character/title_bg.png) no-repeat center top; display:none;}
.character#index div[role="main5"] article > article { float: left; position: relative; width: 415px; min-height: 400px; margin: 15px 0 0 20px; }
.character#index div[role="main5"] article > article h1 { position: absolute; top: 280px; width: 415px; text-align: center; z-index: 100 !important;}
.character#index div[role="main5"] article > article figure { width: 323px; height: 237px; margin: 0; padding: 35px 40px; text-align: center; }
.character#index div[role="main5"] article > article figure::after { content: url(../../images/character/frame.png); position: absolute; top: 0; left: 12px; width: 392px; height: 299px; z-index: 100 !important; }
.character#index div[role="main5"] article > article figure ul { list-style: none; z-index: 50 !important; }
.character#index div[role="main5"] article > article figure ul#krtek_gallery::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 13px; right: 3px; width: 137px; height: 13px; z-index: 100 !important; }
.character#index div[role="main5"] article > article figure ul#amalka_gallery::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 12px; right: 3px; width: 260px; height: 14px; z-index: 100 !important; }

.character#index div[role="main5"] article > article a + p { width: 365px; height: 80px; margin-top: 0; padding: 35px 25px 25px; font-size: 1.15em; line-height: 1.5; font-weight: bold; color: #FFF; text-align: center; }
.character#index div[role="main5"] article > article a > p { position: absolute; display: none; text-align: right; opacity: 0; overflow: none; z-index: 500; }
.character#index div[role="main5"] article > h1 + article a > p { right: 20px; margin-top: 50px; }
.character#index div[role="main5"] article > article + article a > p { left: 20px; margin-top: 40px; }
.character#index div[role="main5"] article > article a:hover > p,
.character#index div[role="main5"] article > article a > p:hover { display: block; opacity: 1; }
.character#index div[role="main5"] article > article a:hover > p + figure img,
.character#index div[role="main5"] article > article a > p:hover + figure img { opacity: 0; }
.character#index div[role="main5"] article > h1 + article a:hover > p + figure,
.character#index div[role="main5"] article > h1 + article a > p:hover + figure { background: transparent url(../../images/character/click_bobabobek_picture.jpg) no-repeat 20px 20px; }
.character#index div[role="main5"] article > article + article a:hover > p + figure,
.character#index div[role="main5"] article > article + article a > p:hover + figure { background: transparent url(../../images/character/click_amalka_bg.png) no-repeat 40px 20px; }
.character#index div[role="main5"] article > article figure img { -webkit-transition-property: all; -webkit-transition: .3s ease-in; -moz-transition-property: all; -moz-transition: .3s ease-in; -ms-transition-property: all; -ms-transition: .3s ease-in; -o-transition-property: all; -o-transition: .3s ease-in; transition-property: all; transition: .3s ease-in; }
.character#index div[role="main5"] article > h1 + article figure,
.character#index div[role="main5"] article > h1 + article a > p { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); }
.character#index div[role="main5"] article > h1 + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_krtek.png) no-repeat 0 0; }
.character#index div[role="main5"] article > article + article figure,
.character#index div[role="main5"] article > article + article figure + p { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }
.character#index div[role="main5"] article > article + article a + p { margin-top: -6px; background: transparent url(../../images/character/text_bg_amalka.png) no-repeat 0 0; }

.character:not(#index) div[role="main5"] { min-height: 588px; background: transparent url(../../images/character/character_bg.png) no-repeat center top; }
.character:not(#index) div[role="main5"] > figure { position: absolute !important; top: 0 !important; left: 20px !important; height: 580px; width: 354px; text-align: center; background-position: left bottom !important; }
.character:not(#index) div[role="main5"] article { float: none; margin-left: 380px; padding-top: 32px; }
.character:not(#index) div[role="main5"] article h1 { position: relative; width: 540px; height: 49px; font-size: 26px; line-height: 1.9; text-indent: 0.5em; color: #FFF; background: transparent url(../../images/character/subtitle_bg.png) no-repeat 0 0; }
.character:not(#index) div[role="main5"] article h1 span { position: absolute; right: 4em; top: 1.5em; font-size: 0.4em;color: #301C00; }
.character:not(#index) div[role="main5"] article h2 { margin: 1em 0 0.5em 0.5em; font-size: 1.2em; line-height: 2.1em; color: #C33D08; }
.character:not(#index) div[role="main5"] article p { margin: 0 0 0.8em 0.5em; line-height: 1.75em; font-size: 0.9em; }
.character:not(#index) div[role="main5"] nav { float: none; position: absolute; bottom: 0; right: 45px; }
.character:not(#index) div[role="main5"] nav li { float: left; height: 52px; }
.character:not(#index) div[role="main5"] nav li:first-child { width: 185px; background: transparent url(../../images/character/link_btn.png) no-repeat 0 0; }
.character:not(#index) div[role="main5"] nav li:last-child { width: 215px; background: transparent url(../../images/character/link_btn_top.png) no-repeat 0 0; }
.character:not(#index) div[role="main5"] nav li:first-child:hover { width: 185px; background: transparent url(../../images/character/link_btn_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main5"] nav li:last-child:hover { width: 215px; background: transparent url(../../images/character/link_btn_top_on.png) no-repeat 0 0; }
.character:not(#index) div[role="main5"] nav li a { display: block; width: 100%; height: 100%; font-size: 1em; font-weight: bold; line-height: 3.5em; text-indent: 1em; color: #FFF !important; text-decoration: none; }
.character:not(#index) div[role="main5"] nav ul::after { content: ""; clear: both; display: block; height: 0; }

.character:not(#index) > div.addbg { position: absolute; width: 100%; height: 100%; margin: 0 auto; background: transparent url(../../images/character/addbg1.png) no-repeat right top; z-index: -1; }
.character#krtek > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg2.png) no-repeat left bottom; z-index: -1; }
.character#krtek div[role="main5"] > figure { background: transparent url(../../images/character/krtek_illust_bg1.png) no-repeat left bottom; }
.character#krtek div[role="main5"] > figure::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 15px; left: 15px; width: 137px; height: 13px; z-index: 100 !important; }
.character#krtek div[role="main5"] > figure img { margin-top: 20px; }
.character#krtek div[role="main5"] article::after { content: url(../../images/character/krtek_illust2.png); position: absolute; display: block; top: 17em; right: -10px; width: 147px; height: 145px; }

.character#amalka > div.addbg + div.addbg  { background: transparent url(../../images/character/addbg3.png) no-repeat left bottom; z-index: -1; }
.character#amalka div[role="main5"] > figure { background: transparent url(../../images/character/amalka_illust_bg1.png) no-repeat left bottom; }
.character#amalka div[role="main5"] > figure::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 15px; right: 48px; width: 260px; height: 14px; z-index: 100 !important; }
.character#amalka div[role="main5"] article::after { content: url(../../images/character/amalka_illust2.png); position: absolute; display: block; top: 16em; right: -10px; width: 179px; height: 171px; }
.character#amalka div[role="main5"] > figure img { margin-top: 10px; }
/* -------------main 5 end ------------------*/



.msie .character#index div[role="main"] article > article a { outline: none; }
.msie7 .character#index div[role="main"] article > article > h1 { z-index: 110 !important }
.msie7 .character#index div[role="main"] article > article figure ul { height: 240px; overflow-y: hidden; }
.msie7 .character#index div[role="main"] article > article a p { cursor: pointer; }
.msie8 .character#index div[role="main"] article > article a { display: block; position: relative; width: 417px; height: 307px; }
.msie8 .character#index div[role="main"] article > article a figure { display: block; position: absolute; }
.msie8 .character#index div[role="main"] article > article figure ul li img { }
.msie8 .character#index div[role="main"] article > article figure::after { content: url(../../images/character/ie_frame.png); position: absolute; top: 0; left: 2px; width: 400px; height: 305px; }

.msie7 .character#index div[role="main"] article > article figure ul#krtek_gallery::before,
.msie8 .character#index div[role="main"] article > article figure ul#krtek_gallery::before,
.msie7 .character#index div[role="main"] article > article figure ul#amalka_gallery::before,
.msie8 .character#index div[role="main"] article > article figure ul#amalka_gallery::before { content: ''; display: none; }
 
.msie7 .character#index div[role="main"] article > h1 + article h1::before,
.msie8 .character#index div[role="main"] article > h1 + article h1::before { content: url(../../images/character/copyright_krtek.png); display: block; position: absolute; bottom: 88px; right: 58px; width: 137px; height: 13px; z-index: 500 !important; }
.msie7 .character#index div[role="main"] article > article + article h1::before,
.msie8 .character#index div[role="main"] article > article + article h1::before { content: url(../../images/character/copyright_amalka.png); display: block; position: absolute; bottom: 84px; right: 56px; width: 260px; height: 14px; z-index: 100 !important; }


/* @end */


/* @group Writer  */

.artist div[role="main"] > nav#lnavi { min-height: 1083px; padding: 15px 18px 0 15px; background: transparent url(../../images/artist/menu_bg.png) no-repeat 0 0; }
/*
.artist div[role="main"] > nav#lnavi { min-height: 580px; padding: 15px 18px 0 15px; background: transparent url(../../images/artist/menu_bg.png) no-repeat 0 0; }
*/
.artist div[role="main"] > nav#lnavi h1 { height: 30px; text-align: right; color: #65524F; line-height: 2.6em; border-bottom: 5px solid #675451; overflow-y: none; background: transparent url(../../images/artist/lnavi_title.png) no-repeat left center; }
.artist div[role="main"] > nav#lnavi li { padding: 4px 0 4px 4px; border-bottom: 2px solid #675451; }
.artist div[role="main"] > nav#lnavi li:last-child { border-bottom-width: 5px; }
.artist div[role="main"] > nav#lnavi li img { display: inline-block; border: 2px solid #665350; vertical-align: top; }
.artist div[role="main"] > nav#lnavi li span,
.artist div[role="main"] > nav#lnavi li a { display: inline-block; width: 200px; max-height: 40px; margin: 0 0 0 5px; padding: 1.05em 0.8em; font-weight: bold; font-size: 0.9em; vertical-align: top; text-decoration: none; border-radius: 10px; -pie-border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.artist div[role="main"] > nav#lnavi li a:hover { background: #E24642; color: #FFF !important; }
.artist div[role="main"] > nav#lnavi li span { background: #2BB3D5; color: #FFF !important; }

.artist div[role="main"] > article { min-height: auto; padding: 12px 12px 24px; background: url(../../images/artist/main_bg_top.png) no-repeat center top, url(../../images/artist/main_bg_bottom.png) no-repeat center bottom, url(../../images/artist/main_bg.png) repeat-y; }
.artist div[role="main"] > article > h1 { display: block; position: relative; width: 644px; height: 58px; margin: 0 auto; font-size: 2.2em; line-height: 2.0; font-weight: normal; text-indent: 0.8em; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); background: transparent url(../../images/artist/title_bg.png) no-repeat center top; }
.artist div[role="main"] > article > h1 span { display: inline-block; position: absolute; right: 1em; top: 0; margin-top: 0.6em; font-size: 60%; }
.artist div[role="main"] > article > h1 + p { margin-top: 10px; }
.artist div[role="main"] > article > h1::before,
.artist div[role="main"] > article > h1::after,
.artist div[role="main"] > nav#lnavi::after { content: url(../../images/artist/tape.png); position: absolute; top: 0; width: 63px; height: 33px; z-index: 50 !important; }
.artist div[role="main"] > article > h1::before { left: -55px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.artist div[role="main"] > article > h1::after { right: -3px; top: -40px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.artist div[role="main"] > nav#lnavi::after { left: 40%; top: -15px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); }

.artist div[role="main"] > article > section { position: relative; margin-top: 10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.artist div[role="main"] > article > section > div,
.artist div[role="main"] > article > section > section { position: relative; min-height: 1em; }
.artist div[role="main"] > article > section  h1 { display: block; width: 318px; height: 45px; margin: 0 0 0.5em; font-size: 1.1em; line-height: 3.0; font-weight: normal; text-align: center; background: transparent url(../../images/artist/subtitle_bg.png) no-repeat center top; }
.artist div[role="main"] > article > section > div h1,
.artist div[role="main"] > article > section > section h1 { position: absolute; }
.artist div[role="main"] > article > section > div h1 + p,
.artist div[role="main"] > article > section > section h1 + p,
.artist div[role="main"] > article > section > section figure +p { margin-top: 50px; }
.artist div[role="main"] > article > section > div p,
.artist div[role="main"] > article > section > section p { float: right; width: 318px; font-size: 0.85em; line-height: 1.6; }
.artist div[role="main"] > article > section > div p:last-of-type,
.artist div[role="main"] > article > section > section p:last-of-type { margin-bottom: 0.5em; }
.artist div[role="main"] > article > section > div img,
.artist div[role="main"] > article > section > section img,
.artist div[role="main"] > article > section > section figure { float: right; display: block; width: 318px; padding-bottom: 0.5em; }
.artist div[role="main"] > article > section > div:nth-child(odd) h1,
.artist div[role="main"] > article > section > section:nth-child(odd) h1 { right: 1px; }
.artist div[role="main"] > article > section > div:nth-child(odd) img,
.artist div[role="main"] > article > section > section:nth-child(odd) img { padding-right: 0.5em; }
.artist div[role="main"] > article > section > div:nth-child(even) h1,
.artist div[role="main"] > article > section > section:nth-child(even) h1 { left: 0; }
.artist div[role="main"] > article > section > div:nth-child(even) img,
.artist div[role="main"] > article > section > section:nth-child(even) img { float: right; padding-left: 0.5em; }

.artist#index div[role="main"] > article > section > h1 { float: left; right: auto; left: 0; }
.artist#index div[role="main"] > article > section { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 0.5em; -moz-column-gap: 0.5em; -ms-column-gap: 0.5em; -o-column-gap: 0.5em; column-gap: 0.5em; -webkit-column-fill: balance; -moz-column-fill: balance; -ms-column-fill: balance; -o-column-fill: balance; column-fill: balance; }
.artist#index div[role="main"] > article > section > div.column { position: relative; }
.artist#index div[role="main"] > article > section > div.column.first { border-left: 10px solid transparent; }
.artist#index div[role="main"] > article > section > div.column.last { border-left: 15px solid transparent; }
.artist#index div[role="main"] > article > section > p { line-height: 1.4; }

.artist#jiri-barta div[role="main"] > article > section section:first-child h1,
.artist#bretislav-pojar div[role="main"] > article > section h1,
.artist#jiri-trnka div[role="main"] > article > section h1,
.artist#hermina-tyrlova div[role="main"] > article > section h1{ line-height: 1.1; padding-top: 0.5em; margin-bottom: 0; }
.artist#michaela-pavlatova div[role="main"] > article > section h1{ line-height: 1.1; padding-top: 0.5em; margin-bottom: 0; }
.artist#vladimir-jiranek div[role="main"] > article > section h1{ line-height: 1.1; padding-top: 0.5em; margin-bottom: 0; }
.artist#jiri-salamoun div[role="main"] > article > section h1{ line-height: 1.1; padding-top: 0.5em; margin-bottom: 0; }
.artist#adolf-born div[role="main"] > article > section h1{ line-height: 1.1; padding-top: 0.5em; margin-bottom: 0; }
.artist#miroslav-stepanek div[role="main"] > article > section h1{ line-height: 1.1; padding-top: 0.5em; margin-bottom: 0; }
.artist#petr-pos div[role="main"] > article > section h1{ line-height: 1.1; padding-top: 0.5em; margin-bottom: 0; }
.artist#eva-svankmajerova div[role="main"] > article > section h1{ line-height: 1.1; padding-top: 0.5em; margin-bottom: 0; }
.artist#jan-svankmajer div[role="main"] > article > section h1 { height:85px; font-size: 1.0em; line-height: 1.25; padding-top: 0.7em; margin-bottom: 0; background-image: url(../../images/artist/jan-svankmajer/subtitle_large_bg.png); }
.artist#jan-svankmajer div[role="main"] > article > section h1 + p { margin-top: 90px; }

.artist#other-writers div[role="main"] > article { padding: 12px 10px 24px;; }
.artist#other-writers div[role="main"] > article > section { min-height: 1em; margin: 6px 0 12px; }
.artist#other-writers div[role="main"] > article > section > * { float: right; display: block; width: 318px; margin-right: 6px; font-size: 0.85em; line-height: 1.6; }
.artist#other-writers div[role="main"] > article > section img { padding: 0 !important; }
.artist#other-writers div[role="main"] > article > section h1 + img,
.artist#other-writers div[role="main"] > article > section hgroup + img { float: left; }
.artist#other-writers div[role="main"] > article > section hgroup { position: relative; width: 318px; height: 85px; background: transparent url(../../images/artist/other-artists/subtitle-top_bg.png) no-repeat 0 0; }
.artist#other-writers div[role="main"] > article > section hgroup h1 { position: absolute; bottom: 0; margin: 0 0 0.5em; font-size: 1.3em; line-height: 3.0; }
.artist#other-writers div[role="main"] > article > section hgroup h2 { display: block; width: 318px; height: 40px; font-size: 0.9em; line-height: 1.25; padding-top: 0.5em; font-weight: bold; text-align: center; color: #FFF; }
.artist#other-writers div[role="main"] > article > section:first-of-type hgroup { height: 72px; }
.artist#other-writers div[role="main"] > article > section > h1 { font-size: 1.1em; line-height: 3.0; }
.artist#other-writers div[role="main"] > article > section + section { padding-top: 10px !important; }
.artist#other-writers div[role="main"] > article > section + section::before { content: url(../../images/artist/other-artists/line.png); display: block; position: absolute; top: -10px; right: 5px; width: 644px; height: 5px; }

.artist div[role="main"] > article > section > div::after,
.artist div[role="main"] > article > section > section::after,
.artist#other-writers div[role="main"] > article > section::after { content: ""; clear: both; display: block; height: 0; }

.msie7 .artist div[role="main"] > nav#lnavi { width: 242px; }
.msie7 .artist div[role="main"] > nav#lnavi li span,
.msie7 .artist div[role="main"] > nav#lnavi li a { width: 170px !important; }
.msie7 .artist div[role="main"] > article,
.msie8 .artist div[role="main"] > article { padding-bottom: 30px; }
.msie7 .artist div[role="main"] > article > section > div,
.msie7 .artist div[role="main"] > article > section > section { min-height: 1em; border: 1px solid transparent; border-right-width: 13px; }
.msie7 .artist div[role="main"] > article > section  h1,
.msie8 .artist div[role="main"] > article > section  h1 { line-height: 2.8; }
.msie7 .artist#index div[role="main"] > article > h1 + p { margin-left: 13px; }
.msie9 .artist#index div[role="main"] > article > section h1,
.msie8 .artist#index div[role="main"] > article > section h1,
.msie7 .artist#index div[role="main"] > article > section h1 { padding-right: 13px !important; }
.msie8 .artist#index div[role="main"] > article > section div.first.column h1 { left: -10px; }
.msie7 .artist#index div[role="main"] > article > section div.column { border: 2px solid transparent; }
.msie7 .artist#index div[role="main"] > article > section div.first.column { border-left-width: 13px; border-right-width: 1px; }
.msie7 .artist div[role="main"] > article,
.msie8 .artist div[role="main"] > article { background: transparent url(../../images/artist/main_bg.png) repeat-y center center; }
.msie .artist div[role="main"] > article #js_iebgtop { position: absolute; width: 671px; height: 110px; right: 16px; top: 0; background: transparent url(../../images/artist/ie_main_bg_top.png) no-repeat 0 0; }
.msie .artist div[role="main"] > article #js_iebgbottom { position: absolute; width: 671px; height: 110px; right: 18px; bottom: 5px; background: transparent url(../../images/artist/ie_main_bg_bottom.png) no-repeat 0 0; }
.msie7 .artist div[role="main"] > article #js_iebgtop,
.msie7 .artist div[role="main"] > article #js_iebgbottom { right: 13px; }
.msie7 .artist div[role="main"] > article > h1::before,
.msie8 .artist div[role="main"] > article > h1::before{ content: url(../../images/artist/ie_tape_l.png); top: -20px; margin-left: 10px;}
.msie7 .artist div[role="main"] > article > h1::after,
.msie7 .artist div[role="main"] > nav#lnavi::after,
.msie8 .artist div[role="main"] > article > h1::after,
.msie8 .artist div[role="main"] > nav#lnavi::after { content: url(../../images/artist/ie_tape_r.png); }
.msie7 .artist div[role="main"] > article > h1::after,
.msie8 .artist div[role="main"] > article > h1::after { top: -20px; }
.msie7 .artist div[role="main"] > article > h1::before,
.msie7 .artist div[role="main"] > nav#lnavi::after { margin-left: 25px; }
.msie7 .artist div[role="main"] > article > h1::after { right: -25px; }
.msie7 .artist div[role="main"] > article > section > div:nth-child(even) h1 { margin-left: 10px; }
.msie7 .artist#josef-palecek div[role="main"] > article > section > section:nth-child(even) h1,
.msie7 .artist#josef-palecek div[role="main"] > article > section > section:nth-child(even) p,
.msie7 .artist#jiri-barta div[role="main"] > article > section > section:nth-child(even) h1,
.msie7 .artist#jiri-barta div[role="main"] > article > section > section:nth-child(even) p, { margin-left: 13px; }
.msie7 .artist#other-writers div[role="main"] > article > section > div { width: 46%; }

/* @end */


/* @group Introduction  */

.introduction div[role="main"] { background: transparent url(../../images/introduction/main_bg.png) no-repeat center top; }
.introduction div[role="main"] article h1 { text-align: center; line-height: 2.65; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.introduction div[role="main"] > article { width: 892px; min-height: 590px; margin: 16px 0 0 28px; }
.introduction div[role="main"] > article > h1 { display: block; width: 512px; height: 67px; margin: 20px auto 0; font-size: 1.8em; background: transparent url(../../images/introduction/title_bg.png) no-repeat center top; }
.introduction div[role="main"] article > article { float: left; width: 400px; min-height: 450px; margin: 15px 22px 0; }
.introduction div[role="main"] article > h1 + article { background: transparent url(../../images/introduction/books_1.png) no-repeat center bottom; }
.introduction div[role="main"] article > article + article { float: right; background: transparent url(../../images/introduction/books_3.png) no-repeat left bottom; }
.introduction div[role="main"] article > article h1 { width: 206px; height: 65px; margin: 0 auto 35px; font-size: 1.2em; font-weight: normal; line-height: 3.9em; background: transparent url(../../images/introduction/subtitle_bg.png) no-repeat center top; }
.introduction div[role="main"] article > article p { font-size: 0.8em; line-height: 1.5; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.introduction div[role="main"] article > article p a { color: #EB1206 !important; }
.introduction div[role="main"] article > article + article p { margin-left: 150px; }

.introduction div[role="main"] article::after { content: " "; clear: both; display: block; height: 0; }

/* @end */


/* @group Other  */

.other div[role="main"] { min-height: 500px; background: transparent url(../../images/other/main_bg.png) no-repeat center top; background-size: 100% 100%; margin-bottom:100px;}
.other div[role="main"] article h1 { line-height: 2.65; font-size: 1.8em; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.other div[role="main"] > article { width: 892px; min-height: 525px; margin: 20px 0 0 28px; }

.other:not(.info) div[role="main"] > article > article { margin-top: 2em; padding: 0 20px 1em; background: rgb(255,255,255); border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.other:not(.info) div[role="main"] > article > h1 { display: block; width: 512px; height: 67px; margin: -5px auto 0; text-align: center; background: transparent url(../../images/other/title_bg.png) no-repeat center top; }
.other:not(.info) div[role="main"] > article > article h1,
.other.info div[role="main"] article h1 { position: relative; display: block; top: -1em; left: -0.5em; padding: 1em 0.5em; color: #fff; font-size: 1.15em; line-height: 1 !important; text-align: center; background: transparent url(../../images/other/tape.png) no-repeat 0 0; background-size: 100% 100%; }
.other:not(.info) div[role="main"] > article > article h1,
.other.info div[role="main"] article h1 { -webkit-transform: rotate(-3.5deg); -moz-transform: rotate(-2.2deg); -ms-transform: rotate(-2.2deg); -o-transform: rotate(-2.2deg); transform: rotate(-3.5deg); }


.other.about div[role="main"] > article > article { position: relative; font-size: 0.85em; line-height: 1.6; }
.other.about div[role="main"] > article > article h1 { width: 10em !important; }
.other.about div[role="main"] h1 + article dl { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }

.other.about div[role="main"] h1 + article dl dt { clear: left; float: left; width: 8em; padding: 0.5em 0 0.5em 0.5em; font-weight: bold; border-top: 1px solid #b0bc5b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.other.about div[role="main"] h1 + article dl dt:first-child { border-top: none; }
.other.about div[role="main"] h1 + article dl dt::before { content: "\0025a0"; }
.other.about div[role="main"] h1 + article dl dd { padding: 0.55em 0.5em 0.5em 9em; border-top: 1px solid #b0bc5b; }
.other.about div[role="main"] h1 + article dl dd ul li { float: left; list-style-type: none; margin-left: 1.5em; }
.other.about div[role="main"] h1 + article dl dd ul li:first-child { margin-left: 0; }
.other.about div[role="main"] h1 + article dl dd:nth-of-type(4) ul li { margin-left: 0.7em; }
.other.about div[role="main"] h1 + article dl dd:nth-of-type(3) ul li::before,
.other.about div[role="main"] h1 + article dl dd:nth-of-type(9) ul li::before { content: "\0030fb"; }
.other.about div[role="main"] h1 + article dl dd:last-of-type p { float: left; }

.other.about div[role="main"] article + article h2 { font-size: 1.5em; color: #9c6b00; font-weight: bold; }
.other.about div[role="main"] article + article p { font-size: 1.0em; line-height: 1.8; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.other.about div[role="main"] article + article p strong { font-size: 1.15em; }
.other.about div[role="main"] article + article p strong::before { content: "\00201c"; font-size: 1.3em; }
.other.about div[role="main"] article + article p strong::after { content: "\00201d"; font-size: 1.3em; }
.other.about div[role="main"] article + article p#author { margin: -1.5em 0 0.5em; text-align: right; font-size: 1.2em;  color: #9c6b00; font-weight: bold; }
.other.about div[role="main"] article + article p#author time { margin-right: 1.5em; }

.other.info div[role="main"] { padding-top: 46px; }
.other.info div[role="main"] > div { float: left; width: 615px; min-height: 525px; margin-left: 28px; }
.other.info div[role="main"] > div > article + article { margin-top: 25px;  }
.other.info div[role="main"] > div + article { width: 280px; min-height: 510px; margin-left: 20px; }
.other.info div[role="main"] article { padding: 0 20px 1em; background: rgb(255,255,255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.other.info div[role="main"] article h1 { top: -1em; left: -0.5em; width: 12em !important; }

.other.info div[role="main"] #inquiry p { margin: 0 0 1em 0;}
.other.info div[role="main"] #inquiry p:last-child { margin: 0;}
.other.info div[role="main"] #inquiry p a {  padding-right: 1em; font-weight: bold; color: #ff0900 !important; }












.other.info div[role="main"] #privacy { font-size: 0.85em; line-height: 1.3; }
.other.info div[role="main"] #privacy h2 { margin-bottom: 0.2em; font-size: 1.2em; font-weight: normal; }
.other.info div[role="main"] #privacy ol li { list-style-position: outside; margin: 1em 0 0.2em 1.5em; }
.other.info div[role="main"] #privacy ol dl { font-size: 0.95em; }
.other.info div[role="main"] #privacy ol dd { margin: 0 0 0 -1.5em; }
.other.info div[role="main"] #privacy ol dl ul li { margin: 0.5em 0; list-style-type: none; }
.other.info div[role="main"] #privacy ol dl ul li p { line-height: 1.5em; font-size: 1em; }
.other.info div[role="main"] #privacy p { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.other.info div[role="main"] #privacy p.boldtext { font-weight: bold; font-size: 1.2em; margin: 1.5em 0 0.5em; clear: left; }

.other.info div[role="main"] #privacy div.pmark a { float: left; margin: 0 1.5em 2em; }
.other.info div[role="main"] #privacy div.pmark span { float: left; margin: 1em 0 0; line-height: 1.5em; }

.other.info div[role="main"] #privacy table { margin: 0.8em 0 1.5em; border-top: 1px #301C00 solid; border-left: 1px #301C00 solid; width: 100%; }
.other.info div[role="main"] #privacy table th { padding: 0.5em; border-bottom: 1px #301C00 solid; border-right: 1px #301C00 solid; }
.other.info div[role="main"] #privacy table td { padding: 0.5em; border-bottom: 1px #301C00 solid; border-right: 1px #301C00 solid; }

.other.info div[role="main"] #sitemap { width: 260px; margin-top: 0; }
.other.info div[role="main"] #sitemap h2 { font-weight: bold; }
.other.info div[role="main"] #sitemap h2::before { content: "\0025a0"; }
.other.info div[role="main"] #sitemap dt { margin: 1em 0 0.5em; }
.other.info div[role="main"] #sitemap dd ul li { margin-left: 3.5em; font-size: 0.95em; }
.other.info div[role="main"] #sitemap ul li { font-weight: bold; color: #ff0900 !important; line-height: 1.6; }
.other.info div[role="main"] #sitemap dl + ul { margin: 1em 0 0 2em; }

.other.event div[role="main"] > article > article h1 { width: 8em !important; margin-left: 1em; }
.other.event div[role="main"] > article > article ul { border-top: 1px solid #b0bc5b; }
.other.event div[role="main"] > article > article li { position: relative; min-height: 104px; list-style: none; padding: 10px 0 10px 130px; font-size: 1.16em; border-bottom: 1px solid #b0bc5b; }
.other.event div[role="main"] > article > article li time { display: block; width: 99%; margin: 0 0 0.5em -0.3em;padding: 0.3em; font-weight: bold; color: #fff; background: #c8bfa7; }
.other.event div[role="main"] > article > article li mark { display: block; margin-top: 0.5em; padding-top: 0.5em; font-style: normal; font-weight: normal; border-top: 2px dashed #dbdbdb; background: none; }
.other.event div[role="main"] > article > article li p { line-height: 1.3; }
.other.event div[role="main"] > article > article li a { color: #ff3f3f !important; }
.other.event div[role="main"] > article > article li figure { position: absolute; left: 10px; width: 104px; height: 104px; }
.other.event div[role="main"] > article > article li figure img { width: 100%; height: 100%; border-radius: 7px; }
.other.event div[role="main"] > article > article p.notice { margin-top: 1em; text-align: right; font-size: 0.8em; }

.other.info div[role="main"]::after,
.other.event div[role="main"] article::after,
.other.about div[role="main"] article::after,
.other.about div[role="main"] article dl dd::after { content: " "; clear: both; display: block; height: 0; }

.msie7 .other.about div[role="main"] article + article p strong::before,
.msie7 .other.about div[role="main"] article + article p strong::after,
.msie7 .other.about div[role="main"] h1 + article dl dd:nth-of-type(3) ul li::before,
.msie7 .other.about div[role="main"] h1 + article dl dd:nth-of-type(9) ul li::before,
.msie7 .other.about div[role="main"] h1 + article dl dt::before,
.msie7 .other.info div[role="main"] #sitemap h2::before { content: ""; }

.msie7 .other.about div[role="main"] h1 + article dl dd:nth-of-type(9) li,
.msie7 .other.about div[role="main"] h1 + article dl dd:last-child li { float: none; display: inline; }


/* edited at 20130718 12:00 [start] ----- */

#news { min-height: 311px; background: transparent url(../../images/main_news_bg.png) no-repeat center top; background-size: 100% 100%; }

#news div.rssbody {
	margin: 0;
	padding: 0;
}

#news ul {
	padding-top:80px;
	padding-left:56px;
	list-style:none;
	font-size:11px!important;
	visibility: hidden;
}

#news li.rssRow {
	width: 94%;
	padding: 5px 0;
	margin: 0;
	line-height:1.6em;
	padding-top:5px;
	padding-bottom:7px;
	border-bottom: 1px solid #CACACA;
}

#news li.even {
//	background: url(../common/images/dot_ccc.gif) left bottom repeat-x;
	background-color: #FEF8F9;
}

#news li.odd {
//	background: url(../common/images/dot_ccc.gif) left bottom repeat-x;
	background-color: inherit;
}

#news li div.pubDate {
	float:left;
	width:106px;
	color:#CC578C;
	padding-left:10px;
}

#news li div.title {}
#news li div.title a {}

/* edited at 20130718 12:00 [end] ----- */










/* @end */

#ftbox{}
#facebook{margin:10px 0 100px 27px;width:500px;float:left;background-color:#FFFFFF!important;}
#twitter{margin:10px 27px 100px 0;width:350px;float:right;}


/** 影を隠す **/
.face_book_plgin_shadow_hidden {
    background: none repeat scroll 0 0 #FCFBF9; /** 背景色に合わせる 合わない場合はheight: 0でもおk **/
    height: 1px;
}
/** FBページを出さないようにしてデザイン **/
.face_book_plgin_proposal_1 {
  background-color: #FCFBF9 !important;
    border-color: #3C599B #ABABAB #ABABAB #1B387A;
    border-radius: 40px 5px 40px 5px;
    border-style: solid;
    border-width: 10px 1px 1px 10px;
    float: left;
    margin: 0 0 41.6px;
    overflow: hidden !important;
    position: relative;
    width: 100% !important;
    word-wrap: break-word;
    word-break: break-all;
}
/** borderを隠す(トップ) **/
.face_book_plgin_border_top {
    background: none repeat scroll 0 0 #FCFBF9; /** 合わせる **/
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1032px;
}
/** borderを隠す(ライト) **/
.face_book_plgin_border_right {
    background: none repeat scroll 0 0 #FCFBF9; /** 合わせる **/
    bottom: 0;
    height: 300px;
    position: absolute;
    right: 0;
    width: 6px;
}
/** borderを隠す(ボトム) **/
.face_book_plgin_border_bottom {
    background: none repeat scroll 0 0 #FCFBF9; /** 合わせる **/
    bottom: 0;
    height: 6px;
    left: 0;
    position: absolute;
    width: 1032px;
}
/** borderを隠す(レフト) **/
.face_book_plgin_border_left {
    background: none repeat scroll 0 0 #FCFBF9; /** 合わせる **/
    bottom: 0;
    height: 300px;
    left: 0;
    position: absolute;
    width: 6px;
}