@charset "UTF-8";
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", 'meiryo', Arial, Helvetica, "Osaka","lroSVbN", sans-serif;
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
body#bg_top {
  background-image: url(../images/common/img_bg_header_top.gif);
  background-repeat: repeat-x;
  background-position: left top;
}
body#bg_lower {
  background: url(/images/common/img_bg_header_lower.gif) left top repeat-x;
}

/*html{overflow-y: scroll;}*/
div, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, form, fieldset, input, textarea, select, option {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  border: 0;
}

/* Float ----------------------------------------- */
.float_left {
  float: left;
}

.float_right {
  float: right;
}

/* Align ----------------------------------------- */
.align_center {
  text-align: center !important;
}

.align_left {
  text-align: left !important;
}

.align_right {
  text-align: right !important;
}

.align_top {
  vertical-align: top !important;
}

.align_middle {
  vertical-align: middle !important;
}

/* Margin ----------------------------------------- */
/* Top */
.mT0 {
  margin-top: 0;
}

.mT5 {
  margin-top: 5px;
}

.mT10 {
  margin-top: 10px;
}

.mT15 {
  margin-top: 15px;
}

.mT20 {
  margin-top: 20px;
}

.mT25 {
  margin-top: 25px;
}

.mT30 {
  margin-top: 30px;
}

.mT35 {
  margin-top: 35px;
}

.mT40 {
  margin-top: 40px;
}

.mT45 {
  margin-top: 45px;
}

.mT50 {
  margin-top: 50px;
}

/* Bottom */
.mB0 {
  margin-bottom: 0;
}

.mB5 {
  margin-bottom: 5px;
}

.mB10 {
  margin-bottom: 10px;
}

.mB15 {
  margin-bottom: 15px;
}

.mB20 {
  margin-bottom: 20px;
}

.mB25 {
  margin-bottom: 25px;
}

.mB30 {
  margin-bottom: 30px;
}

.mB35 {
  margin-bottom: 35px;
}

.mB40 {
  margin-bottom: 40px;
}

.mB45 {
  margin-bottom: 45px;
}

.mB50 {
  margin-bottom: 50px;
}

/* Right */
.mR0 {
  margin-right: 0;
}

.mR5 {
  margin-right: 5px;
}

.mR10 {
  margin-right: 10px;
}

.mR15 {
  margin-right: 15px;
}

.mR20 {
  margin-right: 20px;
}

.mR25 {
  margin-right: 25px;
}

.mR30 {
  margin-right: 30px;
}

.mR35 {
  margin-right: 35px;
}

.mR40 {
  margin-right: 40px;
}

.mR45 {
  margin-right: 45px;
}

.mR50 {
  margin-right: 50px;
}

/* Left */
.mL0 {
  margin-left: 0;
}

.mL5 {
  margin-left: 5px;
}

.mL10 {
  margin-left: 10px;
}

.mL15 {
  margin-left: 15px;
}

.mL20 {
  margin-left: 20px;
}

.mL25 {
  margin-left: 25px;
}

.mL30 {
  margin-left: 30px;
}

.mL35 {
  margin-left: 35px;
}

.mL40 {
  margin-left: 40px;
}

.mL45 {
  margin-left: 45px;
}

.mL50 {
  margin-left: 50px;
}

/* Padding ----------------------------------------- */
/* Top */
.pT0 {
  padding-top: 0;
}

.pT5 {
  padding-top: 5px;
}

.pT10 {
  padding-top: 10px;
}

.pT15 {
  padding-top: 15px;
}

.pT20 {
  padding-top: 20px;
}

.pT25 {
  padding-top: 25px;
}

.pT30 {
  padding-top: 30px;
}

.pT35 {
  padding-top: 35px;
}

.pT40 {
  padding-top: 40px;
}

.pT45 {
  padding-top: 45px;
}

.pT50 {
  padding-top: 50px;
}

/* Bottom */
.pB0 {
  padding-bottom: 0;
}

.pB5 {
  padding-bottom: 5px;
}

.pB10 {
  padding-bottom: 10px;
}

.pB15 {
  padding-bottom: 15px;
}

.pB20 {
  padding-bottom: 20px;
}

.pB25 {
  padding-bottom: 25px;
}

.pB30 {
  padding-bottom: 30px;
}

.pB35 {
  padding-bottom: 35px;
}

