@charset "UTF-8";
#display_edit_tool_box4
{
display:none;
}
#page_contents ol,#page_contents ul
{
margin-left:50px;
}

.topButton
{
font-size:12px;
}
#display_edit_tool_box5,#display_edit_tool_box8,#display_edit_tool_box9
{
display:none;
}
.layout_leftbox
{
float:right;
margin-top:15px;
width:670px;
letter-spacing:1px;
}
img{
	vertical-align: bottom;
}
.leftbox
{
margin-right:20px;
    font-size: 14px;
    color: #505050;
}

.background_3_2
{
width:960px;
background-color:#fff;
}
.layout_centering {
    margin: 0px auto;
    width: 960px;
}
.layout_rightbox
{
width:250px;
padding-left:10px;
padding-top:15px;
font-size:12px;
}
a.detail1{   
display: block;			/*必須*/ 
width: 241px;
height:139px;
position:relative;
top:10px;		
left:10px;
background-image:url(./murayamasumiekoen.png);
}
a.detail1:hover 
{
background-image:url(./murayamasumiekoenBG.png);   /*レフトボタンのオンマウス画像はこちら */
}

a.detail3{   
display: block;			/*必須*/ 
width: 159px;
height:34px;
position:relative;
top:10px;		
left:10px;
background-image:url(./img/contact.png);
}
a.detail3:hover 
{
background-image:url(./img/contactBG.png);   /*レフトボタンのオンマウス画像はこちら */
}

a.detail4{   
display: block;			/*必須*/ 
width: 197px;
height:34px;
background-image:url(./img/profileicon.png);
}
a.detail4:hover 
{
background-image:url(./img/profileiconBG.png);   /*レフトボタンのオンマウス画像はこちら */
}

a.detail5{   
display: block;			/*必須*/ 
width: 157px;
height:24px;
background-image:url(./img/map.png);
}
a.detail5:hover 
{
background-image:url(./img/mapBG.png);   /*レフトボタンのオンマウス画像はこちら */
}
*{
margin: 0px;
padding: 0px;
}
img {
border-style: none;
border-color: inherit;
border-width: 0;
}

/* -----------------------------------------------------------

基本設定

----------------------------------------------------------- */

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

p{
padding-bottom:0px;
}

/* -----------------------------------------------------------

リンク文字設定

----------------------------------------------------------- */

a{
    color:#0000ff;
    font-style:normal;
    text-decoration:underline;
}



a:hover {
    font-style:normal;
    text-decoration:none;
}


form{
background-image:url(./img/back.png);
background-repeat: repeat-x;
}

div#page {
width: 100%;
height: 100%;
}
div#innerpage {
height: 100%;
width: 960px;
}
/*上ボタンの設定*/
div#button1 
{
float: left;
display:none;
text-align: center;
line-height:43px;		        /*上ボタン文字の高さ */	
padding: 0px 0px 0px 0px;		/*上右下左*/
}
ul.button1istitem{
list-style-type:none;
float:left;
width:960px;				/*上ボタン全体の幅*/	
}
ul.button1istitem li
{
float:left;
width: 170px;
}
a.widelink1 {   
padding: 3px 0px 0px 0px;
display: block;			/*必須*/ 
width: 100%;			/*必須*/
height:40px;		
background-image:url(./button1.jpg);
color: #262626;		
font-size:12px;
}
a.widelink1:hover 
{
color: #ffffff;		  
background-image:url(./button1_back.jpg);   /*レフトボタンのオンマウス画像はこちら */
}

/*中ボタンの設定*/
div#button2 
{
text-align: left;
float: left;
line-height:38px;				/*上ボタン文字の高さ */	
padding: 30px 0px 0px 0px;		/*上右下左*/
}
ul.button2istitem{
list-style-type:none;
float:left;
width:228px;
background-color:#eeeace;
padding:3px;
border-left:solid 1px #91683C;
border-right:solid 1px #91683C;
border-bottom:solid 1px #91683C;
}
ul.button2istitem li
{
float:left;
}
a.widelink2 {
display: block;			/*必須*/ 
width: 198px;			/*必須*/
padding: 8px 0px 0px 30px;		/*上右下左*/
background-image:url(./img/leftmenu.png);
color: #327dc9;
text-decoration:underline!important;	
font-size:12px;
height:27px;
}
a.widelink2:hover 
{
color: #5499e2;	  
background-image:url(./img/leftmenu.png);   /*レフトボタンのオンマウス画像はこちら */
}

/*下ボタンの設定*/
div#button3{
text-align: left;
float: left;
line-height:38px;				/*上ボタン文字の高さ */	
padding: 10px 0px 0px 0px;		/*上右下左*/
}

