@charset "euc-jp";

@import url("header.css");
@import url("footer.css");
@import url("navi.css");
@import url("class.css");
@import url("reset.css");

#h_top {
	background-color: #64a0b4;
}
#h_top a {
	background-color: #64a0b4;
	color: #ffffff;
	width: 800px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	text-align: left;
	display: block;
}
#h_top a:hover {
	text-decoration: underline;
}

body {
	text-align: center;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 13px;
	color: #444444;
}
#wrapper a {
	text-decoration: underline;
	color: #002288 !important;
}
#wrapper a:hover {
	text-decoration: none;
	color: #0088cc !important;
}
#wrapper{
	width: 820px;
	margin: 0 auto;
	text-align: left;
}
#contentsArea{
	width: 820px;
	padding-bottom: 20px;
	float: left;
}

/* h2,h3,h4,h5
------------------------------------------------------------------------------------------------*/
#contentsArea h2{
	padding-bottom: 20px;
	float: left;
}
#h3Area{
	width: 580px;
	height: 35px;
	display: block;
	background: #1a5183;
	padding: 15px 10px 0 10px;
	margin-bottom: 10px;
	float: left;
}
#h3Area h3{
	font-weight: bold;
	color: #FFFFFF;
	float: left;
}
#h3Area p{
	float: right;
}
#contentsArea h4{
	display: block;
	height: 27px;
	font-size: 16px;
	background: url(../images/common_images/bg/bg_h4.gif);
	color: #003366;
	font-weight: bold;
	padding: 7px 0 0 30px;
	margin-bottom: 20px;
}
#contentsArea h5{
	display: block;
	font-size: 14px;
	background: #99bbdd;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 20px;
}
#contentsArea h6{
}


/* コンテンツエリア
------------------------------------------------------------------------------------------------*/
#contentsMain{
	width: 600px;
	float: right;
}

.box580{
	width: 580px;
	padding: 0 10px 0 10px;
	float: left;
}


/* トップテキスト
--------------------------------------------------------------------------*/
#title{
	display: block;
	width: 580px;
	padding: 0 10px 0 10px;
	padding-bottom: 20px;
	float: left;
}


/* リンクボタン
--------------------------------------------------------------------------*/
#btnArea{
	width: 580px;
	padding: 0 10px 0 10px;
	float: left;
}

.line{
	width: 580px;
	float: left;
}

.btnLeft{
	padding-bottom: 2px;
	float: left;
}

.btnRight{
	padding-bottom: 2px;
	float: right;
}


/* 関連ページ
--------------------------------------------------------------------------*/
#relationPage{
	width: 600px;
	float: left;
}
#relationMain{
	width: 580px;
	background: #d2e0ec;
	padding: 10px;
	float: left;
}
#relationBanner{
	float: left;
}
#relationBanner ul{
	display: block;
	width: 580px;
	padding-bottom: 10px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#relationBanner li{
	display: inline;
	height: 52px;
	padding-right: 10px;
	float: left;
}
#relationText{
	font-weight: bold;
	padding-top: 10px;
	float: left;
}
#relationText ul{
	width: 580px;
	float: left;
}
#relationText li{
	display: inline;
	background: url(../images/common_images/relation/icon.gif) no-repeat left 5px;
	padding: 0 30px 0 12px; 
	float: left;
}
#relationText a:link{
	text-decoration: underline;
	color: #003399;
}
#relationText a:visited{
	text-decoration: underline;
	color: #003399;
}
#relationText a:hover{
	text-decoration: none;
	color: #003399;
}
#localNavi a:active{
}

/* ページトップ
--------------------------------------------------------------------------*/
#pTop{
	padding: 15px 0 0 0;
	float: right;
}


/* Q&A
--------------------------------------------------------------------------*/
#contentsQA{
	float: left;
}
#contentsQA dl{
	width: 600px;
	display: block;
	float: left;
	padding-bottom: 20px;
}
#contentsQA dt{
	display: block;
	color: #003366;
	font-weight: bold;
	background: #f2f7fb;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #213d6c;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
	padding: 4px 10px 4px 10px;
	margin-bottom: 15px;
}
#contentsQA dt p{
	background: url(../images/common_images/q_a/q.gif) no-repeat left 3px;
	padding-left: 20px;
}
#contentsQA dd{
	background: url(../images/common_images/q_a/a.gif) no-repeat left 3px;
	padding: 0 10px 0 20px;
	margin-left: 10px;
}


/* インフォ
--------------------------------------------------------------------------*/
#infoBox{
	width: 576px;
	background: url(../images/common_images/bg/dot_02.gif) repeat;
	margin: 0 10px 0 10px;
	padding: 2px;
	float: left;
}
#infoMain{
	background: #FFFFFF;
	padding: 10px;
}
#infoMain dt{
	color: #003366;
	font-weight: bold;
	padding-bottom: 3px;
}
#infoMain span{
	font-weight: bold;
}

/* 
--------------------------------------------------------------------------*/
#infoBox{
	width: 576px;
	background: url(../../images/common_images/bg/dot_02.gif) repeat;
	margin: 0 10px 0 10px;
	padding: 2px;
	float: left;
}
#infoMain{
	background: #FFFFFF;
	padding: 10px;
}
#infoMain dt{
	color: #003366;
	font-weight: bold;
	padding-bottom: 3px;
}
#infoMain span{
	font-weight: bold;
}
#infoMain img{
	vertical-align: text-bottom;
}
#groupTop{
	width: 600px;
	float: right;
	text-align: right;
	padding-bottom: 20px;
	font-weight: bold;
}
#groupTop a:link{
	text-decoration: underline;
	color: #003399;
}
#groupTop a:visited{
	text-decoration: underline;
	color: #003399;
}
#groupTop a:hover{
	text-decoration: none;
	color: #003399;
}
#groupTop a:active{
}