@charset "utf-8";
/*=============================
 不動産用語集　トップ
=============================*/
.words{}
.words > *{ width: 100%; float: left;}
.words h2{ position: relative; height: 60px; margin-bottom: 30px;}
.words h2:after{ position: absolute; bottom: -4px; left: 0; width: 100%; height: 4px; display: block; content: ""; background: #ccc; z-index: -1;}
.words h2 span{ display: inline-block; border-bottom:4px solid #008342; font-size: 30px; line-height: 60px; padding: 0 15px;}
.words h2 span img{ height: 24px; width: auto; margin-right: 15px;}
.words > p{ font-size: 17px; margin-bottom: 20px;}
.words ul{}
.words ul li { margin: 15px 0;}
.words ul li{ width: 94%; float: left; margin: 10px 3%;}
.words ul li dl{ width: 100%; float: left;}
.words ul li dl > *{ display: inline-block; float: left; margin: 0 2%; text-align: center; line-height: 50px; font-size: 22px;}
.words ul li dl dt{ width: 11%; font-weight: bold;}
.words ul li dl dd{ width: 13%; }
.words ul li dl dd a{ background: #fff; border: solid 2px #008342; display: block; border-radius: 6px; color: #008342; font-weight: bold;}
.words ul li dl dd a:hover{ box-shadow: 0 0 0 60px #008342 inset; color: #fff;}
.words ul li dl dd span{background: #eee; border: solid 2px #aaa; display: block; border-radius: 6px; }
.words ul li dl dd.mL{ margin-left: 19%;}

/*=============================
 不動産用語集　一覧&詳細
=============================*/
.wordList{}
.wordList h1{ position: relative; height: 60px; margin-bottom: 30px;}
.wordList h1:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;display: block;content: "";background: #ccc;z-index: -1;}
.wordList h1 span{ display: inline-block; border-bottom:4px solid #008342; font-size: 30px; line-height: 60px; padding: 0 15px;}
.wordList h1 span img{ height: 24px; width: auto; margin-right: 15px;}
.wordList .abc{ margin-bottom: 30px;}
.wordList .abc a{ display: inline-block; width: 14.5%; float: left; margin: 0 1%; padding: 10px 0; border-radius: 4px; border: solid 2px #008342; font-weight: bold; text-align: center; color: #333;}
.wordList .abc a:hover{ background: #e5e5e5; border: solid 1px #e5e5e5; color: #008342;}
.wordList .abc a.now, 
.wordList .abc a.now:hover{ background: #008342; color: #fff; border: solid 2px #008342;}
.wordList .abc a.back{ width: 12%; margin: 0 0 0 4%; border: solid 1px #777; border-radius: 0px;background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 75%, #cccccc 100%);
background: -webkit-linear-gradient(top, #ffffff 75%,#cccccc 100%);
background: linear-gradient(to bottom, #ffffff 75%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );}
.wordList .abc a.back:hover{ background: #fff; color: #333; border: solid 1px #008342; box-shadow: 0 0 0 3px #008342 inset;}
.wordList .abc span{ display: inline-block; width: 14.5%; float: left; margin: 0 1%; padding: 10px 0; border-radius: 4px; border: solid 2px #aaa; font-weight: bold; text-align: center; color: #333; background: #eee;}
.wordList ul{ width: 100%; float: left;}
.wordList ul li{ width: 49%; height: 40px; float: left; display: inline-block; padding: 0 0 0 3%; margin: 5px 0; border-bottom: dotted 1px #aaa;}
.wordList ul li:nth-child(2n){margin-left: 2%;}
.wordList ul li a{ display: block; font-size: 18px; color: #333; vertical-align:bottom; line-height: 40px; position: relative;}
.wordList ul li a::before{ content: ">"; display: block; position: absolute; left: -20px; top: 50%; width: 14px; line-height: 14px; text-align: center; color: #fff; background: #bbb; border-radius: 100%; font-size: 5px; margin-top: -7px;}
.wordList ul li a ruby{ vertical-align:bottom;}
.wordList ul li a:hover{ color: #008342; text-decoration: underline;}
.wordList ul li a:hover::before{ background: #008342;}


/*== 詳細 =================================*/
.glossary h1{ }
.glossary h1{position: relative;margin-bottom: 30px;height: auto;}
.glossary h1 b{display: inline-block;border-bottom:4px solid #008342;font-size: 29.5px;padding: 0 15px;}
.glossary .txt{ width: 98%; float: left; margin: 10px 1% 50px; padding-bottom: 50px; font-size: 24px; line-height: 1.8em; border-bottom: solid 1px #ddd;}

.glossary .btn{ width: 70%; float: left; margin: 70px 15% 0px;}
.glossary .btn a{ display: block; border: solid 1px #999; text-align: center; line-height: 50px; border-radius: 6px; color: #333; font-size: 16px;}
.glossary .btn a:hover{ box-shadow: 0 0 0 50px #008342 inset; color: #fff;}

.wordList.glossary .abc a, 
.wordList.glossary .abc span{ width: 17%; margin: 5px 1.5%; padding: 5px 0; border: solid 1px #aaa;}
.wordList.glossary .abc span{ display: inline-block; float: left; border-radius: 4px; text-align: center; background: #ccc;}
.wordList.glossary .abc a:hover{ border: solid 1px #008342; background: #008342; color: #fff;}
.wordList.glossary .abc .ml{ margin-left: 21.8%;}
.wordList.glossary .abc .ml2{ margin-left: 21%;}