html
{
	height: 100% ;
	padding-bottom: 1px ;
	color: #666666 ;
	font-size: 2vw ;
	font-family: Helvetica , Arial , Sans-Serif ;
}
	


body ,
#head_wrap ,
#lang_wrap ,
#page_wrap ,
#main_wrap
{
	width: 100% ;
	margin: 0 ;
	padding: 0 ;
}

#head_wrap ,
#lang_wrap ,
#page_wrap
{
	position: fixed ;
	z-index: 2 ;
}

#head_wrap
{
	top: 0 ;
}

#lang_wrap
{
	top: 1.2rem ;
}

#page_wrap
{
	top: 12rem ;
}

#main_wrap
{
	position: relative ;
	top: 14rem ;
	z-index: 1 ;
}



#head ,
#lang ,
#page ,
#main
{
	padding: 0 2rem ;
}

#head
{
	height: 14rem ;
	background-color: #339933 ;
	background-image: url( "../images/head_back.jpg" ) ;
	background-position: center ;
	background-repeat: no-repeat ;
	background-size: cover ;
}

#lang
{
	font-size: 1rem ;
}

#page
{
	font-size: 1.4rem ;
}

#main
{
	font-size: 1rem ;
	background: #FFFFFF ;
}



#head p
{
	margin: 0 ;
	font-size: 3rem ;
	font-weight: bold ;
	color: #FFFF00 ;
	letter-spacing: 0.2rem ;
	text-shadow: -0.01rem -0.01rem 0.1rem #FFFF00 , 0.01rem 0.01rem 0.1rem #333333 ;
}



#lang a
{
	padding-left: 1rem ;
}

#lang a img
{
	width: 2rem ;
	margin-left: -2rem ;
	margin-bottom: -0.2rem ;
}

.lang_item_here ,
.lang_item_rest
{
	float: right ;
}

#page a
{
	padding-right: 1rem ;
}

.page_item_here ,
.page_item_rest
{
	float: left ;
}

#lang a:hover ,
#page a:hover
{
	color: #EEEE00 ;
}

#lang a:active ,
#page a:active
{
	color: #FFFF00 ;
}

.lang_item_here ,
.lang_item_rest ,
.page_item_here ,
.page_item_rest
{
	text-shadow: 0.1rem 0.1rem 0.1rem #333333 ;
}

.lang_item_here ,
.page_item_here
{
	color: #FFFF00 ;
}

.lang_item_rest ,
.page_item_rest
{
	color: #FFFFFF ;
}



#main h1
{
	padding-bottom: 0.2rem ;
	border-bottom: 0.1rem solid #DDDD33 ;
	color: #BBBBBB ;
	font-size: 1.6rem ;
}

#main h2
{
	margin: 1rem 0 ;
	color: #999999 ;
	font-size: 1.2rem ;
}

#main p
{
	margin: 1rem 4rem ;
	line-height: 1.4rem ;
}

#main a:link ,
#main a:visited
{
	color: #339911 ;
}

#main a:hover ,
#main a:active
{
	color: #FFFFFF ;
	background: #999933 ;
}

#main dt
{
	float: left ;
	width: 6rem ;
	margin-left: 4rem ;
	font-weight: bold ;
}



#main li
{
	margin: 1rem 4rem ;
}



.shout
{
	font-size: 1.2rem ;
	font-weight: bold ;
}

.footnote
{
	margin-top: 3rem ;
	font-size: 0.8rem ;
}

a
{
	text-decoration: none ;
}

img
{
	border: none ;
}