@charset "utf-8";
@import url("reset.css");
/* CSS Document */

body{
	background:#DBDBDB url(../img/bg.gif) repeat-y;
	color:#333;
	overflow:auto;
}

a{
	color:#1E63A8;
}

a:visited {
	color:#3A8BDC;
}

a:active {
	color:#1E63A8;
}

#wrapper{
	width:720px;
	background:#fff;
}

/* #header */
#header{
	height:51px;
	position:relative;
	border-top:5px solid #2E468E;
}

#header img{
	vertical-align:bottom;
}

#header .logo{
	position:absolute;
	top:7px;
	left:7px;
}

#header .navi01{
	position:absolute;
	right:3px;
	top:0px;
}

#header .navi01 li{
	float:left;
	padding:4px 7px 0px 10px;
	height:16px;
}

#header .navi01 .first-child{
	border-right:1px solid #888;
}

#header .navi01 li img{
	vertical-align:top;
}

#header .mail{
	position:absolute;
	right:10px;
	bottom:4px;
}

/* gnavi */
#gnavi{
	height:32px;
	background:url(../img/menu_bg1.gif) repeat-x 0px 0px;
	margin-bottom:10px;
}

#gnavi div{
	height:32px;
	background:url(../img/menu_bg2.gif) repeat-x 0px 29px;
}

#gnavi ul li{
	float:left;
}

#gnavi .ul01{
	float:left;
	padding-left:7px;
}

#gnavi .ul01 li{
	margin-right:2px;
}

#gnavi .ul02{
	float:left;
	padding-left:12px;
	padding-top:9px;
}

#gnavi .ul02 li{
	margin-right:10px;
}

#gnavi .ul02 .last-child{
	margin-right:0px;
}

#flasharea{
	margin-bottom:20px;
}

#content{
	float:left;
	padding-left:10px;
	width:486px;
	margin-bottom:5px;
}

#content .box01{
	border:1px solid #ccc;
	margin-bottom:10px;
}

#content .hedding{
	height:35px;
	position:relative;
	background:url(../img/index_bg_01.png) no-repeat #E8E8E8;
}

#content .hedding h2{
	position:absolute;
	top:12px;
	left:13px;
}

#content .hedding .backnumber{
	position:absolute;
	top:14px;
	right:10px;
}

#content .box01 ul.ind01{
font-size:1.2em;
}



#content .box01 ul{
	padding:5px 15px;
}

#content .box01 ul li{
	padding:2px 0px;
	position:relative;
	overflow:auto;
	padding-left:8em;
	background:url(../img/arrow4.gif) no-repeat 0px .7em;
}

#content ul.ind02 li{
	font-size:1.2em;
	margin:5px 16px;
	padding:2px 0px;
	position:relative;
	overflow:auto;
	padding-left:1em;
	background:url(../img/arrow4.gif) no-repeat 0px .7em;
}


#content .box01 ul li .date{
	display:inline-block;
	margin-left:-8em;
	width:8em;
	text-indent:10px;
}

#content .bannerbox {
	overflow:hidden;
}

#content .bannerbox ul .first-child{
	float:left;
}

#content .bannerbox ul .last-child{
	float:right;
}

/* sidebar */
#sidebar{
	float:right;
	width:205px;
	padding-right:10px;
	margin-bottom:5px;
}

#sidebar .box01{
	border:1px solid #ccc;
	margin-bottom:10px;
	width:203px;
}

#sidebar .hedding{
	height:35px;
	position:relative;
	background:url(../img/index_bg_02.png) no-repeat #E8E8E8;
}

#sidebar .hedding h2{
	position:absolute;
	top:10px;
	left:8px;
}

#sidebar .list{
	width:138px;
	min-height:41px;
	height:auto !important;
	height:41px;
	border-bottom:1px dashed #ccc;
	margin:4px auto;
	position:relative;
	overflow:hidden;
	padding-left:54px;
	padding-bottom:4px;
}

#sidebar .list img{
	vertical-align:bottom;
}

#sidebar .list .picture{
	position:absolute;
	left:4px;
	top:0px;
}

#sidebar .list p{
	line-height:1.2em;
}

/* #footer01 */
#footer01{
	width:700px;
	margin:0px auto 30px;
	clear:both;
	overflow:hidden;
}

#footer01 h3{
	margin-bottom:10px;
}

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

/* #footer02 */
#footer02{
	width:720px;
	margin:0px auto;
	overflow:auto;
}

#footer02 ul{
	background:#D9D9D9;
	padding:3px 8px;
	overflow:hidden;
	width:704px;
}

#footer02 ul li{
	float:left;
	margin-right:10px;
	padding-left:20px;
	background:url(../img/arrow2.gif) no-repeat 0px 50%;
	font-size:1.2em;
}

#footer02 ul li a{
	text-decoration:none;
	color:#333;
}

#footer02 .box01{
	position:relative;
	height:45px;
}

#footer02 .box01 .companyname{
	position:absolute;
	top:10px;
	left:7px;
}

#footer02 .box01 address{
	position:absolute;
	top:10px;
	left:140px;
}

#footer02 .box01 .copyright{
	position:absolute;
	top:10px;
	right:30px;
	font-family:Arial, Helvetica, sans-serif;
}