@charset "utf-8";
/* 共通設定 */
h1{
	margin-bottom: 10px;}
h3{
	padding: 5px 0px 0px 15px;
	background-image: url(../images/bg_stblue.gif);
	background-repeat: no-repeat;
	}
p{
	padding: 0px 15px 10px 15px;}
.c{
	text-align: center;}
.pink{
	color:#FF4A66;}
.green{
	color:#73AB00;
	}
.blue{
	color: #116192;}
b{
	font-size: 16px;}
.pagetop{
	width: 650px;
	margin: 10px 0px 0px 0px ;}
.pagetop2{
	width: 870px;
	margin: 40px 0px 0px 0px ;}
	
.f-r{
	float: right;}
		
.f-l{
	float: left;}

/* index */
#header h1{
	font-weight: normal;
	font-size: 85%;}

.index .place,
.column .place{
	margin: 0 auto 20px auto;
	width: 428px;
	padding: 0 0 11px 0;
	background-image: url(../images/bg_placesb.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
.index .place .placein,
.column .place .placein{
	width: 406px;
	margin: 0px auto;
	padding: 10px 0px 0px 22px;
	background-image: url(../images/bg_places.gif);
	background-repeat: repeat-y;}
	
	
.index .place .placein img,
.column .place .placein img {
	float: left;
	display: block;
	width: 92px;
	height: 34px;
	margin-right: 6px;
	margin-bottom: 6px;}
	
.index .box01{
	width: 856px;
	margin: 0 auto 10px auto;}
	
.index .box02{
	width: 847px;
	margin: 0 auto 20px auto;}
	
.index .column{
	width: 420px;
	margin-bottom: 20px;}
	
.index .column .bt{
	position:absolute;
	width: 137px;
	height: 26px;
	left: 330px;
	top: 9px;
}

.index .column .box2{
	overflow: scroll;
	width: 396px;
	height: 200px;
	padding: 7px 7px 10px 7px;
	border-left: 5px solid #E6E6E6;
	border-right: 5px solid #E6E6E6;
	border-bottom: 7px solid #E6E6E6;}
	
.index .column .box2 ul li{
	font-size: 14px;
	line-height: 1.4em;
	padding: 5px 0 5px 30px;
	border-bottom: 1px dotted #999;
	background: url(../images/mark_yaji.gif) no-repeat 10px;}
	
.index .topix{
	float: right;
	width: 375px;}
	
.index .topix .box{
	overflow: scroll;
	width: 351px;
	height: 290px;
	padding: 7px 7px 10px 7px;
	border-left: 5px solid #E6E6E6;
	border-right: 5px solid #E6E6E6;
	border-bottom: 7px solid #E6E6E6;}
	
.index .topix .box ul li{
	font-size: 14px;
	line-height: 1.4em;
	padding: 5px 0 5px 30px;
	border-bottom: 1px dotted #999;
	background: url(../images/mark_yaji.gif) no-repeat 10px;}
	
.index .placetop{
	float: left;
	width: 453px;
	text-align: center;
	}
	
.column .placetop{
	width: 453px;
	margin: 0 auto;
	text-align: center;
	}
	
.index .topix .box{
	width: 363px;
	min-height: 175px;
	padding: 7px 5px 8px 5px;
	border-right: 1px solid #D5D5DB;
	border-left: 1px solid #D5D5DB;
	border-bottom: 1px solid #D5D5DB;}
	
.index .catch{
	width: 870px;
	height: 475px;
	background-image: url(../images/bg_indexcatch2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
.index .catch p{
	width: 620px;
	padding: 55px 0px 0px 205px;
	line-height: 1.7em;
	}
.index .catch p.spn{
	padding: 15px 0 0 205px;}
	
	
.index .telbox{
	position: relative;
	width: 870px;
	height: 220px;
	margin: 0 0 20px 0;

	}
.index .telbox .bt01{
	position: absolute;
	left: 29px;
	top: 170px;
}
	
.index .telbox .bt02{
	position: absolute;
	left: 595px;
	top: 52px;
}

/* column */
.column {
	line-height: 1.7em;}
.column h2,
.privacy h2{
	width: 635px;
	height: 30px;
	margin: 10px 0px 15px 0px;
	padding: 10px 0px 0px 15px;
	color: #116192;
	font-size: 16px;
	background-image: url(../images/bg_stblue.gif);
	background-repeat: no-repeat;
	}
	
.column .box01{
	margin: 0 0 30px 0;}
	
.column .c{
	text-align: center;}
.column img.sp{
	margin-bottom: 20px;}
.column .ex{
	margin: 0px auto;
	padding: 35px 0px 0px 0px;
	width: 462px;
	height: 102px;
	text-align: center;
	background-image: url(../column/images/img_colum_ex.gif);
	background-repeat: no-repeat;
}
.column .cbox{
	text-align: center;
	margin: 10px 0px;}	
	
	
.column .columntx{
	width: 590px;
	height: 115px;
	margin: 0px auto 40px auto;
	padding: 10px 0px 0px 20px;
	background-image: url(../column/images/bg_column_tx.gif);
	background-repeat: no-repeat;
}
.column .columntx p{
	width: 380px;
	color: #116192;
	padding: 0px ;
	margin: 0 ;}
	
.column .columntx2{
	width: 588px;
	margin: 0px auto 40px auto;
	padding: 10px;
	border: 1px solid #D4D4D4;
	background-image: url(../column/images/bg_colum03.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
.column .columntx2 img{
	float: left;
	margin: 5px 0px 5px 10px ;
	}
	
.column .columntx2 p{
	float: right;
	width: 450px;}
	
.column .columntx2 p.tx{
	float: right;
	width: 420px;}

.column .columntx2 b{
	color: #116192;
	font-weight: normal;
	font-size: 14px;
}

.column .columntx4{
	width: 280px;
	margin: 0px 0 40px 0;
	padding: 8px;
	border: 1px solid #D4D4D4;
	background-image: url(../column/images/bg_colum03.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
.column .columntx4 img{
	float: left;
	margin-bottom: 5px;
	}
	
.column .columntx4 p{
	padding: 0;
	font-size: 14px;
	line-height: 1.5em;}
	
.column .columntx4 p.tx{
	float: right;
	width: 165px;
	padding: 0;
	margin: 0;}

.column .columntx4 b{
	color: #116192;
	font-weight: normal;
	font-size: 14px;
}
	
/* greeting */
.greeting .box01{
	position: relative;
	margin: 0 auto 20px auto;
	padding: 25px 20px 0 20px;
	width: 590px;
	height: 645px;
	line-height: 1.8em;
	background-image: url(../images/bg_greeting01.gif);
	background-repeat: no-repeat;
	}
.greeting .box01 .tx{
	position: absolute;
	width: 270px;
	height: 27px;
	left: 324px;
	top: 380px;
}
.greeting .box01 p{
	margin-bottom: 10px;
	}
.greeting .box01 .namebx{
	position: absolute;
	width: 360px;
	height: 183px;
	padding: 12px 0 0 5px ;
	line-height: 1.5em; 
	background-image: url(../images/img_greeting01.png);
	background-repeat: no-repeat;
	left: 247px;
	top: 443px;
}

.greeting .box01 .namebx p{
	padding: 0 0 0 10px;
	margin-bottom: 10px;}
.greeting .box01 .namebx p a{
	font-size: 12px;}
	
/* company */
.company h2{
	margin-bottom: 20px;
	}
.company table{
	width: 600px;
	margin: 0 auto 30px auto;
	border-top: 1px solid #E4E9E9;
	}
	
.company td,
.company th{
	padding: 7px;
	border-bottom: 1px solid #E4E9E9;}
	
.company th{
	font-weight: normal;
	text-align: left;}
	
.company td.td2{
	width: 40px;
	text-align: center;
	background-color: #F5F5F5;
	}
	
.company p.sp{
	margin:  0px 0 20px 20px;
	padding: 0 0 0 0;}
	
.company .bsp{
	line-height: 2em;
	border-bottom: 1px dotted #617878;
}
.company table.tb2{
	margin: 0 auto 30px auto;
	border: none;
	}
.company table.tb2 th {
	width: 140px;
	border-top: 2px solid #A3C2D1;
	border-bottom: none;
	}
	
.company table.tb2 td{
	border-top: 2px solid #E4E9E9;
	border-bottom: none;
	}
.company table.tb2 th.thb{
	padding-bottom: 15px;
	border-bottom: 2px solid #A3C2D1;}
	
.company table.tb2 td.tdb {
	padding-bottom: 13px;
	border-bottom: 2px solid #E4E9E9;
	}
	
/* info */
.info h2{
	margin-bottom: 20px;}
	
.info .box01{
	width: 600px;
	margin: 0 auto 35px auto;}
.info .box01 p{
	width: 345px;
	padding: 10px 0 0 30px;
	margin: 0;
	line-height: 1.7em;}
	
.info .box01 .tx{
	width: 375px;}
	
.info .box01 .txs{
	width: 375px;
	padding-top: 20px;}
	
.info .box01 p.spn{
	width: 375px;
	padding: 10px 0 0 0px;
	}
.info .box01 p.sp{
	width: 570px;
	padding: 10px 0 0 30px;
	}
	
/* faq */
.faq h1{
	margin-bottom: 20px;}
.faq h2{
	text-align:center;	
	}
.faq .box01{
	width: 554px;
	padding: 13px;
	margin: 15px auto 35px auto;
	border: 1px dotted #66A9B5;
	line-height: 1.6em;}
	
/* flow */
.flow p{
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	}
.flow .box01{
	position: relative;
	margin: 0 auto;
	width: 610px;
	height: 1055px;
	background-image: url(../images/bg_flow01.gif);
	background-repeat: no-repeat;
	}
.flow p.tx01{
	position: absolute;
	width: 300px;
	left: 155px;
	top: 12px;
}
.flow p.tx02{
	position: absolute;
	width: 200px;
	left: 14px;
	top: 146px;
}
.flow p.tx03{
	position: absolute;
	width: 220px;
	left: 388px;
	top: 128px;
}
.flow p.tx03 img{
	margin-top: 10px;}
	
.flow p.tx04{
	position: absolute;
	width: 157px;
	left: 228px;
	top: 289px;
}

.flow p.tx05{
	position: absolute;
	width: 214px;
	left: 9px;
	top: 342px;
}

.flow p.tx06{
	position: absolute;
	width: 215px;
	left: 197px;
	top: 463px;
}

.flow p.tx07{
	position: absolute;
	width: 551px;
	left: 32px;
	top: 626px;
	line-height: 1.8em;
}
.flow p.tx07 img{
	display: inline;
	margin: 5px 0;}
	
/* privacy */
.privacy h3{
	color: #006699;
	margin-bottom: 5px;
	border-bottom: 2px solid #CCCCCC;
	background-image: none;
	}
.privacy .box02{
	margin: 0 auto 20px auto;
	width: 620px;}
	
.privacy .box02 p{
	padding-bottom: 20px;}
	
.privacy ul,
.privacy ol{
	margin: 0 15px;}
.privacy ol li{
	margin-left: 25px;
	list-style-type: decimal;}
	
.privacy ul li{
	margin-left: 15px;
	list-style-type: disc;
	}
	
/* link */
.link table{
	margin: 10px auto 30px auto;
	width: 620px;
	border-top: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;}
	
.link td,
.link th{
	text-align: left;
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;}
	
.link table a{
	width: 180px;
	height: 30px;
	display: block;
	padding:  10px 0 0 25px;
	background-image: url(../images/mark_yaji2.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
.link td a:hover{
	background-color: #D3E6EB;
}

/* system sdetails */

.sdetails .box01{
	width: 820px;
	margin: 10px auto 20px auto;}
	
.sdetails .box01 .tx{
	float: right;
	width: 500px;}
	
.sdetails .box01 h3{
	width: 485px;
	height: 45px;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 15px;
	color: #116192;
	font-size: 16px;
	background-image: url(../system/user/images/bgst_details01.gif);
	background-repeat: no-repeat;
	}

.sdetails .box01 table{
	float: left;
	width: 298px;
	height: 223px;
	border: 1px solid #CCCCCC;
	}	

.sdetails .box01 .img{
	margin: auto;}
	
.sdetails .box01 p{
	padding: 0px;
	margin: 0;
	}

.sdetails .pdfarea{
	width: 790px;
	margin: 10px auto 20px auto;
	padding: 10px;
	border: 5px solid #EAEDED;
	}
.sdetails .pdfarea img{
	width: 790px;}
	
.sdetails .box02,
.slist .box03{
	width: 820px;
	margin: 10px auto 20px auto;}
	
.sdetails .box02 .bt{
	float: right;
	width: 380px;
	height: 160px;
	padding: 15px 5px;
	border: 5px solid #EAEDED;
	text-align: center;
	}
	
.sdetails .box02 img.sp{
	margin-bottom: 7px;}
	
/* system slist */
.slist h2{
	display: block;
	width: 850px;
	height: 43px;
	padding: 10px 0 0 20px;
	margin-bottom: 20px;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../system/user/images/st_list01.gif);
	background-repeat: no-repeat;
}

.slist h3{
	margin: 0 0 10px 0;
	padding:0;
	width: 400px;
	height: 45px;
	background-image: none;}
	
.slist .box01{
	width: 820px;
	min-height: 500px;
	margin: 10px auto 20px auto;}
	
.slist .box02{
	width: 400px;}
	
.slist .box02 li{
	width: 380px;
	padding: 10px 10px;
	border-bottom: 1px dotted #CCCCCC;}
	
.slist .box02 li img{
	margin-right: 5px;}	

.slist .box02 em{
	padding: 0;
	font-style: normal;
	font-size: 16px;
}

/* entry */
.entry table,
.column table.co{
	width: 620px;
	margin: 0 auto 20px auto;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;}
	
.column table.co{
	margin: 0 auto 10px auto;
	line-height: 1.5em;}
.column table.co td{
	border-right: 1px solid #CCCCCC;
	font-size: 12px;}
	
.entry td,
.entry th,
.column table.co td,
.column table.co th{
	padding: 7px;
	border-bottom: 1px solid #CCCCCC;}
	
.entry th{
	width: 180px;
	font-weight: normal;
	border-right: 1px solid #CCCCCC;
	background-image: url(../images/bgtb_entry01.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
	
.column table.co th{
	font-weight: normal;
	border-right: 1px solid #CCCCCC;
	background-image: url(../images/bgtb_entry01.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
	
.column .box0108{
	margin: 0 0 30px 0;
	background-image: url(../column/images/img_column08_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.column .box0108 p{
	padding: 0 0 0 180px;}
	
.column .box13{
	width: 620px;
	margin: 0 auto 30px auto;}
	
.column .box13 img{
	float: left;
	width: 185px;}
	
.column .box13 ul{
	float: right;
	width: 420px;}
	
.column .box13 li{
	list-style-type: disc;
	margin: 0 0 15px 15px;
	line-height: 1.3em;}
	
.column .box14{
	width: 620px;
	margin: 0 auto 30px auto;}
	
.column .box14 .f-r{
	margin-left: 10px;}
	
.column .box14 .f-l{
	margin-right: 10px;}
	
.column .box15{
	width: 620px;
	margin: 0 auto 30px auto;}
	
.column .columntx3{
	width: 588px;
	margin: 0px auto 40px auto;
	padding: 10px;
	border: 1px solid #D4D4D4;
	background-image: url(../column/images/bg_colum03.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
.column .columntx3 .tx{
	float: right;}
	
.column .columntx3 .tx p{
	padding: 0 10px 10px 0;}
	

.column .spsp{
	padding-bottom:80px;}
	
.column .sp{
	padding-bottom: 20px;}

/*兵庫*/
#hyogo #header p{
	margin:0;
	padding:0;}

#hyogo #header {
	width: 870px;
	height: 180px;
	background-image:none;
	margin: 0 auto;}

#hyogo h2#hyogo{
	background:url(../system/user/images/st_list02.gif) no-repeat;
	width:840px;
	height:37px;
	padding-top:16px;
	padding-left:30px;}

/*滋賀*/
#siga #header p{
	margin:0;
	padding:0;}

#siga #header {
	width: 870px;
	height: 180px;
	background-image:none;
	margin: 0 auto;}

#siga h2#siga{
	background:url(../system/user/images/st_list03.gif) no-repeat;
	width:840px;
	height:37px;
	padding-top:16px;
	padding-left:30px;}
	
	
/*市区表示ページ*/	
.slist .place{
	margin: 10px auto 40px auto;
	width: 805px;
	padding: 15px 0 5px 15px;
	border: 5px solid #EAEDED;
	text-align:center;
	}
	
.slist .place p{
	float: left;
	width: 92px;
	height: 29px;
	padding: 5px 0;
	margin: 0 8px 5px 0;
	color: #FFFFFF;
	background:url(../system/user/images/bt_city.png) no-repeat;}
	
.slist .place p a{
	color: #FFFFFF;}
	
.slist .box03 .bt{
	float: right;
	width: 380px;
	height: 105px;
	padding: 70px 5px 15px 5px;
	border: 5px solid #EAEDED;
	text-align: center;}
	
.btvoice{
	position: absolute;
	left: 268px;
	top: 231px;
}

