@charset "utf-8";

/*-----------------------------------------------
	naha
-----------------------------------------------*/

.jms:after,.text:after{
content: ".";
display:block;
clear:both;
width:0;
height:0;
overflow:hidden;
}
.jms,.text{display:inline-block;}
.jms,.text{display:block;}


#content{
	padding-top: 5px;
	background:url(../img/h_head_r.gif) no-repeat left top;
}

.branch_img{
width: 523px;
padding-bottom: 15px;
}

h1{
background:url(../img/h_bg_r.gif) repeat-y center bottom;
}

h2{
background:url(../img/bg-h2_r.gif);
}

h2 span{
background:url(../img/mark_r.gif) no-repeat left 0.15em;
display:block;
}

h3 span{
color:#68121a;
background:url(../img/icon-h2_r.gif) no-repeat left 0.44em;
display:block;
}

#area a{color:#68121a; text-decoration:underline;}
#area a:hover{color:#943b43;}

.link li{
background:url(../img/arrow_r.gif) no-repeat left center;
}

#area a img{
margin:0;}

.a_read{
color:#68121a;
font-weight:bold;
}

.jms{
background:url(../common/img/line.gif) no-repeat bottom;
}

.jms dt{
float:left;
width:80px;
color:#68121a;
padding:5px 0;
}

.jms dd{
width:408px;
float:right;
padding:5px 0;
}

.text{_width:523px;}

.text img{
margin:0 10px 10px 0;
}

.a_open{
width:503px;
padding:10px;
margin:5px 0 10px;
color:#68121a;
background:url(../img/line_r.gif) no-repeat bottom;
}

#area .a_open p{
margin-bottom:0;
width:auto;}

#area .text p{width:auto;}


#area #access .flL,#area #access .flR{
margin-bottom:0;
width:255px;
}

#area #access{
	margin-bottom: 1em;
}

#area #access dl{margin-top:15px;}

.bus dt{
	padding: 1px 5px;
	margin-bottom: 0.4em;
	background: #772930;
	color: #fff;
	font-weight: bold;
}

.bus li{
	list-style: none;
	padding: 2px;
}

.bus li.bg{
	background: #f8f0f0;
}

.map{
	float: left;
	width: 250px;
}

.parking{
	float: left;
	width: 263px;
	margin-right: 10px;
}

.parking h3,
.parking h3 span{
	width: auto;
}

.parking dt{
	padding-left: 10px;
	background: url(../img/icon-point.gif) no-repeat left;
	font-weight: bold;
}

.kidsSpace{
	clear: both;
	margin-bottom: 15px;
	padding: 15px;
	border: 3px solid #e8d6d8;
	background: #f8f3f3;
}

.kidsSpace .photo{
	float: left;
	width: 180px;
}

.kidsSpace .text{
	float: right;
	width: 290px;
}

#area .kidsSpace p{
	margin-bottom: 0;
}

.frame{
	border:1px solid #CCC;
	margin:1em 0;
	padding:5px;
	width:511px;
	_width: 523px;
}

.frame li{
	list-style:none;
	padding-left:11px;
	background:url(../img/icon-list_r.gif) no-repeat left 0.5em;
	display:block;
	line-height:1.5;
	margin:0 0.2em 0 2px;
}

#area .way{
	margin: 0 0 2em;
	font-size: 115.38%;
}
.way li{
	list-style: none;
	margin-bottom: 3px;
	padding: 3px 0 3px 20px;
}

.way a{font-weight: bold;}
#area .way a:hover{text-decoration: none;}

.way .kabarai{background: url(../img/icon-one.gif) no-repeat left 0.3em #f3f1e8;}
.way .ninni{background: url(../img/icon-two.gif) no-repeat left 0.3em #edeff2;}
.way .minji{background: url(../img/icon-three.gif) no-repeat left 0.3em #e8edea;}
.way .jiko{background: url(../img/icon-four.gif) no-repeat left 0.3em #e9e8e9;}

#area .way .kabarai a{color: #59493e;}
#area .way .ninni a{color: #27476c;}
#area .way .minji a{color: #435e55;}
#area .way .jiko a{color: #604266;}

#gallery{
	float: right;
	width: 172px;
	margin-left: 10px;
}

#gallery p{
	margin-bottom: 5px;
}

#gallery a:hover img,
.media_bnr a:hover img,
.linkStaff a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.media_bnr{
	clear: both;
	margin-bottom: 2em;
}

.media_bnr ul{
	margin-bottom: 1em;
}

.media_bnr li{
	list-style: none;
	float: left;
	margin: 0 6px 6px 0;

}

.media_bnr li.edge{
	margin-right: 0;
}

#area .media_bnr p{
	margin-bottom: 0;
}

#about{
	padding-bottom: 3px;
	background: url(../img/bottom-about.gif) no-repeat bottom;
}

