@charset "utf-8";

/* 初器㍽ﾀ*/

img{
	border: 0;
	display: block;
}

table, tr, td{
	vertical-align: top;
}

p{
	margin: 0 0 10px 0;
	padding: 0;
}

li{
	margin: 0;
	padding: 0;
	list-style-type:none;
	line-height: 120%;
}

/*////////////////////////////////////////////////////////////////////

タグ剃荏

////////////////////////////////////////////////////////////////////*/

html,
body{
	font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
	font-size: 80%; /*12px*/!important
}

/*////////////////////////////////////////////////////////////////////

トップページ #index

////////////////////////////////////////////////////////////////////*/


/* メインイメージ ＋　トピックス *****************************************/

table#indexMainimg{
	background: #5992DF;
	margin: 10px 0 0 0;
}
table#indexMainimg table#topicsBox{
	background: url(img/renewal/topics_02.jpg) repeat-y left bottom;
	height: 330px;
	width: 319px;
}
table#indexMainimg table#topicsBox table#topics{
	margin: 0 0 0 20px;
	width: 290px;
}
table#indexMainimg table#topicsBox table#topics td{
	padding: 3px 5px 10px 0px;
	border-bottom: 1px dotted #FFFFFF;
	font-size: 80%;
	line-height: 1.2em;
	color: #505050;
}
table#indexMainimg table#topicsBox table#topics td.ex{
	padding-top: 5px;
	width: 60px;
}
table#indexMainimg table#topicsBox table#topics td.ex img{
	margin: 0 auto 0 0;
}
table#indexMainimg table#topicsBox img{
	margin: 0 auto;
}
table#indexMainimg table#topicsBox .bt{
	text-align: right;
	vertical-align: bottom;
}
table#indexMainimg table#topicsBox .bt img{
	margin: 0 0 0 auto;
}

/* 3つのバナー *****************************************/

#mainBn{
	background: #F3F8FB;
	font-size: 80%;
	color: #333333;
}
#mainBn img.bn{
	margin: 10px 0 0;
}
#mainBn p{
	padding: 0 10px;
}

/* トップページ中身 *****************************************/

#indexContent{
	margin: 0 0 20px 0;
}
#indexContent .inbox{
	padding: 0 30px 0 29px;
}
#indexContent .inbox2{
	padding: 0 29px 0 20px;
}

/* 交通のご案内 ========================================*/

#indexContent #access{
	background: url(img/renewal/access_02.jpg) repeat-y left top;
	width: 339px;
}
#indexContent #access img#map{
	margin: 0 0 10px 0;
}
#indexContent #access p img{
	clear:none;
	display: inline;
}

#indexContent #access .block#pdf{
	background: #f0f0f0;
	padding: 8px;
}

#indexContent #access .block#pdf p{
	font-size: 71%;
	line-height: 1.3em
}

#indexContent #access .block#pdf ul{
	padding: 0;
	margin: 0;
}

#indexContent #access .block#pdf li{
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}

#indexContent #access .block#pdf ul li a{
	display: block;
	margin: 0 0 5px 0;
	padding: 0 10px 0 30px;
	line-height: 1.2em;
	font-size: 80%;
	background: no-repeat url("img/new/index_arrow_004.gif");
}

/* 当ビューローのご案内 ========================================*/

#indexContent #us{
	background: url(img/renewal/access_02.jpg) repeat-y left top;
	width: 339px;
	font-size: 80%; /*12px*/
	color: #333333;
}
#indexContent #us .inbox img#mascot{
	margin: 0px 10px 0px 0px;
	float: left;
}
#indexContent #us .inbox .bt{
	text-align: right;
	margin: 0;
}
#indexContent #us .inbox .bt img{
	margin: 0 0 0 auto;
	display: inline;
}


/* icos ========================================*/

#indexContent #icos{
	background: url(img/renewal/icos_02.jpg) repeat-y center top;
	width: 319px;
	font-size: 80%;
	color: #333333;
}
#indexContent #icosIll{
	margin: 0 0 10px 0;
}
#indexContent #icos .inbox2 .bt{
	text-align: right;
	margin: 0;
}
#indexContent #icos .inbox2 .bt img{
	margin: 0 0 0 auto;
}

/* 右下のバナーたち *****************************************/

#indexContent #bnBox{
	text-align: center;
	margin: 0;
	padding: 0 10px 0 0;
}
#indexContent #bnBox img{
	margin: 0 auto 5px auto;
}