@charset "utf-8";

body{
	background-image:url(../img/body-bg2.gif);
}

/* 
--------------------------------------------------- */
#main-back{
	width:860px;
	height:222px;
	background-image:url(../img/main-back-bg.gif);
	background-repeat:no-repeat;
}

/* メイン
--------------------------------------------------- */
#main{
	width:810px;
	margin:8px auto 0 auto;
	clear:both;
}

/* 右箱
--------------------------------------------------- */
ul#pankuzu-lt{
	margin:5px 0 0 0;
	list-style-type:none;
}
ul#pankuzu-lt li{
	display:inline;
}
.sttl{
	width:564px;
	height:24px;
	padding:8px 0 0 23px;
	background-image:url(../img/sttl-bg.gif);
	background-repeat:no-repeat;
	font-size:16px;
	clear:both;
}
.sttl a{
	text-decoration:none;
}
.sttl a:hover{
	text-decoration:underline;
}
p#next{
	padding:15px 8px 5px 8px;
	text-align:right;
}
#s1{margin:20px 0 0 0;}
#s2{margin:20px 0 0 0;}
#s3{margin:20px 0 0 0;}


/* サービス案内
--------------------------------------------------- */
div.service-box{
	width:567px;
	height:102px;
	margin:10px 0 0 0;
	padding:10px;
	background-image:url(../img/service-boxbg.gif);
	background-repeat:no-repeat;
}
div.service-box h3{
	margin:0 0 7px 0;
}
div.service-box p{
	line-height:170%;
}
div.service-box div{
	margin:3px 0 0 0;
	text-align:right;
}
p.pttl{
	padding:20px 0 0 0;
	text-align:center;
}
ul.basic-lt{
	list-style-type:none;
}
#for-charge{
	margin:3px 8px 0 8px;
	padding:8px 8px 8px 8px;
	border:dashed 1px #ccc;
	background-color:#ffc;
	font-weight:bold;
	clear:both;
}

/* 会社設立
--------------------------------------------------- */
#s02-1{
	width:169px;
	height:25px;
	margin:0 10px 0 0;
	padding:80px 10px 0 10px;
	background-image:url(../img/s02-1.gif);
	background-repeat:no-repeat;
	float:left;
}
#s02-2{
	width:169px;
	height:25px;
	margin:0 10px 0 0;
	padding:80px 10px 0 10px;
	background-image:url(../img/s02-2.gif);
	background-repeat:no-repeat;
	float:left;
}
#s02-3{
	width:169px;
	height:25px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s02-3.gif);
	background-repeat:no-repeat;
	float:left;
}
#s02-4{
	width:267px;
	height:45px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s02-4.gif);
	background-repeat:no-repeat;
	float:left;
}
#s02-5{
	width:267px;
	height:45px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s02-5.gif);
	background-repeat:no-repeat;
	float:right;
}


/* 成年後見
--------------------------------------------------- */
table#s03-tb{
	width:587px;
	margin:0 0 30px 0;
}
table#s03-tb tr{
}
table#s03-tb td{
	background-repeat:no-repeat;
	background-position:left;
}
#s03-1{
	width:267px;
	height:45px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s03-1.gif);
	background-repeat:no-repeat;
	float:left;
}
#s03-2{
	width:267px;
	height:45px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s03-2.gif);
	background-repeat:no-repeat;
	float:right;
}
#s03-3{
	width:267px;
	height:45px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s03-3.gif);
	background-repeat:no-repeat;
	float:left;
}
#s03-4{
	width:267px;
	height:45px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s03-4.gif);
	background-repeat:no-repeat;
	float:right;
}
#s03-5{
	width:267px;
	height:45px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s03-5.gif);
	background-repeat:no-repeat;
	float:left;
}
#s03-6{
	width:267px;
	height:45px;
	padding:80px 10px 0 10px;
	background-image:url(../img/s03-6.gif);
	background-repeat:no-repeat;
	float:right;
}
#s03-7{
	width:567px;
	height:44px;
	margin:0 0 30px 0;
	padding:80px 10px 0 10px;
	background-image:url(../img/s03-7.gif);
	background-repeat:no-repeat;
	clear:both;
}


