@charset "utf-8";
/* CSS Document */

/*
    Site Name	: Media Radar
	Css Name	: contents.css / メインコンテンツ制御
    Author		: Kazuya Shimazu
    Update		: 2008/1/1
*/


/*********top*********/
#sliderWrp {
	height: 235px !important;
	margin-top: 10px !important;
}
#topNewList,
#topRankingList {
	position: relative;
}
#topNewList .moreLink,
#topRankingList .moreLink,
.ai_item_list .moreLink
 {
	position: absolute;
	top: 9px;
	right: 13px;
	text-decoration: none;
	color: #006699;
	font-size: 11px;
	padding: 3px 10px;
	border: 1px solid #fff;
	box-shadow: 0 0 8px #bbb inset;
	border-radius: 5px;
}
#topNewList .moreLink:hover,
#topRankingList .moreLink:hover,
.ai_item_list .moreLink
{
	background: #fff;
}

.rss_btn{
	right: 190px !important;
}
.bx-wrapper {
	margin: 0 !important;
}
#slider {
	display: none;
}
.news {
    padding: 10px;
}
.mNone { margin: 0!important; }
.m10B { margin-bottom: 10px; }
.m20B { margin-bottom: 20px; }
.m30B { margin-bottom: 30px; }
.fsSmall { font-size: 10px; }

.capWrp {
	display: block;
	margin: 0 0 6px 0;
}
.capWrp img {
	display: inline-block;
}
/* 一覧系 */
.capWrp .capSize-s {
	display: table-cell;
	width: 130px;
	height: 80px;
	margin: 0 0 3px 0;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	box-shadow: 3px 3px 6px #aaa;
	border: none !important;
}
.capWrp .capSize-s img {
	max-width: 130px;
	max-height: 80px;
}
#topNewList .link-banner:hover,
#topRankingList .link-banner:hover{
	opacity: 0.7;
}
/* 資料ページ系 */
#media_summary .box .capWrp {
	display: block;
}
#media_summary .box {
	width:300px;
	padding:10px 0 0 10px;
	float:left;
}
.capWrp .capSize-m {
	display: table-cell;
	width: 281px;
	height: 178px;
	margin: 0 0 3px 0;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	box-shadow: 3px 3px 6px #aaa;
}
.capWrp .capSize-m img {
	max-width: 281px;
	max-height: 781px;
}
/* 資料ページ系 */
#slider .capWrp {
	display: block;
}

.capForm {
	position: relative;
}
.capForm .dltCap {
	font-size: 10px;
	cursor: pointer;
}
.capForm .dltCap:hover {
	opacity: 0.6;
}
.capForm .addBtn {
  display: inline-block;
  overflow: hidden;
  position: relative;
	font-size: 11px;
	color: #3dbbed;
  padding: 0.2em 0.5em;
  border: 1px solid #999;
  background-color: #eee;
}
.capForm .addBtn:hover {
	background: #fff;
}
.capForm .addBtn input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}
.capForm .modalContent {
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	margin: 0;
	padding: 50px;
	border: 2px solid #aaa ;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 2 ;
}
.capForm .modalSwitch {
	cursor: pointer;
}
.dlLinkContainer #modal-content {
	position: relative !important;
	top: -400px;
}
.openIcon {
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: #3dbbed;
	opacity: 0.6;
	font-size: 10px;
	font-weight: bold;
}
.unopenIcon {
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	font-size: 10px;
	font-weight: bold;
}


.thTooltip {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
}
.thTooltip .tooltipSwitch {
	padding: 2px 5px 0 5px;
	color: #fff;
	background: #666;
	font-size: 10px;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0 0 3px #aaa;
	cursor: pointer;
}
.thTooltip .tooltipContainer {
	opacity: 0;
	display: none;
	position: absolute;
	top: 0;
	width: 250px;
	padding: 15px;
	color: #fff;
	background: rgba(0,0,0,0.8);
	border-radius: 3px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.thTooltip .tooltipSwitch:hover + .tooltipContainer {
	display: block;
	opacity: 1;
}
.thTooltip .tooltipContainer:hover {
	display: block;
	opacity: 1;
}
.thTooltip .tooltipContainer p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	letter-spacing: 0;
}
.thTooltip .tooltipContainer p a {
	color: #3dbbed;
}
.thTooltip .tooltipContainer p a:hover {
	opacity: 0.8;
}

.smbiz_header {
	margin: -20px 0px 20px -20px;
}
.smbiz_header span{
	font-size: 1.6em;
	display:table-cell;
	vertical-align:middle;
	margin: 0px 0px 0px 5px;
}
.smbiz_header img{
	float:left;
	width: 50%;
}


/*===== パンくず ===========================================*/
.l-breadcrumbs {
	font-size: 14px;
	margin-bottom: 18px;
}
.breadcrumbs-chain {
	margin-left: 5px;
	margin-right: 5px;
}
.breadcrumbs-chain:before {
	content: "＞";
}
/*===== タグ（カテゴリー）リスト ===========================================*/

.tagsBox {
	margin: 10px 0;
}
.tagsBox .item {
	display: inline-block;
	margin:0 0 4px 0;
	padding: 2px 6px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}
.tagsBox .item:hover {
	opacity: 0.8;
}
.tagsBox .tcColor {
	background: #3d80b1;
}
.tagsBox .ampColor {
	background: #3d9eac;
}
.tagsBox .agpColor {
	background: #683ec0;
}
.tagsBox .pcColor {
	background: #3d5fb6;
}
.tagsBox .searchlistColor {
	color: #3dbbed;
	background: #F3F3F3;
	border: 1px solid #3dbbed;
}

/*===== 一覧画面 ===========================================*/

.media_content {
	padding: 15px !important;
}
.media_content h3 {
	font-size:20px;
}
.media_content h3 a {
	color: #333;
}
.media_content h3 a:hover {
	color: #3dbbed
}
.media_content h3 .discount {
	font-size: 12px;
	font-weight: initial;
	display: inline-block;
    margin: 0 0 2px 10px;
    padding: 2px 6px 0px 6px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
	background: #ff6600;
	vertical-align: middle;
}
.media_content .discount {
    margin: 0 0 10px 0px;
	padding: 5px 0 5px 0px;
	border-top: 1px dotted #FF6600;
	border-bottom: 1px dotted #FF6600;
}
.media_content .discount span {
	font-size: 12px;
	font-weight: initial;
	display: block;
    margin: 0;
    color: #ff6600;
    text-decoration: none;
	vertical-align: middle;
}

.media_content p span.search_hit_text{
	font-weight: bold;
	background-color: yellow;
}
.media_name {
	position: relative;
}
.media_name .DlIcon {
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: #3dbbed;
	opacity: 0.6;
	font-size: 10px;
	font-weight: bold;
}
.media_name .unDlIcon {
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	font-size: 10px;
	font-weight: bold;
}

/*===== 一覧画面DLリンク ===========================================*/

