@charset "UTF-8";

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

/*　サブページ用CSS　*/

/* /////////////////////////////////////////////// */
#approach:before {
	width: 5px;
	height: 5px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/view/app_br.png);
	background-repeat: no-repeat;
	z-index: 10;
}

/*//////////////////////////////////////////////////////////////*/
/* ページタイトル */
/*//////////////////////////////////////////////////////////////*/
#page_title {
	background-color: #D8F0FD;
	border-top: 1px solid #B8CCD7;
}

#page_title h2 {
	height: 99px;
	margin: 0;
	padding-left: 30px;
	line-height: 99px;
	font-size: 35px;
}




/*//////////////////////////////////////////////////////////////*/
/* ローカルメニュー */
/*//////////////////////////////////////////////////////////////*/
#local_menu {
	background-color: #F7F7F7;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DDD9C9;
}

#local_menu ul {
	margin: 0;
	padding: 15px 0 0;
	padding-left: 30px;
	line-height: 20px;
}

#local_menu ul li {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}

#local_menu ul li a {
	margin-right: -1px;
	display: block;
	padding: 0 6px 0 6px;
	text-decoration: none;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}

#local_menu ul li:first-child a {
	border-left: 1px solid #666;
}

#local_menu ul li a:hover {
	color: #BA0000;
}




/*//////////////////////////////////////////////////////////////*/
/* コンテンツ */
/*//////////////////////////////////////////////////////////////*/
#contents {
	padding-bottom: 0px;
}

#contents {
	width: 670px;
	line-height: 160%;
}

#contents h2 {
	margin-bottom: 20px;
	padding: 15px 0;
	line-height: 100%;
	color: #BA0000;
	font-size: 24px;
	font-weight: normal;
	border-top: 1px solid #C00;
	border-bottom: 1px solid #C00;
}

#contents h3 {
	margin-bottom: 20px;
	padding: 15px 15px;
	line-height: 100%;
	color: #333;
	font-size: 20px;
	background-color: #F4F4F4;
	border-left: 10px solid #C00;
}

#contents h4 {
	margin-bottom: 10px;
	padding: 0;
	line-height: 100%;
	color: #000;
	font-size: 17px;
}

#contents .border_list {
	margin: 0 0 20px 0;
}

#contents .border_list>li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
	border-bottom: 1px dotted #999;
}

#category_num {
	display: none;
}

#dummy_title {
	display: none;
}

#contents p {
	margin-bottom: 20px;
}

#contents .img_area {
	margin: -10px 5px 10px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

#contents .img_area li {
	margin: 3px;
	padding: 0;
	display: inline-block;
	list-style: none;
}

#contents .fancybox {
	position: relative;
	display: block;
	text-decoration: none;
}

#contents .fancybox span {
	height: auto;
	padding: 5px 0;
	display: block;
	position: absolute;
	bottom: 7px;
	left: 7px;
	right: 7px;
	line-height: 100%;
	color: #FFF;
	font-size: 12px;
	text-indent: 8px;
	background-image: url(../img/view/menu.png);
	background-repeat: repeat;
}

#contents .fancybox img {
	vertical-align: bottom;
	border: 7px solid #FFF;
	cursor: pointer;
}

#contents .fancybox img:hover {
	border-color: #F5CCCC;
}

#contents img.viewer {
	vertical-align: bottom;
	border: 7px solid #FFF;
	cursor: pointer;
}

#contents img.viewer:hover {
	border-color: #F5CCCC;
}

#contents .contact_area {
	margin: 0 0 20px 0;
	padding: 20px;
	background-color: #F7F8F9;
	border: 1px solid #CCC;
}

#contents .contact_area dt {
	font-weight: bold;
}

.news {
	margin: 0;
	padding: 0;
}

.news li {
	margin: 0 0 20px;
	padding: 0px 0px 1px 70px;
	position: relative;
	list-style: none;
	border-bottom: 1px dashed #999;
}

.news li span.date {
	width: 60px;
	height: 60px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 30px;
	color: #600;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-image: url(../img/view/date.gif);
}

.news li h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

#contents .pager {
	text-align: center;
}

#contents .pager li {
	width: 3em;
	height: 3em;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 3em;
	list-style: none;
	background-color: #EEE;
}