ul.button3istitem{
list-style-type:none;
float:left;
width:228px;
background-color:#eeeace;
padding:3px;
border-left:solid 1px #91683C;
border-right:solid 1px #91683C;
border-bottom:solid 1px #91683C;		
}

ul.button3istitem li{
float:left;
width: 178px;
}

a.widelink3{   
display: block;			/*必須*/ 
width: 198px;			/*必須*/
padding: 8px 0px 0px 30px;		/*上右下左*/
background-image:url(./img/leftmenu.png);
color: #327dc9;
text-decoration:underline!important;	
font-size:12px;
height:27px;
}

a.widelink3:hover 
{
color: #5499e2;	  	  
background-image:url(./img/leftmenu.png);   /*レフトボタンのオンマウス画像はこちら */
}
/*コメント・メッセージの設定*/
div#addOn 
{
float: left;
padding: 30px 0px 0px 0px;		/*上右下左*/
}
/*メインコンテンツ*/
div#main {
width: 660px;                           /*コンテンツの幅はこちら　1/3*/
float: left;
padding: 15px 0px 0px 20px;             /*上右下左*/
text-align: left;
font-size: 90%; /*文章のフォントサイズ*/
color: #505050;
background-color: #ffffff;
line-height:23px;
letter-spacing: 1px;
}



/* -----------------------------------------------------------

見出し設定

----------------------------------------------------------- */

div#page_contents h1{
font-size:18px;
color:#666;
border-bottom:1px solid #e6e6e6;
padding:10px 0;
margin-bottom:10px;
width:100%;
margin-left:-10px;
}

div#page_contents p {
padding-bottom:0px;
}


div#page_contents h2{
	font-size:18px;		
	color: #51473D;
border-top:2px solid #ffaa00;
border-bottom:1px dotted #999;
background-color:#f5f5f5;    
	background-repeat: no-repeat;
	padding: 18px 0px 0px 10px;
	line-height: 100%;
	text-align: left;
	clear: both;
 　　   width: 660px;
	height:30px;
margin-bottom:10px;
margin-left:-10px;
}

div#page_contents h3{
	font-size:14px;		
	color: #B24F65;
background-color:#ffd4cd;  
	background-repeat: no-repeat;
	padding: 12px 0px 0px 10px;
margin-bottom:15px;
	line-height: 100%;
	text-align: left;
	clear: both;
   　　 width: 660px;
	height:24px;
margin-bottom:10px;
margin-top:10px;
margin-left:-10px;
}
					
div#page_contents h4{
	font-size:14px;		
	color: #505050;
	background-image:url(./midashi2.jpg);      
	background-repeat: no-repeat;
	padding: 8px 0px 0px 10px;
	line-height: 100%;
	text-align: left;
	clear: both;
  　　  width: 660px;
	height:22px;
margin-bottom:10px;
margin-left:-10px;
}

div#page_contents h5{
	font-size:14px;		
	color: #FCB30F;
	background-image:url(./midashi3.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 10px;
	line-height: 100%;
	text-align: left;
	clear: both;
  　　  width: 660px;
	height:31px;
margin-bottom:10px;
margin-left:-10px;
}







div#page_contents table					
{

text-align: left;
}
div#page_contents tr					
{

text-align: left;
}
div#page_contents td					
{
   
}

/*会員限定*/
div#memberMain {
width: 350px;				/*コンテンツの幅はこちら　1/3*/
float: left;
padding: 0px 0px 0px 10px;		/*上右下左*/
text-align: left;

color: #505050;
background-color: #ffffff;
}
div#memberMain p 
{
float: left;
width: 330px;
line-height: 150%; /*文章間の空き*/
padding: 0px 0px 0px 5px;		/*上右下左*/
margin: 2px 0px 2px 0px;	/*上右下左*/
color: #505050;
}


div#memberMain h1					
{
    margin: 10px 0px 0px 0px;	/*上右下左*/
	font-size:14px;		
	color: #FFFFFF;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi1.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 30px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 300px;
	height:31px;
}
div#memberMain h2					
{
	font-size:14px;		
	color: #009900;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi2.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 30px;		/*上右下左*/
	margin: 10px 0px 0px 0px;	/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
width: 300px;
	height:31px;
}
div#memberMain h3					
{
	font-size:14px;		
	color: #FFFFFF;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi3.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 30px;		/*上右下左*/
	margin: 10px 0px 0px 0px;	/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
width: 300px;
	height:31px;
}

.left{
float:left;
margin: 0px 20px 20px 0px;
} 

.right{ 
float: right;
margin: 0px 0px 20px 20px;
}

div#sidebar{
text-align: left;
float: left;
line-height:35px;				/*上ボタン文字の高さ */	
padding: 0px 0px 0px 0px;		/*上右下左*/
}