.pB40 {
  padding-bottom: 40px;
}

.pB45 {
  padding-bottom: 45px;
}

.pB50 {
  padding-bottom: 50px;
}

/* Right */
.pR0 {
  padding-right: 0;
}

.pR5 {
  padding-right: 5px;
}

.pR10 {
  padding-right: 10px;
}

.pR15 {
  padding-right: 15px;
}

.pR20 {
  padding-right: 20px;
}

.pR25 {
  padding-right: 25px;
}

.pR30 {
  padding-right: 30px;
}

.pR35 {
  padding-right: 35px;
}

.pR40 {
  padding-right: 40px;
}

.pR45 {
  padding-right: 45px;
}

.pR50 {
  padding-right: 50px;
}

/* Left */
.pL0 {
  padding-left: 0;
}

.pL5 {
  padding-left: 5px;
}

.pL10 {
  padding-left: 10px;
}

.pL15 {
  padding-left: 15px;
}

.pL20 {
  padding-left: 20px;
}

.pL25 {
  padding-left: 25px;
}

.pL30 {
  padding-left: 30px;
}

.pL35 {
  padding-left: 35px;
}

.pL40 {
  padding-left: 40px;
}

.pL45 {
  padding-left: 45px;
}

.pL50 {
  padding-left: 50px;
}

/* Color ----------------------------------------- */
.white {
  color: white;
}

.black {
  color: black;
}

.red {
  color: #ff0000;
}

.blue {
  color: #0f2f86;
}

.style8 {
  color: #ff0000;
}

.clear_both {
  display: block;
  clear: both;
  height: 1px;
  font-size: 1px;
}

.clear_both02 {
  clear: both;
}

/* =========== フロートバグ補助 =========== */
.clearfix {
  /*--IE用--*/
  zoom: 1;
  /*for IE 5.5-7*/
  display: inline-table;
}
.clearfix:after {
  /*--新しいブラウザ用--*/
  content: url("/images/common/spacer.gif");
  display: block;
  clear: both;
  height: 0;
}

/* Hides from IE-mac \*/
* .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
/* Fontsize ----------------------------------------- */
.text10px {
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 1px;
}

.text11px {
  font-size: 11px;
  line-height: 18px;
}

.text12px {
  font-size: 12px;
  line-height: 18px;
}

.text13px {
  font-size: 13px;
  line-height: 20px;
}

.text14px {
  font-size: 14px;
  line-height: 21px;
}

.text15px {
  font-size: 15px;
  line-height: 22px;
}

.text16px {
  font-size: 16px;
  line-height: 24px;
}

.text17px {
  font-size: 17px;
  line-height: 25px;
}

.text18px {
  font-size: 18px;
  line-height: 27px;
}

.text19px {
  font-size: 19px;
  line-height: 28px;
}

.text20px {
  font-size: 20px;
  line-height: 30px;
}

/*リンク*/
a:link, a:visited {
  color: #1853A2;
  text-decoration: none;
}
a:hover {
  color: #ff0000;
  text-decoration: underline;
}
a img.css-hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
a:hover img.css-hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#container #language_box {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999999;
  text-align: right;
  height: 22px;
  width: 300px;
  margin-top: 2px;
  float: right;
}

/*ヘッダー*/
#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 {
  width: 888px;
  margin: 0;
  padding: 1px 4px 2px 8px;
  background: url(/images/common/img_bg_topicpath.gif) left bottom repeat-x;
  background-color: #f0f0f0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 10px;
  letter-spacing: 1px;
}
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 {
  width: 902px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
div#logo {
  width: 250px;
  margin: 0;
  padding: 15px 0 0 0;
  float: left;
}
div#gnaviarea {
  width: 540px;
  height: 37px;
  margin: 27px 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: 59px;
  height: 14px;
  padding: 0;
  clear: both;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 841px;
}
div#footer {
  height: 158px;
  margin: 0;
  padding: 10px 0 0 0;
  background: url(/images/common/img_bg_footer.gif) left bottom repeat-x;
  text-align: left;
}
div#footer_inner {
  width: 902px;
  margin: 0 auto;
  padding: 30px 0 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: 13px 0 0 0;
  padding: 0;
}

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;
}
ul.gnavi li {
  margin: 0;
  padding: 0;
  display: inline;
}
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;
}