@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  top.css
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
p {
	margin-bottom: 1em;
}

/*--- default */
body {
	background: #fff;
	color: #333;
	font-size: small;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
a:link {
	color:#16104C;
	text-decoration: none;
}

a:visited {
	color:#16104C;
}

a:hover {
	text-decoration: underline;
}

a:active {
}

#page{ width:930px;}
#header,
#footer {
	width:930px;
}

#leftSide {
	width: 147px;
}
#mainArea {
	width: 775px;
}



/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/*
	clearfix
*/
#header:after,
.howtouse:after,
#news:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:" ";
font-size:0;
line-height:0;
}

#header,
.howtouse,
#news{
zoom:1;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	padding:10px;
	text-align: left;
}

#header .guideNavi {
	position:relative;
	float:right;
	top:-24px;
	margin-right:10px;
	margin-bottom:-24px;
}


/*----------------------------------------------------
	#leftSide
----------------------------------------------------*/
#leftSide {
	float:left
}

#leftSide img {
	margin-bottom:0px;
}

/*----------------------------------------------------
	#mainArea
----------------------------------------------------*/
#mainArea {
	float:right;
}
#mainArea .globalNavi {
	height:30px;
	margin-left:2px;
}
#mainArea .globalNavi li {
	float:left;
}

#mainArea #contents .howtouse,
#mainArea #contents .howtodispose {
	height:73px;
	padding:10px 0 5px 10px;
}
#mainArea .howtouse {
	background:url(../top_images/bg_howtouse.gif) no-repeat left top;
	width:775px;
	height:85px;
	margin-top:3px;
	margin-bottom:4px;
}

#mainArea .howtouse ul{
margin-left:5px;
}

#mainArea .howtouse li{
float:left;
margin:35px 0 0 1px;
}

/* --pulldown-- */
ul.mainmenu li ul.pulldown {
	display:none;
	position:absolute;
	font-size:12px;
	background:#fff;
	width:160px;
}

ul.mainmenu li ul.pulldown li{
	float:none;
	padding:3px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	width:150px;
}

ul.mainmenu li ul#pul06 {
	top:275px;
	left:700px;
}


#mainArea .howtodispose {
	background:url(../top_images/bg_howtodispose.gif) no-repeat left top;
	width:775px;
	height:131px;
	margin-bottom:10px;
}

#mainArea .howtodispose ul{
margin-left:5px;
}

#mainArea .howtodispose li{
	float:left;
	margin:35px 0 0 1px;
}

#mainArea .howtodispose li.mt0{
margin-top:0;
}

#mainArea .howtodispose li.ml1{padding-left:1px;}

#mainArea #subNavi {
	float:right;
	width:233px;
}

#mainArea #subNavi li{
	margin:2px 0;
}

#mainArea #news {
	width:535px;
	border-left:#2e69a5 1px solid;
	border-top:#2e69a5 1px solid;
	border-bottom:#2e69a5 1px solid;
	padding-bottom:20px;
	float:left;
}

#mainArea #news dl {
	margin:10px;
	height:auto;

}
#mainArea #news dd,#mainArea #news dt {
	float:left;
}

#mainArea #news dt{
	width:150px;
	clear:both;
}

#mainArea #news dd{
	width:350px;
}


/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	clear:both;
	text-align:center;
}