@charset "utf-8";




/*====================================*/

/*====================================*/
#header{}
#header-base-frame{
	width: 960px;
	margin: auto;
	padding: 26px 0 26px;
}
#header .header-logo{
	float: left;
}
#header .header-logo a{
	width: 252px;
	height: 73px;
	background-image:url(/karada/common/images/header_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#header .header-gnav{
	float: right;
}
#header .header-gnav ul {
	margin: 0;
	padding: 0;
}
#header .header-gnav ul li{
	position: relative;
	list-style: none;
	float: left;
}
#header .header-gnav ul li.archive{
	margin-right: 18px;
}
#header .header-gnav ul li a{
	display:block;
	background-image:url(/karada/common/images/header_gnav.png);
	background-repeat: no-repeat;
	height: 73px;
	display: block;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#header .header-gnav ul li a:hover{
	background-image:url(/karada/common/images/header_gnav_on.png);
}
#header .header-gnav ul li.about a{
	width: 196px;
	background-position: 0 0;
}
#header .header-gnav ul li.announce a{
	width: 133px;
	background-position: -196px 0;
}
#header .header-gnav ul li.archive a{
	width: 175px;
	background-position: -329px 0;
}
#header .header-gnav ul li.contact a{
	width: 145px;
	background-position: -522px 0;
}

#header .header-gnav ul li.is--active .after{
	position: absolute;
	width: 16px;
	height: 13px;
	left: 50%;
	bottom: -26px;
	margin: 0 0 0 -8px;
	background-image: url(/karada/common/images/header_gnav_after.png);
	background-repeat: 0 0;
	background-repeat: no-repeat;
}

/*====================================*/

/*====================================*/
#contents{
	clear: both;/**/
	background: #f4f4f4;
	overflow: hidden;/*prevent margin collapse*/
}


/*====================================*/
#contents-bread-crumb{
	margin: 0 0 30px 0;
	
}
#contents-bread-crumb-base-frame{
	width: 960px;
	margin: auto;
}
#contents-bread-crumb ul{
	list-style: none;
	margin: 10px 0;
	padding: 0;	
}
#contents-bread-crumb ul li{
	float: left;
	margin: 0;
	padding: 0;
}
#contents-bread-crumb ul li a{
	margin: 0;
	padding: 0;
}
#contents-bread-crumb ul li a{
	padding: 0 25px 0 0;
	margin: 0 20px 0 0;
	background-image: url(/karada/common/images/bread_crumb_arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
}



/*====================================*/
#contents-header{
	clear: both;/*for dream weaver*/
	background: #005e5b;
	color: #FFFFFF;
}
#contents-header-base-frame{
	width: 960px;
	margin: auto;
}
#contents-header h1{
    font-size: 3.0769em;/*40px*/
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
}
#contents-header .contents-header-heading{
	background-position: center left;
	background-repeat: no-repeat;
	padding: 40px 0 40px 80px;
}
#contents-header .contents-header-heading--announce{
	background-image: url(/karada/common/images/contents_header_icon_announce.png);
}
#contents-header .contents-header-heading--about{
	background-image: url(/karada/common/images/contents_header_icon_about.png);
}
#contents-header .contents-header-heading--news{
	background-image: url(/karada/common/images/contents_header_icon_news.png);
}
#contents-header .contents-header-heading--archive{
	background-image: url(/karada/common/images/contents_header_icon_archive.png);
}
#contents-header .contents-header-heading--contact{
	background-image: url(/karada/common/images/contents_header_icon_contact.png);
}




/*====================================*/
#contents-body{
	
}
#contents-body-base-frame{
	width: 960px;
	margin: auto;
}




/*====================================*/
#contents-footer{
	clear: both;/*for dream weaver*/
	margin: 70px 0 0 0;
}
#contents-footer-base-frame{
	width: 960px;
	margin: auto;
}
#contents-footer ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;	
}
#contents-footer ul li{
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 18px;
	background-image: url(/karada/common/images/arrow_01.png);
	background-repeat: no-repeat;
	background-position: center left;
}
#contents-footer ul li a{
	font-weight: bold;
}


/*====================================*/

/*====================================*/
#footer{
	background: #e9e9e9;
	color: #555555;
}
#footer-base-frame{
	position: relative;
	width: 960px;
	margin: auto;
	padding: 28px 0;
}
#footer .footer-info{
	float: left;
	width:630px;
}
#footer .footer-info__row{
	margin: 0 -22px;
}
#footer .footer-info__col-01{
	float: left;
	width: 240px;
	padding: 0 22px;
	border-right: solid 1px #d7d8d7;
}
#footer .footer-info__col-02{
	float: left;
	width: 279px;
	padding: 0 22px;
}
#footer .footer-info dl{
	margin: 0;
}
#footer .footer-info dt{
	margin: 0;
}
#footer .footer-info dd{
	margin: 0;
}
#footer .footer-info-logo{
	background-image: url(/karada/common/images/footer_logo.png);
	width: 192px;
	height: 49px;
	background-position: 0 0;
	background-repeat: repeat;
	display: block;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#footer .footer-copyright{
	position: absolute;
	right: 0;
	bottom: 28px;
}
#footer .footer-copyright p{
	margin: 0;
	padding: 0;
	text-align:right;
	font-size: 76.9230769%;
}


#footer .footer-scrool-up{
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 56px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footer .footer-scrool-up a{
	display: block;
	width: 56px;
	height: 56px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(/karada/common/images/footer_button_scrollup.png);
}
#footer .footer-scrool-up a:hover{
	background-image: url(/karada/common/images/footer_button_scrollup_on.png);
}