html>body{
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:100%;
}

/*--------------------------------------------------------
共通
--------------------------------------------------------*/
/*body*/
body { 
	margin: 0px; 
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: left center;
}

h1, h2, h3 { margin: 0px; padding:0px;}

/*余白*/
.mb4 { margin: 0px 0px 4px 0px; }
.mb8 { margin: 0px 0px 8px 0px; }
.mb16 { margin: 0px 0px 16px 0px; }
.mb24 { margin: 0px 0px 24px 0px; }
.mb32 { margin: 0px 0px 32px 0px; }

/*基本フォント*/
.base-ss {font: 70%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-ss-b {font: bold 70%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-m {font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-m-b {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-l-b {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #333;}

.mds-err {font: bold 140%/125% "ＭＳ Ｐゴシック"; color: #F30;}

/*注釈*/
.notes-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #F30;}
.notes-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #F30;}

/* 回り込み解除 */
.clear {
	margin:0;
	padding:0;
	font-size:0;
	clear:both;
}

/*--------------------------------------------------------
レイアウト
--------------------------------------------------------*/
/*----------------------------
#header01
----------------------------*/
#header01 table td { background-color: #800008; }
#header01 .logo {padding: 10px 0px 5px 5px; vertical-align: bottom; }
#header01 .seo,
#header01 td .mypage {padding: 0px 5px 5px 0px; font: 10px/125% "ＭＳ Ｐゴシック"; color: #FFF; text-align: right; vertical-align: bottom;}
#header01 .mypage a {margin:0 3px;color: #FFF;}
#header01 .contact,
#header01 .login {padding: 10px 5px 0px 0px; text-align: right; vertical-align: top;}
#header01 .contact a{font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#header01 .menuBackground {padding: 5px 0px 5px 0px; text-align: center;}
#header01 a.menu:link {font: 12px/125% "ＭＳ Ｐゴシック"; color: #FFF; text-decoration: underline;}
#header01 a.menu:visited {font: 12px/125% "ＭＳ Ｐゴシック"; color: #FFF; text-decoration: underline;}
#header01 a.menu:hover {font: 12px/125% "ＭＳ Ｐゴシック"; color: #FFF; text-decoration: underline;}
#header01 a.menu:active {font: 12px/125% "ＭＳ Ｐゴシック"; color: #FFF; text-decoration: underline;}

#header01 td .mypage {display:none;}
#header01 .login {display:none;}
#pageTop #header01 td .mypage {display:block;}
#pageTop #header01 .login {display:inline;}


/*----------------------------
#footer01
----------------------------*/
#footer01 .copyright {padding: 5px 0px 5px 0px; font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF; text-align: center; background-color: #800008;}


/*----------------------------
#footer02
----------------------------*/
#footer02 .copyright {font: 11px/125% "ＭＳ Ｐゴシック"; color: #333;}

/*----------------------------
#footer nav
----------------------------*/
#foot-nav a:link {font: 12px/125% "ＭＳ Ｐゴシック"; text-decoration: underline;}
#foot-nav a:visited {font: 12px/125% "ＭＳ Ｐゴシック"; text-decoration: underline;}
#foot-nav a:hover {font: 12px/125% "ＭＳ Ｐゴシック"; text-decoration: underline;}
#foot-nav a:active {font: 12px/125% "ＭＳ Ｐゴシック"; text-decoration: underline;}

/*----------------------------
#foot-link
----------------------------*/
#foot-link .logo {margin-right:8px;vertical-align:text-bottom;}
#foot-link .title {font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #000; padding-bottom:6px; border-top:solid 1px #333;padding-top:8px;}
#foot-link .houjin {border-top:solid 1px #999;padding-top:4px;margin-top:4px;}
#foot-link .text {font: 11px/140% "ＭＳ Ｐゴシック"; color: #000;}
#foot-link .text span {font-weight: bold;}

/*----------------------------
#top
----------------------------*/
#top .flow {padding: 8px 0px 8px 0px; text-align: center; vertical-align:middle;}
#top a.title:link {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; text-decoration: underline;}
#top a.title:visited {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; text-decoration: underline;}
#top a.title:hover {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; text-decoration: underline;}
#top a.title:active {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; text-decoration: underline;}
#top .line {padding: 8px 0px 8px 0px; margin: 10px 0px 10px 0px;	border-bottom: 2px solid #CC9; vertical-align:top;}

#top h1 {
	display:inline;
	font-size:100%;
	font-weight:normal;
}

#top .toHikkoshi {
	padding:5px;
	background-color:#A3FFFF;
}

#top .toHikkoshi img {
	margin:5px 0 7px;
	vertical-align:middle;
}

/*----------------------------
#contents
----------------------------*/
#contents .title01 {font: bold 100%/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#contents .title02 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #060;}
#contents p.text01 {font: 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#contents p.text02 {font: 80%/125% "ＭＳ Ｐゴシック"; color: #060;}
#contents th.check {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #060; background-color: #CC9; white-space:nowrap;}
#contents td.check {font: 80%/125% "ＭＳ Ｐゴシック"; color: #060;}
#contents h1 {font: bold 100%/130% "ＭＳ Ｐゴシック"; color: #000; margin:0px;}
#contents h2 {font: bold 100%/110% "ＭＳ Ｐゴシック"; color: #FFF; margin:0px;}

/*----------------------------
#contents #voice
----------------------------*/
#contents #voice{width:640px; margin:8px 0 24px; text-align:left;}
#contents #voice h2 img{margin-bottom:16px;}
#contents #voice ul{margin:0 0 24px; padding:0; list-style-type:none; font: 80%/125% "ＭＳ Ｐゴシック";}
#contents #voice li{padding:6px 3px 7px 1.5em;background: url(/voice/images/voice_sq.gif) no-repeat 0.5em 0.7em;}
#contents #voice li.color{ background-color:#FFC;}
#contents #voice p.backnumber{margin-bottom:5px ;padding:3px 5px; background-color:#CC9; font:bold 100%/125% "ＭＳ Ｐゴシック"; color: #060;}
#contents #voice dl{margin:0; float:left; width:300px; font: 80%/125% "ＭＳ Ｐゴシック";}
#contents #voice dt{padding:6px 3px 7px 1.5em;background: url(/voice/images/voice_sq.gif) no-repeat 0.5em 0.7em; font-weight:bold;}

/*----------------------------
#info
----------------------------*/
#info h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #FFF; margin: 0px;}
#info h2 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; margin: 0px;}


/*--------------------------------------------------------
Area用
--------------------------------------------------------*/
#area h1 {font: bold 160%/100% "ＭＳ Ｐゴシック"; vertical-align:bottom; white-space:nowrap;}
#area h2 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#area .area-title {width:640px; background:#900; padding:2px 2px 2px 8px; margin: 0px 0px 12px 0px;}
#area a.title:link {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; text-decoration: underline;}
#area a.title:visited {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; text-decoration: underline;}
#area a.title:hover {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; text-decoration: underline;}
#area a.title:active {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #800008; text-decoration: underline;}
#area .flow {padding: 8px 0px; text-align: center; vertical-align:middle;}
#area .line {padding: 8px 0px; margin: 10px 0px;	border-bottom: 2px solid #CC9; vertical-align:top;}

/*--------------------------------------------------------
#area-contents用
--------------------------------------------------------*/
#area-contents {width:640px; text-align:left; margin-bottom:16px;}
#area-contents h1 {font: bold 160%/100% "ＭＳ Ｐゴシック"; vertical-align:bottom; white-space:nowrap;}
#area-contents .title {width:640px; background:#900; padding:2px 2px 2px 8px; margin: 24px 0px 12px 0px;}
#area-contents h2 {margin: 0 0 8px; font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF; display:inline;}
#area-contents .mb {background-color: #666666; padding: 3px 6px; margin-bottom:16px; border: 1px solid #666;}
#area-contents .notes {font: 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}

#area-contents h3 {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #333; background: #FFF url(/images/srv_icon_arrow.gif) no-repeat left center; padding-left:1em;}
#area-contents .line { border-bottom:1px solid #BBB;}
#area-contents .catchBlock {margin: 0px 0px 24px 0px;}
#area-contents .catch {font: 12px/125% "ＭＳ Ｐゴシック"; color: #333;}
#area-contents .label {font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
#area-contents .lead {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #F60; padding:0.5em 0 0.2em;}
#area-contents .list td {width:50%; vertical-align:top;}
#area-contents ul {font: 80%/125% "ＭＳ Ｐゴシック"; margin:2px 0 16px; padding-left:1em; list-style-type:none;}

#area-contents .office-list {
  margin:0 0 16px 5px;
  border-collapse:collapse;
  width:630px;
  font: 80%/125% "ＭＳ Ｐゴシック";
}

#area-contents .office-list caption {
	text-align:right;
}

#area-contents .office-list td,
#area-contents .office-list th {
	border:1px solid #999;
}

#area-contents .office-list th {
  background-color: #CC9;
}

#area-contents .office-list td {
	padding-left:3px;
}

#area-contents .area-list {
	margin-bottom:16px;
}

#area-contents .area-list ul {
	margin:0;
	width:640px;
}

#area-contents .area-list li {
	margin:0;
	padding: 0 13px 3px 0;
	float:left;
	width:200px;
	list-style: none;
}