/* --共通要素-- */
body {
margin: 0 0 0 0;
padding: 0;
background-color: #fffffb;
color: #333333; 
font-size: 15px;
width: device-width;
}


a:link { color: #cc3300;
	text-decoration: none;
 }
a:visited { color: #cc0033;
	text-decoration: none;
 }
a:hover { color: #cc0033;
	text-decoration: underline;
 }
a:active { color: #cc6647;
	text-decoration: none;
 }


img{     
max-width:  auto;     
height: auto;     
} 

img#IE8hack{ width /***/:auto; }



.tel  {
margin: 0px 0 0 0;
padding: 0;
color: #77120f;
font-size: 30px;
font-weight: bold;
text-decoration: none;
text-align: center;
}


/***　◆↓↓変更不可↓↓◆　***/
/****★メニュー全体****/
#menu{
	/*配置*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: rgba(255,255,255,0);
	pointer-events: none;
	z-index: 100;
}

/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	width: 40px;
	height: 30px;
	/*配置*/
	overflow: hidden;
	position: absolute;
	right: 0px;
}

#menu .menuopen{
	/*配置*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

#menu .menuclose{
	/*配置*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

/****メニュー一覧****/
#menu ul{
	/*デザイン*/
	background: rgba(252,249,247,1);
	width: 80%;
	/*配置*/
	position: absolute;
	top: 60px;/*#menu divの高さ*/
	right: 0;
	display: none;
        list-style-type: none;
        text-align: left;
}

#menu ul li{
	/*デザイン*/
	padding: 20px 0;
	color: rgba(85,51,32,1);
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px rgba(224,192,173,1) solid;
	/*配置*/
	pointer-events: auto;
}

#menu ul li a{
	color: rgba(85,51,32,1);
	font-size: 20px;
	font-weight: bold;
}

/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target ul{
	/*配置*/
	display: block;
}

/*** メインエフェクト ***/
#main{
	/*アニメーション*/
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#menu:target ~ #main{
	-webkit-filter:blur(1px);
	-moz-filter:blur(1px);
	-ms-filter:blur(1px);
	filter:blur(1px);
}

/***　◆↑↑変更不可↑↑◆　***/






h1{
width: 83%;
height: 30px;
margin: 5px auto;
padding: 7px 0 0 15%;
background: url(../img/bg_h1.gif) no-repeat #ffffff;
border-bottom: 0px solid red;
font-size: large;
color: #351d16;
text-align: left;
}


h2{
width: 280px;
height: 30px;
margin: 0 0 5px 8px;
padding: 7px 0 3px 20px;
background-image: url(../img/bg_h2.gif);
font-size: 15px;
color: #351d16;
}


h3{
width: 280px;
height: 35px;
margin: 0 0 5px 8px;
padding: 10px 0 0 20px;
background-image: url(../img/bg_h3.gif);
font-size: 14px;
color: #ffffff;
}


h4{
width: 200px;
height: 14px;
margin: 0 0 5px 8px;
padding: 4px 0 6px 20px;
background-image: url(../img/bg_h4.gif);
font-size: 14px;
color: #351d16;
}

.waku {
margin: 5px auto;
padding: 10px 15px;
width: 300px;
border: 2px dotted #351d16;
font-size: 14px;
color: #351d16;
line-height: 180%;
text-align: left;
}

/* --■indexー-- */


/* topics */

.topics {
	margin: 30px auto;
        padding: 0;
        width: 94%;     
        font-size: 14px;
	background-color: #ffffff;
	text-align: left;
        line-height: 180%;
}

.topics div {
	margin: 0 auto;
        padding: 0 0 30px 0;
        width: 96%;     
border: 0px red solid;
}

.topics div.topi {
	margin: 15px auto;
	padding: 5px 0;
	width: 94%;
	border-bottom: 1px dotted #999999;
	line-height: 180%;
}

.topics div p {
	margin: 0;
        padding: 0 20px 0 0;
        font-size: 14px;
	text-align: right;
border: 0px red solid;
}

.topics hr {
	margin: 5px 0;
	width:  100%;
	border: 1px #351d16 dotted;
}


.topics dt {
	margin: 0;
        padding: 0 20px;
	width:  95%;
	font-color: #2f4f4f;
	font-weight: bold;
	border-bottom: 1px #351d16 dotted;
	line-height: 150%;
	text-align: left;
}

.topics dd {
	margin: 0 0 10px 0;
        padding: 0 20px;
	width:  95%;
	font-size: 15px;
	line-height: 150%;
	text-align: left;
}

.topics dd a {
	margin: 0;
        padding: 0 20px;
	width:  95%;
	line-height: 150%;
	color: #000080;
	text-align: left;
}

div.a {
	margin: 0;
        padding: 0;
	width:  90%;
	line-height: 200%;
	text-align: left;
}


