/*
-----------------------------------------------
Copyrighit Anime Virtual 2008 All Righits Reserved.
----------------------------------------------- 
*/

/* body */

body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	text-align:center;
	margin: 0px;
	padding:0px;
	background-color: #16acc7;
	background-image: url(../../images/bg01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size:13px;
	line-height:150%;
	}
	
/* fonts */
	
p{
	text-align:left;
	}

h1 {
	font-size:28px;
	font-weight:bold;
	line-height: 100%;
	margin-bottom:0px;
	text-align:center;
}

h2 {
	font-size:13px;
	font-weight:bold;
	line-height: 150%;
	margin-bottom:0px;
}

#caption{
	width: 680px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}


.caption{
	margin:auto;
	padding:0px;
	height: 68px;
	width: 600px;
}

.caption2{
	margin:0px 0px 20px -20px;
}

/* images */
	
image {
	padding: 10px;
	}
	
img{ 
	border:0px;
	vertical-align:middle;
}

.btn{
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	padding:0px 0px 1px 0px;
}

.img{
	clear:both;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 10px 0px;
}

.naka_soroe{
	vertical-align:middle;
}

/* divs */

#wrap {
	margin:0px auto;
	position: top center;; 
	width: 730px; 
}

div#gb01 {
	margin:0px;
	background-color: #ffffff;
	width:730 ! important;
	height: 100%;
	}

div#gb02{
	margin: 0px auto;
	padding:auto;
	background-image: url(../images/bg03.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
	width:600px;
}

#bg{
	clear:both;
	margin:0px;
	padding:auto;
	background-image:url(../../images/history/historical/history_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* site ID */

div#siteid {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#siteid a {
	background-image: url(../../images/heimatland_titel.gif);
	background-repeat:no-repeat;
	width: 490px;
	height: 70px;
	display: block;
	margin:0px 0px 0px 10px;
	padding:0px;
}

#siteid span {
	display: none;
}

/* header */

div#header{
	background-image: url(../../images/header.jpg);
	background-repeat: no-repeat;
	margin: auto;
	padding: 0px;
	width:730px;
	height:140px;
	text-align:justify;
}

/* footer */

div#footer{
	clear:both;
	background-image:url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: auto;
	padding: 20px 0px 0px 0px;
	width:730px;
	height:70px;
	text-align:center;
}

/* global navigation */

.block{
display:block;
}

.nondeco{
text-decoration:none;
}

div#navigation{
	margin: 6px 0px 0px 11px;
	padding: 0px;
}

div#navigation0{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#navigation ul{
	margin: 0px;
	padding: 0px;
}

#navigation li{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

.story a,.story0 a{
	background-image: url(../../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 114px;
	text-indent:-9999px;
		
}

.story a:hover,.story0 a:hover{
	background-position: 0px -30px;
}

.story0 a{
	background-position: 0px -30px;
}

.cast a,.cast0 a{
	background-image: url(../../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -118px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 114px;
	text-indent:-9999px;
}

.cast a:hover,.cast0 a:hover{
	background-position: -118px -30px;
}

.cast0 a{
	background-position: -118px -30px;
}

.staff a,.staff0 a{
	background-image: url(../../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -236px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 114px;
	text-indent:-9999px;
}

.staff a:hover,.staff0 a:hover{
	background-position: -236px -30px;
}

.staff0 a{
	background-position: -236px -30px;
}


.production a,.production0 a{
	background-image: url(../../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -354px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 114px;
	text-indent:-9999px;
}

.production0 a{
	background-position: -354px -30px;
}

.production a:hover,.production0 a:hover{
	background-repeat: no-repeat;
	background-position: -354px -30px;
	margin: 0px 5px 0px 0px;
}



.history a,.history0 a{
	background-image: url(../../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -472px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 114px;
	text-indent:-9999px;
}

.history a:hover,.history0 a:hover{
	background-position: -472px -30px;
}

.history0 a{
	background-position: -472px -30px;
}

.presentation a,.presentation0 a{
	background-image: url(../../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -590px 0px;
	height: 30px;
	width: 114px;
	text-indent:-9999px;
}

.presentation a:hover,.presentation0 a:hover{
	background-position: -590px -30px;
}

.presentation0 a{
	background-position: -590px -30px;
}

/* pan */

#pan{
	margin: auto;
	padding:0px 0px 10px 0px;
	width: 689px;
	text-align:left;
}

/* contents */

#contents{
	margin: auto;
	padding:0px 0px 0px 20px;
	width: 689px;
	text-align:left;
}

#contents_sokanzu{
	margin: auto;
	padding:0px 0px 0px 10px;
	width: 699px;
	text-align:left;
}

#contents2{
	margin: auto;
	background-image: url(../production/images/contents2.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 564px;
}


#foot{
	margin:auto;
	padding:0px 0px 0px 0px;
	background-image: url(../production/images/under.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 564px;
	height:70px;
}

#foot2{
	margin:auto;
	padding:0px 0px 0px 0px;
	background-image: url(../production/images/under2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 564px;
	height:30px;
}


.border{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #853333;
	width:520px;
	margin:auto;
	padding:10px 0px 0px 0px;
}

.border2{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #853333;
	width:520px;
	margin:auto;
	padding:0px 0px 0px 0px;
}

.border3{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #853333;
	width:250px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.photo{
	float:right;
	margin:20px 20px 0px 10px;
}

.photo2{
	clear:both;
}

.photo3{
	float:left;
	margin:20px 10px 0px 20px;
}

.photo4{
	clear:both;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.photo5{
	margin:0px 0px 0px 0px; 
	padding:30px 0px 0px 0px;
}

.photo6{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 30px 0px;
}

.comment{
	margin:auto;
	padding:0px;
	width:504px;
}

.comment2{
	margin:auto;
	padding:0px;
	width:504px;
}

.siege{
	margin:auto;
	width:504px;
	border:1px solid #000;
}

#contents3{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:465px;
	text-align:left;
}

/* bottom divs */

#bottom{
	margin:auto;
	padding:10px 0px 0px 0px;
	width:564px;
}

#back{
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	background-position: left center;
}

#pagetop{
	clear:both;
	text-align:right;
	margin:0px 20px 0px 0px;
	padding:10px 0px 0px 0px;
}

#pagetop2{
	text-align:right;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px; 
}