#about .box{
	background: url(../img/bg-about.gif) repeat-y;
}

#about img{
	float: left;
}

#area #about p{
	padding: 15px;
	margin-bottom: 0;
}



#blogFeed{
	border-bottom: #ebdddd solid 4px;
}

#blogFeed #feed{
	border-left: #ebdddd solid 4px;
	border-right: #ebdddd solid 4px;
	padding: 0 10px 5px;
}

#feed dt,#feed dd{
	padding: 3px 0;
	background: url(../img/line-dotted.gif) repeat-x bottom;
}

#feed dt{
	float: left;
	margin-right: 10px;
	padding-left: 15px;
	background: url(../img/icon-point.gif) no-repeat left;
	font-size: 76.9%;
}


/*----------------------------------------------------
	Staff
----------------------------------------------------*/

.lawyer{
	margin-bottom: 15px;
}

.lawyer h2{
	width: auto;
	margin: 0 0 10px;
	padding: 0 0 4px 10px;
	border-left: 4px solid #6b131b;
	background: url(../img/line-dotted.gif) repeat-x bottom;
	font-size: 107.6%;
	font-weight: normal;
}

.lawyer h2 span{
	width: auto;
	display: inline;
	padding: 0;
	background: none;
	font-size: 76.9%;
}

.lawyer .photo{
	float: left;
}

.lawyer .message{
	float: right;
	width: 395px;
}

#area .message p{
	margin-bottom: 0;
}

.staff{
	width: 523px;
	margin-bottom: 25px;
	background :url(../img/staff/bg-bottom.gif) no-repeat bottom #f4f3dd;
	text-align: center;
}

.staff h3{
	margin: 0;
	padding: 0;
	background: none;
}

.staff ul{
	width: 488px;
	margin: 0 17px;
	padding-bottom: 12px;
	list-style: none;
	text-align: left;
}

.staff li{
	float: left;
	margin: 0 9px 5px 0;
}

.staff li.edge{
	margin-right: 0;
}


/*----------------------------------------------------
	Sub
----------------------------------------------------*/

#shiten{
	margin-bottom: 10px;
	font-size: 100%;
}

#shiten .shiten_summary{
	padding: 9px;
	background: url(../img/bg-shiten.gif) repeat-y;
}

#shiten .shiten_summary p{
	margin-bottom: 0.5em;
	font-size: 76.9%;
}

#shiten .shiten_summary a{
	color: #A74747;
	text-decoration: underline;
}

#shiten .shiten_summary a:hover{
	text-decoration: none;
}

#shiten .shiten_summary img{
	margin-right: 5px;
}

#shiten .shiten_summary .linkStaff img{
	margin-right: 0;
}

.shitenMenu{
	width: 148px;
	margin-top: 10px;
	padding-top: 3px;
	background: url(../common/img/sub_menu_top.gif) no-repeat;
}

.shitenMenu ul{
	list-style: none;
	background: url(../common/img/sub_menu_bg.gif) repeat-y #fff;
}

#shiten .shiten_summary .shitenMenu a{
	display: block;
	padding-left: 25px;
	color: #000;
	text-decoration: none;
}

#shiten .shiten_summary .shitenMenu a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	color: #333;
}

.shitenMenu li{
	padding: 8px 5px;
	background: url(../common/img/line-dotted.gif) repeat-x bottom;
}

.shitenMenu .introStaff a{background: url(../common/img/sub_menu_staff.gif) no-repeat left;}
.shitenMenu .accessMap a{background: url(../common/img/sub_menu_map.gif) no-repeat left;}
.shitenMenu .blog a{background: url(../common/img/sub_menu_blog.gif) no-repeat left;}

.shitenMenu .blog{background: url(../common/img/sub_menu_bottom.gif) no-repeat bottom;}


/*----------------------------------------------------
	Clear fix
----------------------------------------------------*/

.media_bnr ul:after,
.lawyer:after,
.staff ul:after,
.kidsSpace:after{
	content: ".";
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
}


.media_bnr ul,
.lawyer,
.staff ul,
.kidsSpace{
	zoom: 1;
}