/* com1 */
.com1 {
	margin: 30px auto;
        padding: 0;
        width: 94%;     
	color: #333333;
	font-weight: nomal;
        font-size: 14px;
	text-align: left;
        line-height: 200%;
	background-color: #ffffff;
border: 0px red solid;
}

/* com2 */
.com2 {
	margin: 20px 0 0 0;
        padding: 5px;
        width: 95%;     
	background-color: #ffffff;
border: 0px red solid;
}
.com2 p {
	margin: 10px 0;
        padding: 0;
        width: 98%;
	font-color: #333333;
	font-size: 14px;
        text-align: left;
}



/* --■lawyer -- */
.lawyer {
	margin: 30px 0 0 0;
        padding: 0 3px;
        width: 98%;     
	background-color: #ffffff;
        font-size: 14px;
	text-align: left;
        color: #333333;
        line-height: 160%;
border: 0px red solid;
}

.lawyer div {
	margin: 0 0 50px 0;
        padding: 0 5px 0 0;
        width: 90%; 
        font-size: 14px;
	text-align: left;
        background: #ffffff;
}

.lawyer dl {
	margin: 20px 0 30px 3px;
        padding: 10px 0 0 0;
	width:  95%;
}
.lawyer dt {
	margin: 10px 0 0 0;
        padding: 2px;
	color: #351d16;
        font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	border-bottom: 1px #990000 dotted;
}
.lawyer dd {
	margin: 10px 0 0 5px;
        padding: 0;
	line-height: 130%;
	font-weight: nomal;
        font-size: 14px;
	color: #333333;
	text-align: left;
}
.lawyer p {
	margin: 10px 5px;
        padding: 0 5px 0 0;
	width:  90%;
        background: #ffffff;
	line-height: 160%;
	font-weight: nomal;
        font-size: 14px;
	color: #333333;
	text-align: left;
}



/* --■contents -- */
.contents {
	margin: 30px 0 0 0;
        padding: 0 3px;
        width: 95%;     
	background-color: #ffffff;
	text-align: left;
        color: #333333;
        line-height: 160%;
}

.contents ul {
	margin: 5px 10px 20px 15px;
        padding: 0;
        list-style-type: circle;
        list-style-position: inside;
}
.contents ul li {
	margin: 0 5px;
        padding: 0;
        color: #333333;
        font-size: 14px;
        line-height: 180%;
        float: left;
}
.contents hr {
        height: 20px;
        border: none;
        border-bottom: 1px #f8f5f1 dotted;
        width: 80%;
        align: center;
        clear: left;
}

/* --■ fee */

.fee  {
	margin: 30px 0 0 0;
        padding: 0;
        width: 100%;     
	background-color: #ffffff;
	text-align: left;
        color: #333333;
        line-height: 160%;
}

.fee div {
	margin: 5px 0 10px 20px;
        padding: 0;
        width: 90%;     
	color: #351d16;
	font-weight: nomal;
        font-size: 15px;
        line-height: 160%;
border: 0px red solid;
}

.fee dl {
	margin: 5px 0 10px 20px;
        padding: 0;
        width: 90%;     
border: 0px red solid;
}

.fee dt {
	margin: 5px 0 0 0;
        padding: 0;
	color: #993300;
        font-size: 15px;
	font-weight: bold;
	border-bottom: 1px #be850f dotted;
	line-height: 150%;
	text-align: left;
}

.fee dd {
	margin: 5px 0 10px 20px;
        padding: 0;
        font-size: 14px;
	line-height: 150%;
	color: #351d16;
}

.fee ul {
	margin: 5px 0 10px 40px;
        padding: 0;
        width: 80%;     
        font-size: 14px;
	color: #333333;
	line-height: 150%;
        list-style-image: url(../img/point.gif);
}


.fee div.feewaku {
	margin: 5px 0 10px 20px;
        padding: 10px;
        width: 400px;     
border: 2px dotted #351d16;
font-size: 14px;
color: #351d16;
line-height: 180%;
text-align: left;
}



/* --■info -- */
.info {
	margin: 30px 0 0 0;
        padding: 0 3px;
        width: 93%;     
	background-color: #ffffff;
	text-align: left;
        color: #333333;
        line-height: 160%;
border: 0px red solid;
}

.info div {
	margin: 5px 0 5px 10px;
        padding: 0;
	width:  95%;
border: 0px blue solid;
}


/* --■mail -- */
.mail {
	margin: 30px 0 0 0;
        padding: 0 3px;
        width: 100%;     
	background-color: #ffffff;
	text-align: left;
        color: #333333;
        line-height: 160%;
border: 0px red solid;
}
.mail div {
	margin: 5px 0;
        padding: 0 0 0 20px;
	width:  98%;
}
.mail dl {
	margin: 0 0 30px 3px;
        padding: 0;
	width:  98%;
	background-color: #ffffff;
	line-height: 120%;
}
.mail dt {
	margin: 20px 0 0 0;
        padding: 0 0 0 10px;
	font-weight: bold;
	border-bottom: 1px #990000 dotted;
}
.mail dd {
	margin: 2px 0 10px 20px;
        padding: 0;
	font-weight: nomal;
}