.table_01	{
width: 570px;
border-collapse:collapse;
}

.table_01 th	{

}

.table_01 td	{
font-size:12px;
border:1px solid #dddddd;
text-align: center;
}


/* -----------------------------------------------------------

事務所概要

----------------------------------------------------------- */

#page_contents .table table {
	margin: 10px 20px 20px 0px;
	width: 660px;
	border: #dddddd solid 1px;
}

#page_contents .table table th {
	padding: 5px 10px;
	width: 160px;
	line-height: 140%;
	background: #F7F7F7;
	border: #dddddd solid 1px;
}

#page_contents .table table td {
	padding: 5px 10px;
	width: 500px;
	line-height: 140%;
	border: #dddddd solid 1px;
}


/* -----------------------------------------------------------

見出し調整

----------------------------------------------------------- */

div#page_contents h1{
margin-bottom:15px;
}

div#page_contents h2
{
margin-bottom:15px;
}

/* -----------------------------------------------------------

文字調整

----------------------------------------------------------- */

div#main,a.widelink1,a.widelink2,a.widelink3{
font-family:'メイリオ','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;
}
*{
font-family:'メイリオ','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;
}
a.widelink1{
font-size:14px;
}

a.widelink2,a.widelink3{
font-size:13px;
}

#sidebar #side_profile{
font-family:'メイリオ','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;
font-size:12px;
line-height:20px;
}


/* -----------------------------------------------------------

メインのレイアウト

----------------------------------------------------------- */

#centering{
padding-bottom:0px;
}

/* -----------------------------------------------------------

サイドバーのレイアウト

----------------------------------------------------------- */

#left{
float:left;
padding: 0px 0px 0px 10px;
text-align: center;
text-decoration: none;	
width:250px;
margin-top:280px;
min-height:1500px;
}

/* -----------------------------------------------------------

サイドバーお問合せバナー

----------------------------------------------------------- */

a.side_contact{   
display: block; 
width: 185px;
height:190px;
position:relative;
top:75px;		
left:-323px;
background-image:url(/broccoImg/102.png);
}
a.side_contact:hover 
{
background-image:url(/broccoImg/103.png);   /*レフトボタンのオンマウス画像はこちら */
}

/* -----------------------------------------------------------

サイドバーメルマガ登録バナー

----------------------------------------------------------- */


/* -----------------------------------------------------------

サイドバー成年後見の手続きサポートサービスバナー

----------------------------------------------------------- */



/* -----------------------------------------------------------

フッター

----------------------------------------------------------- */

div.background_4{
background-image:url(./img/footer.png);
background-repeat: repeat-x;
width:100%;
height:180px;
}

.background_4 .copyright {
color: #fff;
text-align: center;
padding: 25px 0 5px 0;
font-weight:bold;
}

#footerContents ul {
text-align: center;
padding: 10px 0 10px 0;
}

#footerContents ul li {
display: inline;
border-right: solid 1px #999;
padding: 0 10px 0 10px;
}

#footerContents ul li.end {
display: inline;
border: none;
padding: 0 10px 0 10px;
}

#footerContents .box {
width: 280px;
float: left;
border: none;
margin-right: 10px;
padding: 10px;
}
#footerContents a
{
 font-size:13px;
color:#327dc9;
}
#footerContents a:hover
{
color:#5499E2;
text-decoration:none;
}
div#foot #mindplus{
float: right;
margin-top:20px;
}

/* -----------------------------------------------------------

囲み枠

----------------------------------------------------------- */

.waku{
border: 1px solid #928F86;
padding: 15px 5px 15px 5px;
background: #fffff0;
margin:5px 0 20px 0;
}

/* -----------------------------------------------------------

メインお問合せバナーロールオーバー

----------------------------------------------------------- */

#contact a{
display:block;
width:660px;
height:269px;
background:url(/broccoImg/126.png) no-repeat;
text-indent: -9999px;
margin-bottom:60px;
}

#contact a:hover{
background:url(/broccoImg/126.png) no-repeat;
}


/* -----------------------------------------------------------

トップページバナーロールオーバー

----------------------------------------------------------- */

#top_banner a{
display:block;
width:580px;
color:#F0027F;
background:url(/broccoImg/104.png) no-repeat;
height:270px;
line-height:270px;
text-indent: -9999px;
}

#top_banner a:hover{
background:url(/broccoImg/105.png) no-repeat;
}




/* ------------ナビバー設定------------ */

#headerMenu{
  margin:0;
  padding:0;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
#headerMenu ul.menu li a{
  text-decoration:none;
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  background:url(http://sumi-smile.com/img/new-menu_off.png) no-repeat;
background-repeat: no-repeat;
}
#headerMenu ul.menu li a:hover{
  background:url(http://sumi-smile.com/img/new-menu_on.png) no-repeat;
}

