@charset "Shift-JIS";

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
p{font-size:12px;}
table{border-collapse:collapse;border-spacing:0;}
th,tr,td{vertical-align:top;}
fieldset,img{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*-------common */

body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333;
	height:100%;
	margin:0;
	padding:0;
	line-height:14px;
	font:12px;
}

hr{
	width:100%;
	clear:both;
	visibility:hidden;
	height:0px;
	margin:0;
	padding:0;
}

a:link{
	color:#0081e6;
}

a:visited{
	color:#0081e6;
}

strong{
	font-size:15px;
	font-weight:bold;
}

.center{
	text-align:center;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

textarea{
	font-size:12px;
}

/*-------HEADER */
#HEADER{
	height:173px;
}

.introduction{ background:#F1F1F1 url(images/introduction_image.jpg) no-repeat top center;}
.duties{ background:#F1F1F1 url(images/duties_image.jpg) no-repeat top center;}
.flow{ background:#f5f6f7 url(images/flow_image.jpg) no-repeat top center;}
.faq{ background:#E7E7E7 url(images/faq_image.jpg) no-repeat top center;}
.access{ background:#375939 url(images/access_image.jpg) no-repeat top center;}
.link{ background:#76CCED url(images/link_image.jpg) no-repeat top center;}
.appointment{ background:#d0d8dd url(images/appointment_image.jpg) no-repeat top center;}
.topics{ background:#F1F1F1 url(images/topics_image.jpg) no-repeat top center;}

#HEADER.header_top{
	margin:0 auto;
	height:350px;
	background:#FFF url(images/top_image.jpg) no-repeat top center;
}

.header_top > .header_bar{
	height:350px;
	background:url(images/top_bar.png) repeat-x;
}

.header_bar{
	height:173px;
	background:url(images/category_bar.png) repeat-x;
}
.logo{
	width:900px;
	height:135px;
	margin:0 auto;
	background:url(images/logo.png) no-repeat;
	
}

/*-------middle */
#MIDDLE{
	width:900px;
	margin:-32px auto 0 auto;
}

.header_menu{
	width:880px;
	height:46px;
	padding:10px 10px 0 10px;
	background:url(images/middle_bg_top.png) no-repeat;
}

.header_menu .home{
	width:183px;
	height:40px;
	border:1px solid #D5D5D5;
	background:#FFF;
	float:left;
	margin:0;
}

.header_menu li{
	width:128px;
	height:40px;
	border:1px solid #D5D5D5;
	background:#FFF;
	float:left;
	margin-left:9px;
}

.contents{
	width:900px;
	height:100%;
	background:url(images/middle_bg.png) repeat-y;
}

.side_menu{
	width:196px;
	height:100%;
	padding:4px 0;
	margin-left:5px;
	float:left;
}

.side_menu li{
	width:183px;
	height:28px;
	border:1px solid #D5D5D5;
	margin:0 5px 1px 5px;
	background:#FFF;
}

.side_menu .subcategory{
	width:170px;
	height:23px;
	border:1px solid #D5D5D5;
	margin:0 5px 1px 18px;
	background:#FFF;
	
}

.chapter_greeting{
	height:27px;
	width:100%;
	border-bottom:3px solid #D5D5D5;
	margin-top:22px;
}

.chapter{
	height:27px;
	width:100%;
	border-bottom:3px solid #D5D5D5;
	margin-top:5px;
}

.chapter img , .chapter_greeting img{
	padding:0 10px 7px 10px;
	border-bottom:3px solid #87ad3c;
}

.inner{
	width:684px;
	height:100%;
	float:left;
	padding:5px;
}

.clear{
	clear:both;
	height:0px;
}

.bottom{
	clear:both;
	width:900px;
	height:40px;
	margin:0 auto 10px auto;
	background:url(images/middle_bg_bottom.png) no-repeat;
	text-align:right;
}

.anchor{
	width:128px;
	height:24px;
	border:1px solid #D5D5D5;
	margin:5px 10px 0 0;
	float:right;
}
.under{
	border-bottom:dashed 1px #D5D5D5;
	padding:0;
	height:1px;
	margin:0 0 5px 0;
}

/*-------banner_area */
.banner_area{
	width:644px;
	margin-left:31px;
	padding:20px 0;
}

.banner_area > li{
	float:left;
	margin:0 22px 10px 0;
}

.banner_area > div{
	width:298px;
	float:left;
	margin:0 22px 10px 0;
}

.banner_area li img{
	border:1px solid #D5D5D5;
}

.banner_area .under{
	width:618px;
}

.need_S li{
	width:285px;
	background:url(images/mark_orange.jpg) left 5px no-repeat;
	font-size:10px;
	padding-left:13px;
}

.need{
	background:#E8E2CC;
	border:1px solid #D1CBBA;
	padding:10px;
	margin:10px 0;
}

.need li{
	background:url(images/mark_orange.jpg) 0px 6px no-repeat;
	font-size:14px;
	line-height:17px;
	padding-left:15px;
	color:#787366;
}

/*-------backyard */
.backyard{
	width:664px;
	margin:10px auto;
}

.backyard .text{
	margin:10px 0;
	padding:0;
}

.backyard table#gray{
	width:100%;
}

/*-------box */
.box{
	width:664px;
	margin:10px 10px 0 10px;
}

.left_box{
	width:480px;
	float:left;
}

.right_box{
	width:198px;
	margin-left:4px;
	border:1px solid #D5D5D5;
	background:#f7f7f7;
	float:left;
}

.right_box .text{
	padding:5px;
	color:#666;
}

/*-------useful */

.label{
	height:24px;
	border-left:#E2E2E2 3px solid;
	border-bottom:#E2E2E2 1px solid;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
	padding-left:13px;
	margin-bottom:15px;
}

.center{
	text-align:center;
}
.center img{
	border:1px solid #D5D5D5;
	margin:5px 0;
}

.text{
	padding:10px 15px;
}

.in_image{
	position:relative;
}

div.notice{
	color:#f85b16;
	text-align:center;
}

span.notice{
	color:#f85b16;
}

/*-------individual */
.flow_btn img{
	width:128px;
	height:24px;
	border:1px solid #D5D5D5;
	position:absolute;
	left:72px;
	top:181px;
}

.appointment_btn img{
	width:118px;
	height:24px;
	border:1px solid #D5D5D5;
	position:absolute;
	left:255px;
	top:53px;
}

.faq_list{
	border:1px solid #D5D5D5;
	margin-bottom:10px;
}
.faq_list dt{
	border-bottom:1px solid #D5D5D5;
	background:#E1E1E1 url(images/faq_q.jpg) 10px center no-repeat;
	padding:10px 15px 10px 50px;
}

.faq_list dd{
	background:#FFFFFF url(images/faq_a.jpg) 10px center no-repeat;
	padding:10px 15px 10px 50px;
}

table#brown .buill{
	width:240px;
	padding:0px;
}

.buill img{
	position:absolute;
	width:240px;
	height:208px;
	top:-65px;
}

.link_list{
	border:1px solid #d1ccb8;
	background:#e8e2cc;
	margin-bottom:10px;
}

.link_list dt{
	color:#797367;
	padding:7px 10px 4px 13px;
}

.link_list dd{
	padding:7px 10px;
	background:#FFF;
	margin:3px;
}
.link_list dd p{
	margin-bottom:3px;	
}
.link_list dd a{
	font-size:12px;	
}

.mark{
	padding-left:15px;
	background:url(images/arrow_gray.jpg) no-repeat 0 2px;
}

div#duties_text{
	width:630px;
	margin:0 18px 20px 18px;
}

.religion p,
.investment p,
.consumer p,
.traffic p,
.debt p,
.inheritance p,
.real_estate p,
.divorce p,
.crime p
{width:450px; height:100%;}

.religion{background:url(images/religion_1.jpg) right top no-repeat; min-height:200px;}
.investment{background:url(images/investment_1.jpg) right top no-repeat; min-height:200px;}
.consumer{background:url(images/consumer_1.jpg) right top no-repeat; min-height:200px;}
.traffic{background:url(images/traffic_1.jpg) right top no-repeat; min-height:200px;}
.debt{background:url(images/debt_1.jpg) right top no-repeat; min-height:200px;}
.inheritance{background:url(images/inheritance_1.jpg) right top no-repeat; min-height:200px;}
.real_estate{background:url(images/real_estate_1.jpg) right top no-repeat; min-height:150px;}
.divorce{background:url(images/divorce_1.jpg) right top no-repeat; min-height:200px;}
.crime{background:url(images/crime_1.jpg) right top no-repeat; min-height:200px;}

/*-------news */

.news{
	padding:10px 15px;
}

.news dt{
	width:95px;
	float:left;
}

.news dt p{
	width:95px;
	padding-left:15px;
	background:url(images/arrow_gray.jpg) no-repeat 0 2px;
}

.news dd{
	float:left;
	padding:0 0 5px 0;
}

.news dd p{
	width:344px;
	border-left:solid 1px #D5D5D5;
	padding-left:10px;
}

.news .under{
	clear:both;
	width:100%;
}

/*-------table(brown) */
table#brown {
	width:664px;
    border-collapse: collapse;
    border-spacing: 0;
	border: 1px #d1ccb9 solid;
	table-layout:fixed;
	margin:10px;
}

table#brown th{
	width:153px;
    border: #d1ccb9 solid 1px;
    text-align: center;
    white-space: nowrap;
	background:#e8e2cc;
	color:#797365;
	padding:7px 0;
	vertical-align:middle;
}

table#brown th p{
	background:url(images/arrow_brown.jpg) no-repeat 5px 2px;
	padding-left:10px;
}