.dlLinkSwitch {
	display: none;
	margin: 10px 0 0 0;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 2px;
	box-shadow: 3px 3px 3px #aaa;
	cursor: pointer;
	background-color: #f5f5f5;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -o-linear-gradient(top, #fff, #eee);
	background: linear-gradient(top, #fff, #eee);
}
.dlLinkSwitch span {
	color: #FBA42E;
	font-size: 20px;
}
.dlLinkContainer {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #aaa;
/*
	padding: 20px;
	border: 1px solid #eee;
	box-shadow: 3px 3px 3px #aaa;
*/
}
.dlLinkContainer .dl_wrap ul li {
	list-style: inside;
}
.dlLinkContainer .dl_wrap ul.ls_none li {
	list-style: none;
}
.dlLinkContainer .dl_wrap ul li a, .dlLinkContainer .dl_wrap ul li span {
	display: block;
	margin: 10px 0;
	padding: 8px 10px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.dlLinkContainer .dl_wrap ul a:hover, .dlLinkContainer .dl_wrap ul span:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fa9915, #d87e04);
	background: -moz-linear-gradient(top, #fa9915, #d87e04);
	background: -o-linear-gradient(top, #fa9915, #d87e04);
	background: linear-gradient(top, #fa9915, #d87e04);
	background-color: #f18d05;
}
.dlLinkContainer .dl_wrap ul a:before, .dlLinkContainer .dl_wrap ul span:before {
	content: url(/images/dl_icon.png);
	padding: 0 10px 0 0;
}
.dlLinkContainer .note {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #333;
}

.dlLinkContainer .disabredDlBtn li {
	display: block;
	margin: 10px 0px;
	padding: 8px 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px -1px 1px rgba(91, 53, 2, 0.35);
	background-color: #aaa;
	background: transparent -moz-linear-gradient(center top , #eee, #aaa) repeat scroll 0% 0%;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #eee, #aaa);
	background: -moz-linear-gradient(top, #eee, #aaa);
	background: -o-linear-gradient(top, #eee, #aaa);
	background: linear-gradient(top, #eee, #aaa);
	border-color: #BF7004;
	border-radius: 5px;
}
.dlLinkContainer #modal-content {
	left: 50%;
	margin-left: -400px;
}


/*===== ログイン ===========================================*/

#member_login{
	width:600px;
	height:675px;
	background:url(../images/mp_login2.png) no-repeat top;
	position:relative;
}

#member_reminder{
	width:600px;
	height:675px;
	background:url(../images/mp_reminder.png) no-repeat top;
	position:relative;
}

.ssl{
	position:absolute;
	left: 34px;
	top: 45px;
}

#login{
	width:600px;
	margin:0 auto;
}

#mp_login{
	width:600px;
	height:675px;
	background:url(../images/member_login2.png) no-repeat top;
	position:relative;
}

.fbButton {
	margin: 10px 0;
}
.fbButton a {
	display: block;
	max-width: 190px;
	padding: 5px 10px;
	color: #fff;
	background: #46629E;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	border: 5px solid #eee;
	text-align: center;
	border-radius: 5px;
}
.fbButton .active {
	background: #68A743;
}
.fbButton a span {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	font-size: 16px;
	border-right: 1px dotted #fff;
	vertical-align: middle;
}
.fbButton a:visited,
.fbButton a:hover {
	color: #fff;
	opacity: 0.8;
}
.fbButton .rightbar {
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
}
.fbButton .rightbar span {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 5px 8px 2px;
	background: #fff;
	color: #46629E;
	font-size: 24px;
	border-radius: 5px;
	line-height: 1;
}
.fbButton .rightbar em {
	display: block;
	font-size: 15px;
	font-weight: bold;
}
.fbCheck {
	color: #46629E;
	background: #eee;
	font-size: 10px;
	padding: 5px 10px;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
}
.fbCheck img {
	height: 12px;
}

/*===== メルマガ会員  ===========================================*/

#magazineForm {
	position: relative;
	margin: 15px 0;
	padding: 10px;
	/*border-left: 5px solid #3dbbed;*/
	border: 5px solid #EEE;
	background: #f9f9f9;
}
#magazineForm h2 {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 15px;
	border-left: 5px solid #3dbbed;
}
#magazineForm .tooltip {
	position: absolute;
	top: 13px;
	right: 10px;
}
#magazineForm .tooltipSwitch {
	padding: 2px 5px 0 5px;
	color: #fff;
	background: #666;
	font-size: 10px;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0 0 3px #aaa;
	cursor: pointer;
}
#magazineForm .tooltipContainer {
	opacity: 0;
	display: none;
	position: absolute;
	top: 0;
	width: 200px;
	padding: 15px;
	color: #fff;
	background: rgba(0,0,0,0.8);
	border-radius: 3px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
#magazineForm .tooltipSwitch:hover + .tooltipContainer {
	display: block;
	opacity: 1;
}
#magazineForm .tooltipContainer:hover {
	display: block;
	opacity: 1;
}
#magazineForm .tooltipContainer p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	letter-spacing: 0;
}
#magazineForm .tooltipContainer p a {
	color: #3dbbed;
}
#magazineForm .tooltipContainer p a:hover {
	opacity: 0.8;
}
#magazineForm input {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
}
#magazineForm input[type="text"] {
	padding: 2px 5px;
}
#magazineForm input[type="submit"] {
	display: block;
	width: 98%;
	margin: 5px auto 0 auto;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #3dbbed;
	border-radius: 4px;
	box-shadow: 0 0 3px #aaa;
	cursor: pointer;
}
#magazineForm input[type="submit"]:hover {
	opacity: 0.8;
}
#magazineForm .errorMsg {
	font-size: 10px;
	color: #c00;
}
#magazineMember {
	width: 600px;
}
#magazineMember .textBox {
	margin: 20px 0 60px 0;
	padding: 20px;
	font-size: 16px;
	border: 5px solid #3dbbed;
}
#magazineMember .errBox {
	color: #C00;
	border: 5px solid #eee;
}
#magazineMember .formWrp {
	margin: 30px 0 60px 0;
}
#magazineMember h2 {
	padding: 0 0 0 10px;
	font-size: 16px;
	border-left: 5px solid #3dbbed;
}
#magazineMember .formWrp p {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
}
#magazineMember .formWrp form {
	margin: 20px 0;
}
#magazineMember .formWrp form input[type="text"] {
	padding: 2px 5px;
	width: 70%;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
}
#magazineMember .formWrp form input[type="submit"] {
	padding: 0 5px;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
}

/*===== remind / リマインダー ===========================================*/

#mp_reminder .reminder_link, #member_reminder .reminder_link {
	position: absolute;
	top: 350px;
	left: 53px;
	width: auto;
	font-weight: bold;
}
#mp_reminder .login_link, #member_reminder .login_link {
	position: absolute;
	top: 460px;
	left: 25px;
	width: auto;
}
#mp_reminder .login_link a, #member_reminder .login_link a {
	display: block;
}





#mp_reminder{
	width:600px;
	height:675px;
	background:url(../images/member_reminder.png) no-repeat top;
	position:relative;
}

.tb_1{
	width:300px;
	padding:0.3em;
	position:absolute;
	top: 302px;
	left: 174px;
}

.tb_2{
	width:300px;
	padding:0.3em;
	position:absolute;
	top: 342px;
	left: 174px;
}

.tb3{
	position:absolute;
	top: 85px;
	left: 25px;
}

.chk1{
	position:absolute;
	top: 382px;
	left: 116px;
	vertical-align:top;
}

.chk2{
	position:absolute;
	top: 82px;
	left: 116px;
	vertical-align:top;
}

.sum1{
	position:absolute;
	top: 377px;
	left: 340px;
}