/* List */

#contents2 ul{
	margin:auto;
	padding:0px 0px 0px 0px;
}

#contents2 li{
	list-style-type:disc;
	list-style-position:inside;
	float:left;
	margin:0px 10px 0px 20px;
	padding:0px 0px 0px 0px;
}

/* margin */

.m1{
	margin: 0px 0px 0px 0px;
	padding:35px 0px 0px 0px;
	text-align:center;
}

.m2{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

.m3{
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 0px;
}

.m4{
	margin:10px 20px 0px 0px;
	padding:0px 0px 0px 0px;
}

.m5{
	margin:10px 10px 0px;
	padding:0px;
}

.m6{
	margin:10px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}

.m7{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

.m8{
	margin:0px 20px 0px 10px;
	padding:0px 0px 0px 0px;
}

.m9{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

.m10{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* padding */

.p1{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
.p2{
	margin:0px 0px 0px 0px;
	padding:8px 20px 0px 0px;
}
.p3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}


/* links */
a:link{
	color:#2f7398;
}

a:active{
	color:#2f7398;
}

a:visited {
	color:#2f7398;
}

a:hover {
	color:#2f7398;
	text-decoration:none;
}

.top a{
	color:#2f7398;
	text-decoration:underline;
}

.top a:active{
	color:#2f7398;
	text-decoration:underline;
}

.top a:visited{
	color:#2f7398;
	text-decoration:underline;
}

.top a:hover{
	color:#2f7398;
	text-decoration:underline;
}

/* p */ 

p {
	line-height:150%;
	margin: 10px 0px;
	color: #000000;
}

p.gn {
	clear:both;
	font-size: 14px;
	line-height:150%;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	color: #000000;
	text-align:left;
}

p.gn2 {
	clear:both;
	font-size: 14px;
	line-height:150%;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	color: #000000;
	line-break:stric;
}

p.int{
	margin:0px 0px 0px 0px;
	padding:0px;
}

p.int2{
	float:left;
	width:220px;
	margin:0px 0px 0px 10px;
	padding:0px;
}

p.con{
	margin:0px;
	padding:30px 20px 10px 20px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 150%;
	width: 504px;
	text-align:left;
	line-break:strict;
}

p.con2{
	margin:0px;
	padding:30px 20px 10px 20px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 150%;
	text-align:left;
	line-break:strict;
}

p.con3{
	float:right;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 150%;
	text-align:left;
	line-break:strict;
}

p.con4{
	clear:both;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 150%;
	text-align:left;
	line-break:strict;
	width:250px;
}

p.td{

	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 150%;
	text-align:left;
}

/*------------------------------*/ 

td {
	font-size: 14px;
	line-height:150%;
}


th {
	font-size: 14px;
	line-height:150%;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	text-align:left;
	font-weight: normal;
}

.fo16{
	font-size: 16px;
	color: #000000;
}

#ft th,#ft td{
	font-size: 12px;
	line-height: 130%;
	color: #000000;
}

.fo12{
	font-size: 12px;
}

.fo11{
	font-size: 11px;
}

.tbl{
	margin:auto;
	padding:0px 0px 0px 0px;
	text-align: left;
}

.tb{
	margin:auto;
	padding:30px 0px 0px 0px;
}

.tb2{
	margin:auto;
	padding:20px 0px 0px 0px;
}

.tb3{
	margin:auto;
	padding:0px 0px 20px 0px;
}

/*------------------------------*/

.text {
	font-size: 12px;
	line-height: 150%;
}

.text2 {
	font-size: 16px;
	line-height: 150%;
}

.read {
	font-size: 14px;
	line-height: 150%;
}

.readsmall {
	font-size: 12px;
	line-height: 150%;
}

rt {
	font-weight: bolder;
	font-size: 9px;
	color: #D71818;
	line-height: -1.5em;
}

.bor{
	border:1px solid #006633;
}

.flot_hidari01 {
	float: left;
	width: 440px;
}

.flot_hidari {
	float: left;
}

.flot_migi01 {
	float: right;
}

.flot_hidari02 {
	float: left;
	width: 300px;
}

.flot_hidari03 {
	float: left;
	width: 194px;
}

.flot_migi02 {
	float: right;
	width: 300px;
}
.flot_migi03 {
	float: right;
	width: 385px;
}

.flot_none {
	float: none;
	clear: both;
}

.ueaki_10 {
	padding-top: 10px;
}

.ueaki_20 {
	padding-top: 20px;
}

.txt_naka {
	text-align: center;
}

.txt_migi {
	text-align: right;
}

.txt_hidari {
	text-align: left;
}

.shitaaki_10 {
	padding-bottom: 10px;
}

.txt_ue_soroe {
	vertical-align: top;
}

.stylered1{
	color:#e0050a
}
.hidariaki_08{
	 padding-left: 8px;
}

.hidariaki_20{
	 padding-left: 20px;
}

.migiaki_20 {
	padding-right: 20px;
}

/*-------------------------------------*/

/* top navigation*/

#Space{
	position:absolute; 
	z-index:0; 
	left: -20px; 
	top: 0px; 
	visibility: hidden;
}

/*-------------------------------------*/

#s_navi1{
position:absolute;
width:112px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../../images/navi/bg_sns1.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}

#s_navi1 li {
width:112px;
padding : 6px 0px 0px 0px;
background-image:url(../../images/navi/bg_sn1.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}

#s_navi1 a {
width:95px;
background-image:none;
text-indent:0px;
text-align:left;
height:auto;
padding-bottom:5px;
margin-left:10px;
}

