@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.mainBox {
	padding-top: 26px;
	background: none;
}

#conts h2 {
	margin-bottom: 25px;
}

#conts .h2Ttl {
	margin-bottom: 30px;
}

#conts p {
	font-size: 1.4em;
}

#conts .text {
	color: #66503a;
}

#conts .listUl {
	padding: 1px 0 94px 15px;
}

#conts .listUl li {
	margin: 74px 9px 0 0;
	width: 250px;
	float: left;
	position: relative;
}

#conts .listUl li .ttlImg {
	position: absolute;
	left: 55px;
	top: -52px;
}

#conts .listUl li a:hover > img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .listUl li a {
	display: block;
	position: relative;
}

#conts .listUl li a:hover .overBox {
	display: block;
}

#conts .listUl li a .overBox {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/topics/a_bg.png) repeat left top;
}

#conts .listUl li a .overBox .ttlIcon {
	padding: 15px 0 7px;
	text-align: center;
}

#conts .listUl li a .overBox p {
	margin: 0 10px 0 15px;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.5;
}

#conts .listUl li a .overBox .link {
	margin-top: 8px;
	text-align: center;
}

#conts .imgBox {
	margin: 0 0 15px 46px;
}

#conts .imgBox .photoBox {
	float: left;
}

#conts .imgBox .textBox {
	margin: 80px 0 0 -20px;
	width: 425px;
	float: right;
}

#conts .imgBox .textBox p {
	color: #66503a;
	font-size: 1.6em;
}

#conts .link {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}
#conts .link a#submit_btn img{
	height: 43px;
}
#conts .link a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .searchBox {
	padding-top: 2px;
	margin: 0 -23px 0 -6px;
	position: relative;
	background: url(../img/topics/search_bg01.png) no-repeat left top;
}

#conts .searchBox .ttlImg {
	position: absolute;
	left: -55px;
	top: 0;
}

#conts .searchBox .subBox {
	padding: 10px 0 21px 17px;
	background: url(../img/topics/search_bg02.png) no-repeat left bottom;
}

#conts .searchBox .searchList {
	margin-right: -10px;
}

#conts .searchBox .searchList > li {
	margin-right: 28px;
	width: 135px;
	float: left;
	color: #845d43;
	font-size: 1.3em;
	font-weight: bold;
}
	
#conts .searchBox .searchList > li img {
	margin: -3px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#conts .searchBox .searchList li .srcoll {
	margin-top: 8px;
	border: 1px solid #A9A9A9;
}

#conts .searchBox .searchList li p {
	padding: 2px 0 0;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2;
	background-color: #C8C8C8;
}

#conts .searchBox .searchList .srcoll {
	height: 165px;
	overflow-y: scroll;
}

#conts .searchBox .searchList .srcoll ul {
	padding-top: 2px;
}

#conts .searchBox .searchList .srcoll ul li {
	padding-bottom: 1px;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2;
}

#conts .searchBox .searchList .srcoll ul li li {
	font-size: 1em;
}

#conts .searchBox .searchList .srcoll .list li {
	padding: 0 0 1px 8px;
	background: url(../img/common/icon05.gif) no-repeat 1px 2px;
}

#conts .searchBox .searchList .status  .srcoll {
	height: 80px;
}

#conts .searchBox .searchList .housing  .srcoll {
	height: 45px;
}

#conts .searchBox .image {
	margin: 0 5px 4px 0;
	text-align: right;
}

#conts .searchBox .image img {
	margin-top: -108px;
}

#conts .searchBox .search {
	margin-top: 5px;
	float: left;
}

#conts .searchBox .search input {
	padding: 5px 10px;
	width: 420px;
	height: 25px;
	float: left;
	font-size: 1.4em;
	border: 1px solid #A9A9A9;
	border-right: none;
}

#conts .searchBox .search a {
	float: right;
}

#conts .searchBox .search a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .searchBox .btn {
	margin-right: 20px;
	float: right;
}

#conts .searchBox .btn a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .searchBox .more {
	margin-top: 13px;
}