.login_other{
	position:absolute;
	top:449px;
	left:80px;
	width: 464px;
}

.login_error{
	position:absolute;
	top:20px;
	left:100px;
	width:430px;
	text-align:center;
}

/*===== 本人認証 ================================================*/

.mv_button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 14pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  /*background    : #ADD8E6;     /* 背景色     */
  background    : #E1F2FB;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 0.5em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
  position: absolute;
  top: 287px;
  left: 94px;
  width: 216px;
}
.mv_button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.mp_verify {
  width: 600px;
  height: 675px;
  background: url(../images/form_template.png) no-repeat top !important;
  position: relative;
}

.title_label {
    position: absolute;
    top: 234px;
    left: 255px;
    width: auto;
    font-weight: bold;
    font-size: 20px;
}

.mv_label_1 {
    position: absolute;
    top: 290px;
    left: 53px;
    width: auto;
    font-weight: bold;
}

.mv_label_2 {
    position: absolute;
    top: 323px;
    left: 53px;
    width: auto;
    font-size: 17px;
    pointer-events: none;
}

.mv_tb_1 {
	width:300px;
	padding:0.3em;
	position:absolute;
    top: 321px;
    left: 164px;
}
.mv_facebook_btn{
	position: absolute;
	top: 436px;
    left: 327px;
    width: 251px;
}

.mv_facebook_btn a{
	max-width: 222px;
}
/*===== 資料ランキング形式 ===========================================*/



#rankList {
	margin: 30px 0 0;
}
#rankList .box {
	position: relative;
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px dashed #bbb;
	vertical-align: middle;
	box-sizing: border-box;
}
#rankList .box:after {
	display: block;
	content: "";
	clear: both;
}
#rankList .box .capWrp {
	display: inline-block;
	width: 100%;
}
#rankList .box .capWrp img {
	max-width: 40%;
	max-height: 160px;
}
#rankList .box .dlLinkContainer {
	float: right;
	width: 58%;
	margin: 0;
	padding: 0;
	border: none;
}
#rankList .box .dlLinkContainer .infoText {
	font-size: 10px;
}
#rankList .box .dlLinkContainer li span { margin-top: 0; }
#rankList .box .titleWrp {
	margin: 0 0 5px;
}
#rankList .box .titleWrp .rankNum {
	display: inline;
	color: #3dbbed;
	font-size: 20px;
	font-weight: bold;
}
#rankList .box .titleWrp .rankNum .num {
	font-size: 18px;
}
#rankList .box .titleWrp .itemName {
	display: inline;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
#rankList .box .titleWrp .companyName {
	display: block;
	color: #333;
}
#rankList .box .detailWrp .agencyText {
	display: block;
	padding: 10px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px #ccc inset;
}

/**** normal rank ****/
#rankList .box .detailWrp { display: none; }
/**** rank top 1-3 ****/
#rankList .rankTopItem {
	padding: 20px;
	border-top: none;
	background-image: linear-gradient( -45deg, #fff 25%, #f5f5f5 25%, #f5f5f5 50%, #fff 50%, #fff 75%, #f5f5f5 75%, #f5f5f5 );
	background-size: 4px 4px;
	border: 6px double #fff;
	box-shadow: 0 0 5px #ddd;
	border-radius: 15px 0 15px 0;
}
#rankList .rankTopItem .titleWrp .rankNum {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
#rankList .rankTopItem .titleWrp .rankNum img{
	vertical-align: middle;
}
#rankList .rankTopItem .detailWrp { display: block; }




/*===== コンテナ ===========================================*/

div#container{
	padding:0 0 20px;
	/*overflow:hidden;*/
	overflow: inherit !important;
}
div#sec_main {
	overflow: inherit !important;
}
div#sec_page {
	overflow: inherit !important;
}



/*===== トピックコンテンツ ===========================================*/

#topick_contents{
	padding:5px;
}

#topick_contents ul li{
	display:inline;
	margin-left:15px;
}

li.marker_yaji{
	padding-left:20px;
	background:url(../images/mark_yaji.gif) no-repeat center left;
}

li.marker_rock{
	padding-left:20px;
	background:url(../images/mark_rock.gif) no-repeat center left;
}

li.marker_unlock{
	padding-left:20px;
	background:url(../images/unlock.png) no-repeat center left;
}

li.marker_add{
	padding-left:20px;
	background:url(../images/add.png) no-repeat center left;
}

li.marker_member{
	padding-left:20px;
	background:url(../images/member.png) no-repeat center left;
}

li.marker_media{
	padding-left:20px;
	background:url(../images/media.png) no-repeat center left;
}



/*===== メディア検索 =================================================*/

#media_list {
	position: relative;
	margin: 0 0 60px;
	border: 1px solid #eee;
	box-shadow: 0 0 5px #ccc;
	border: 1px solid #eee;
	border-radius: 5px;
}
#media_list a {
	padding: 5px;
	font-weight: bold;
}
#media_list form {
	padding: 0 10px 20px;
}
#media_list h2 {
	padding: 10px 20px;
	font-size: 18px;
	color: #fff;
	background: #1E2C53;
}
#media_list h3 {
	margin: 10px 0;
	padding: 0 0 0 10px;
	font-size: 16px;
	color: #1E2C53;
	border-left: 5px solid #3dbbed;
}
#media_list .box {
	padding: 10px;
	border-top: 1px dotted #1E2C53;
	background: #f5f5f5;
}
#media_list #media {
	float: left;
	width: 330px;
	padding: 10px;
	vertical-align: top;
}
#media_list #target {
	float: left;
	width: 360px;
	padding: 10px 10px 0;
}
#media_list #target .target_list {
	display:inline-block;
	width: 45%;
}
#media_list #genre {
	float: left;
	width: 170px;
	padding: 10px;
	vertical-align: top;
}
#media_list #fee {
	float: left;
	width: 170px;
	padding: 10px;
	vertical-align: top;
}
#media_list #search_button {
	position: absolute;
	bottom: 30px;
	right: 20px;
}
#media_list #search_button input {
	width: 350px;
	padding: 10px 0;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background: #3dbbed;
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 5px #aaa;
	text-shadow: -1px -1px 1px #333;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
	cursor: pointer;
}
#media_list #search_button input:hover {
	opacity: 0.8;
}
#media_list form:after {
	content: "";
	display: block;
	clear: both;
}



/*
div#media_list{
	width:753px;
	height:661px;
	position:relative;
	background:url(../images/media_search3.png) no-repeat right top;
}


div#media{
  width:700px;
	padding:150px 0 0 70px;
	line-height:0;
}

div#media div.pc{
	width:700px;
	float:left;
}

div#media div.pc_list{
	width:200px;
  padding-bottom:10px;
  padding-right:10px;
	float:left;
}

div#media div.mob{
	padding-left:10px;
	float:left;
}

div#media div.pcmob{
	padding-left:20px;
	float:left;
}


div#genre{
	padding:0 0 0 70px;
	clear:both;
}

div#genre div.pc{
	padding-top:50px;
	width:310px;
	float:left;
}

div#genre div.genre_pc_list{
	width:150px;
  padding-bottom:10px;
	float:left;
}

div#genre div.pc2{
	display: none;
	padding-top:9em;
	width:140px;
	float:left;
}

div#genre div.mob{
	display: none;
	width:120px;
	padding-top:9em;
	padding-left:20px;
	float:left;
}	


div#fee{firefox
	width:310px;
	padding-top: 50px;
  padding-left:30px;
	float:left;
}

div#fee div.fee_list{firefox
	width:150px;
    padding-bottom:10px;
	float:left;
}

div#search_button{
	position:absolute;
	top:553px;
	left:475px;
}

div#search_button input:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
*/

