@import url("base.css");
@import url("common.css");
@import url("frame_components.css");
@import url("frame_headerfooter.css");

/* -------------------------------------------------------------------
top.css 
------------------------------------------------------------------- */



/*
mainArea
------------------------------------------------------------------- */
#mainArea {
	float: left;
	width: 515px;
	margin: 10px 0 0 0;
}


/*
contentArea
------------------------------------------------------------------- */
#contentArea {
	clear: both;
}

/*
ttlImgAreaTop
------------------------------------------------------------------- */
#ttlImgAreaTop {
	clear: both;
	padding: 0 0 10px 15px;
}

/*
ttlNavArea
------------------------------------------------------------------- */
#ttlNavArea {
	height: 52px;
	padding: 0 0 8px 15px;
	clear: both;
}
#ttlNavArea ul {
}
#ttlNavArea ul li {
	list-style-type: none;
	line-height: 0%; /* Hack */
	float: left;
}


/*
mainArea news, mainArea events
------------------------------------------------------------------- */
#mainArea .news {
	padding: 0 0 0 15px;
}

#mainArea .events {
	clear: both;
	padding: 0 0 0 15px;
	margin: 0 0 20px 0;
}


#mainArea .news h2,
#mainArea .events h2 {
	margin: 0 0 10px 0;
}

#mainArea .news dl {
	padding: 0 0 0 5px;
}

#mainArea .news dt {
	float: left;
	width: 85px;
	font-size: 12px;
	line-height: 1.5;
}

#mainArea .news dd {
	float: left;
	width: 355px;
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 1.5;
}

/* clearfix */
.news dl:after,
.events dl:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
}

.news dl,
.events dl {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .news dl,
* html .events dl {
	height: 1%;
}
.news dl,
.events dl {
	display: block;
}
/* End hide from IE-mac */



#mainArea .events p {
	font-size: 11px;
	margin: -15px 0 10px 5px;
}

#mainArea .events ul {
	padding: 0 5px;
}

#mainArea .events li {
	font-size: 12px;
	list-style-type: none;
	line-height: 1.5;
	padding-left: 18px;
	margin-right: 5px;
	background-image: url(../common/events_icon01.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#mainArea .events dd {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
}

#mainArea .events div.backnumber {
	clear: both;
	padding: 5px;
	text-align: right;
}

#mainArea .news div.backnumber,
#mainArea .events div.backnumber {
	clear: both;
	padding: 5px;
	text-align: right;
}

#mainArea .news div.backnumber a,
#mainArea .events div.backnumber a {
	padding: 0 0 0 10px;
	background-image: url(../common/icon_s_gray01.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	font-size: 11px;
}



/*
mainArea notice
------------------------------------------------------------------- */
#mainArea .notice {
	padding: 0 0 0 15px;
	font-size: 12px;
	line-height: 1.5;
}

#mainArea .notice a:link,
#mainArea .notice a:visited {
	color: #d92727;
}

#mainArea .notice a:hover,
#mainArea .notice a:active {
	color: #d92727;
}

#noticeArea {
	margin: 0 0 10px 15px;
	padding: 5px 0 0 0;
	font-size: 12px;
	background-image: url(../images/important_en.gif);
	background-position: 0 0;
	background-repeat: no-repeat;	
}
#noticeArea p {
	padding: 0 0 0 125px;
	line-height: 1.5;
}
#noticeArea a:link,
#noticeArea a:visited {
	color: #d92727;
}
#noticeArea a:hover,
#noticeArea a:active {
	color: #d92727;
}


/*
sideArea
------------------------------------------------------------------- */
#sideArea {
	float: right;
	width: 210px;
	margin: 10px 0 15px 0;
}



/*
sideArea ul.btn
------------------------------------------------------------------- */
#sideArea ul.btn {
	margin: 0 0 0 10px;
}

#sideArea ul.btn li {
	margin: 0 0 10px 0;
	list-style: none;
}

#sideArea ul.banner {
	margin: 0 0 0 10px;
}

#sideArea ul.banner li {
	margin: 0 0 10px 0;
	list-style: none;
}

/*
sideArea products
------------------------------------------------------------------- */
#sideArea .product {
	background-color: #EAEEF9;
}

#sideArea .product h2 {
	margin: 0 0 10px 0;
}

#sideArea .product ul {
	padding: 0 10px 10px 10px;
	list-style-type: none;
}

#sideArea .product ul li {
	margin: 0 0 5px 0;
	_font-size: 1px; /* for Windows IE*/
	line-height: 0%; /* hack */
}



/*
sideArea contents
------------------------------------------------------------------- */
#sideArea .contents {
	margin: 20px 0 0 0;
}

#sideArea .contents h2 {
	margin: 0 0 5px 0;
}

#sideArea .contents #gallery {
	float: left;
	margin: 0 0 5px 0;
}

#sideArea .contents #navnet {
	float: left;
	margin: 0 0 5px 10px;
}


#sideArea .contents #gallery .bannerCaption {
	text-align: left;
	margin: 1px 0 5px 2px;
	padding: 0;
	font-size: 11px;
}