/* お手続きの流れ dl
--------------------------------------------------- */
div.flow-box{
	margin:0 8px 10px 8px;
	padding:10px 10px 0 10px;
	background-image:url(../img/flow-bg.gif);
	border:solid 1px #ccc;
	clear:both;
}
div.flow-box dl dt{
	width:130px;
	height:19px;
	padding:5px 5px 2px 33px;
	border-top:solid 1px #aaa;
	border-right:solid 1px #aaa;
	border-left:solid 1px #aaa;
	background-color:#efe;
	color:#005d00;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:0 50%
}
div.flow-box dl dd.setu{
	padding:8px 8px 5px 5px;
	background-color:#fff;
	border:solid 1px #aaa;
}
div.flow-box dl dd.flow{
	margin:0 0 10px 0;
	padding:0 0 0 70px;
}
.no1{background-image:url(../img/flow-no1.gif);}
.no2{background-image:url(../img/flow-no2.gif);}
.no3{background-image:url(../img/flow-no3.gif);}
.no4{background-image:url(../img/flow-no4.gif);}
.no5{background-image:url(../img/flow-no5.gif);}
.no6{background-image:url(../img/flow-no6.gif);}
.last{
	margin:0 0 15px 0;
	border-bottom:solid 1px #aaa;
}

/* tab
--------------------------------------------------- */
#tabs,#tabs2,#tabs3,#tabs4{
	width:587px;
	margin:10px 0 30px 0;
}
#tabs ul,#tabs2 ul,#tabs3 ul,#tabs4 ul{
	height:30px;
	margin:0 0 10px 0;
	padding:6px 0 0 6px;
	background-image:url(../img/tab-bg.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	list-style-type:none;
}
#tabs ul li,#tabs2 ul li,#tabs3 ul li,#tabs4 ul li{
	margin:0 5px 0 0;
}

/* 料金案内
--------------------------------------------------- */
table.charge-tb{
	width:571px;
	margin:3px 8px 0 8px;
	background-color:#fff;
}
table.charge-tb caption{
	padding:2px 0 0 20px;
	font-weight:bold;
	background-image:url(../img/icon-01.gif);
	background-repeat:no-repeat;
	background-position:0 40%;
	color:#6dba3b;
}
table.charge-tb thead th{
	padding:8px 8px 5px 8px;
	text-align:center;
	background-color:#ddeeb9;
	color:#393;
}
table.charge-tb th{
	padding:8px 8px 5px 8px;
	border:solid 1px #ccc;
}
table.charge-tb tbody th{
	background-color:#f3f9f3;
}
table.charge-tb td{
	padding:8px 8px 5px 8px;
	border:solid 1px #ccc;
}
div.case-box{
	width:554px;
	margin:0 8px 0 7px;
	padding:5px 8px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	clear:both;
}
.w3-1{width:85px;}
.w3-2{width:218px;}
.w3-3{width:218px;}
.w2-1{width:285px;}
.w2-2{width:285px;}
.ygreen-bg{background-color:#f3f9f3;}
.orange-bg{background-color:#fec;}
.white-bg{background-color:#fff;}

/* 事務所案内
--------------------------------------------------- */
table#office-tb{
	width:571px;
	margin:10px 8px 13px 8px;
}
table#office-tb th{
	width:100px;
	padding:5px 5px 2px 5px;
	border:solid 1px #ccc;
	background-color:#eee;
}
table#office-tb td{
	padding:5px 5px 2px 5px;
	border:solid 1px #ccc;
}

/* 地図 */

#map{
	width:571px;
	height:400px;
	margin:8px;
	border:solid 1px #333;
}

/* 所長紹介 */
#photo{
	margin:10px 0 0 8px;
	float:left;
}
*html #photo{
	margin:10px 0 0 4px;
	float:left;
}
table#office-tb2{
	width:410px;
	margin:10px 8px 13px 8px;
	float:left;
}
table#office-tb2 th{
	width:60px;
	padding:5px 5px 2px 5px;
	border:solid 1px #ccc;
	background-color:#eee;
}
table#office-tb2 td{
	padding:5px 5px 2px 5px;
	border:solid 1px #ccc;
}
dl#office-dl dt{
	color:#6DBA3B;
}
dl#office-dl dd{
	margin:0 0 5px 0;
}