#conts .searchBox .more a {
	padding: 8px 0 5px;
	display: block;
	color: #323232;
	font-size: 1.4em;
	position: relative;
	text-align: center;
	text-decoration: underline;
	background-color: #EBEBEB;
	border-radius: 5px;
	behavior: url(js/pie.htc);
}

#conts .searchBox .more a:hover {
	text-decoration: none;
}

#conts .searchBox .more a img {
	margin: -4px 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#conts .pageBox {
	margin: 30px 0 33px;
	background: url(../img/common/com_bg.png) repeat-x left top;
}

#conts .pageBox .pageList {
	padding: 25px 0;
	background: url(../img/common/com_bg.png) repeat-x left bottom;
}

#conts .inner {
	margin: 0 -23px 0 -6px;
	position: relative;
	background-color: #FFF;
	border: 1px solid #F8E3BA;
	border-radius: 4px;
	behavior: url(js/pie.htc);
}

#conts .inner .ttlImg {
	position: absolute;
	left: 10px;
	top: -3px;
}

#conts .inner .ttlBox {
	padding: 17px 20px 9px 65px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #F2F2F2;
}

#conts .inner .ttlBox p {
	margin-top: -3px;
	width: 535px;
	float: left;
	font-size: 1.8em;
}

#conts .inner .ttlBox .btn {
	float: right;
}

#conts .inner .ttlBox .btn a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .inner .subBox {
	padding: 20px;
}

#conts .inner .imgBoxL {
	margin-bottom: 7px;
}

#conts .inner .imgBoxL .photoUl {
	width: 232px;
	float: left;
}

#conts .inner .imgBoxL .photoUl li {
	padding: 0 9px 10px 0;
	float: left;
}

#conts .inner .imgBoxL .textBox {
	margin-top: -2px;
	width: 542px;
	float: right;
}

#conts .inner .imgBoxL .textBox p {
	margin-bottom: 16px;
	color: #619618;
	font-size: 1.4em;
	line-height: 1.2;
}

#conts .inner .imgBoxL .textBox .ttl {
	margin-bottom: 8px;
	font-size: 2.4em;
}

#conts .inner .imgBoxL .textBox table {
	width: 100%;
	font-size: 1.4em;
	line-height: 1.4;
	border-collapse: collapse;
}

#conts .inner .imgBoxL .textBox th {
	padding: 15px 0 9px;
	width: 33%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border-top: 1px dotted #CCC;
}

#conts .inner .imgBoxL .textBox td {
	padding: 13px 0 9px;
	width: 67%;
	text-align: left;
	vertical-align: middle;
	border-top: 1px dotted #CCC;
}

#conts .inner .textImg {
	margin: 0 0 14px -2px;
}

#conts .inner .textImg li {
	padding: 0 8px 6px 0;
	float: left;
}

#conts .inner .btnUl {
	margin: 0 auto;
	width: 572px;
}

#conts .inner .btnUl li {
	padding: 0 10px;
	float: left;
}

#conts .inner .btnUl li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#conts .tabPanel {
	margin: 0 auto -1px;
	width: 458px;
	position: relative;
}

#conts .tabPanel li {
	float: left;
}

#conts .tabPanel li a {
	display: block;
}

#conts .tabPanel .on {
	margin: 0 -1px;
}

#conts .tabPanel .on a img {
	visibility: hidden;
}

#conts .tabPanel .link01.on a,
#conts .tabPanel .link03.on a {
	margin: 0 -1px 0 0;
}

#conts .tabPanel .link02.on a,
#conts .tabPanel .link08.on a {
	margin: 0 0 0 -1px;
}

#conts .tabPanel .link01 a {
	background: url(../img/index/tab01_over.png) no-repeat left top;
}

#conts .tabPanel .link01.on a {
	width: 230px;
}

#conts .tabPanel .link02 a {
	background: url(../img/index/tab02_over.png) no-repeat left top;
}

#conts .tabPanel .link02.on a {
	width: 231px;
}

#conts .tabPanel .link03 a {
	background: url(../img/index/tab03_over.png) no-repeat left top;
}

#conts .tabPanel .link03.on a {
	width: 127px;
}

#conts .tabPanel .link04 a {
	background: url(../img/index/tab04_over.png) no-repeat left top;
}