table#brown td{
    border: #d1ccb9 solid 1px;
	text-align: left;
	padding:7px 0 7px 5px;
	font-size:12px;
}

table#brown dt{
	width:60px;
	height:12px;
	float:left;
}
table#brown dd{
	width:450px;
}

.disc{
	list-style:disc;
	margin-left:15px;
}
big{
	font-size:16px;	
}

/*-------table(form) */
table#form {
	width:664px;
    border-collapse: collapse;
    border-spacing: 0;
	border: 1px #d1ccb9 solid;
	table-layout:fixed;
	margin:10px;
}

table#form th{
	width:153px;
    border: #d1ccb9 solid 1px;
    text-align: center;
    white-space: nowrap;
	background:#e8e2cc;
	color:#797365;
	padding:7px 0;
	vertical-align:middle;
}

table#form th p{
	padding-left:10px;
}

table#form th .indispensable{
	background:url(images/indispensable.jpg) no-repeat 5px 2px;
	padding-left:10px;
}


table#form td{
    border: #d1ccb9 solid 1px;
	text-align: left;
	padding:7px 0 7px 5px;
	font-size:12px;
}

table#form .submit{
	width:100px;
	height:24px;
	border:1px solid #D5D5D5;
	background:url(images/send_btn.jpg) no-repeat center center;
}

table#form .reset{
	width:100px;
	height:24px;
	border:1px solid #D5D5D5;
	background:url(images/reset_btn.jpg) no-repeat center center;
}

table#form .submit:hover ,table#form .reset:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	cursor:pointer;
}
	

/*-------table(gray) */
table#gray {
	width:440px;
    border-collapse: collapse;
    border-spacing: 0;
	border: 1px #D5D5D5 solid;
	table-layout:fixed;
	margin:10px 0;
	font-size:12px;
}
table#gray th{
	width:150px;
    border: #D5D5D5 solid 1px;
    text-align: center;
    white-space: nowrap;
	background:#E2E2E2;
	color:#666;
	padding:5px 0;
	vertical-align:middle;
}

table#gray td{
    border: #D5D5D5 solid 1px;
	text-align: left;
	padding:5px 0 5px 5px;
	font-size:12px;
}

/*-------footer */

#FOOTER{
	height:48px;
	background:url(images/footer_bg.jpg) repeat-x;
	text-align:center;
}