/* --■access -- */
.access {
	margin: 30px 0 0 0;
        padding: 0 3px;
        width: 98%;     
	background-color: #ffffff;
	text-align: left;
        color: #333333;
        line-height: 160%;
border: 0px red solid;
}
.access dl {
	margin: 0 0 30px 3px;
        padding: 0;
	width:  98%;
	background-color: #ffffff;
	line-height: 120%;
}
.access dt {
	margin: 20px 0 0 0;
        padding: 0 0 0 10px;
	font-weight: bold;
	border-bottom: 1px #990000 dotted;
}
.access dd {
	margin: 2px 0 10px 20px;
        padding: 0;
	font-weight: nomal;
}
.access div {
	margin: 10px 0 20px;
        padding: 0;
	width:  98%;
	line-height: 160%;
}
.access div.map {
	margin: 10px auto;
        padding: 0;
	text-align:  center;
}

.access table.map_a {
	margin: 10px auto;
        padding: 0;
        width: 96%;
	text-align:  left;
        border: 1px #999999 solid;
}

.access table.map_a th {
	margin: 0;
        padding: 5px 0;
        width: 100px;
	text-align:  left;
        vertical-align: top;
}

.access table.map_a td {
	margin: 0;
        padding: 5px 0 0 5px;
	text-align:  left;
        font-size: 13px;
        line-height: 180%;
        vertical-align: top;
}



/* --■policy -- */
.policy {
	margin: 30px 0 0 0;
        padding: 0 3px;
        width: 98%;     
	background-color: #ffffff;
        font-size: 14px;
	text-align: left;
        color: #333333;
        line-height: 160%;
border: 0px red solid;
}

.policy h2{
width: 280px;
height: 30px;
margin: 30px 0 5px 8px;
padding: 7px 0 3px 20px;
background-image: url(../img/bg_h2.gif);
font-size: 15px;
color: #351d16;
}


.policy div {
	margin: 0 0 50px 15px;
        padding: 0 5px 0 0;
        width: 85%; 
        font-size: 14px;
	text-align: left;
        background: #ffffff;
        line-height: 180%;
}

.policy div.p {
	margin: 50px 0 50px 60%;
        padding: 0 5px 0 0;
        width: 30%; 
        font-size: 13px;
	text-align: left;
        background: #ffffff;
}



/* --■sitemap -- */
.sitemap {
	margin: 0;
        padding: 0 3px;
        width: 98%;     
	background-color: #ffffff;
        text-align: left;
}

.sitemap h1{
width: 280px;
height: 30px;
margin: 0 0 5px 8px;
padding: 7px 0 3px 25px;
background-image: url(../img/bg_h1.gif);
font-size: 15px;
color: #351d16;
}


.sitemap ul{
       margin: 0;
       padding: 0 0 0 30px;
       list-style-type: none;
}



.sitemap ul li.b{
       margin: 50px 0 0 30px;
       padding: 0;
       list-style-image: url(../../img/site_01.gif);
       font-size: 15px;
       color: #000033;
       line-height: 150%;
}


.sitemap ul li.b a{
       margin: 0;
       padding: 0;
       list-style-image: url(../../img/site_01.gif);
       font-size: 15px;
       color: #000033;
       line-height: 150%;
}





.sitemap  ul li.o {
margin: 5px 0 0 50px;
padding: 0;
color: #000033;
font-size: 14px;
line-height: 200%;
list-style-image: url(../../img/site_02.gif);
}


.sitemap  ul li.o a {
margin: 0;
padding: 0;
color: #000033;
font-size: 14px;
line-height: 200%;
}
	





.sitemap  ul li.bs {
margin: 10px 0 0 80px;
padding: 0;
color: #000033;
font-size: 14px;
line-height: 200%;
list-style-image: url(../../img/site_03.gif);
}


.sitemap  ul li.bs a {
margin: 0;
padding: 0;
color: #000033;
font-size: 14px;
line-height: 200%;
}



.sitemap  ul li.os {
margin: 3px 0 0 100px;
padding: 0;
color: #000033;
font-size: 14px;
line-height: 200%;
list-style-image: url(../../img/site_02.gif);
}


.sitemap  ul li.os a {
margin: 0;
padding: 0;
color: #000033;
font-size: 14px;
line-height: 200%;
}











/* ■footer */

#footer {
margin: 15px 0 0 0;
padding: 5px 0;
        width: device-width;     
	background-color: #ffffff;
}


#footer p.copy {
margin: 0;
padding: 5px 0;
width: device-width; 
background-color: #351d16;
line-height: 20px;
font-size: 12px;
color: #ffffff;
text-align: center;
}