@charset "utf-8";

/* -------------------------------------------------------
	[info]
	name : top.css
	desc : トップページ用CSS
	
	01. Base
	02. Header
	03. Global Navi
	04. Main Contents
	05. Footer
-------------------------------------------------------- */


/*--------------------------------------------------
	01. Base
--------------------------------------------------*/

html {
	background-color:#ffffff;
}

#wrapper {
	border-top:none;
}


/*--------------------------------------------------
	02. Header
--------------------------------------------------*/

#header {
	width:898px;
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
#header #logoArea h1.title {
	padding:25px 0 5px 13px;
}


/*--------------------------------------------------
	03. Global Navi
--------------------------------------------------*/

#gnav {
	margin-top:0;
}


/*--------------------------------------------------
	04. Main Contents
--------------------------------------------------*/

#contents {
	width:950px;
	margin:0 auto;
	position:relative;
	text-align:center;
}

#contents #mainVis {
	position:absolute;
	z-index:0;
}

#contents #mainArea {
	width:950px;
	margin:0 auto;
	padding:344px 0 0;
	text-align:center;
}

#contents #mainArea #naviArea {
	height:134px;
	padding:0 26px;
	background:url(../../img/bg01.gif) no-repeat center top;
	position:relative;
	z-index:5;
}
#contents #mainArea #naviArea ul#gnav li,
#contents #mainArea #naviArea ul#snav li {
	display:inline;
}
#contents #mainArea #naviArea ul#snav {
	margin-top:5px;
}
#contents #mainArea #naviArea ul#snav li {
	margin-right:5px;
}
#contents #mainArea #naviArea ul#snav li.last {
	margin-right:0;
}

#contents #mainArea #newsArea {
	height:107px;
	padding:0 26px;
	background:url(../../img/bg02.gif) no-repeat center top;
}
#contents #mainArea #newsArea h2.title {
	float:left;
}
#contents #mainArea #newsArea .news {
	float:right;
	width:639px;
	height:50px;
	margin-top:9px;
	padding-right:12px;
	text-align:left;
}
#contents #mainArea #newsArea .news .section {
	clear:both;
	margin-bottom:5px;
	padding:0;
	background:url(../../img/nbottom.gif) no-repeat left bottom;
}
#contents #mainArea #newsArea .news .section * {
	line-height:1.3em;
}
#contents #mainArea #newsArea .news .section p {
	margin:0;
	padding:0;
}
#contents #mainArea #newsArea .news .section dl {
	padding-bottom:2px;
}
#contents #mainArea #newsArea .news .section dt {
	float:right;
	padding:0 10px;
}
#contents #mainArea #newsArea .news .section dd {
	padding:0 30px;
	background:url(../../img/arrow01.gif) no-repeat 10px 50%;
}

/*clearfix*/
#contents #mainArea #newsArea:after,
#contents #mainArea #newsArea .news .section dl:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
#contents #mainArea #newsArea,
#contents #mainArea #newsArea .news .section dl {zoom:1;}


/*--------------------------------------------------
	05. Footer
--------------------------------------------------*/
#footer {
	width:900px;
	margin:10px auto 0;
}

#footer #footer_top {
	width: 900px;
	margin:10px auto 0;
}

#footer .flashLink {
	float:left;
	width:600px;
	text-align:left;	
}
#footer .flashLink p.banner {
	float:left;
	margin-right:10px;
}
#footer address {
	height: 45px;
	float:right;
}

#footer #about {
	width: 900px;
	margin-top: 5px;
	float: left;
	text-align: left;
}

/*clearfix*/
#footer:after,
#footer .flashLink:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
#footer,
#footer .flashLink {zoom:1;}