/* ------------ナビバー設定 サイズ・位置------------ */

#headerMenu{
  width:960px;        /* メニュー全体の幅 */
}
#headerMenu ul.menu li a{
  line-height:67px;   /* ボタンの高さ */

}


/* ------------ナビバー設定 背景------------ */

#headerMenu ul.menu li.menu1 a{ background-position: 0px 0px; width:66px; }
#headerMenu ul.menu li.menu1 a:hover{ background-position: 0px 0px; }

#headerMenu ul.menu li.menu2 a{ background-position: -66px; width:149px; }
#headerMenu ul.menu li.menu2 a:hover{ background-position: -66px0px; }

#headerMenu ul.menu li.menu3 a{ background-position: -215px 0px; width:149px; }
#headerMenu ul.menu li.menu3 a:hover{ background-position: -215px 0px; }

#headerMenu ul.menu li.menu4 a{ background-position: -364px 0px; width:149px; }
#headerMenu ul.menu li.menu4 a:hover{ background-position: -364px 0px; }

#headerMenu ul.menu li.menu5 a{ background-position: -513px 0px; width:149px; }
#headerMenu ul.menu li.menu5 a:hover{ background-position: -513px 0px; }

#headerMenu ul.menu li.menu6 a{ background-position: -662px 0px; width:149px; }
#headerMenu ul.menu li.menu6 a:hover{ background-position: -662px 0px; }

#headerMenu ul.menu li.menu7 a{ background-position: -811px 0px; width:149px; }
#headerMenu ul.menu li.menu7 a:hover{ background-position: -811px 0px; }

/* ------------ナビバー設定------------ */
p {
    padding-bottom: 15px;
}

/* コラム関連 */
.columnList {
    margin-left: 10px;
    width: 695px;
    padding-top: 0px;
    margin-bottom: 40px;
}
.columnList2
{
    margin-left: 0px!important;
    height: 170px;
    margin-top: 40px;
    overflow: hidden;
}

.itemBox
{
    float:left;
	width:30%;
	margin-right:3%;
	margin-bottom:40px;
     letter-spacing:0px;

}
.itemBox
{
    float:left;
	width:263px;
    height:350px;
	margin-right:40px;
	margin-left:10px;
	margin-bottom:40px;
    position: relative;
    background-color:#fff;
}
.itemBox img
{
    width: 263px;
    height: 210px;
    object-fit: cover;
}
.itemBox img:hover
{
    transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 1.3s;	/*変化に掛かる時間*/
}
.itemTitle
{
    margin-top: 10px;
    font-weight: bold;
    /* width: 223px; */
    max-height: 53px;
    overflow: hidden;
    /* padding: 0px 0px 0 10px; */
    line-height: 25px;
}
.itemText
{
    margin-top:5px; 
}
.itemPicFrame
{
width:263px;
border:solid 0px #cccccc;
text-align:center;
height:210px;
overflow: hidden;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.updateDateTime {
    display:noneimportant;
    float: left;
    padding: 10px 0px 0px 20px;
    width: 200px;
    font-size: 14px;
    cursor: pointer;
        position: absolute;
    bottom: 70px;
    left: 0px;
        color: #888;
}
.selectedPage a
{
border:solid 1px #c09d50;
background-color:#f6f6f6;
color: #c09d50;
margin-right:10px;
padding:2px 8px;
float:left;

text-decoration:underline;
font-size:14px;
}
.unselectedPage a
{
border:solid 1px #c09d50;
background-color:#ffffff;
color:#c09d50;
margin-right:10px;
padding:2px 8px;
float:left;
font-size:14px;
}
.unselectedPage a:hover
{
border:solid 1px #c09d50;
background-color:#c09d50;
color:#ffffff;
}
.columPage
{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.itemTitle a
{
color:#000;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.relatedarticle
{
margin-left:30px;
}
.themeBox
{
    position: absolute;
    display: none!important;
    white-space: nowrap;
    overflow: hidden;
    width: 150px;
    font-size: 10px;
        left: 0px;
    top: 0px;
    border: solid 1px #787d7c;
    color: #787d7c;
    background-color: #fff;
    line-height: 23px;
            text-align: center;
    height: auto;
}
.columTop
{
    border: solid 1px #787d7c;
    color: #787d7c;
    background-color: #fff;
    margin-left: 20px;
    padding: 5px 28px;
    text-decoration: none;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 20px;
}
.dairyBox
{
    text-align: center;
    margin-top: 15px;
    padding: 0px 0px 30px 0px;
    width: 1300px;
    margin-left: -150px;
}
.dairyBox img
{
 margin-left:20px;
margin-top:40px;
}
/* コラム関連 */