@charset "UTF-8";
/**
 *
 */
/*ヘッダー*/
#header {
  width: 902px;
  height: 20px;
  margin: 0;
  padding: 0;
}
#header h1 {
  margin: 0;
  padding: 3px 0 0 0;
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  font-weight: normal;
}

/*トップページ*/
#mainimage_top {
  width: 902px;
  margin: 0;
  padding: 4px 0 10px 0;
  clear: both;
}

#contentmain_top {
  width: 860px;
  margin: 0 0 30px 0;
  padding: 30px 20px 0 20px;
  text-align: left;
  border: 1px solid #ccc;
  background: #fff;
}

div.serviceinfo {
  width: 860px;
  margin: 0 0 35px 0;
  padding: 0;
  text-align: left;
  background: url(../images/common/img_line_gray03.gif) repeat-y;
}
div.serviceinfo_innerbox01 {
  width: 200px;
  margin: 0 20px 0 0;
  padding: 0;
  text-align: left;
  float: left;
}
div.serviceinfo_innerbox01_last {
  width: 200px;
  margin: 0;
  padding: 0;
  text-align: left;
  float: left;
}
div.serviceinfo_innerbox02 {
  width: 180px;
  min-height: 180px;
  margin: 0;
  padding: 10px;
  text-align: left;
}
div.serviceinfo_innerbox_cn {
  width: 180px;
  min-height: 100px;
  margin: 0;
  padding: 10px;
  text-align: left;
}
div.serviceinfo_innerbox03 {
  width: 180px;
  margin: 0;
  padding: 5px 10px 10px 10px;
  text-align: right;
}
div.serviceinfo_grayline {
  margin: 0;
  padding: 0;
  clear: both;
  width: 860px;
  height: 2px;
}
div.bnrarea_top {
  width: 860px;
  margin: 0;
  padding: 15px 0 15px 0;
  clear: both;
}
div.bnrarea_top ul {
  margin: 0;
  padding: 0;
  text-align: left;
  display: inline;
}
div.bnrarea_top ul li {
  margin: 0 10px 0 0;
  padding: 0;
  text-align: left;
  display: inline;
}

/*ライトサイド_トップページ*/
#rightside_top {
  width: 200px;
  margin: 0;
  padding: 0;
  float: right;
  text-align: left;
}

/*レフトサイド_トップページ*/
div#leftside_top {
  width: 640px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: left;
}
div.whatsnew {
  width: 640px;
  margin: 0;
  padding: 0;
}
div.whatsnew dl {
  width: 640px;
  margin: 0;
  padding: 0;
}
div.whatsnew dt {
  width: 76px;
  margin-bottom: -26px;
  padding-top: 5px;
  white-space: nowrap;
}
div.whatsnew dd {
  padding: 8px 6px 4px 80px;
  border-bottom: 1px dotted #ccc;
}
div.whatsnew_title_top {
  background: url(/images/other/img_title01_top.gif) no-repeat;
  height: 24px;
  text-align: right;
  padding: 5px 0 0 0;
}
div#contentmain_lower {
  width: 870px;
  margin: 0 0 30px 0;
  padding: 0 30px 30px 0;
  text-align: left;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: url(/images/common/img_bg_contentmain_lower.gif) left top repeat-y;
  background-color: #fff;
}
div#mainimage_lower {
  width: 902px;
  height: 20px;
  margin: 0;
  padding: 0;
  clear: both;
}
div.topicpath {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 5px;
  background: #c61a22;
}
div#leftside_lower {
  width: 180px;
  margin: 0;
  padding: 33px 0 0 0;
  text-align: center;
  float: left;
}
div#rightside_lower {
  width: 660px;
  margin: 0;
  padding: 30px 0 0 0;
  text-align: left;
  float: right;
}

/*新着情報_トップ*/
/*第二階層共通設定など*/
.s_title01 {
  margin: 30px 0 10px 0;
  padding: 0;
}

.s_title02 {
  margin: 0 0 10px 0;
  padding: 0;
}

/*共通設定など*/
#ank_headarea {
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

div#container {
  position: relative;
  width: 902px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