#conts .tabPanel .link04.on a {
	width: 127px;
}

#conts .tabPanel .link05 a {
	background: url(../img/index/tab05_over.png) no-repeat left top;
}

#conts .tabPanel .link05.on a {
	width: 126px;
}

#conts .tabPanel .link06 a {
	background: url(../img/index/tab06_over.png) no-repeat left top;
}

#conts .tabPanel .link06.on a {
	width: 127px;
}

#conts .tabPanel .link07 a {
	background: url(../img/index/tab07_over.png) no-repeat left top;
}

#conts .tabPanel .link07.on a {
	width: 126px;
}

#conts .tabPanel .link08 a {
	background: url(../img/index/tab08_over.png) no-repeat left top;
}

#conts .tabPanel .link08.on a {
	width: 128px;
}

#conts .tabBox .inner {
	padding-top: 8px;
	background: url(../img/index/tab_bg01.jpg) no-repeat left top;
}

#conts .tabBox .subBox {
	padding: 3px 30px 30px;
	background: url(../img/index/tab_bg02.jpg) no-repeat left bottom;
}

#conts .tabBox .tab ul {
	font-size: 1.4em;
}

#conts .tabBox .tab li {
	width: 100%;
	display: table;
	table-layout: fixed;
	background: url(../img/common/line01.gif) repeat-x left bottom;
}

#conts .tabBox .tab li span {
	padding: 13px 0 14px;
	width: 643px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#conts .tabBox .tab li span:first-child {
	width: 121px;
	letter-spacing: 1px;
}

#conts .tabBox .tab li a {
	color: #619618;
	text-decoration: none;
}

#conts .tabBox .tab li a:hover {
	text-decoration: underline;
}

#conts .tabBox .btn {
	margin-top: 20px;
	text-align: center;
}

#conts .tabBox .btn a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .tabPanel02 {
	width: 755px;
}

#conts .tabPanel02 .on {
	margin-right: -1px;
	position: relative;
}

#conts .tabBox {
	margin-bottom: 30px;
}

#conts .tabBox02 .tab li span span {
	margin: -2px 0 0 15px;
	padding: 3px 0 1px;
	width: 95px !important;
	color: #FFF;
	font-size: 0.857em;
	letter-spacing: 0;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	behavior: url(js/pie.htc);
}

#conts .tabBox .tab li .work {
	background-color: #FF95A5;
}

#conts .tabBox .tab li .message {
	background-color: #68AED3;
}

#conts .tabBox .tab li .introduction {
	background-color: #C78EE7;
}

#conts .tabBox .tab li .voice {
	background-color: #89BC52;
}

#conts .tabBox .tab li .news {
	background-color: #FF8A00;
}

#conts .tabBox02 .tab li span {
	width: 535px;
}

#conts .tabBox02 .tab li span:first-child {
	width: 230px;
}
#main .mailForm {
	width: 1000px;
	margin-bottom: 30px;
	padding: 20px;
	background-color: #FFF;
	border: 1px dotted #E8DAAE;
}

#main .mailForm table {
	width: 1000px;
	border-collapse: collapse;
}

#main .mailForm th {
	padding: 15px 5px;
	width: 20%;
	font-size: 1.4em;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	background-color: #F6F6F6;
	border:1px solid #E2E2E2;
}
#main .mailForm th:nth-child(2) {
	width: 10%;
	text-align:right;
	vertical-align:middle;
}

#main .mailForm th aa {
	text-align: right;
	vertical-align: middle;
}

#main .mailForm th input {
	margin: -5px 2px 0 0;
	vertical-align: middle;
}

#main .mailForm td {
	padding: 15px;
	width: 70%;
	font-size: 1.4em;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #E2E2E2;
}

#main .mailForm td .checkUl checkbox,
#main .mailForm td .checkUl label{
	display: inline-block;
}

#main .mailForm td .radio_cell{
	padding: 0 0 10px 0;
}

#main .mailForm td .radio_cell li{
	display: inline-block;
	padding: 0 20px 0 0;
}

#main .mailForm td .check_cell{
	margin: 0 0 -10px 0;
}