/*===== サービス =================================================*/

div#service{
	padding:20px 0 0;
}

/*オススメサービスバナー*/

div#service p{
	float:left;
}

div#service_list{
	width:545px;
	height:auto;
	float:right;
	background:url(../images/service_bg.gif) no-repeat bottom;
}

/*サービスリスト種別*/

div#service_list h2{
	width:544px;
	height:40px;
	text-indent:-9999px;
	background:url(../images/service_title.png) no-repeat top left;
}

/*サービスリスト*/

div#service_list dl{
	padding:0.5em 0.5em 1em 0.8em;
}

div#service_list dl dt{
	float: left;
	width: 22em;
	padding:0.2em 0 0;
	font-weight: bold;
	text-indent: 1.2em;
	font-weight:normal;
	background:url(../images/service_marker.png) no-repeat center left;
}
div#service_list dl dd{
	padding:0.2em 0 0 22em;
}

/*===== リリース =================================================*/

div#release{
	clear:both;
	overflow:hidden;
	margin-top:20px;
	padding:0 0 10px;
	background:url(../images/release_bg.gif) no-repeat bottom;
}

div#release h2{
	width:755px;
	height:46px;
	text-indent:-9999px;
	background:url(../images/top_release_title.png) no-repeat center top;
}

div#release ul{
	padding:0.5em 0 1em 2em;
}

div#release ul li{
	padding:0.7em 0 0 2em;
	background:url(../images/marker_yaji_rele.gif) no-repeat left 8px;
}

div.information{
	width:530px;
	float:left;
}

div.link{
	width:210px;
	float:right;
}

div.link img{
	padding-top:5px;
}

/*===== サイドバー =================================================*/

*html div.add_member{
	width:190px;
	height:100px;
	padding:45px 0 0 0;
	text-align:center;
	line-height:1.5;
	font-size:90%;
	background:url(../images/mr_member.png) no-repeat top left;
}

div.add_member{
	width:190px;
	height:83px;
	padding:45px 0 0 0;
	text-align:center;
	line-height:1.3;
	font-size:90%;
	background:url(../images/mr_member.png) no-repeat top left;
}

div#side_right img{
	padding-top:5px;
}
/* 旧オレンジ背景デザイン
div#ranking{
	margin-top:10px;
	background:url(../images/ranking_bg.gif) no-repeat bottom left;
}

div#ranking h2{
	width:190px;
	height:42px;
	text-indent:-9999px;
	background:url(../images/ranking_title.gif) no-repeat left top;
}

div#ranking ul{
	padding:10px;
}

div#ranking ul li{
	padding-top:5px;
}
*/


/*===== about / はじめての方へ&資料掲載のご案内 ===========================================*/

#about {
	width: 600px;
}
#about h2 {
	width: 580px;
	height: 40px;
	margin: 0 0 30px 0;
	padding: 10px 0 0 20px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: url(/images/about/tit_bg.gif) no-repeat;
}
#about p {
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 1.8;
}
#about img {
	max-width: 100%;
	margin: 0 0 30px 0;
}
#about .partner_text {
	margin: 20px 0 40px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#about .partner_text span {
	font-size: 35px;
}
#about .partner_img {
	margin: 0 0 60px 0;
	padding: 20px;
	box-shadow: 0 0 10px #eee;
	box-sizing: border-box;
}
#about .box {
	position: relative;
	margin: 0 0 60px 0;
}
#about .bgArea {
	display: block;
	margin: 10px 0 0 0;
	padding: 20px;
	font-weight: bold;
	background: #f5f5f5;
}
#about .bgArea .red {
	color: #cc0000;
}
#about .btnWrp img, #about .btnWrp a {
	display: block;
	margin: 30px auto;
}
#about .hoverAction img {
	cursor: pointer;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
#about .hoverAction:hover > img {
	opacity: 0.8;
}
#about .all02Wrp {
	position: relative;
	width: 600px;
	height: 324px;
	background: url(/images/about/all02.gif) no-repeat;
}
#about .all02Wrp .all02_mlink {
	position: absolute;
	bottom: 0;
	left: 35px;
}
#about .all02Wrp .all02_plink {
	position: absolute;
	bottom: 0;
	left: 382px;
}
#about #marketer, #about #partner {
	margin-top: -30px;
	padding-top: 30px;
}
#about .mldlBtn {
	margin: -40px 0 60px 0;
}
#about .mNone {
	margin: 0;
}
#about .horizontalBtnWrp {
	text-align: center;
}
#about .horizontalBtnWrp:after {
	content: "";
	display: block;
	clear: both;
}
#about .horizontalBtnWrp .cvText {
	display: inline-block;
	text-align: center;
}
#about .horizontalBtnWrp a {
	margin: 0;
}
#about .horizontalBtnWrp a img {
	margin: 0;
}
#about .horizontalBtnWrp .fLeft {
	display: inline-block;
	float: left;
	margin: 0;
}
#about .horizontalBtnWrp .fRight {
	display: inline-block;
	float: right;
	margin: 0;
}
#about .inquiryBnr:after {
	content: "";
	display: block;
	clear: both;
}
#about .inquiryBnr a {
	float: left;
	margin: 0;
}
#about .aboutPlan {
	position: relative;
}
#about .aboutPlan .cvFree {
	position: absolute;
	top: 135px;
	left: 170px;
}
#about .aboutPlan .cvNormal {
	position: absolute;
	top: 135px;
	left: 388px;
}
#about .aboutPlan .tooltip01 {
	position: absolute;
	top: 460px;
	right: -260px;
}
#about .aboutPlan .tooltip02 {
	position: absolute;
	top: 800px;
	right: -260px;
}
#about .aboutPlan .tooltip03 {
	position: absolute;
	top: 980px;
	right: -260px;
	z-index: 1;
}
#about .aboutPlan .tooltip03link {
	position: absolute;
	top: 1045px;
	right: -240px;
	z-index: 100;
}
#about .aboutPlan .tooltip_seg_link {
	position: absolute;
	top: 835px;
	right: -240px;
	z-index: 100;
}
#about .aboutPlan .tooltip_normalplan {
	position: absolute;
	top: 620px;
	right: -155px;
}
#about .strong {
	font-size: 24px;
	font-weight: bold;
}
#about .free {
	color: #71AE41;
}
#about .normal {
	color: #B800F6;
}
#about .waveHr {
	margin: 40px 0;
}
#about .count_advertiser {
	position: absolute;
	top: 25px;
	width: 100%;
	text-align: center;
	color: #71AE41;
	font-size: 50px;
	font-weight: bold;
}
#about .userCase {
	text-align: center;
}
#about .userCase .item {
	display: inline-block;
	width: 43%;
	margin: 0 3% 30px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 0 5px #aaa;
	box-sizing: border-box;
}
#about .userCase .item:hover {
	opacity: 0.8;
}
#about .userCase .item * {
	margin: 5px 0;
	vertical-align: top;
}
#about .userCase .item h3 {
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
#about .userCase .item h3:before {
	content: url(/images/baitai/icon-comment.png);
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#about .userCase .item p {
	width: 100%;
	text-align: center;
	text-decoration: underline;
}
#about .userCase .item .textImg {
	background: #f5f5f5;
	box-sizing: border-box;
}
#about .userCase .item .textImg img {
	margin: 0;
}
#about .userCase .item .logoImg {
	position: relative;
	height: 60px;
}
#about .userCase .item .logoImg img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 120px;
	max-height: 50px;
	margin: auto;
}
#about .mrMerit .item h3 {
	margin: 0 0 10px 0;
	font-size: 25px;
	font-weight: bold;
	vertical-align: middle;
}
#about .mrMerit .item h3 span {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 4px 10px;
	color: #fff;
	background: #3dbbed;
	border-radius: 100%;
}
#about .mrMerit .item p {
	margin: 0;
	padding: 10px;
	background: #f5f5f5;
}
#about .mrMerit .item img {
	display: block;
	margin: 20px auto 60px;
}	
#about .mrMerit .item .merit_ikkatsuNg {
	width: 40%;
}
#about .mrMerit .item .merit_enq {
	width: 50%;
}
#about .mrMerit .item .merit_google {
	width: 60%;
}
#about .seminar_table {
	width: 500px;
	margin: 0 auto 30px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#about .seminar_table th {
	padding: 10px;
	background: #ccc;
}
#about .seminar_table td {
	padding: 10px;
	color: #71AE41;
	background: #f9f9f9;
}