#s_navi1 li.sn_foot {
margin-bottom:5px
}

/*-------------------------------------*/

#s_navi2{
position:absolute;
width:112px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../../images/navi/bg_sns1.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}

#s_navi2 li {
width:112px;
padding : 6px 0px 0px 0px;
background-image:url(../../images/navi/bg_sn1.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}

#s_navi2 a {
width:95px;
background-image:none;
text-indent:0px;
text-align:left;
height:auto;
padding-bottom:5px;
margin-left:10px;
}

#s_navi2 li.sn_foot {
margin-bottom:5px
}

/*-------------------------------------*/

#s_navi3{
position:absolute;
width:112px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../../images/navi/bg_sns1.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}

#s_navi3 li {
width:112px;
padding : 6px 0px 0px 0px;
background-image:url(../../images/navi/bg_sn1.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}

#s_navi3 a {
width:95px;
background-image:none;
text-indent:0px;
text-align:left;
height:auto;
padding-bottom:5px;
margin-left:10px;
}

#s_navi3 li.sn_foot {
margin-bottom:5px
}

/*-------------------------------------*/

#s_navi5{
position:absolute;
width:112px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../../images/navi/bg_sns1.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}

#s_navi5 li {
width:112px;
padding : 6px 0px 0px 0px;
background-image:url(../../images/navi/bg_sn1.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}

#s_navi5 a {
width:95px;
background-image:none;
text-indent:0px;
text-align:left;
height:auto;
padding-bottom:5px;
margin-left:10px;
}

#s_navi5 li.sn_foot {
margin-bottom:5px
}

/*-------------------------------------*/

#s_navi6{
position:absolute;
width:112px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../../images/navi/bg_sns1.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}

#s_navi6 li {
width:112px;
padding : 6px 0px 0px 0px;
background-image:url(../../images/navi/bg_sn1.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}

#s_navi6 a {
width:95px;
background-image:none;
text-indent:0px;
text-align:left;
height:auto;
padding-bottom:5px;
margin-left:10px;
}

#s_navi6 li.sn_foot {
margin-bottom:5px
}

/*-------------------------------------*/

.on{
visibility:visible;
}

.off{
visibility: hidden;
}
/*-------------------------------------*/