#main .mailForm td .check_cell label{
	margin: 0 0 0 -10px;
}

#main .mailForm td .check_cell li {
	padding: 0 0 11px 0;
	min-width: 120px;
	float: left;
	position: relative;

	width: 33%;
}

#main .mailForm td .checkUl li input {
	margin: -5px 1px 0 0;
	vertical-align: middle;
}

#main .mailForm td .checkUl02 {
	padding-bottom: 3px;
	border-bottom: 1px dotted #ABAAA7;
}

#main .mailForm td .checkUl02 li {
	padding-right: 0;
}

#main .mailForm td .checkUl03 {
	padding-bottom: 3px;
	border-bottom: 1px dotted #ABAAA7;
}

#main .mailForm td .checkUl03 li {
	padding-right: 0;
	min-width: 105px;
}

#main .mailForm td .checkUl04 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #ABAAA7;
}

#main .mailForm td .checkUl04 li {
	padding-right: 0;
	min-width: 210px;
}

#main .mailForm td .checkUl05 li {
	padding-right: 0;
	min-width: 210px;
}

#main .mailForm td .checkUl06 li {
	padding-right: 0;
	min-width: 280px;
}

#main .mailForm td .checkUl07 {
	padding-bottom: 3px;
	border-bottom: 1px dotted #ABAAA7;
}

#main .mailForm td .checkUl07 li {
	padding-right: 20px;
	min-width: 100px;
}

#main .mailForm td .title {
	margin: 18px 0 -8px;
}

#main .mailForm td .question {
	margin: -6px 0 0;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

#main .mailForm td .question img {
	vertical-align: middle;
}

#main .mailForm td .question p {
	padding: 7px 10px 5px;
	width: 215px;
	position: absolute;
	left: -105px;
	top: 30px;
	color: #FFF;
	font-size:0.857em;
	line-height: 1.7;
	z-index: 20;
	display: none;
	background: url(../img/common/icon10.png) repeat left top;
	border-radius: 3px;
	behavior: url(js/pie.htc);
}

#main .mailForm td .question p:before {
	width: 10px;  
    height: 7px;
    background: url(../img/common/icon09.png) no-repeat left top;
    position: absolute;  
    top: -7px;  
    left: 47%;  
  
    content: "";
}

#main .mailForm td .checkUl li .num {
	padding-top: 2px;
	width: 46px;
	position: absolute;
	left: -15px;
	top: 18px;
	color: #FFF;
	font-size: 0.785em;
	line-height: 1.2;
	text-align: center;
	z-index: 20;
	display: none;
	background: url(../img/common/icon10.png) repeat left top;
	border-radius: 3px;
	behavior: url(js/pie.htc);
}

#main .mailForm td .checkUl li .num:before {
	width: 5px;  
    height: 4px;
    background: url(../img/common/icon11.png) no-repeat left top;
    position: absolute;  
    top: -4px;  
    left: 43%;  
  
    content: "";
}

.btmBox {
	margin-top: 0;
}

.riyoukiyaku{
	width:1000px;
	height:200px;
	padding: 20px;
	background:#FFF;
}
.riyoukiyaku p{
	overflow:auto;
	width: 1000px;
	height:200px;
	border:solid 1px #888;
	
}

.button_center{
	width:1000px;
	padding: 20px;
	text-align:center;
}

.description{
	width:1040px;
	overflow:auto;
}
.description p{
	float:left;
}
.skip_button{
	float:right;
	margin-top:10px;
}


.pr .history .checkUl li{
	padding: 0 0 10px 0;
}

.pr .history .checkUl img{
	vertical-align: bottom;
}

.pr .history .checkUl li:last-child{
	padding: 0;
}

.zero{
	padding: 0!important;
	margin: 0!important;
}

#check_osirase p{
	font-size: 13px;
	padding: 0 0 10px 0;
}


#form01 th{
	border-top: 1px solid #E2E2E2!important;
	border-right: none!important;
	border-bottom: 1px solid #E2E2E2!important;
	border-left: none!important;
	padding: 0 0 0 10px!important;
}

#form01 th:nth-child(2){
	padding: 0 10px 0 0!important;
}