/*===== company / 提携企業ページ ===========================================*/

.company_list {
	width: 600px;
	margin: 50px 0;
}

.company_list h2 {
	padding: 0 0 0 15px;
	border-left: 8px solid #1D2C52;
	font-size: 18px;
}
.company_list dl dt {
	margin: 10px 0 5px 0;
}
.company_list dl dt a {
	font-size: 16px;
	font-weight: bold;
}
.company_list dl dd {
	margin: 0 0 30px 0;
	padding: 10px 20px;
	background: #f5f5f5;
}
.company_list dl dd a {
	display: inline-block;
}


/*===== トップ・資料リスト ===========================================*/

#top_list,
.ai_item_list {
	vetical-align: top;
}
#top_list .box,
.ai_item_list .box {
	display: inline-block;
	width: 130px;
	margin: 0 15px 0 0;
	vertical-align: top;
}
#top_list .category,
.ai_item_list .category {
	display: block;
	padding: 0 0 0 5px;
	font-size: 10px;
	letter-spacing: 0;
	border-left: 3px solid #3dbbed;
}






/*===== パートナー紹介・登録画面 ===========================================*/

.partner_campaign {
	margin: 0 0 30px 0;
	padding: 10px 15px;
	border: 2px dotted #ccc;
}
.partner_campaign span {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	color: #fff;
	background: #FFA312;
	font-size: 16px;
	font-weight: bold;
}
.partner_campaign em {
	color: #FFA312;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}



/*===== 資料ダウンロード モーダルアンケート ===========================================*/

#modal-wrp {
	height: 0;
}
#modal-content {
	position: absolute;
	top: 0;
	width: 610px;
	margin: 0;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff;
	position: absolute;
	display: none;
	z-index: 2 ;
}
  
#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba( 0,0,0, 0.75 );
}

.button-link {
	color: #00f;
	text-decoration: underline;
}
 
.button-link:hover {
	cursor: pointer;
	color: #f00;
}
#modal-content .dl_enq ul {
	margin: 20px;
	padding: 20px;
	border: 5px solid #eee;
}
#modal-content .dl_enq ul li {
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px dotted #ccc;
}
#modal-content .dl_enq ul li:last-child {
	border: none;
}
#modal-content .dl_enq ul li span {
	display: inline-block;
	width: 100px;
	font-size: 14px;
	font-weight: bold;
}
#modal-content .dl_enq .submit {
	display: block;
	margin: 20px auto;
	padding: 8px 20px;
	color: white;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#modal-content .dl_enq .submit:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fa9915, #d87e04);
	background: -moz-linear-gradient(top, #fa9915, #d87e04);
	background: -o-linear-gradient(top, #fa9915, #d87e04);
	background: linear-gradient(top, #fa9915, #d87e04);
	background-color: #f18d05;
}
#modal-content .dl_enq input, #modal-content .dl_enq select {
	padding: 5px;
}
#modal-content .dl_enq label, #modal-contents .dl_enq .submit:hover {
	cursor: pointer;
}
#modal-content .dl_enq h2 {
	margin: 20px;
	padding: 0 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	border-left: 5px solid #3dbbed;
}
#modal-content .dl_enq .disabled {
	color: #ccc;
}



/*===== メディアコンシェルジュ ===========================================*/


#topConciergeBnrWrp {
	width: 750px;
	margin: 10px 0;
}
#topConciergeBnrWrp:hover {
	opacity: 0.8;
}
#topConciergeBnrWrp img {
	width: 100%;
}

#concierge {
	width: 600px;
}
#concierge h2 {
	margin: 30px 0;
	padding: 0 0 0 10px;
	border-left: 10px solid #037DA4;
	font-size: 18px;
	font-weight: bold;
}
#concierge b {
	font-size: 16px;
	font-weight: bold;
	color: #037DA4;
}
#concierge .top {
	margin: 0 0 60px 0;
	font-size: 14px;
}
#concierge .top .mainImg {
	margin: 30px 0 20px 0;
	padding: 15px;
	box-shadow: 0 0 5px #999;
}
#concierge .top .howtoImg {
	margin: 50px 0 0 0;
}
#concierge .point .pointList li {
	font-size: 14px;
}
#concierge .point .pointList li:before {
	content: "◆";
	color: #037DA4;
}
#concierge .notice {
	width: 560px;
	margin: 30px 0 60px;
	padding: 10px 20px;
	font-size: 11px;
	background: #f9f9f9;
}
#concierge .notice .noticeList li {
	color: #666;
}
#concierge .notice .noticeList li:before {
	content: "・";
}
#concierge form .submit_btn {
	width: 560px;
	margin: 10px 0;
	background: #93C1D0;
	border: none !important;
}
#concierge .loginArea {
	padding-top: 40px;
	border-top: 2px dotted #ccc;
}
#concierge .loginArea p {
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	border: 5px solid #037DA4;
}
#concierge .loginArea span {
	display: inline-block;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #333;
}


/***** fixed *****/