/* 個人情報保護方針
--------------------------------------------------- */
dl#privacy-lt{
	padding:0 8px 8px 8px;
}
dl#privacy-lt dt{
	padding:8px 0 0 0;
	font-weight:bold;
}
dl#privacy-lt dd{
	padding:0 0 8px 0;
	border-bottom:dashed 1px #ccc;
}

/* サイトマップ
--------------------------------------------------- */
ul#sitemap-lt{
	margin:0 0 10px 0;
	padding:8px;
	list-style-type:none;
}
ul#sitemap-lt li{
	background-image:url(../img/icon-tri.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
}
ul#sitemap-lt li a{
	padding:5px 0 3px 13px;
	border-bottom:solid 1px #eee;
	display:block;
	text-decoration:none;
}
ul#sitemap-lt li a:hover{
	text-decoration:underline;
}
ul#sitemap-lt li ul{
	list-style-type:none;
}
ul#sitemap-lt li ul li{
	background-position:13px 8px;
}
ul#sitemap-lt li ul li a{
	padding:5px 0 3px 26px;
}
ul#sitemap-lt li ul li ul li{
	background-image:url(../img/icon-l.gif);
	background-position:26px 8px;
}
ul#sitemap-lt li ul li ul li a{
	padding:5px 0 3px 39px;
}

/* お問合せ
--------------------------------------------------- */
form#mailform{
}
table#form-tb{
	width:571px;
	margin:10px 8px 13px 8px;
}
table#form-tb th{
	width:100px;
	padding:5px;
	border:solid 1px #ccc;
	background-color:#eee;
}
table#form-tb td{
	padding:5px;
	border:solid 1px #ccc;
}
table#form-tb td ul{
	list-style-type:none;
}
table#form-tb td ul li{
	width:220px;
	float:left;
}
table#form-tb td ul label{
	margin:0 0 0 5px;
}
.size-s{
	width:30px;
}
.size-m{
	width:150px;
}
.size-l{
	width:300px;
}
.size-ll{
	width:400px;
}
textarea{
	width:400px;
	height:80px;
	font-size:12px;
}
.red{
	color:#f00;
}
.text-c{
	text-align:center;
}

/* ブログ
--------------------------------------------------- */
div.day{
	margin:3px 8px 0 8px;
	font-size:11px;
}
div.day a{
	color:#333;
	text-decoration:none;
}
div.day a:hover{
	text-decoration:underline;
}
div.text-more{
	margin:0 0 8px 0;
	text-align:right;
}
div.more{
	margin:0 0 5px 0;
	padding:0 8px 8px 8px;
	line-height:170%;
}
div.entry-box{
	padding:8px;
}
.byline a{
	text-decoration:none;
}

ul#comment-lt{
	padding:27px 0 0 0;
	margin:10px 0 0 0;
	list-style-type:none;
	background-image:url(../img/comment-mttl.gif);
	background-repeat:no-repeat;
	background-position:top;
}
ul#comment-lt li{
	width:160px;
	padding:5px 0 3px 13px;
	background-image:url(../img/icon-tri.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
	border-bottom:solid 1px #eee;
}
ul#comment-lt li a{
	width:160px;
	text-align:right;
	text-decoration:none;
}
ul#comment-lt li a:hover{
	text-decoration:underline;
}
ul#back-forth{
	margin:10px 0 20px 0;
	list-style-type:none;
	text-align:center;
	clear:both;
}
ul#back-forth li{display:inline;}
ul#back-forth li a{text-decoration:none;}
ul#back-forth li a:hover{text-decoration:underline;}

/* ページ分割 */
ul#page-navi{
	margin:20px 0 20px 7px;
	list-style-type:none;
	clear:both;
	text-align:center;
}
ul#page-navi li{
	margin-right:3px;
	display:inline;
}
ul#page-navi li span,
ul#page-navi li a {
	padding:5px 10px;
	background-color:#6dba3b;
	border:solid 1px #666;
	text-decoration:none;
	color:#fff;
}
ul#page-navi li span{
	color:#000;
	background-color:#efe;
}
ul#page-navi li a:hover {
	color:#000;
	background-color:#efe;
	text-decoration:underline;
}