div#logo {
  width: 302px;
  margin: 0;
  padding: 8px 0 0 0;
  float: left;
}
div#gnaviarea {
  width: 540px;
  height: 37px;
  margin: 52px 0 0 0;
  padding: 0;
  text-align: right;
  float: right;
}

#photo01 {
  margin: 0 16px 0 0;
}

p.gray_line04 {
  height: 3px;
  line-height: 3px;
  background: url(/images/common/img_line_gray04.gif) repeat-x left center;
  clear: both;
}

/*新着情報_第二階層*/
div.whatsnew_lower {
  width: 660px;
  margin: 5px 0 0 0;
  padding: 0;
}
div.whatsnew_lower dl {
  width: 660px;
  margin: 0;
  padding: 0;
}
div.whatsnew_lower dt {
  width: 76px;
  margin-bottom: -26px;
  padding-top: 5px;
  white-space: nowrap;
}
div.whatsnew_lower dd {
  padding: 8px 6px 4px 80px;
  border-bottom: 1px dotted #ccc;
}
div.whatsnewdate {
  font-size: 10px;
  letter-spacing: 1px;
  color: #1853A2;
}
div.whatsnewtitle {
  font-size: 16px;
  font-weight: bold;
  margin: 3px 0 15px 0;
  padding: 0 0 5px 0;
  border-bottom: 2px dotted #1853A2;
}
div.box01_company {
  width: 660px;
  margin: 0;
  padding: 0;
}
div.box01_company_inner_left {
  width: 310px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: left;
}
div.box01_company_inner_right {
  width: 310px;
  margin: 0;
  padding: 0;
  float: right;
  text-align: left;
}
div.box01_media_planning {
  width: 660px;
  margin: 0;
  padding: 0;
}
div.box01_media_planning_inner_left {
  width: 123px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: left;
}
div.box01_media_planning_inner_right {
  width: 517px;
  margin: 0;
  padding: 0;
  float: right;
  text-align: left;
}
div.pagetop {
  width: 60px;
  height: 13px;
  padding: 0;
  clear: both;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 841px;
}
div#footer {
  height: 43px;
  padding: 18px 0 0 0;
  background: url(../images/bg_footer_01.png) 0 10px repeat-x;
}
div#footer_inner {
  height: 43px;
  -pie-background: linear-gradient(top, #C61A22 0%,#C13A4B 100%);
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23C61A22%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23C13A4B%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C61A22),color-stop(100%, #C13A4B));
  background-image: -webkit-linear-gradient(top, #C61A22 0%,#C13A4B 100%);
  background-image: -moz-linear-gradient(top, #C61A22 0%,#C13A4B 100%);
  background-image: -ms-linear-gradient(top, #C61A22 0%,#C13A4B 100%);
  background-image: -o-linear-gradient(top, #C61A22 0%,#C13A4B 100%);
  background-image: linear-gradient(to bottom, #C61A22 0%,#C13A4B 100%);
}
div#footer_content {
  width: 902px;
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: left;
}
div#footer_inner_leftbox {
  width: 400px;
  margin: 0;
  padding: 0;
  text-align: left;
  float: left;
}

/*会社概要*/
/*メディアプランニング*/
/*フッター*/
.company_info {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 10px;
  letter-spacing: 1px;
  color: #fff;
  line-height: 16px;
}

.copyright {
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: normal;
  color: white;
  text-align: right;
  -ms-text-shadow: 1px 1px 5px rgba(0,0,0,8);
  -o-text-shadow: 1px 1px 5px rgba(0,0,0,8);
  -moz-text-shadow: 1px 1px 5px rgba(0,0,0,8);
  -webkit-text-shadow: 1px 1px 5px rgba(0,0,0,8);
  text-shadow: 1px 1px 5px rgba(0,0,0,8);
}

div#footer_inner_rightbox {
  margin: 0;
  padding: 0;
  text-align: left;
  float: right;
}

/*テーブルの設定*/
th, td {
  vertical-align: top;
  text-align: left;
}

table.style01 {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
table.style01 th {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 6px 2px 6px 2px;
  vertical-align: middle;
  line-height: 18px;
}
table.style01 th.darkgray {
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  font-weight: bold;
  background-color: #999;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 6px 4px 6px 4px;
  vertical-align: middle;
}
table.style01 td {
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 6px 2px 6px 8px;
  vertical-align: middle;
  line-height: 18px;
}

/*リスト関係*/
ul.gnavi {
  margin: 0;
  padding: 0 1px 0 0;
  height: 35px;
  background: url(../images/line_v_gnav_01.png) 100% 0 no-repeat;
}
ul.gnavi li {
  margin: 0;
  padding: 0 0 0 1px;
  display: inline-block;
  background: url(../images/line_v_gnav_01.png) 0 0 no-repeat;
}
ul.footernavi {
  margin: 0;
  padding: 0 0 5px 0;
  text-align: left;
}
ul.footernavi li {
  font-size: 10px;
  margin: 0 10px 0 0;
  padding: 0 0 0 10px;
  display: inline;
  background: url(/images/common/img_arrow_white.gif) left center no-repeat;
  letter-spacing: 1px;
}
ul.footernavi li.last {
  font-size: 10px;
  margin: 0;
  padding: 0 0 0 10px;
  display: inline;
  background: url(/images/common/img_arrow_white.gif) left center no-repeat;
  letter-spacing: 1px;
}
ul.footernavi li a {
  color: #fff;
}
ul.footernavi li a:link, ul.footernavi li a:visited, ul.footernavi li a:active, ul.footernavi li a:hover {
  color: #fff;
}

.columnlist_arrow {
  vertical-align: middle !important;
  margin: 0 2px 0 8px;
}

ul.topcolumnlist {
  margin: 0;
  padding: 0;
}
ul.topcolumnlist li {
  font-size: 12px;
  margin: 0 0 2px 0;
  padding: 0 0 0 20px;
  background: url(/images/common/img_arrow01.gif) 5px 4px no-repeat;
}
ul.topcolumnlist li a {
  font-size: 12px;
  color: #666;
}
ul.topcolumnlist li a:link, ul.topcolumnlist li a:visited {
  font-size: 12px;
  color: #666;
}
ul.topcolumnlist li a:active, ul.topcolumnlist li a:hover {
  font-size: 12px;
  color: #1853A2;
}
ul.columnlist {
  margin: 0;
  padding: 0;
}
ul.columnlist li {
  font-size: 12px;
  margin: 0 0 2px 0;
  padding: 0 0 0 20px;
  background: url(/images/common/img_arrow01.gif) 5px 4px no-repeat;
}
ul.columnlist li a {
  font-size: 12px;
  color: #666;
}
ul.columnlist li a:link, ul.columnlist li a:visited {
  font-size: 12px;
  color: #666;
}
ul.columnlist li a:active, ul.columnlist li a:hover {
  font-size: 12px;
  color: #1853A2;
}
ul.list_decimal {
  margin: 0;
  padding: 0;
}
ul.list_decimal li {
  margin: 0 0 15px 22px;
  padding: 0;
  list-style-type: decimal;
}
ul.list_arrow {
  margin: 0;
  padding: 0;
}
ul.list_arrow li {
  font-size: 14px;
  font-weight: bold;
  color: #1853A2;
  margin: 20px 0 2px 0;
  padding: 0 0 0 20px;
  background: url(/images/common/img_arrow01.gif) 5px 4px no-repeat;
}
ul.list_arrow li.first {
  font-size: 14px;
  font-weight: bold;
  color: #1853A2;
  margin: 0 0 2px 0;
  padding: 0 0 0 20px;
  background: url(/images/common/img_arrow01.gif) 5px 4px no-repeat;
}
ul.list_arrow li.description {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  margin: 0 0 2px 0;
  padding: 0 0 0 20px;
  background: none !important;
}
ul.list_arrow02 {
  margin: 0;
  padding: 0;
}
ul.list_arrow02 li {
  font-size: 12px;
  line-height: 21px;
  margin: 0 0 2px 0;
  padding: 2px 0 0 13px;
  background: url(/images/common/img_arrow01.gif) 0 7px no-repeat;
}
ul.list_arrow02 li a {
  color: #666;
}
ul.list_arrow02 li a:link, ul.list_arrow02 li a:visited, ul.list_arrow02 li a:active, ul.list_arrow02 li a:hover {
  color: #666;
}
ul.list_form_radio_button {
  margin: 0;
  padding: 0;
  display: inline;
}
ul.list_form_radio_button li {
  margin: 0 20px 0 0;
  padding: 0;
  display: inline;
}
ul.list02 {
  margin: 7px 0 0 0 !important;
  padding: 0 !important;
}
ul.list02 li {
  padding: 0;
  margin: 0 0 0 17px;
  list-style: decimal;
}
ul.list03 {
  margin: 0 !important;
}
ul.list03 li {
  list-style-type: none !important;
  display: inline !important;
}

/*dlのリスト*/
dl.list01 dt {
  clear: left;
  float: left;
  margin: 0;
  width: 1em;
  padding: 0;
  font-size: 12px;
  line-height: 21px;
}
dl.list01 dd {
  margin: 0 0 0 1.5em;
  font-size: 12px;
  line-height: 21px;
}
dl.list02 dt {
  clear: left;
  float: left;
  margin: 0;
  width: 1.8em;
  padding: 0;
  font-size: 14px;
}
dl.list02 dd {
  margin: 0 0 2px 1.8em;
  font-size: 14px;
}
dl.list03 dt {
  clear: left;
  float: left;
  margin: 0 0 5px 0;
  width: 25px;
  font-size: 14px;
  white-space: nowrap;
}
dl.list03 dd {
  font-size: 14px;
  margin: 0 0 5px 0;
}
dl.list04 dt {
  clear: left;
  float: left;
  margin: 0 0 5px 0;
  width: 70px;
  font-size: 14px;
  white-space: nowrap;
}
dl.list04 dd {
  font-size: 14px;
  margin: 0 0 5px 0;
}
dl.list05 dt {
  clear: left;
  float: left;
  margin: 0 5px 10px 0;
  width: 3px;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
}
dl.list05 dd {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 10px 0;
}

.heading04 {
  margin-top: 1em;
}

.list01 {
  list-style-type: none;
  margin-top: 0.3em;
}
.list01 li {
  padding-left: 14px;
  background: url(../images/marker_list_01.png) 5px 7px no-repeat;
}

.float-view {
  position: fixed;
  z-index: 100;
  width: 600px;
  margin: 0 auto;
  text-align: center;
  -ms-box-shadow: 0 0 10px rgba(0,0,0,0.75);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
  box-shadow: 0 0 10px rgba(0,0,0,0.75);
  top: 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'meiryo', "ＭＳ Ｐゴシック", Arial, Helvetica, "Osaka","lroSVbN", sans-serif;
}
.float-view .float-view-header {
  background-color: #c61a22;
  -pie-background: linear-gradient(top, #cc1e27 0%,#cb1d26 100%);
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23cc1e27%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23cb1d26%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc1e27),color-stop(100%, #cb1d26));
  background-image: -webkit-linear-gradient(top, #cc1e27 0%,#cb1d26 100%);
  background-image: -moz-linear-gradient(top, #cc1e27 0%,#cb1d26 100%);
  background-image: -ms-linear-gradient(top, #cc1e27 0%,#cb1d26 100%);
  background-image: -o-linear-gradient(top, #cc1e27 0%,#cb1d26 100%);
  background-image: linear-gradient(to bottom, #cc1e27 0%,#cb1d26 100%);
  height: 60px;
  position: relative;
}
.float-view .float-view-header .float-view-title {
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  margin: 0;
  padding: 0;
}
.float-view .float-view-body {
  padding: 20px 20px 80px;
  background-color: white;
}
.float-view .float-view-body .description {
  font-size: 12px;
  line-height: 1.5;
}
.float-view .float-view-body .description p {
  margin-top: 1em;
}
.float-view .float-view-body .description p:first-child {
  margin-top: 0;
}
.float-view .float-view-body .info {
  margin-top: 30px;
  font-size: 12px;
}
.float-view .float-view-body .info .info-title {
  text-align: center;
  font-weight: bold;
  font-size: 100%;
}
.float-view .float-view-body .info .info-list {
  width: 276px;
  margin: 0 auto;
  zoom: 1;
}
.float-view .float-view-body .info .info-list:before, .float-view .float-view-body .info .info-list:after {
  content: "";
  clear: both;
  display: block;
}
.float-view .float-view-body .info .info-list dt {
  float: left;
  width: 90px;
  padding-right: 10px;
  text-align: right;
}
.float-view .float-view-body .info .info-list dd {
  float: right;
  width: 176px;
  text-align: left;
}
.float-view .float-view-body .info .info-title + .info-list {
  margin-top: 0.5em;
}
.float-view .button {
  display: inline-block;
  line-height: 35px;
  font-weight: bold;
  font-size: 14px;
  padding: 0 10px;
}
.float-view .button-close {
  position: absolute;
  bottom: 20px;
  left: 260px;
  background-color: #666666;
  -pie-background: linear-gradient(top, #717171 0%,#4c4c4c 100%);
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23717171%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%234c4c4c%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717171),color-stop(100%, #4c4c4c));
  background-image: -webkit-linear-gradient(top, #717171 0%,#4c4c4c 100%);
  background-image: -moz-linear-gradient(top, #717171 0%,#4c4c4c 100%);
  background-image: -ms-linear-gradient(top, #717171 0%,#4c4c4c 100%);
  background-image: -o-linear-gradient(top, #717171 0%,#4c4c4c 100%);
  background-image: linear-gradient(to bottom, #717171 0%,#4c4c4c 100%);
  -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 0 7px rgba(0,0,0,0.05) inset;
  -o-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 0 7px rgba(0,0,0,0.05) inset;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 0 7px rgba(0,0,0,0.05) inset;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 0 7px rgba(0,0,0,0.05) inset;
  box-shadow: 0 0 5px rgba(0,0,0,0.2),0 0 7px rgba(0,0,0,0.05) inset;
  -ms-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  -o-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  color: white;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  text-decoration: none;
  padding-left: 25px;
  width: 45px;
}
.float-view .button-close:hover {
  background-color: #808080;
  -pie-background: linear-gradient(top, #8d8d8d 0%,#606060 100%);
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%238d8d8d%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23606060%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8d8d8d),color-stop(100%, #606060));
  background-image: -webkit-linear-gradient(top, #8d8d8d 0%,#606060 100%);
  background-image: -moz-linear-gradient(top, #8d8d8d 0%,#606060 100%);
  background-image: -ms-linear-gradient(top, #8d8d8d 0%,#606060 100%);
  background-image: -o-linear-gradient(top, #8d8d8d 0%,#606060 100%);
  background-image: linear-gradient(to bottom, #8d8d8d 0%,#606060 100%);
}
.float-view .button-close .icon-close {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -5px;
  line-height: 14px;
  vertical-align: middle;
  background: url(../images/icon_close_01.png) 0 0 no-repeat;
  width: 10px;
  height: 11px;
  display: inline-block;
  margin-right: 5px;
}

.floatview-shield {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 99;
}

#info-float {
  display: none;
}

/*#info-button {
  position: absolute;
  right: 0;
  top: 20px;
  width: 348px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'meiryo', "ＭＳ Ｐゴシック", Arial, Helvetica, "Osaka","lroSVbN", sans-serif;
}
#info-button a {
  font-weight: bold;
  background: url(../images/link_marker_02.png) 0 50% no-repeat;
  padding-left: 14px;
  display: inline-block;
  -ms-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -o-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -moz-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  line-height: normal;
  font-size: 13px;
}
#info-button a:hover {
  color: #c61a22;
}*/

#info-button {
  position: absolute;
  right: -3px;
  top: 10px;
  width: auto;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'meiryo', "ＭＳ Ｐゴシック", Arial, Helvetica, "Osaka","lroSVbN", sans-serif;
}
#info-button a {
    border-radius: 5px;
  font-weight: bold;
  display: inline-block;
  -ms-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -o-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -moz-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  line-height: normal;
  font-size: 13px;
  background: #ff9500 url(../images/icon_hover_01.png) 10px 50% no-repeat;
  color: white;
  padding: 5px 10px 5px 19px;
}
#info-button a:hover {
    opacity: 0.8;
    text-decoration: none;
}