@media only screen and (max-width : 1200px) {
	#fixedConcierge {
		display: none;
	}
}
#fixedConciergeWrp {
	position: fixed;
	top: 150px;
	left: 0;
}
#fixedConcierge {
	position: relative;
}
#fixedConcierge .badge {
	position: absolute;
	top: 0;
	right: -200px;
	width: 200px;
	height: 170px;
	z-index: 100;
	cursor: pointer;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	opacity:0.85;
}
#fixedConcierge .badge_icon {
	position: relative;
	z-index: 10;
}
#fixedConcierge .arrow_r {
	position: relative;
	z-index: 1;
	top: -120px;
	left: 110px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	opacity:0.85;
}
#fixedConcierge .badge:hover {
	opacity: 1.0;
}
#fixedConcierge .badge:hover > .arrow_r {
	left: 120px;
}
#fixedConcierge .badgeContentWrp {
	display: none;
	position: relative;
	top: -100px;
	z-index: 1;
	border: 6px double #eee;
	border-left: none;
	overflow: hidden;
	border-radius: 0 20px 20px 0;
	background: -moz-linear-gradient(top center, #fff 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f9f9f9));
	background: linear-gradient(top center, #fff 0%, #f9bbf9f9 100%);
	box-shadow: 3px 3px 3px #999;
}
#fixedConcierge .badgeContentClose {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 900px;
	padding: 5px 0 0 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 0 5px #000;
	color: #fff;
	background-color: #fff;
	background-image: -webkit-linear-gradient(-45deg, #666 25%, transparent 25%, transparent 50%, #666 50%, #666 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #666 25%, transparent 25%, transparent 50%, #666 50%, #666 75%, transparent 75%, transparent);
	background-size: 4px 4px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
	opacity: 0.8;
}
#fixedConcierge .badgeContentClose:hover {
	opacity: 1;
}
#fixedConcierge .badgeContentClose span {
	padding: 0 5px;
	background: rgba(0,0,0,0.6);
}
#fixedConcierge .badgeContent {
	min-width: 525px;
	margin: 20px 40px 0 80px;
	overflow: hidden;
}
#fixedConcierge .badgeContent h2 {
	min-width: 525px;
	margin-bottom: 20px;
	padding: 5px 10px;
	font-size: 20px;
	color: #fff;
	background: #3dbbed;
	text-align: center;
	text-shadow: 1px 1px 1px #666;
	border-radius: 5px;
}
#fixedConcierge .badgeContent h2:before, #fixedConcierge .badgeContent h2:after {
	content: "◆";
	padding: 0 10px;
}
#fixedConcierge .badgeContent h3 {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 15px;
	border-left: 5px solid #3dbbed;
}
#fixedConcierge .badgeContent .box {
	margin: 20px 0;
	padding-top: 20px;
	border-top: 1px dotted #999;
}
#fixedConcierge .badgeContent span {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #3dbbed;
}
#fixedConcierge .badgeContent .headText {
}
#fixedConcierge .badgeContent .telBox {
	display: block;
	padding: 10px 20px;
	border: 1px solid #eee;
	background: #fff;
	text-align: center;
}
#fixedConcierge .badgeContent .company {
	color: #000;
}
#fixedConcierge .badgeContent .tel {
	display: inline-block;
	margin: 0 10px 0 0;
}
#fixedConcierge .badgeContent table {
}
#fixedConcierge .badgeContent table th {
	vertical-align: top;
}
#fixedConcierge .badgeContent table td span {
	color: #000;
	font-size: 14px;
}
#fixedConcierge .badgeContent .submit-wrp {
	width: 500px;
	text-align: center;
}
#fixedConcierge .resultBox {
	display: none;
	position: absolute;
	top: -75px;
	left: 10px;
}
#fixedConcierge .resultBox .resultText {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	width: 300px;
	height: 60px;
	color: #000;
	line-height: 40px;
	text-align: center;
	/*background: RGBA(56,93,13,0.6);*/
	background: rgba(255,255,255,0.8);
	border: 5px solid #385D0D;
	border-radius: 10px;
	opacity: 0.9;
	z-index: 0;
}
#fixedConcierge .resultBox .resultText:after {
	content: "";
	position: absolute;
	bottom: -15px; left: 0;
	margin-left: 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 20px 15px 0;
	border-color: transparent #385D0D transparent transparent;
	z-index: -1;
	opacity: 1;
}
#fixedConcierge .resultBox .resultText p {
	padding: 12px;
}
#fixedConcierge .hiddenBtn {
	position: absolute;
	top: 170px;
	left: -5px;
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: rgba(0,0,0,0.6);
	border: 5px solid #eee;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.6;
}
#fixedConcierge .hiddenBtn:hover {
	opacity: 1;
}
#fixedConcierge .hiddenBtn span {
	display: inline-block;
	margin-top: -2px;
}

/*===== パスワードリマインダー  ===========================================*/


#passReminder h2 {
	margin: 30px 0;
	padding: 0 0 0 10px;
	border-left: 10px solid #037DA4;
	font-size: 18px;
	font-weight: bold;
}
#passReminder form .submit_btn {
	width: 560px;
	margin: 0 auto;
	background: none!important;
	border: none !important;
}
#passReminder .error {
	width: 575px;
}
.reminderMsgBox {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 580px;
	padding: 5px;
	border: 1px solid #EEE;
	background: #FFF none repeat scroll 0% 0%;
}



/******************************ダウンロード会員登録************************************/
hr.border-dotted {
	width: 100%;
	margin: 30px 0;
	border: none;
	border-top: 1px dotted #aaa;
}
/*******************仮登録********************/
#addPreMr {
	margin: 30px 0 0 0;
}
#addPreMr .preTypeBox {
	display: inline-block;
	width: 48%;
	min-height: 436px;
	padding: 30px;
	vertical-align: top;
	background: linear-gradient(-45deg,#fff 25%,#f5f5f5 25%, #f5f5f5 50%,#fff 50%, #fff 75%,#f5f5f5 75%, #f5f5f5);
	box-sizing: border-box;
	box-shadow: 0 0 10px #ccc;
}
#addPreMr .preTypeBox h2 {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	font-size: 16px;
	text-align: center;
}
#addPreMr .loginBox {
	border: 10px solid #683EC0;
}
#addPreMr .loginBox .fbButton {
} 
#addPreMr .mailaddressBox .fbButton a,#addPreMr .loginBox .fbButton a {
	margin: 10px 0;
	padding: 6px 10px !important;
	font-size: 15px;
}
#addPreMr .mailaddressBox .fbButton a{
	margin: 15px;
}
#addPreMr .mailaddressBox {
	margin-right: 3%;
	border: 10px solid #3D9EAC;
}
#addPreMr .mailaddressBox hr {
    height: 1px;
    background-color: #3D9EAC;
    width: 100%;
    border: none;
}

#addPreMr .mailaddressBox h2 { border-bottom: 2px dashed #3D9EAC; }
#addPreMr .loginBox h2 { border-bottom: 2px dashed #683EC0; }
#addPreMr .mailaddressBox h2 .fa { color: #3D9EAC; font-size: 28px; vertical-align: middle; }
#addPreMr .mailaddressBox h2.facebook {
    margin-top: 15px;
    border-bottom: 2px dashed #46629E;
}
#addPreMr .mailaddressBox h2.facebook .fa { color: #46629E; font-size: 28px; vertical-align: middle; }
#addPreMr .mailaddressBox .fbButton a, #addPreMr .loginBox .fbButton a { max-width: 100% !important; }
#addPreMr  .infoText {
	margin: 15px 0 0 0;
	font-size: 11px;
	color: #333;
}
#addPreMr .preForm .mailInput,
#addPreMr .preForm .passInput {
	margin: 30px 0 15px 0;
}
#addPreMr .preForm .mailInput.loginInput {
	margin-top: 24px;
}
#addPreMr .preForm .mailInput label,
#addPreMr .preForm .passInput label {
	font-size: 13px;
	font-weight: bold;
}