#contents .pager li a {
	width: 3em;
	height: 3em;
	line-height: 3em;
	margin: 0;
	padding: 0;
	display: block;
	color: #333;
	text-decoration: none;
	background-color: #DEF;
	background-color: #FCC;
}

#contents .pager li a:hover {
	background-color: #BDF;
	background-color: #F99;
}

#MAP_BUTTON {
	margin: 0 auto 20px;
	display: block;
}

/*-------------------- バックナンバー --------------------*/
#back_number dl dt {
	width: 6.2em;
	margin-right: -6.2em;
	padding: 20px 0 20px 0.7em;
	float: left;
	clear: both;
	background-image: url(../img/view/arrow.gif);
	background-position: left;
}

#back_number dl dd {
	padding: 20px 0 20px 6.2em;
	background-image: url(../img/view/news_border.gif);
	background-position: bottom;
}

/*-------------------- 比べてみれば --------------------*/
#comparison {
	padding-bottom: 1px;
}

#comparison>ul {
	margin: 0 0 20px;
	padding: 0 0 20px;
	zoom: 100%;
}

#comparison>ul:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#comparison>ul>li {
	width: 166px;
	width: 16.66%;
	margin: 0;
	padding: 7px 0;
	float: left;
	list-style: none;
}

#comparison>ul>li#visible {
	margin-left: 16.66%;
}

#comparison>ul>li#invisible {}

.cont_box {
	margin-bottom: 20px;
	display: none;
	position: relative;
	clear: both;
	background-color: #FCFBFA;
}

#comparison .cont_box>h4 {
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 12px;
	color: #FFF;
	font-size: 1.4em;
	background-color: #900;
	background-color: #E56B5E;
	background-image: url(../img/view/comparison_h4.png);
	background-position: top;
}

.cont_box ul {
	margin: 0;
	padding: 0;
}

.cont_box ul.task li {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	list-style: none;
	text-indent: -9999px;
	background-position: top;
	cursor: pointer;
}

.cont_box ul.task li:hover {
	background-position: bottom;
}

.cont_box ul.task li.close {
	right: 50px;
	background-image: url(../img/view/close.png);
}

.cont_box ul.task li.active {
	right: 50px;
	background-image: url(../img/view/open.png);
}

.cont_box ul.task li.delete {
	right: 10px;
	background-image: url(../img/view/delete.png);
}

.cont_box span {
	padding: 20px 20px 1px;
	display: block;
	border: 1px solid #DDD;
	border-top: none;
}

/*-------------------- なるには --------------------*/
#become {
	margin: 0 0 30px;
	padding: 15px;
	background-color: #F9F8F7;
}

#become>li {
	width: 16.66%;
	margin: 0 0 10px;
	padding: 0;
	display: block;
	float: left;
	list-style: none;
}

#flash_area {
	margin-top: 30px;
	text-align: center;
}

#flash_area span {
	display: block;
}

#pdf_link {
	margin-top: -1px;
}

/*-------------------- 協力事務所用 --------------------*/
.ensure-list {
	margin: -5px 0 25px;
	padding: 15px 0 0 1.2em;
	font-size: 17px;
	border-top: 1px solid #CCC;
}

.ensure-list h5 {
	font-size: 15px;
}

.ensure-list .no-style {
	padding-left: 10px;
	list-style: none;
	font-size: .9rem;
}

.ensure-list h6 {
	font-size: .9rem;
	font-weight: normal;
}

.ensure-list p+table {
	margin-top: -15px;
}

.ensure-list .no-style>li>p {
	padding-left: 2em;
}




/*//////////////////////////////////////////////////////////////*/
/* サイトマップ */
/*//////////////////////////////////////////////////////////////*/
#sitemap {
	margin: 0;
	padding: 0;
}

#sitemap>li {
	margin-bottom: 30px;
	padding-bottom: 30px;
	list-style: none;
	border-bottom: 1px dotted #999;
}

#sitemap>li>a,
#sitemap>li>span {
	margin-bottom: 10px;
	padding-left: 12px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(../img/view/arrow.gif);
	background-position: left;
}

#sitemap>li>ul {
	margin-left: 30px;
}

#sitemap>li li {
	margin-bottom: 7px;
}