@charset "utf-8";

/*****************************************
=layout
**************************************** */


/*****************************************
=common
**************************************** */
body#top  {
	background:url(../img/bgi_body.gif) repeat-x left top;
}

body#second  {
	background:url(../img/bgi_body_002.gif) repeat-x left top;
}

div#wrap {
}

div#wrapInner {
}

div.container_tab {
	clear:both;
}

/* =headerArea
---------------------------------------- */
body#top div#headerArea {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:135px;
}

body#second div#headerArea {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:131px;
}

div#headerArea #sideLogo {
	position:absolute;
	left:0px;
	top:65px;
	padding:0 15px 36px 3px;
	border-bottom:1px solid #FE5C22;
}

div#headerArea #headerLead {
	position:absolute;
	left:5px;
	top:92px;
	font-size:10px;
	color:#777;
}

ul#gNavi {
	position:absolute;
	top:0px;
	right:0px;
}

ul#gNavi li {
	float:left;
	margin-right:10px;
}

/* =contentsWrap
---------------------------------------- */
div#contentsWrap {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}


/* =footerArea
---------------------------------------- */
div#footerWrap {
	clear:both;
	height:87px;
	background:url(../img/bgi_footer.gif) repeat-x left top;
}

div#footerArea {
	position:relative;
	margin:0 auto;
	width:1000px;
}

div#footerArea p {
	position:absolute;
	top:27px;
	left:0px;
	min-height: 42px;
	padding: 3px 0 3px 55px;
	background: url(../img/bg_logo.gif) left center no-repeat;
}

div#footerArea ul {
	position:absolute;
	top:27px;
	right:0px;
}

div#footerArea ul li {
	float:left;
	margin-right:15px;
}

/* =copyArea
---------------------------------------- */
div#copyArea {
	margin:0 auto;
	padding-bottom:15px;
	width:1000px;
}

div#copyArea p {
	padding-top:15px;
	font-size:10px;
}

/* =tabList
---------------------------------------- */
ul.tabList {
	clear:both;
	margin-bottom:60px;
}

.tabbox ul.tabList {
	position: relative;
	width: 1036px;}

ul.tabList li {
	float:left;
	height: 170px;
	margin:0 38px 25px 0;
}

.ie6 ul.tabList li {
	float:left;
	margin:0 30px 25px 0;
}

ul.tabList li dl {
	width:221px;
}

ul.tabList li dt {
	margin-bottom:5px;	
}

ul.tabList li dt p {
	color:#fff!important;
	font-weight:bold;
}

ul.tabList li dt p span {
	font-size:80%;
	font-weight:normal!important;
}

ul.tabList li dt a {
	text-decoration:none!important;
}

ul.tabList li dd li {
	float:left;
}

ul.tabList li dd.noList {
	float:left;
	margin-top:5px;
}

ul.tabList li dd.icoList {
	float:right;
	margin-top:2px;
}

.ie8 ul.tabList li dd.icoList {
	float:right;
	margin-top:7px;
}

ul.tabList li dd.icoList li {
	margin-right:5px;
}

ul.tabList li dd.icoList li:last-child {
	margin-right:0px;
}

/* mosaic [jQuery]
---------------------------------------- */
/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	margin-top:-5px;
	overflow:hidden;
	width:220px;
	height:146px;
}

.mosaic-overlay {
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
}

.bar .mosaic-overlay {
	bottom:-2em;
	height: 2em;
	background:url(../img/bg-black.png);
}

div.details {
	padding: 5px 10px 5px 10px;	
	background:#111111;
}

div.details span {
	margin-left: 1em;}

.mosaic-block {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

.mosaic-block:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}


/* =tipsy [jQuery]
---------------------------------------- */
.tipsy {
	padding: 5px;
	font-size: 10px!important;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url(../img/tipsy.gif);}

.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	font-weight: bold;
	max-width: 200px;
	text-align: center;}

.tipsy-inner {
	-moz-border-radius:3px;
	-webkit-border-radius:3px; }

.tipsy-north {background-position: top center;}
.tipsy-south {background-position: bottom center;}
.tipsy-east {background-position: right center;}
.tipsy-west {background-position: left center;}