#addPreMr .preForm .msgBox .errorText {
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	color: #fff;
	background: #c00;
}
#addPreMr .preForm .msgBox .errorText a {
	color: #fff;
}
#addPreMr .loginBox .first-text {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
#addPreMr .preForm .mailInput input,
#addPreMr .preForm .passInput input {
	width: 100%;
	padding: 8px;
	font-size: 18px;
	text-align: center;
	border-top: 2px solid #aaa;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
	border-left: 2px solid #aaa;
	border-radius: 4px;
	box-shadow: 0 0 10px #eee inset;
	box-sizing: border-box;
}
#addPreMr .loginBox .cookie_check {
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#addPreMr .loginBox .cookie_check input[type="checkbox"]{
    margin-right: 10px;
}
#addPreMr .preForm .submitWrp input[type="submit"]{
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 6px 0;
	text-align: center;
	color: white;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
}
#addPreMr .preForm .loginSubmit input[type="submit"] {
	background-color: #683EC0;
	background: #683EC0;
}
#addPreMr .preForm .submitWrp input[type="submit"]:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d87e04), color-stop(100%, #fba42e));
	background: -webkit-linear-gradient(top, #d87e04, #fba42e);
	background: -moz-linear-gradient(top, #d87e04, #fba42e);
	background: -o-linear-gradient(top, #d87e04, #fba42e);
	background: linear-gradient(top, #d87e04, #fba42e);
}
#addPreMr .preForm .loginSubmit input[type="submit"]:hover {
	background-color: #683EC0;
	background: #683EC0;
	opacity: 0.7;
}
#addPreMr .loginBox .reminder_link {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 16px;
    color: #0070C0;
}
#addPreMr .loginBox .reminder_link:hover {
    opacity: 0.7;
}

#addPreMr #modal-content {
	width: 680px;
	position: absolute;
	left: 76px;
}
#addPreMr .mailaddressBox #modal-content {
	left: 115px;
}
#fbMemberAlert { padding: 0 15px 30px; }
#fbMemberAlert .fbTit {
	text-align: center;
	margin: 50px 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 10px solid #46629E;
	color: #46629E;
	font-size: 34px;
	font-weight:bold;
}
#fbMemberAlert .fbName {
	text-align: center;
	font-size: 18px;
	font-weight:bold;
	color: #46629E;
}
#fbMemberAlert .fbCallbackInfo {
	margin: 15px 0;
	padding-bottom: 30px;
	border-bottom: 1px dashed #46629E;
}
#fbMemberAlert .fbTit img {
	display: inline-block;
}
.preMrThanksWrp {
	width: 760px !important;
}
#preMrThanks {
	padding: 50px;
	text-align: center;
}
#preMrThanks .okIcon {
	margin: 30px 0;
	text-align: center;
	font-size: 30px;
	color: #f18d05;
}
#preMrThanks .okIcon .fa {
	font-size: 80px;
	vertical-align: middle;
}
#preMrThanks h2 {
	text-align: center;
}
#preMrThanks h3 {
	margin: 20px 0 10px;
	padding: 10px;
	color: #333;
	font-size: 20px;
	background: #eee;
	text-align: center;
}
#preMrThanks p {
	font-size: 15px;
	text-align: center;
}


/*******************本登録********************/
#addMr .addMrInfo {
	margin: 0 0 30px 0;
}
#addMr .addMrForm {
	width: 100%;
	border: #93c1d0 3px solid;
	border-collapse:collapse;
}
#addMr .addMrForm th{
	padding:1em 1em;
	/*background:#d6e4e8 url(../images/th_bg.png) no-repeat;*/
	background: #93c1d0;
	border:#93c1d0 1px solid;
	border-bottom: 1px solid #fff;
	vertical-align:top;
}
#addMr .addMrForm td{
	padding:1em 1em;
	background: #FFFFFF;
	border:#93c1d0 1px solid;
}
#addMr .addMrForm input{
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 3px;
	cursor: pointer;
}
#addMr .addMrForm input:focus{
	border:#4ac 1px solid;
	box-shadow: 0px 0px 3px #4ac;
}
#addMr .addMrForm .indispensable {
	padding: 2px 5px 0;
	color: #cc0000;
	background: #fff;
	font-weight: bold;
	border-radius: 3px;
}
#addMr .addMrForm .supple{
	font-size:90%;
	color:#666666;
}
#addMr .addMrForm .wide_button{
	padding:0.5em 3em;
}
#addMr .agreement {
	width: 100%;
	margin: 30px 0;
	box-sizing: border-box;
}
#addMr .agreement .overflow {
	width: 100%;
}
#addMr .agreement  h2 {
	padding: 0 0 0 15px;
	font-size: 15px;
	font-weight: normal;
	border-left: 10px solid #333;
}
#addMr .submitWrp input[type="submit"]{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
}
#addMr .submitWrp input[type="submit"]:hover {
	opacity: 0.8;
}
#addMr .errorBox {
	margin: 30px 0;
	border: 5px solid #c00;
	background: rgba(204,0,0,0.1);
}
#addMr .errorBox .item {
	margin: 10px;
	color: #c00;
}
#addMr .errorBox .item:before {
	content: "・";
}



/*******************カテゴリーページ*********************/
#top_category_list {
	margin: 30px 0;
	padding: 20px;
	vertical-align: top;
	background-color: #fcfcfc;
	background-image: radial-gradient(#eee 10%, transparent 20%), radial-gradient(#eee 10%, transparent 20%);
	background-position: 0 0, 10px 10px;
	background-size: 10px 10px;
	border: 6px double #eee;
	box-sizing: border-box;
	box-shadow: 0 0 5px #eee inset;
}
#top_category_list h2 {
	margin: 0 0 10px;
	color: #333;
	font-size: 20px;
	font-weight: bold;
}
#top_category_list h2 img {
	display: inline-block;
	margin: 0 8px 0 0;
	vertical-align: middle;
}
#top_category_list h3 a {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
#top_category_list h3 a:before {
	content: "> ";
	color: #3d9eac;
}
#top_category_list h3 a:hover {
	text-decoration: underline;
}
#top_category_list .container {
	display: inline-block;
	width: 47.5%;
	margin: 1%;
	vertical-align: top;
}
#top_category_list .box {
	padding: 10px;
	background: #fff;
	vertical-align: top;
	border: 1px solid #ddd;
	box-sizing: border-box;
	box-shadow: 0 0 4px #ccc;
	border-radius: 0 10px 0 0;
}
.tagsBox .subAmpColor {
	font-weight: bold;
	color: #3d9eac;
	border: 2px solid #ccc;
}
.tagsBox .subAmpColor:hover {
	background: #f9f9f9;
}
.tagsBox .badge {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0 5px;
	color: #3d9eac;
	background: #e5e5e5;
	font-size: 10px;
	border-radius: 5px;
}


/*******************カテゴリーページ*********************/
#child_category_list {
	margin: 20px 0 0;
}
#child_category_list h2 {
	display: block;
	margin: 10px 0;
	padding: 8px 15px;
	font-size: 16px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
	border-radius: 6px;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: linear-gradient(to bottom, #fff, #eee);
}
#child_category_list h2  a {
	text-decoration: none;
}
#child_category_list h2 .more_link {
	text-align: right;
}
#child_category_list .ai_item_list {
	position: relative;
	margin: 20px 0;
}



/*******************セミナーページ*********************/

