@charset "UTF-8";

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}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%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

* {box-sizing: border-box;margin:0;padding: 0}
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';font-size:16px;line-height:1.7;background-color:#e7ebee;width:100%;min-width:1020px;}
.wrap {width:1020px;margin:0 auto;overflow: hidden;}
.content {width:100%;float:left;}
.content_inner {margin:0 320px 0 0;}
.main {background-color:#fff;padding:25px 25px 65px;font-size:16px;line-height:1.8;color:#333;}
.main p {margin:15px 5px 30px;}
.main h2 {background:none;font-weight:bold;font-size:21px;margin:40px 0 25px;border-bottom: 3px solid #5798f1;padding:15px 15px 10px;}
.main h2.info {font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;padding:40px 25px;text-align:center;background-color:#2b368e;margin:20px -25px;color:#fff;border:none;line-height:1.6;font-size:28px;}
.main h2.top {margin:-25px -25px 20px;}
.main h3 {font-weight:bold;font-size:16px;margin:40px 0 10px;color:#1d2f79;background-color:#e8f7ff;padding:15px 20px;}
.main h4 {font-weight:bold;font-size:17px;margin:20px 5px 5px;color:#434343;}
.quicksand {font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.bold {font-weight:bold;}

.rate_wrap {width:1020px;margin:0 auto;overflow: hidden;}
.main ul li {list-style-type: none;margin:0;}

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

SIDE

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

.side {float:right;width:300px;margin-left:-300px;margin-top:0;}

.side_box {background-color:#fff;margin:0 0 30px;padding:0 0 1px;}
.side_box h3 {font-weight:bold;text-align:center;padding:15px 10px;font-size:18px;color:#fff;background-color:#3a7bd2;font-family:Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.side_box ul.sideList {margin:0;}
.side_box ul.sideList li {}
.side_box ul.sideList li a {position:relative;color:#333;font-weight:bold;display:block;padding:15px 10px 15px 100px;height:100px;font-size:13px;line-height:1.4;overflow:hidden;}
.side_box ul.sideList li a div {position:absolute;left:15px;top:15px;width:70px;height:70px;overflow:hidden;border-radius:5px 0 5px 0;}
.side_box ul.sideList li a div img {width:70px;height:70px;}
.side_box ul.sideList li:hover {opacity: 0.9;}
.side_box ul.sideList li a:hover {text-decoration: none;}

/* タグリスト */
.side_box ul.categoryList {margin:0;}
.side_box ul.categoryList li {}
.side_box ul.categoryList li a {position:relative;color:#333;display:block;padding:15px 10px;font-size:15px;}
.side_box ul.categoryList li:hover {opacity: 0.9;}
.side_box ul.categoryList li a:hover {text-decoration: none;}

/* カテゴリーリスト */
.side_box ul.categoryIconList {margin:0;}
.side_box ul.categoryIconList li {line-height:1.0;}
.side_box ul.categoryIconList li a {position:relative;color:#333;display:block;padding:20px 10px 20px 50px;font-size:15px;}
.side_box ul.categoryIconList li.house a {background:url(../../../../images/icon/side_icon_house.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.mansion a {background:url(../../../../images/icon/side_icon_mansion.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.land a {background:url(../../../../images/icon/side_icon_land.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.real_estate a {background:url(../../../../images/icon/side_icon_real_estate.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.story a {background:url(../../../../images/icon/side_icon_story.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.agent a {background:url(../../../../images/icon/side_icon_agent.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li:hover {opacity: 0.9;}
.side_box ul.categoryIconList li a:hover {text-decoration: none;}

.side_box ul.side_qa_list {margin:0;}
.side_box ul.side_qa_list li {line-height:1.3;}
.side_box ul.side_qa_list li a {position:relative;display:block;padding:18px 10px 15px 50px;font-size:15px;background:url(/images/icon/qa_title_icon.png) left 10px top 50% no-repeat;background-size:30px;}
.side_box ul.side_qa_List li:hover {opacity: 0.9;}
.side_box ul.side_qa_List li a:hover {text-decoration: none;}

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

COMMON

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

li {list-style-type:none;}
a {text-decoration:none;color:#005ebb;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;letter-spacing:0.02em;}
img {max-width:100%;height:auto;}

table {border-collapse:collapse;width:100%;margin:20px 0;}
table tr th {border:1px solid #ddd;background-color:#eee;padding:10px;text-align:center;font-weight:bold;}
table tr td {border:1px solid #ddd;padding:10px;background-color: #fff;}

.clear {clear:both;}

.des {font-size:12px;color:#777;}

input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"] {-webkit-appearance:none;padding:10px;border:1px solid #ccc;background-color:#eee;border-radius:0;width:100%;}
select {-webkit-appearance:none;border:1px solid #ccc;padding:10px;border-radius:0;width:100%;background-color:#eee;}
textarea {-webkit-appearance:none;padding:10px;border:1px solid #ccc;border-radius:0;width:100%;background-color:#eee;}
input[type="submit"] {-webkit-appearance:none;color:#fff;text-align:center;font-size:19px;font-weight:bold;background-color:#4db381;margin:20px 0;border:none;border-radius:3px;cursor:pointer;padding:15px 0;width:100%;}


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

	相場のトップページ

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

.rate_home {position:relative;width:1020px;height:400px;padding:1px 0;margin:20px 0 0;background:url(/images/rate/top_bg.png) left top no-repeat;}
.rate_home h1 {font-weight:bold;font-size:64px;margin:40px 0 0;color:#fff;text-align:center;letter-spacing: 0.1em;}

.loop_slider {position:absolute;left:0;top:220px;width:100%;height:160px;overflow:hidden;}
.loop_slider_box {top:0;right:0;height:160px;overflow:hidden;position:absolute;}
.loop_slider_box:after {content:"";display: none;clear: none;}
.loop_slider ul {float:right;height:160px;overflow: hidden;}
.loop_slider ul li {width:240px;height:160px;float:right;display:inline;overflow:hidden;margin:0 20px 0 0;padding:15px;border-radius:3px;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;}
.loop_slider ul li .heading {font-size:17px;font-weight:bold;text-align:center;margin:0 0 10px;}
.loop_slider ul li .heading a {text-decoration: underline;}
.loop_slider ul li table.hv {margin:0;font-size:12px;font-weight:bold;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.loop_slider ul li table.hv th {background-color:#f1f6fb;border:1px solid #387cc9;padding:5px;text-align:center;color:#387cc9;text-align:center;}
.loop_slider ul li table.hv td {background-color:#fff;border:1px solid #387cc9;padding:5px;color:#387cc9;text-align:center;}
.loop_slider ul li table.hv td ul li {list-style-type:none;margin:0;}
.loop_slider ul li table.hv td ul {margin:5px 0;}

.rate_search_form {position:relative;float:left;width:300px;margin:20px 0 0;height:600px;overflow:hidden;}
.rate_search_form .box {padding:20px 20px 1px;background-color:#fff;border-radius:3px;margin:0 0 20px;font-size:13px;font-weight:bold;}
.rate_search_form .box .heading {font-size:16px;text-align:center;color:#333f4f;margin:0 0 10px;font-weight:bold;}
.rate_search_form .box p {margin:5px 0 20px;}
.rate_search_form .box select {padding:7px 5px;border-radius: 0;font-size:14px;font-weight:normal;width:100%;background-color:#fafafa;}
.rate_search_form .box .rate_search_button {margin:0;padding:10px 0;font-size:15px;cursor: pointer;background-color:#4db381;color:#fff;text-align: center;border-radius: 3px;}
.rate_search_form .image {position:absolute;left:0;bottom:0;line-height: 1.0;}
.rate_search_form .image img {line-height: 1.0;margin:0;padding:0;}
.rate_search_pref {float:right;width:700px;margin:20px 0 0;position:relative;height:600px;padding:0;background:#f5f9ff url(/images/icon/map.png) left 95px top 70px no-repeat;background-size:550px;}
.rate_search_pref h2 {position:relative;padding:30px 10px;text-align:center;background-color:#2b368e;margin:0;color:#fff;border:none;line-height:1.6;font-weight:bold;font-size:28px;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_search_pref .heading {position:relative;padding:30px 10px;text-align:center;background-color:#2b368e;margin:0;color:#fff;border:none;line-height:1.6;font-weight:bold;font-size:28px;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_search_pref ul.area1 {position:absolute;right:45px;top:180px;width:90px;border:1px solid #dce8d9;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.rate_search_pref ul.area2 {position:absolute;right:45px;top:430px;width:180px;border:1px solid #dce8d9;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.rate_search_pref ul.area3 {position:absolute;left:360px;top:145px;width:90px;border:1px solid #dce8d9;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.rate_search_pref ul.area4 {position:absolute;right:240px;top:430px;width:90px;border:1px solid #dce8d9;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.rate_search_pref ul.area5 {position:absolute;left:255px;top:190px;width:90px;border:1px solid #dce8d9;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.rate_search_pref ul.area6 {position:absolute;left:150px;top:220px;width:90px;border:1px solid #dce8d9;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.rate_search_pref ul.area7 {position:absolute;left:250px;top:430px;width:90px;border:1px solid #dce8d9;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.rate_search_pref ul.area8 {position:absolute;left:45px;top:250px;width:90px;border:1px solid #dce8d9;background:url(/wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.rate_search_pref ul li {padding:2px 0;margin:0;list-style-type: none;text-align:center;}
.rate_search_pref ul.area2 li {padding:2px 0;float:left;width:50%;}
.rate_search_pref ul.area1:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"北海道・東北";color:#555;font-size:12px;text-align:center;}
.rate_search_pref ul.area2:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"関東";color:#555;font-size:12px;text-align:center;}
.rate_search_pref ul.area3:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"北陸・甲信越";color:#555;font-size:12px;text-align:center;}
.rate_search_pref ul.area4:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"東海";color:#555;font-size:12px;text-align:center;}
.rate_search_pref ul.area5:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"関西";color:#555;font-size:12px;text-align:center;}
.rate_search_pref ul.area6:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"中国";color:#555;font-size:12px;text-align:center;}
.rate_search_pref ul.area7:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"四国";color:#555;font-size:12px;text-align:center;}
.rate_search_pref ul.area8:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"九州・沖縄";color:#555;font-size:12px;text-align:center;}


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

	相場の基本情報

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

.rate_header {position:relative;background-color: #fff;margin:20px 0;padding:15px 25px 0;border-radius: 3px;}
.rate_header .breadcrumbs {font-size:12px;background-color: #fff;padding:0;height:auto;}
.rate_header .info {float:left;width:400px;margin:20px 0 0;}
.rate_header .info h1 {font-weight:bold;font-size:28px;margin:0 0 5px;color:#333f4f;}
.rate_header .info p {margin:0;font-size:13px;color:#858f98;}
.rate_header .info .form {margin:20px 20px 0;}
.rate_header .info .form .select {float:left;width:300px;margin:0 0 5px;overflow:hidden;}
.rate_header .info .form .select select {font-size:14px;height:40px;background-color:#fff;color:#555;}
.rate_header .info .form .button {float:left;width:50px;margin:0 0 5px;overflow:hidden;text-align:center;background-color:#4db381;height:40px;font-weight:bold;}
.rate_header .info .form .button a {display:block;color:#fff;padding:10px 0 0;font-size:13px;}

.rate_header .value {float:right;width: 550px;margin:20px 0 0;}
.rate_header .value .heading {margin:0 0 10px;padding:0 0 5px;font-size:21px;text-align:center;font-weight:bold;border-bottom:1px solid #bbb;color:#333f4f;;}
.rate_header .value table {margin:0 0 40px;}
.rate_header .value table th {padding:0;text-align:center;font-weight:normal;color:#3589e7;font-size:12px;border:none;background-color: #fff;}
.rate_header .value table td {padding:5px;text-align:center;color:#3589e7;font-size:13px;border:none;background-color: #fff;}
.rate_header .value table td span {font-size:19px;font-weight:bold;}
.rate_header .value .graph {margin:10px 40px 0;}
.rate_header .link {margin:40px 0 0;}
.rate_header .link ul {margin:0;font-size:14px;font-weight:bold;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_header .link ul li  {float:left;border-bottom:3px solid #fff;margin:0 5px;}
.rate_header .link ul li.select {border-bottom:3px solid #4eb9ff;}
.rate_header .link ul li:hover {border-bottom:3px solid #4eb9ff;}
.rate_header .link ul li a {display: block;padding:15px 20px;color:#434343;text-decoration: none;}
.rate_header .link ul li a:hover {}
.rate_header .search {position:absolute;right:30px;bottom:15px;font-size:13px;}
.rate_header .search a {text-decoration: underline;}

ol.rate_home_ranking {counter-reset:li;}
ol.rate_home_ranking li {position:relative;line-height:1.4;}
ol.rate_home_ranking li:before {content:counter(li);counter-increment:li;position:absolute;font-size:21px;color:#999;top:15px;left:25px;width:24px;height:20px;text-align:center;line-height:1.4;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
ol.rate_home_ranking li a {display:block;padding:15px 10px 15px 60px;color:#434343;}
ol.rate_home_ranking li a .name {font-size:17px;font-weight:bold;text-decoration: underline;}
ol.rate_home_ranking li a .value {font-size:13px;}
ol.rate_home_ranking li a:hover {text-decoration:none;background-color:#eee;}


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

	相場の推移

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

.rate_day_graph {background-color:#fff;margin:20px 0 0;padding:0;border-radius: 3px;}
.rate_day_graph .graph {float:left;width:670px;margin:25px;height:400px;}
.rate_day_graph .graph #canvas_transition {margin:0;}
.rate_day_graph .graph .description {}
.rate_day_graph .graph .description .type1 {position:relative;float:left;margin:0 10px;padding:0 0 0 30px;color:#777;font-size:12px;font-weight:bold;}
.rate_day_graph .graph .description .type2 {position:relative;float:left;margin:0 10px;padding:0 0 0 30px;color:#777;font-size:12px;font-weight:bold}
.rate_day_graph .graph .description .type3 {position:relative;float:left;margin:0 10px;padding:0 0 0 30px;color:#777;font-size:12px;font-weight:bold}
.rate_day_graph .graph .description .type1:before {position:absolute;background-color:#3288bf;top:4px;left:0;width:20px;height:10px;border-radius:5px;content:"";}
.rate_day_graph .graph .description .type2:before {position:absolute;background-color:#dc961c;top:4px;left:0;width:20px;height:10px;border-radius:5px;content:"";}
.rate_day_graph .graph .description .type3:before {position:absolute;background-color:#bd1313;top:4px;left:0;width:20px;height:10px;border-radius:5px;content:"";}
.rate_day_graph .info {float:right;width:300px;background-color:#f5f6f8;padding:25px;height:450px;}
.rate_day_graph .info .heading {text-align:center;font-weight:bold;font-size:17px;margin:0 0 15px;color:#333f4f;}
.rate_day_graph .info .box {margin:0 40px 15px;text-align:right;}
.rate_day_graph .info .title {font-size:14px;color:#9b9da9;}
.rate_day_graph .info .value {font-size:15px;color:#434343;}
.rate_day_graph .info .value strong {font-size:36px;font-weight:bold;}
.rate_day_graph .info .ratio_plus {font-weight:bold;color:#41afa6;font-size:15px;}
.rate_day_graph .info .ratio_minus {font-weight:bold;color:#d03c3c;font-size:15px;}
.rate_day_graph .info table {}
.rate_day_graph .info table th {color:#555;font-weight:normal;font-size:11px;border:none;background-color:transparent;padding:5px 0;border-bottom:1px solid #999;}
.rate_day_graph .info table td {font-weight:bold;font-size:11px;border:none;background-color:transparent;padding:5px 0;text-align:center;}
.rate_day_graph .info table td span {font-size:14px;}


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

	記事

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

.rate_home_article {background-color:#fff;margin:20px 0 0;padding:25px;border-radius: 3px;}
.rate_home_article h2 {margin:10px 0;font-size:24px;font-weight:bold;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_home_article p {margin:5px 0 20px;font-size:14px;}
.rate_home_article p.des {color:#999;font-size:12px;}


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

RATE

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

/* 不動産会社紹介 */
.rate_rs_box {}
.rate_rs_box h2 {position:relative;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;padding:30px 10px;text-align:center;background-color:#2b368e;margin:40px -25px 0;color:#fff;border:none;line-height:1.6;font-size:28px;}
.rate_rs_box table {width:calc(100% + 50px);margin:0 -25px;}
.rate_rs_box table th {width:300px;background-color:#f1f6fb;padding:15px;color:#387cc9;font-size:17px;}
.rate_rs_box table td {font-size:14px;padding:15px 15px 5px;}
.rate_rs_box table td span {font-weight:bold;font-size:15px;}
.rate_rs_box table td a {font-weight:bold;}
.main .rate_rs_box table td p {margin:0 0 10px;}

/* 都道府県ページ/平均価格 */
.rate_pref_image {float:left;width:323px;height:240px;}
.rate_pref_des {float:left;width:150px;height:150px;background:url(/images/rate_pref_des.png) left top no-repeat;background-size:150px auto;}
.rate_pref_value {float:left;width:160px;padding:0 20px;}
.rate_pref_value ul {}
.rate_pref_value ul li {padding:1px 0 0;font-size:14px;}
.rate_pref_value ul li .rate_pref_value_int {font-size:24px;font-weight:bold;color:#434343;letter-spacing:0.02em;}

.canvas_floor_box {float:left;width:300px;margin:20px 0;}
.canvas_floor_des_box {float:right;width:340px;margin:20px 0;}
table.canvas_floor_table {margin:0;}
table.canvas_floor_table th {font-size:13px;color:#555;border:none;border-bottom:2px solid #ddd;background-color:#fff;padding:7px;}
table.canvas_floor_table td {font-size:13px;text-align:center;border:none;border-bottom:1px solid #ddd;padding:7px;}
table.canvas_floor_table td.canvas_floor_table_max {background-color:#FFF5F5;font-weight:bold;}

ul.rate_city_list {}
ul.rate_city_list li {float:left;border-bottom:1px solid #bbb;}
ul.rate_city_list li a {display:block;padding:10px;}
ul.rate_pref_list {}
ul.rate_pref_list li {border:none;padding:0;margin:0;float:left;width:calc(100% / 6);}
ul.rate_pref_list li a {display:block;font-size:14px;color:#333;margin:0;text-align:center;}


.rate_search_box table {border-collapse:separate;border-radius:8px;overflow:hidden;margin:20px 0 1px;border:1px solid #3a7bd2;}
.rate_search_box table tr {}
.rate_search_box table th {background-color:#5798f1;color:#fff;border:none;border-bottom:3px solid #3a7bd2;}
.rate_search_box table td {border:none;text-align:center;padding:15px 5px;}
.rate_search_box .rate_search_button {color:#fff;text-align:center;font-size:19px;font-weight:bold;background-color:#4db381;margin:20px 30px;border-bottom:3px solid #3a8660;border-radius:7px;cursor:pointer;padding:15px 0;}
.rate_search_box .rate_search_button:hover {margin:22px 30px 20px;border-bottom:1px solid #3a8660;}

.rate_search_result_box {background-color:#fcf1e3;border:3px solid #fce5ca;padding:10px 15px;margin:25px 0;font-size:14px;}
.rate_search_result_box table {margin:20px 0;font-size:14px;}
.rate_search_result_box table th {background-color:#fcf1e3;border:1px solid #fce5ca;color:#555;}
.rate_search_result_box table td {background-color:#fff;border:1px solid #fce5ca;text-align:center;}

ul.city_ranking {}
ul.city_ranking li {position:relative;padding:10px 0 10px 70px;border-bottom:1px solid #ccc;line-height:1.5;}
ul.city_ranking li::before {position:absolute;top:7px;left:25px;color:#d05;content:"-";font-size:36px;}
ul.city_ranking li:first-child::before,
ul.city_ranking li:nth-child(2)::before,
ul.city_ranking li:nth-child(3)::before {position:absolute;top:3px;left:15px;width:0;height:0;border:18px solid transparent;border-bottom:30px solid #fb0;content:"";}
ul.city_ranking li:first-child::after,
ul.city_ranking li:nth-child(2)::after,
ul.city_ranking li:nth-child(3)::after{position:absolute;top:27px;left:15px;width:0;height:0;border:18px solid #fb0;border-top:9px solid transparent;border-bottom:18px solid #f90;content:"";}
ul.city_ranking li:nth-child(2)::before{border-bottom:30px solid #ccc;}
ul.city_ranking li:nth-child(2)::after{border:18px solid #ccc;border-top:9px solid transparent;border-bottom:18px solid #aaa;}
ul.city_ranking li:nth-child(3)::before{border-bottom: 30px solid #d98;}
ul.city_ranking li:nth-child(3)::after{border:18px solid #d98;border-top:9px solid transparent;border-bottom:18px solid #c76;}
ul.city_ranking li a {color:#555;font-size:13px;}
ul.city_ranking li a .city_ranking_value {color:#2323FF;font-size:19px;font-weight:normal;}
ul.city_ranking li a:hover {text-decoration:none;}

/* トップページ/都道府県ランキング */
.rate_pref_ranking {float:left;width:210px;padding:4px;}
.rate_pref_ranking_title {border-bottom:2px solid #ddd;font-size:14px;font-weight:bold;color:#555;padding:5px;}
.rate_pref_ranking ul {margin:0;}
.rate_pref_ranking ul li {position:relative;border-bottom:1px solid #ddd;}
.rate_pref_ranking ul li a {color:#555;font-size:14px;padding:15px 10px 15px 50px;display:block;line-height:1.4;}
.rate_pref_ranking ul li a span {color:#2323FF;font-size:19px;}
.rate_pref_ranking ul li a:hover {text-decoration:none;background-color:#fcf1e3;}
.rate_pref_ranking ul li::before {position:absolute;top:9px;left:16px;color:#d05;content:"-";font-size:28px;}
.rate_pref_ranking ul li:first-child::before,
.rate_pref_ranking ul li:nth-child(2)::before,
.rate_pref_ranking ul li:nth-child(3)::before {position:absolute;top:12px;left:10px;width:0;height:0;border:12px solid transparent;border-bottom:20px solid #fb0;content:"";}
.rate_pref_ranking ul li:first-child::after,
.rate_pref_ranking ul li:nth-child(2)::after,
.rate_pref_ranking ul li:nth-child(3)::after{position:absolute;top:28px;left:10px;width:0;height:0;border:12px solid #fb0;border-top:6px solid transparent;border-bottom:12px solid #f90;content:"";}
.rate_pref_ranking ul li:nth-child(2)::before{border-bottom:20px solid #ccc;}
.rate_pref_ranking ul li:nth-child(2)::after{border:12px solid #ccc;border-top:6px solid transparent;border-bottom:12px solid #aaa;}
.rate_pref_ranking ul li:nth-child(3)::before{border-bottom: 20px solid #d98;}
.rate_pref_ranking ul li:nth-child(3)::after{border:12px solid #d98;border-top:6px solid transparent;border-bottom:12px solid #c76;}

/* 不動産タイプページ/平均 */
.rate_type_box_house {position:relative;width:660px;height:360px;background:url(/images/i-1.jpg) left top no-repeat;background-size:660px;}
.rate_type_box_mansion {position:relative;width:660px;height:360px;background:url(/images/m-1.jpg) left top no-repeat;background-size:660px;}
.rate_type_box_land {position:relative;width:660px;height:360px;background:url(/images/t-1.jpg) left top no-repeat;background-size:660px;}
.rate_type_box_house .rate_type_box_price {position:absolute;left:18px;top:85px;width:165px;text-align:center;}
.rate_type_box_house .rate_type_box_area {position:absolute;left:18px;top:235px;width:165px;text-align:center;}
.rate_type_box_house .rate_type_box_built {position:absolute;right:20px;top:85px;width:161px;text-align:center;}
.rate_type_box_house .rate_type_box_count {position:absolute;right:20px;top:235px;width:161px;text-align:center;}
.rate_type_box_mansion .rate_type_box_price {position:absolute;left:15px;top:80px;width:165px;text-align:center;}
.rate_type_box_mansion .rate_type_box_area {position:absolute;left:15px;top:217px;width:165px;text-align:center;}
.rate_type_box_mansion .rate_type_box_built {position:absolute;right:15px;top:80px;width:161px;text-align:center;}
.rate_type_box_mansion .rate_type_box_count {position:absolute;right:15px;top:217px;width:161px;text-align:center;}
.rate_type_box_land .rate_type_box_price {position:absolute;left:18px;top:85px;width:165px;text-align:center;}
.rate_type_box_land .rate_type_box_area {position:absolute;left:18px;top:235px;width:165px;text-align:center;}
.rate_type_box_land .rate_type_box_count {position:absolute;right:20px;top:235px;width:161px;text-align:center;}
.rate_type_box_house .rate_value, .rate_type_box_mansion .rate_value, .rate_type_box_land .rate_value {font-size:32px;font-weight:bold;color:#434343;letter-spacing:0.02em;}

.rate_box {width:1020px;padding:30px 30px 10px;background-color:#07913a;color:#fff;}
.rate_box h1 {font-size:28px;font-weight:bold;margin:0 0 30px;}
.rate_box .rate_pref_image {float:left;width:300px;height:300px;background-color:#fff;border-radius:150px;padding:50px 15px 50px 16px;overflow:hidden;margin:0 0 20px;}
.rate_box .rate_pref_image img {width:269px;height:200px;}
.rate_box .rate_pref_value {float:left;width:620px;margin:0 0 20px 40px;}
.rate_box .rate_pref_value p {font-size:15px;margin:0 0 20px;}
.rate_box .rate_pref_value table {font-size:13px;}
.rate_box .rate_pref_value table th {border:none;border-bottom:1px solid #ddd;padding:10px;text-align:center;background-color:transparent;}
.rate_box .rate_pref_value table td {border:none;text-align:center;padding:10px;background-color:transparent;font-weight: bold;}
.rate_box .rate_pref_value .rate_pref_value_int {font-size:21px;color:#fff;letter-spacing:0.02em;}
.rate_box .post_info_box {border:none;margin:0;padding:0;}

.rate_type_link_box {width:1020px;padding:30px 0;background-color:#e7ebee;}
.rate_type_link_box ul {}
.rate_type_link_box ul li {list-style-type:none;float:left;width:160px;margin:5px;border-radius:3px;overflow: hidden;}
.rate_type_link_box ul li.type0 {background:#219eff url(/images/icon/rate_type_icon0.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type1 {background:#219eff url(/images/icon/rate_type_icon1.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type2 {background:#219eff url(/images/icon/rate_type_icon2.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type3 {background:#219eff url(/images/icon/rate_type_icon3.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type4 {background:#219eff url(/images/icon/rate_type_icon4.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type5 {background:#219eff url(/images/icon/rate_type_icon5.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type0.select {background:#e7ebee url(/images/icon/rate_type_icon0_on.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type1.select {background:#e7ebee url(/images/icon/rate_type_icon1_on.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type2.select {background:#e7ebee url(/images/icon/rate_type_icon2_on.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type3.select {background:#e7ebee url(/images/icon/rate_type_icon3_on.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type4.select {background:#e7ebee url(/images/icon/rate_type_icon4_on.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li.type5.select {background:#e7ebee url(/images/icon/rate_type_icon5_on.png) left 50% top 0px no-repeat;}
.rate_type_link_box ul li a {display:block;text-align:center;padding:140px 0 10px;color:#fff;font-weight:bold;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_type_link_box ul li:hover {background-color: #0994ff;}
.rate_type_link_box ul li a:hover {text-decoration:none;}
.rate_type_link_box ul li.select a {color:#bbb;}

.rate_info_box {width:1020px;background-color:#f3efe4;padding:1px 30px;}
.rate_info_box .rate_info_content_box {padding:30px 0 30px 50px;background:url(/wp-content/uploads/2017/01/70.png) left 0 top repeat-y;}
.rate_info_box .rate_info_content_box h2.heading {position:relative;font-size:28px;font-weight:bold;margin:10px 0 10px;padding:15px;border-radius:40px;text-align:center;color:#fff;background-color:#1a53b1;border:none;}
.rate_info_box .rate_info_content_box h2.heading:before {position:absolute;left:-69px;top:10px;content:"";width:100px;height:50px;background:url(/wp-content/uploads/2017/01/71.png) left top no-repeat;}
.rate_info_box .rate_info_content_box .graph {float:left;width:400px;min-height:300px;margin:20px;}
.rate_info_box .rate_info_content_box .info {float:right;width:420px;margin:20px;}
.rate_info_box .rate_info_content_box .info p {font-size:16px;margin:10px 0 20px;}



table.rate_city_table {border:none;}
table.rate_city_table td {border:none;text-align:center;padding:5px 0;font-size:13px;}
table.rate_city_table tr:nth-child(1) td {font-weight:bold;font-size:18px;padding:5px 0 10px;}
table.rate_city_table tr:nth-child(2) td {font-weight:bold;font-size:18px;padding:5px 0 10px;}
table.rate_city_table tr:nth-child(3) td {font-weight:bold;font-size:18px;padding:5px 0 10px;}

.rate_note_box {background-color:#f7f7f7;color:#434343;font-weight:bold;font-size:13px;padding:15px;margin:30px 0 10px;}
.rate_note_box h4 {font-size:15px;margin:15px 0 0;}

.school_list_box {padding:20px 0;border-bottom:2px solid #eee;}
.school_list_box .image {float:left;width:100px;height:100px;overflow: hidden;}
.school_list_box .image img {width:100px;height:auto;}
.school_list_box .info {float:right;width:calc(100% - 120px);}
.school_list_box .info .name {font-size:17px;font-weight:bold;margin:0 0 5px;}
.school_list_box .info .area {background:url(/images/icon/address_icon.png) left top 50% no-repeat;background-size:20px;padding:3px 0 3px 30px;font-size:11px;}



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

RATE PREF

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

.rate_transition_graph {background-color: #ffc83f;margin:-25px -25px 0;padding:25px;}
.rate_transition_graph h2 {background-color:#271f1c;padding:15px 25px;color:#fff;font-weight:bold;margin:0 0 20px;border:none;}
#canvas_transition {}
.rate_transition_graph .info {position:relative;margin:20px 10px 0;padding:1px 0 30px 150px;}
.rate_transition_graph .info .count {position:absolute;left:40px;top:0;font-size:16px;font-weight:bold;}
.rate_transition_graph .info .price {position:absolute;left:40px;top:50px;font-size:16px;font-weight:bold;}
.rate_transition_graph .info .price_unit {position:absolute;left:40px;top:25px;font-size:16px;font-weight:bold;}
.rate_transition_graph .info .count:before {position:absolute;left:-30px;top:2px;width:20px;height:20px;content:"";background-color:#3288bf;border-radius:10px;}
.rate_transition_graph .info .price:before {position:absolute;left:-30px;top:2px;width:20px;height:20px;content:"";background-color:#dc961c;border-radius:10px;}
.rate_transition_graph .info .price_unit:before {position:absolute;left:-30px;top:2px;width:20px;height:20px;content:"";background-color:#bd1313;border-radius:10px;}
.rate_transition_graph .info .description {font-size:12px;line-height:1.4;color:#777;}



.rate_type_info {background-color:#82bce8;margin:0 -25px;padding:1px 25px 25px;color:#07293d;}
.rate_type_info h2 {border-bottom:3px solid #9dcbef;padding:0 20px;margin:70px 0 15px;font-size:21px;}
.rate_type_info .graph {float:left;width:300px;margin:0 10px;}
.rate_type_info .graph #canvas_type1 {width:300px !important;height:240px !important;}
.rate_type_info .graph #canvas_type2 {width:300px !important;height:240px !important;}
.rate_type_info .graph #canvas_type3 {width:300px !important;height:240px !important;}
.rate_type_info .graph #canvas_type4 {width:300px !important;height:240px !important;}
.rate_type_info .graph #canvas_type5 {width:300px !important;height:240px !important;}
.rate_type_info .graph .count {float:left;position:relative;font-size:14px;font-weight:bold;padding:0 0 0 24px;width:100px;margin:5px 0;}
.rate_type_info .graph .price {float:left;position:relative;font-size:14px;font-weight:bold;padding:0 0 0 24px;width:100px;margin:5px 0;}
.rate_type_info .graph .price_unit {float:left;position:relative;font-size:14px;font-weight:bold;padding:0 0 0 24px;width:100px;margin:5px 0;}
.rate_type_info .graph .count:before {position:absolute;left:0px;top:3px;width:16px;height:16px;content:"";background-color:#3288bf;border-radius:8px;}
.rate_type_info .graph .price:before {position:absolute;left:0px;top:3px;width:16px;height:16px;content:"";background-color:#dc961c;border-radius:8px;}
.rate_type_info .graph .price_unit:before {position:absolute;left:0px;top:3px;width:16px;height:16px;content:"";background-color:#bd1313;border-radius:8px;}
.rate_type_info .info {float:right;width:300px;}
.rate_type_info .info .info_box {margin:0 0 20px;}
.rate_type_info .info .info_box .title {font-size:18px;font-weight:bold;color:#bad76d;}
.rate_type_info .info .info_box .description {font-size:13px;line-height:1.3;font-weight:bold;}
.rate_type_info .note {font-size:12px;margin:20px;}


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

RATE PREF TYPE

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

.rate_type_box {width:1020px;padding:1px 0;background-color:#e7ebee;}
.rate_type_box .info {float:left;width:320px;background-color:#07913a;color:#fff;padding:30px 25px 10px;height:400px;}
.rate_type_box .info h1 {font-size:21px;font-weight:bold;margin:0 0 30px;}
.rate_type_box .info p {margin:10px 0 20px;font-size:14px;}
.rate_type_box .info p.des {color:#ddd;}
.rate_type_box .info .post_info_box {border:none;margin:0;padding:0;}
.rate_type_box .value {float:right;width:700px;padding:30px 20px 10px;background-color:#fff;height:400px;overflow:hidden;}
.rate_type_box .value .rate_type_box_house {position:relative;width:660px;height:360px;background:url(/images/i-1.jpg) left top no-repeat;background-size:660px;}
.rate_type_box .value .rate_type_box_mansion {position:relative;width:660px;height:360px;background:url(/images/m-1.jpg) left top no-repeat;background-size:660px;}
.rate_type_box .value .rate_type_box_land {position:relative;width:660px;height:360px;background:url(/images/t-1.jpg) left top no-repeat;background-size:660px;}
.rate_type_box .value .rate_type_box_house .rate_type_box_price {position:absolute;left:15px;top:78px;width:155px;text-align:center;}
.rate_type_box .value .rate_type_box_house .rate_type_box_area {position:absolute;left:15px;top:215px;width:155px;text-align:center;}
.rate_type_box .value .rate_type_box_house .rate_type_box_built {position:absolute;right:17px;top:78px;width:150px;text-align:center;}
.rate_type_box .value .rate_type_box_house .rate_type_box_count {position:absolute;right:17px;top:215px;width:150px;text-align:center;}
.rate_type_box .value .rate_type_box_mansion .rate_type_box_price {position:absolute;left:15px;top:80px;width:165px;text-align:center;}
.rate_type_box .value .rate_type_box_mansion .rate_type_box_area {position:absolute;left:15px;top:217px;width:165px;text-align:center;}
.rate_type_box .value .rate_type_box_mansion .rate_type_box_built {position:absolute;right:15px;top:80px;width:161px;text-align:center;}
.rate_type_box .value .rate_type_box_mansion .rate_type_box_count {position:absolute;right:15px;top:217px;width:161px;text-align:center;}
.rate_type_box .value .rate_type_box_land .rate_type_box_price {position:absolute;left:15px;top:80px;width:155px;text-align:center;}
.rate_type_box .value .rate_type_box_land .rate_type_box_area {position:absolute;left:15px;top:215px;width:155px;text-align:center;}
.rate_type_box .value .rate_type_box_land .rate_type_box_count {position:absolute;right:17px;top:215px;width:150px;text-align:center;}
.rate_type_box .value .rate_type_box_house .rate_value, .rate_type_box_mansion .rate_value, .rate_type_box_land .rate_value {font-size:32px;font-weight:bold;color:#434343;letter-spacing:0.02em;}

.rate_search_box {background-color:#fcf1e3;margin:0 -25px;padding:20px 25px 30px;color:#442c0d;}
.rate_search_box h2 {font-weight:bold;margin:20px 0;font-size:28px;padding:0;border:none;}
.rate_search_box p {margin:10px 0;font-size:14px;}
.rate_search_box table {border-collapse:collapse;font-size:14px;border-radius:0;overflow:hidden;margin:20px 0 10px;border:none;}
.rate_search_box table th {background-color:#442c0d;color:#fff;border:none;border:none;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_search_box table td {background-color:#fff;border:none;text-align:center;padding:15px 5px;}
.rate_search_box .rate_search_button {color:#fff;text-align:center;margin:5px 10px 0;border-bottom:3px solid #442c0d;font-size:17px;font-weight:normal;background-color:#634826;border-radius:3px;cursor:pointer;padding:10px;}
.rate_search_box .rate_search_button:hover {margin:7px 10px 0;border-bottom:1px solid #442c0d;}
.rate_search_box .result {margin:25px 0;font-size:14px;border:none;padding:0;}
.rate_search_box table td input[type="text"] {width:120px;}


.rate_type_info .canvas_floor_box {float:left;width:300px;margin:20px 0;}
.rate_type_info .canvas_floor_des_box {float:right;width:340px;margin:20px 0;}
.rate_type_info table {margin:0;font-size:13px;color:#07293d;font-weight:bold;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_type_info table tr:nth-child(even) {background-color:#82bce8;}
.rate_type_info table tr:nth-child(odd) {background-color:#8cc1ea;}
.rate_type_info table tr:first-child {background-color:#3389cb;}
.rate_type_info table th {border:none;padding:10px;background:transparent;color:#fff;}
.rate_type_info table td {position:relative;border:none;padding:10px;background:transparent;text-align: left;}
.rate_type_info table td.area0,.rate_type_info table td.area1,.rate_type_info table td.area2,.rate_type_info table td.area3,.rate_type_info table td.area4,.rate_type_info table td.area5,.rate_type_info table td.area6{padding:10px 10px 10px 45px;}
.rate_type_info table td.area0:before {position:absolute;left:15px;top:13px;content:"";width:16px;height:16px;border-radius:8px;background-color:#ff0000;}
.rate_type_info table td.area1:before {position:absolute;left:15px;top:13px;content:"";width:16px;height:16px;border-radius:8px;background-color:#ffd900;}
.rate_type_info table td.area2:before {position:absolute;left:15px;top:13px;content:"";width:16px;height:16px;border-radius:8px;background-color:#4cff00;}
.rate_type_info table td.area3:before {position:absolute;left:15px;top:13px;content:"";width:16px;height:16px;border-radius:8px;background-color:#00ff91;}
.rate_type_info table td.area4:before {position:absolute;left:15px;top:13px;content:"";width:16px;height:16px;border-radius:8px;background-color:#0095ff;}
.rate_type_info table td.area5:before {position:absolute;left:15px;top:13px;content:"";width:16px;height:16px;border-radius:8px;background-color:#4800ff;}
.rate_type_info table td.area6:before {position:absolute;left:15px;top:13px;content:"";width:16px;height:16px;border-radius:8px;background-color:#ff00dd;}

/* MAP */
.rate_map {width:100%;height:520px;padding:0 0 50px;background-color:#e7ebee;}
.rate_map .header {height:70px;background-color:#0691cc;}
.rate_map .header .heading {float:left;font-size:18px;margin:20px 50px 0 20px;color:#fff;font-weight:bold;}
.rate_map .header ul {float:left;margin:10px 20px;}
.rate_map .header ul li {margin:0 10px;padding:0;}
.rate_map .header .map_search_button {float:left;background-color:#1358a6;padding:10px 20px;color:#fff;margin:12px 0 0;border-radius: 3px;cursor:pointer;}

.rate_map .content {position:relative;height:400px;background-color:#fff;overflow: hidden;}



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

	共通

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

.rate_sns_box {background-color:#e7ebee;color:#999;padding:0 0 0 340px;margin:20px 0 0;width:100%;font-size:14px;height:45px;line-height:1.0;}
.rate_sns_box .heading {float:left;width:200px;padding:13px 0;text-align:center;height:45px;}
.rate_sns_box .twitter {float:left;width:160px;height:45px;}
.rate_sns_box .facebook {float:left;width:160px;height:45px;}
.rate_sns_box .hatena {float:left;width:160px;height:45px;}

.rate_l_1 {background-color: #fff;margin:20px 0;padding:25px;border-radius: 3px;}
.rate_l_2 {float:left;width:calc(50% - 50px);box-sizing:content-box;background-color: #fff;margin:20px 0;padding:10px 20px;border-radius: 3px;}
.rate_r_2 {float:right;width:calc(50% - 10px);background-color: #fff;margin:20px 0;padding:10px 20px;border-radius: 3px;}

.rate_l_3 {float:left;width:326px;margin:20px 0;background-color: #fff;border-radius: 3px;padding:10px 20px 0;}
.rate_c_3 {float:left;width:326px;margin:20px 21px;background-color: #fff;border-radius: 3px;padding:10px 20px 0;}
.rate_r_3 {float:right;width:326px;margin:20px 0;background-color: #fff;border-radius: 3px;padding:10px 20px 0;}
.rate_l_3 .heading,.rate_c_3 .heading,.rate_r_3 .heading {font-size:16px;text-align:center;color:#333f4f;margin:0 0 10px;font-weight:bold;}

.rate_l_2 h2, .rate_r_2 h2 {font-weight:bold;font-size:28px;margin:25px 10px 15px;text-align:center;}
.rate_l_2 p, .rate_r_2 p {margin:15px 0 10px;font-size:13px;}
.rate_l_3 h2, .rate_c_3 h2, .rate_r_3 h2 {font-weight:bold;font-size:21px;margin:10px 10px 15px;text-align:center;}
.graph .description .type1 {position:relative;float:left;margin:0 10px;padding:0 0 0 30px;color:#777;font-size:12px;font-weight:bold;}
.graph .description .type2 {position:relative;float:left;margin:0 10px;padding:0 0 0 30px;color:#777;font-size:12px;font-weight:bold}
.graph .description .type3 {position:relative;float:left;margin:0 10px;padding:0 0 0 30px;color:#777;font-size:12px;font-weight:bold}
.graph .description .type1:before {position:absolute;background-color:#3288bf;top:4px;left:0;width:20px;height:10px;border-radius:5px;content:"";}
.graph .description .type2:before {position:absolute;background-color:#dc961c;top:4px;left:0;width:20px;height:10px;border-radius:5px;content:"";}
.graph .description .type3:before {position:absolute;background-color:#bd1313;top:4px;left:0;width:20px;height:10px;border-radius:5px;content:"";}

.rate_l_3 .info_box, .rate_c_3 .info_box, .rate_r_3 .info_box {margin:20px 0;font-size:14px;}
.info_box .title {font-weight:bold;font-size:18px;}
.rate_l_3 .note, .rate_c_3 .note, .rate_r_3 .note {background-color:#f7f7f7;color:#555;font-size:13px;padding:15px;margin:20px -20px 0;}


.graph_box {width:100%;}




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

HEADER

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

.site_header {width:100%;min-width:1020px;background-color:#01c8ff;color:#fff;padding:1px 0;height:70px;}
.site_header_box {position:relative;margin:0 auto;width:1020px;height:68px;padding:1px 0;}
.site_header_box .logo {width:140px;margin:22px 20px 0;padding:1px 0;}
.site_header_box .logo img {width:100%;height:auto;}
.site_header_box .site_header_form {position:absolute;left:200px;width:600px;top:14px;}
.site_header_box .site_header_form .form_text {float:left;width:400px;height:40px;overflow:hidden;padding:0;line-height:1.0;margin:0;}
.site_header_box .site_header_form input[type="text"] {margin:0;padding:9px 10px 8px;width:400px;border-radius:3px 0 0 3px;border:none;color:#fff;font-size:15px;background-color:#e8f7ff;}
.site_header_box .site_header_form input[type="text"]:focus {border:none;outline:0;}
.site_header_box .site_header_form input[type="text"]:placeholder-shown {color:#8693e0;}
.site_header_box .site_header_form input[type="text"]::-webkit-input-placeholder {color:#8693e0;}
.site_header_box .site_header_form input[type="text"]:-moz-placeholder {color:#8693e0;}
.site_header_box .site_header_form input[type="text"]::-moz-placeholder {color:#8693e0;}
.site_header_box .site_header_form input[type="text"]:-ms-input-placeholder {color:#8693e0;}
.site_header_box .site_header_form .form_submit {float:left;width:100px;height:40px;overflow:hidden;padding:0;line-height:1.0;margin:0;border-left:1px solid #599ae1;}
.site_header_box .site_header_form input[type="submit"] {margin:0;padding:0;border-radius:0 3px 3px 0;border:none;width:100px;height:40px;background:#3589e7 url(../../../../images/icon/search_submit.png) left 50% top 50% no-repeat;background-size:24px;}
.site_header_box .site_header_pr {position:absolute;right:140px;top:17px;font-size:13px;border-radius: 5px;overflow:hidden;}
.site_header_box .site_header_pr a {color:#fff;display:block;background-color: #3589e7;padding:7px 10px;}

/* contact link */
.site_header_box .site_header_contact {position:absolute;right:0;top:0;width:100px;height:69px;overflow:hidden;text-align:center;}
.site_header_box .site_header_contact a {color:#fff;display:block;padding:45px 0 0;height:69px;overflow:hidden;font-size:10px;background:url(../../../../images/icon/mail.png) left 50% top 0px no-repeat;background-size:50px;}
.site_header_box .site_header_contact a:hover {background-color:#3589e7;text-decoration:none;}


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

FOOTER

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

.site_footer {background-color:#333;text-align:center;color:#fff;padding:30px 0;width:100%;min-width:1020px;font-size:13px;}
.site_footer a {color:#fff;}

.site_footer .footer_admin {width:1020px;margin:0 auto;background:url(/images/footer_thumbnail_default.png) left top 15px no-repeat;background-size:150px;padding:10px 0 10px 170px;height:120px;text-align:left;}
.site_footer .footer_admin .left {float:left;width:360px;}
.site_footer .footer_admin .left .title {font-size:18px;}
.site_footer .footer_admin .right {float:right;width:450px;}
.site_footer .footer_admin .right .twitter {float:left;width:120px;height:100px;border:1px solid #555;background:url(/images/icon/twitter_monochrome.png) left 50% top 3px no-repeat;color:#fff;font-size:15px;text-align:center;margin:0 10px;}
.site_footer .footer_admin .right .facebook {float:left;width:120px;height:100px;border:1px solid #555;background:url(/images/icon/facebook_monochrome.png) left 50% top 3px no-repeat;color:#fff;font-size:15px;text-align:center;margin:0 10px;}
.site_footer .footer_admin .right .google {float:left;width:120px;height:100px;border:1px solid #555;background:url(/images/icon/google_monochrome.png) left 50% top 3px no-repeat;color:#fff;font-size:15px;text-align:center;margin:0 10px;}
.site_footer .footer_admin .right .twitter a {display: block;padding:65px 0 0;height:100px;}
.site_footer .footer_admin .right .facebook a {display: block;padding:65px 0 0;height:100px;}
.site_footer .footer_admin .right .google a {display: block;padding:65px 0 0;height:100px;}
.site_footer .footer_admin .right .twitter a:hover,.site_footer .footer_admin .right .facebook a:hover,.site_footer .footer_admin .right .google a:hover {text-decoration: none;}
.site_footer .footer_admin .right .twitter:hover,.site_footer .footer_admin .right .facebook:hover,.site_footer .footer_admin .right .google:hover {background-color: #555;}

.site_footer .footer_menu {width:1020px;margin:0 auto;margin-top:50px;margin-bottom: 30px;}
.site_footer .footer_menu ul {margin:0 auto;width:840px;}
.site_footer .footer_menu ul li {float:left;padding:0 10px;border-left:1px solid #aaa;}
.site_footer .footer_menu ul li:first-child {border:none;}