#seminar_area .seminar_header {
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	border-left: 8px solid #333;
}
#seminar_area .seminar_status {
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	background: #333;
}
#seminar_area .status_1 {
	background: #c00;
}
#seminar_area .seminar_title {
	margin: 10px 0;
	color: #333;
	font-size: 24px;
}

#seminar_area .seminar_title .online{
	margin:0px 20px 5px 5px;
	padding:5px;
	background:#ff4500;
	color:#FFFFFF;
	font-size:10px;
	float:right;
	vertical-align: middle;
}

#seminar_area .seminar_title .offline{
	margin:0px 20px 5px 5px;
	padding:5px;
	background:#0000cd;
	color:#FFFFFF;
	font-size:10px;
	float:right;
	vertical-align: middle;
}

#seminar_area .seminar_main_img {
	margin: 0 0 20px;
	padding: 0 30px 0 15px;
	text-align: center;
}

#seminar_area .seminar_main_img img {
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 0 10px #ddd;
}

#seminar_area .seminar_description {
	margin: 0 0 40px;
	padding: 20px 30px;
	border: 3px double #ddd;
	font-size: 14px;
	font-weight: bold;
}

#seminar_area .seminar_img {
	margin: 0 0 40px;
	padding: 0 0 40px;
	width: 100%;
	text-align: center;
	border-bottom: 5px dashed #ddd;
}
#seminar_area .seminar_img a {
	display: inline-block;
	vertical-align: middle;
}
#seminar_area .seminar_img a:hover {
	opacity: 0.8;
}
#seminar_area .seminar_img img {
	max-width: 200px;
	max-height: 200px;
	margin: 0 20px 0 0;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 10px #ddd;
}
#seminar_area .seminar_img a:last-child img {
	margin: 0;
}
#seminar_area .seminar_text {
	margin: 0 0 40px;
}
#seminar_area .seminar_detail {
	width: 100%;
	margin: 0 0 40px;
}
#seminar_area .seminar_detail tr { background: #f9f9f9; }
#seminar_area .seminar_detail tr:nth-of-type(even) { background: #f5f5f5; }
#seminar_area .seminar_detail th {
	width: 150px;
	padding: 10px;
	color: #fff;
	background: #999;
	border: 1px solid #fff;
}
#seminar_area .seminar_detail td {
	padding: 10px;
}
#seminar_area .seminar_maps h3 {
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #999;
}
#seminar_area .seminar_maps iframe {
	border: 0;
	width: 100%;
	height: 250px;
} 
#seminar_area .seminar_entry {
	margin: 40px 0;
	text-align: center;
}

#seminar_area .seminar_entry .notice {
	text-align: center;
	margin: 10px auto;
	font-size: 0.8em;
}

#seminar_area .seminar_entry form {
	text-align: center;
}
#seminar_area .entry_button {
	display: inline-block;
	padding: 10px 60px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5ECBDB), color-stop(100%, #3D9EAC));
	background: -webkit-linear-gradient(top, #5ECBDB, #3D9EAC);
	background: -moz-linear-gradient(top, #5ECBDB, #3D9EAC);
	background: -o-linear-gradient(top, #5ECBDB, #3D9EAC);
	background: linear-gradient(top, #5ECBDB, #3D9EAC);
	border-color: #3D9EAC;
	border-bottom: 6px solid #1F636D;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: All 0.1s ease;
	-moz-transition: All 0.1s ease;
	-o-transition: All 0.1s ease;
	-ms-transition: All 0.1s ease;
	transition: All 0.1s ease;
}
#seminar_area .entry_button:hover {
	margin-top: 5px;
	border-bottom: 1px solid #1F636D;
}
#seminar_area .complete_wrp {
	padding: 50px;
	text-align: center;
}
#seminar_area .complete h2 {
	margin: 30px 0;
	text-align: center;
	font-size: 30px;
	color: #f18d05;
}
#seminar_area .err_msg {
	margin: 0 0 40px;
	padding: 20px 20px 10px;
	font-weight: bold;
	background: rgb(204,0,0,0.2);
}
#seminar_area .err_msg h3 {
	margin: 0 0 10px;
	font-size: 16px;
}
#seminar_area .err_msg p {
	margin: 0 0 10px;
	padding: 10px;
	color: #fff;
	background: #c00;
}

/* おすすめセミナー用 */
.suggest_wrap {
    margin: 30px auto;
    width: 620px;
    height: auto;
    padding: 5px;
    position: relative;
}
.suggest_wrap h2 {
    padding: 0 0 0 15px;
    font-size: 18px;
    border-left: 10px solid #6BAA38;
}
.suggest_wrap_inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-top: 1px dotted #333;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
}
.suggest_wrap_inner ul.column {
    width: 605px;
    margin: 0;
    padding-left: 15px;
    list-style-type: none;
    float: left;
}
.suggest_wrap_inner ul.column li {
    float: left;
    width: 140px;
    margin-right: 10px;
    display: inline;
}
.suggest_wrap_inner ul.column li .cap{
    width: 140px;
    height: 100px;
	overflow: hidden;
}

.suggest_wrap_inner ul.column li .cap img{
  object-fit: contain;
  width: 100%;
  height: 100%;	
}

.suggest_wrap .more_link {
    float: right;
    width: 100%;
    margin: 10px;
    display: block;
	text-align:right;
}

/*******************セミナー一覧ページ*********************/
#seminar_list .lead_wrp {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 2px dashed #eee;
}
#seminar_list h1 {
	margin: 0 0 30px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
#seminar_list h1 .fas {
	color: #3dbbed;
}
#seminar_list .item {
	display: block;
	margin: 0 0 10px;
	padding: 15px;
	border: 2px solid #eee;
	text-decoration: none;
	color: #333;
	vertical-align: top;
}
#seminar_list .item:hover {
	color: #333;
	border: 2px solid #3dbbed;
}
#seminar_list .item:hover .seminar_title {
	text-decoration: underline;
}
#seminar_list .item .status {
	display: inline-block;
	margin: 0 0 5px;
	padding: 5px 15px;
	color: #fff;
	background: #eee;
}
#seminar_list .status0 .status { background: #333; }
#seminar_list .status1 .status { background: #c00; }
#seminar_list .item .seminar_title {
	margin: 0 0 10px;
	color: #333;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}

#seminar_list .item .seminar_title .online{
	margin:5px;
	padding:5px;
	background:#ff4500;
	color:#FFFFFF;
	font-size:10px;
	float:right;
}

#seminar_list .item .seminar_title .offline{
	margin:5px;
	padding:5px;
	background:#0000cd;
	color:#FFFFFF;
	font-size:10px;
	float:right;
}

#seminar_list .item .seminar_img {
	display: inline-block;
	max-width: 150px;
	max-height: 150px;
}
#seminar_list .item .seminar_img img {
	max-width: 100%;
	max-height: 100%;
}
#seminar_list .item .summary {
	display: inline-block;
	width: 450px;
	margin: 0 0 10px;
}
#seminar_list .item .summary span {
	display: inline-block;
	width: 70px;
	color: #999;
}
#seminar_list .item .summary p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#seminar_list .item .close_date {
	padding: 5px 10px;
	background: #eee;
}
#seminar_list .status1 .close_date { color: #c00; }
#seminar_list .item .close_date span {
	display: inline-block;
	width: 250px;
	color: #999;	
}