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

/*===== 共通スタイル ===========================================*/

p{
	line-height:1.6;
	padding-bottom:1.5em;
	text-align:justify;
	text-justify: distribute;
}

/*=== margin ===*/

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

/*=== padding ===*/

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr40{padding-right:40px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl40{padding-left:40px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}

/*=== input size ===*/

.ipt3{ width:3em;}
.ipt5{ width:5em;}
.ipt10{ width:10em;}
.ipt15{ width:15em;}
.ipt20{ width:20em;}
.ipt25{ width:25em;}
.ipt30{ width:30em;}
.ipt35{ width:35em;}
.ipt40{ width:40em;}
.ipt45{ width:45em;}


.ipt_h2{ height:2em;}
.ipt_h3{ height:3em;}
.ipt_h4{ height:4em;}
.ipt_h5{ height:5em;}
.ipt_h6{ height:6em;}
.ipt_h7{ height:7em;}
.ipt_h8{ height:8em;}
.ipt_h10{ height:10em;}
.ipt_h15{ height:15em;}

.ipt_30{ width:300px;}
.ipt_38{ width:380px;}

a:hover img.overwhite{
	cursor:pointer;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	opacity:0.8;
	zoom:1;
}


/*===== サービスページ ===========================================*/

div#sec_main{
	margin:0;
	padding:0;
	background:url(../images/sec_page_bg.png) repeat-y 0px;
	overflow:hidden;
}

div#sec_page{
	margin:0;
	padding:0;
	/* background:url(../images/sec_page_top.png) no-repeat 0px top; */
	border-top:#aaa solid;
	overflow:hidden;
}

/*===== サービスページ ===========================================*/

.p1{
	line-height:1.6;
	padding-bottom:1.5em;
	padding-left:15em;
	text-align:justify;
	text-justify: distribute;
}

/*= サイドメニュー =*/

div#sec_side_right img{
	padding-top:5px;
}
.cms_nav_side {
    margin: 30px 0;
    padding: 5px;
    border: 5px solid #eee;
}
.cms_nav_side h2 img {
    display: block;
    width: 136px;
    margin: 0 auto;
}
.cms_nav_side ul li {
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 2px dotted #ccc;
}
.cms_nav_side ul li span {
    padding: 0 0 0 10px;
    font-size: 10px;
    font-weight: bold;
}

/*　サイドバー一括ダウンロード　*/
.sidebar_bulk_dl{
    margin: 5px 0;
    padding: 5px 10px 5px 0;
    width: 210px;
    box-sizing: border-box;
}
.sidebar_bulk_dl .ad_sidebar_bulk_item_header {
    text-align: center;
    background-color: #212121;
    color: white;
    font-size: 15px;
    padding: 5px;
}
.ad_bulk_dl {
	width: 100%;
	max-height: calc(85vh - (5rem + 1em + 20px));
	overflow: scroll;
	overflow: hidden visible;
	background-color: #EEEEEE;
	box-sizing: border-box;
    border: solid 5px #eee;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
    column-gap: 1%;
}
.ad_bulk_dl_child {
    display: inline-block;
    vertical-align: top;
    min-height: 20px;
    box-shadow: 0 0 10px #ddd;
    width: 170px;
    background: white;
}
.ad_bulk_dl_child .agency_item_title {
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    background: white;
}
.ad_bulk_dl_child .agency_item_title a {
    object-fit: contain;
    width: 100%;
    color: black;
    line-height: 1.2;
}
.agency_item_img{
    font-size: 12px;
    padding: 7px 15px 3px 15px;
    margin-top: 0px;
    background: white;
}
.agency_item_img input[type="checkbox"]{
    display: none;
}
.agency_item_img input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 5px;
    width: 155px;
    height: 100px;
}
.agency_item_img input[type="checkbox"]+label{
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    box-sizing: border-box;
}
.agency_item_img input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 2px solid;
    border-color: #5ECBDB;
    background-color: #FFF;
}
.agency_item_img input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  red;
}
.agency_item_img img {
    width: 125px;
    height: 95px;
}
.ad_sidebar_bulk_item_footer .bulk_lead_count {
    height: 45px;
    white-space: nowrap;
    margin: 0;
}
.ad_sidebar_bulk_item_footer .bulk_lead_count {
    display: flex;
    padding: 8px 10px;
    justify-content: center;
    color: white;
    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;
}
.ad_sidebar_bulk_item_footer .bulk_lead_count .bt_txt1 {
    margin-top: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 13px;
}
.ad_sidebar_bulk_item_footer .bulk_lead_count .bt_txt2 {
    font-size: 16px;
}

/* めでぃつぶ */
#nav_meditsubu {
	margin: 10px 0;
	padding: 5px;
	border: 5px solid #eee;
}
#nav_meditsubu h2 img {
	display: block;
	width: 136px;
	margin: 0 auto;
}
#nav_meditsubu ul li {
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 2px dotted #ccc;
}
#nav_meditsubu ul li span {
	padding: 0 0 0 10px;
	font-size: 10px;
	font-weight: bold;
}

/* めでぃたび */
#nav_interview {
	margin: 30px 0;
	padding: 5px;
	border: 5px solid #eee;
}

#nav_interview a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#nav_interview h2 img {
	display: block;
	width: 136px;
	margin: 0 auto;
}
#nav_interview ul li {
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 2px dotted #ccc;
}
#nav_interview ul li span {
	padding: 0 0 0 10px;
	font-size: 10px;
	font-weight: bold;
}
#nav_interview ul li .img_wrap {
	display: inline-block;
	width: 30%;
}
#nav_interview ul li .img_wrap img {
	max-width: 100%;
	vertical-align:super;
}
#nav_interview ul li .cont_wrap {
	display: inline-block;
	width: 65%;
	font-size: 10px;
}
#nav_interview a h3:before {
	content: "\25a0";
}
#nav_interview a:visited{
    color: #006699;
}
#nav_interview a:hover{
    color: #FF9900;
}
#nav_interview a:active{
    color: #006699;
}


/*導入事例*/
#nav_case {
	margin: 30px 0;
}
#nav_case h2 {
	margin: 10px 0;
	padding: 7px 0;
	color: #fff;
	background: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#nav_case li {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px dotted #666;
}
#nav_case li:last-child {
	border: none;
}
#nav_case a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#nav_case a:hover {
	color: #71AF42;
}
#nav_case a h3:before,
#nav_case a .company_name:before {
	content: "\25b6";
	color: #71AF42;
}
#nav_case a h3,
#nav_case a .company_name {
	text-decoration: underline;
}
#nav_case .img_wrap {
	display: inline-block;
	width: 30%;
}
#nav_case .img_wrap img {
	max-width: 100%;
}
#nav_case .cont_wrap {
	display: inline-block;
	width: 65%;
	font-size: 10px;
}
#nav_case .cont_wrap p span {
	color: #71AF42;
}

/*セミナー*/
#nav_seminar h2 {
	margin: 10px 0;
	padding: 7px 0;
	color: #fff;
	background: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	transition: .4s;
}
#nav_seminar h2:hover {
	background-color: #708090;
}

#nav_seminar li {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px dotted #666;
}
#nav_seminar li:last-child {
	border: none;
}
#nav_seminar a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#nav_seminar a:hover {
	color: #71AF42;
}
#nav_seminar a h3 {
	text-decoration: underline;
}
#nav_seminar .online {
	display: inline-block;
	font-size: 8px;
	background: #ff4500;
	padding: 2px 5px 2px 5px;
	margin-right: 5px;
	color:#ffffff;
	
}
#nav_seminar .offline {
	display: inline-block;
	font-size: 10px;
	background: #0000cd;
	padding: 2px;
	color:#ffffff;
}
#nav_seminar a.seminar_more {
	text-align: right;
	color: #006699;
	font-weight: lighter;
	padding: 1em 0 1em 0;
}
#nav_seminar img.item-cap{
	object-fit: contain;
	padding-top: 0px;
	margin-bottom: 5px;
	box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
	background: ghostwhite;
}
#nav_seminar img.item-cap:hover{
	opacity: 0.8;
}
#nav_seminar a.seminar_more:before {
	content: "\003e\003e\3055\3089\306b\8868\793a\3059\308b";
}
#nav_seminar a.seminar_more:hover {
	text-decoration: underline;
	color: #71AF42;
}

/*= ランキング（IE6用） =

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

*html div#ranking ul{
	padding-bottom:10px;
	background:url(../images/side_nav_service_bg.png) no-repeat bottom;
}

*html div#ranking ul li{
	font-size:85%;
	background:url(../images/line.png) no-repeat bottom;
}

*html div#ranking ul li a{
	display:block;
	width:190px;
	padding:0.5em 5px 0.5em 10px;
}

/*= ランキング(モダンブラウザ用) =

div#ranking{
	margin:10px 0 10px;
}

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

div#ranking ul{
	padding-bottom:10px;
	background:url(../images/side_nav_service_bg.png) no-repeat bottom;
}

div#ranking ul li{
	font-size:85%;
	background:url(../images/line.png) no-repeat bottom;
}

div#ranking ul li a{
	display:block;
	width:173px;
	padding:0.5em 5px 0.5em 10px;
}
*/


/*= ランキング(モダンブラウザ用) サイドバー資料=*/

div#ranking{
	margin:10px 0 10px;
}

div#ranking h2{
	width:190px;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	background: url(../images/sidetit_bg.png) no-repeat;

}
/*div#ranking ul{
	padding-bottom:10px;
	background:url(../images/side_nav_service_bg.png) no-repeat bottom;
}*/

div#ranking ul li{
	font-size:0;
	/*background:url(../images/line.png) no-repeat bottom;*/
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
div#ranking ul li a.agency_title,
div.rightbar_item_wrap ul li a.agency_title{
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
div#ranking ul li a.agency_title:hover{
	color: #71AF42;
}
div#ranking ul li:not(:last-child){
	border-bottom: 1px dotted #666;
}

div#ranking ul li a.agency_title,
div.rightbar_item_wrap ul li a.agency_title {
	display:inline-block;
	width:173px;
	padding:0.5em 5px 8px 10px;
	font-size: 12px;
}

div#ranking ul li a.side_thumbnail{
	display: block;
	padding-top: 10px;
}
div#ranking ul li img{
	display:block;
	width:190px;
	padding: 10px 0 0 0;
	box-shadow: 3px 3px 6px #aaa;
}
.rightbar_item_wrap ul .rightbar_item {
	display: block;
	box-sizing: border-box;
	width: 190px;
	padding: 2px;
  margin: 2em 0;
	margin-top: 10px;
  color: #5d627b;
  background: white;
  border-top: solid 5px #71AF42;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.rightbar_item_wrap ul .rightbar_item.new-item{
	border-top-color: #9DCCE0;
}
.rightbar_item_wrap ul .rightbar_item.ranking-item {
	border-top-color: #E91E62;
}
.rightbar_item_wrap .dl_wrap ul li {
	border: none;
	margin: 0;
}
.rightbar_item_wrap ul li img {
	display:block;
	width:182px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
.rightbar_item_wrap .dl_wrap ul li a {
	margin: 0;
}
div#ranking ul li img:hover,
.rightbar_item_wrap ul li img:hover {
	opacity: 0.7;
}

div#ranking ul li.more_link {
	margin: -20px 0 0 0;
	background: none;
	text-align: right;
}


/*= サイドメニュー（IE6用） =*/

*html div.service_nav h2{
	width:190px;
	height:40px;
	text-indent:-9999px;
	background:url(../images/side_nav_service.png) no-repeat left top;
}

*html div.service_nav ul{
	padding-bottom:10px;
	background:url(../images/side_nav_service_bg.png) no-repeat bottom;
}

*html div.service_nav ul li{
	font-size:85%;
	background:url(../images/line.png) no-repeat bottom;
}

*html div.service_nav ul li a{
	display:block;
	width:190px;
	padding:0.5em 5px 0.5em 10px;
}

/*= サイドメニュー(モダンブラウザ用) =*/

div.service_nav h2{
	width:190px;
	height:40px;
	text-indent:-9999px;
	background:url(../images/side_nav_service.png) no-repeat left top;
}

div.service_nav ul{
	padding-bottom:10px;
	background:url(../images/side_nav_service_bg.png) no-repeat bottom;
}

div.service_nav ul li{
	font-size:85%;
	background:url(../images/line.png) no-repeat bottom;
}

div.service_nav ul li a{
	display:block;
	width:173px;
	padding:0.5em 5px 0.5em 10px;
}
.advertiser_name {
	padding: 0 20px;
	word-break: break-all;
}

/*= サイドメニューメディア・媒体ページ目次 =*/
.right_item_contents {
	border: solid 3px #dfdbdb;
	margin-bottom: 10px;
	padding: 5px;
}
.right_item_contents .item_contents {
	font-size: 17px;
	text-align: center;
}
.right_item_contents .item_list .media_heading::before {
	content: "◼︎";
}
.right_item_contents .item_list .media_heading {
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-align: left;
}
.right_item_contents .item_list .media_detail {
	margin-left: 35px;
}

/*= サイドメニュー割引・資料掲載バナー =*/
.rightbar_banner{
	color: #ffffff;
	display: inline-block;
	text-decoration: none;
	width: 85%;
	border: solid 5px #eee;
	line-height: 25px;
	font-size: 18px;
	padding:12px 10px 10px 10px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.99);
	margin-bottom:10px;
}
.rightbar_banner:hover{
	opacity: 0.8;
	color: #FFFFFF;
}
.rightbar_banner:visited {
	color: #ffffff;
}
.rightbar_banner i{
	margin-left: 5px;
}
.rightbar_banner.discount{
	background-color:#71AF42;
}
.rightbar_banner.publish{
	/*background-color:#ffa214;*/
	background-color:#000;
}
.rightbar_banner.title{
	background-color:#71AF42;
	box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
}
.rightbar_banner.new-item {
	background-color: #9DCCE0;
}
.rightbar_banner.ranking-item {
	background-color: #E91E62;
}
.top_side_banner {
    margin-bottom: 10px;
    display: block;
}
.top_header_bannar img:hover{
	opacity: 0.8;
}
.top_side_banner img {
    width: 100%;
}
.top_side_banner img:hover{
	opacity: 0.8;
}

/*= カテゴリタグのアンド検索窓 =*/
.and_search_menu {
	margin: 10px 0;
	padding: 5px;
	border: 5px solid #eee;
}

.and_search_menu > h2 {
	color: white;
	background-color: black;
	padding: 10px;
	margin: -10px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.and_search_menu > .ad_type_list_inner {
	padding: 5px 10px 13px;
}

.and_search_menu > .ad_type_list_inner > h3 {
	margin: 20px 0 5px 0;
}

.and_search_menu > .ad_type_list_inner > h3:nth-child(n+2) {
	position: relative;
	cursor: pointer;
	font-weight: bold;
}

.and_search_menu > .ad_type_list_inner > h3:nth-child(n+2):after {
	content: "＋";
	position: absolute;
	right: 10px;
}

.and_search_menu > .ad_type_list_inner > h3:nth-child(n+2).active:after {
	content: "－";
}

.and_search_menu > .ad_type_list_inner .media {
	cursor: pointer;
}

.and_search_menu > .ad_type_list_inner .media input[type="checkbox"] {
	position: relative;
	top: 1px;
	width: 10px !important;
	margin-right: 5px;
	accent-color: black;
	cursor: pointer;
}

.and_search_menu > .ad_type_list_inner ul {
	display: none;
}

.and_search_menu > .ad_type_list_inner li {
	padding-left: 10px;
	margin-bottom: 5px;
}

.and_search_menu > .ad_type_list_inner li:hover {
	cursor: pointer;
	color: #71AF42;
	text-decoration: underline;
}

.and_search_menu > .ad_type_list_inner li.hover-accordion {
	font-weight: bold;
	margin-bottom: 10px;
}

.and_search_menu > .ad_type_list_inner li.hover-accordion:hover {
	cursor: default;
	color: black;
	text-decoration: none;
}

.and_search_menu > .ad_type_list_inner li.hover-accordion ul {
	font-weight: normal;
}

/*= サイドバー広告メニュー絞り込み =*/
#ad_type_list_side {
	margin: 10px 0;
	padding: 5px;
	border: 5px solid #eee;
	/* 
	広告メニュー絞り込みがサイドバー・リスト下部の2つ存在しており、
	ユーザーに提供する機能が重複しているためサイドバーの方は非表示にする
	*/
	display: none;
}
#ad_type_list_side > h2 {
	padding: 7px 0;
	color: #000;
	background: #d6e4e8;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#ad_type_list_side > .ad_type_list_inner {
	padding: 5px 10px 13px;
}
#ad_type_list_side > .ad_type_list_inner > h3 {
	margin-top: 10px;
}

/*= コンテンツエリア =*/

.d-border{
	padding:10px 0 10px;
}

.p_box1{
	margin:20px 0 0;
	width:600px;
}
.p_box1 .bg_box {
	padding: 10px 20px;
	background: #f5f5f5;
}
.p_box1 h2{
	font-size:1.3em;
	color:#0066FF;
	margin-top:10px;
	margin-bottom:0.5em;
	padding-left:25px;
	background:url(../images/c_marker.png) no-repeat left center;
}

.p_box1 ul li{
	list-style-type:disc;
	margin-left:4em;
}

/*= （共通）料金ボックス =*/

div.fee{
	margin-top:20px;
	width:605px;
	background:url(../images/fee_bg.gif) no-repeat left bottom;	
}

div.fee h2{
	height:20px;
	font-size:1.3em;
	color: #000066;
	padding:1em 2em;
	background:url(../images/fee_title.png) no-repeat left top;
}

div.inner{
	padding:20px 30px;
}

div.inner table{/*= 料金テーブル指定 =*/
	width:550px;
	border-collapse:separate;
}

div.inner table th{
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#76a9da;
	color:#FFFFFF;
	font-weight:bold;
	padding:0.5em 20px;
	vertical-align:top;
}

div.inner table td{
	padding:0.5em 20px;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#FFFFFF;
}

div.inner ul{
	padding:10px 0 0 20px;
	font-size:90%;
}

div.inner p{
	width:400px;
	float:left;
}

/*= （共通）お問い合わせボタンエリア =*/

div.contact{
	margin-top:20px;
	margin-left:7px;
	padding:25px 0 0 30px;
	font-size:1.1em;
	font-weight:bold;
	width:600px;
	height:90px;
	position:relative;
	background:url(../images/contact_bg.png) no-repeat top left;
}

div.contact img{
	position:absolute;
	top:15px;
	left:370px;
}

/*= （共通）特徴 =*/
/*
*html .summary{
	width:600px;
	padding:20px;
	margin-top:10px;
	border: #95CAFF 1px solid;
	background: #DFEFFF;
}

.summary{
	width:560px;
	padding:20px;
	margin-top:10px;
	border: #95CAFF 1px solid;
	background: #DFEFFF;
}

.summary h2{
	font-size:140%;
	padding-bottom:0.5em;
	border-bottom:1px dotted #95CAFF;
}

.summary h3{
	font-size:1.3em;
	margin-top:20px;
	padding-left:25px;
	color:#0066FF;
	background:url(../images/c_marker.gif) no-repeat left center;
}

.summary ol{
	padding:0 15px 0 20px;
}

.summary ol li{
	padding-top:1em;
	list-style-type:disc;
}

.summary ul li{
	padding-top:0.3em;
	margin-left:2em;
	list-style-type:disc;
}

.summary ul{
	margin-bottom:10px;
}

.summary p{
	padding:1em;
}
*/
/*= （共通）注意事項 =*/

*html .attention{
	width:600px;
	margin-top:20px;
	padding:20px;
	background:#F3F3F3;
}

.attention{
	width:560px;
	margin-top:20px;
	padding:20px;
	background:#F3F3F3;
}

.attention h2{
	font-size:1.3em;
	padding:10px;
}

.attention p{
	margin-left:1em;
}

.attention ol li{
	color:#333333;
	margin-left:3em;
	list-style-type:decimal;
}

.attention ul li{
	color:#333333;
	margin-left:3em;
	list-style-type:disc;
}

/*= ターゲティングテーブル用 =*/

.targeting{
	width:560px;
}

.targeting th{
	padding:0.5em 2em;
	border:#CCCCCC 1px solid;
	background: #FFFFCC;
}

.targeting td{
	padding:0.5em 2em;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
}

/*= キャンペーン用 =*/

.camp{
	margin-top:20px;
	padding:10px;
}

.camp h3{
	padding:10px 0 0 20px;
}

.camp p{
	width:460px;
	padding:10px 50px 10px;
}

.backcolor{
	margin-top:10px;
	padding:10px;
	width:550px;
	border:8px solid #FFE1D2;
}

/*= サイトマップ =*/

#sitemap ul li{
	margin-left:1.5em;
	list-style-type:square;
}

*html #sitemap h2{
	font-size:1.2em;
	width:600px;
	margin:2em 0 1em;
	color:#0066FF;
	padding:10px 20px;
	border: #CAE4FF 1px solid;
	background-image:url(../images/h_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#sitemap h2{
	font-size:1.2em;
	margin:2em 0 1em;
	color:#0066FF;
	padding:10px 20px;
	border: #CAE4FF 1px solid;
	background:url(../images/h_bg.png) repeat-x left center;
}

#sitemap h3{
	color:#0066FF;
	padding:2px 10px;
	border-left:#0066FF 5px solid;
}

#sitemap ul{
	margin-top:10px;
}

#sitemap ul li{
	padding-top:0.5em;
}

.clear{
	clear:both;
	padding:20px 20px 0 0;
}

*html .ad_inner{
	padding-top:10px;
	width:190px;
	float:left;
}

.ad_inner{
	padding-top:10px;
	padding-left:10px;
	width:200px;
	float:left;
}

*html .sol_inner{
	padding-top:10px;
	width:280px;
	float:left;
}

.sol_inner{
	padding-top:10px;
	padding-left:10px;
	width:300px;
	float:left;
}

/*= ボックススタンダードモデル =*/

.standard{
	width:600px;
}

.standard h2{
	margin-top:20px;
	margin-left:10px;
}

.standard h3{
	margin-top:20px;
	margin-left:10px;
}

.standard h4{
	margin-top:10px;
	margin-left:20px;
}

.standard p{
	padding:0.5em 0 1em 20px;
	width:580px;
}

.standard ul li{
	margin-left:1.5em;
}

/*= 補足・注意書き =*/

.att{
	font-size:0.8em;
}

/*= （共通）段落内リスト余白 =*/

.list_inner{
	padding:20px;
	margin:0.5em 0;
}

.list_inner li ul li{
	line-height:2em;
	font-size:0.9em;
}

/*= （共通）会員登録 =*/

.overflow{/*=規約=*/
	width:550px;
	height:150px;
	overflow:scroll;
	border:#EEEEEE 3px solid;
	background:#f9f9f9;
}

.agreement{/*=規約ボックス=*/
	padding:20px;
	margin: 20px 0px 20px 0px;
	border:#EEEEEE 2px solid;
	background:#FFFFFF;
}

.agreement h4{
	margin-top:20px;
}

.agreement p{/*=規約内段落=*/
	padding:10px 10px 0;
}

/*= （共通）フォームテーブル =*/

.indispensable:before{
	content: "\203b";
}
.indispensable{
	margin-left:0.5em;
	padding:0.2em 0.8em;
	color:#c00;
	font-size:80%;
	font-weight:normal;
	background:#fff;
	border-radius: 4px;
	font-weight: bold;
}
.sub_indispensable {
	margin-left:0.5em;
	padding:0.2em 0.8em;
	color:#FFFFFF;
	font-size:80%;
	font-weight:normal;
	background:#177EE5;
}

.add_form{
	width:600px;
	border: #93c1d0 3px solid;
	border-collapse:collapse;
}

.add_form 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;
}

.add_form td{
	padding:1em 1em;
	background: #FFFFFF;
	border:#93c1d0 1px solid;
}
.add_form input{
	padding: 5px;
	border: 1px solid #eee;
	border-radius: 3px;
	cursor: pointer;
}
.add_form input:focus{
	border:#4ac 1px solid;
	box-shadow: 0px 0px 3px #4ac;
}
.add_form .indispensable {
	padding: 2px 5px 0;
	color: #cc0000;
	background: #fff;
	font-weight: bold;
	border-radius: 3px;
}

.supple{
	font-size:90%;
	color:#666666;
}

.wide_button{
	padding:0.5em 3em;
}
.tf550{
	width:550px;
	height:40px;
}

/*= お悩み事例 =*/

.case{
	width:600px;
	padding:20px 0 20px;
	overflow:hidden;
}

*html .case_box{
	float:left;
	width:190px;
	height:247px;
	margin-left:7px;
	padding:60px 20px 10px;
	position:relative;
	background:url(../images/case_list.png) no-repeat left top;
}

html[xmlns] .case_box{
	float:left;
	width:150px;
	height:177px;
	padding:60px 20px 10px;
	margin-left:10px;
	position:relative;
	background:url(../images/case_list.png) no-repeat left top;
}

.case_box h2{
	color:#FFFFFF;
	font-size:1.5em;
	font-style: italic;
	position:absolute;
	top:25px;
	right:30px;
}

.case_box h3{
	margin-bottom:10px;
}

.case_box p{
	font-size:95%;
}

.case_btn{
	position:absolute;
	top:200px;
	left:17px;
}

.nayami{
	font-size:90%;
	font-weight:bold;
	color:#0066FF;
}

/*= 事例詳細ページ =*/

*html #case_answer h1{
	font-size:1.4em;
	width:600px;
	color:#196fa0;
	padding:245px 0 30px 30px;
	height:58px;
	background:url(../images/case_h.png) no-repeat left top;
}

#case_answer h1{
	font-size:1.4em;
	width:570px;
	color:#196fa0;
	padding:245px 0 0 30px;
	height:58px;
	background:url(../images/case_h.png) no-repeat left top;
}

.case_bg{
	padding-bottom:30px;
	background:url(../images/case_bg_r.png) no-repeat left bottom;
}

.case_bg p{
	width:500px;
	padding:10px 50px 1em;
}

.case_bg strong{
	font-size:1.3em;
	color:#fc8800;
}

/*= サイトポリシー =*/

.list_inner li{
	margin-top:5px;
	margin-left:2em;
	list-style-type:disc;
}

.list_inner li ul{
	padding:10px 0 10px;
}

.list_inner li ul li{
	margin-left:-5px;
	margin-top:0;
	list-style-type: none;
}

.link_info{
	padding:20px;
	background:#F2F2F2;
	border:#CCCCCC;
	margin-left:30px;
}

.link_info table{
	padding:5px;
	border-collapse:collapse;
}

.mediaradar td{
	padding:5px 10px;
}

.hosoku{
	margin-left:30px;
}

/*= （共通）お問い合わせフォーム =*/

fieldset{
	padding:10px 20px 20px;
	margin-bottom:20px;
}

legend{
	font-size:1.5em;
	margin-bottom:10px;
}

.contact_form{
	margin-bottom: 30px;
	border-collapse:collapse;
	border:5px solid #EBEBEB;
}

.contact_form th{
	min-width: 140px;
	padding:10px;
	border-top:1px solid #f5fcff;
	border-left:1px solid #f5fcff;
	border-right:1px solid #a9ccde;
	border-bottom:1px solid #a9ccde;
	background:#d6f0fd url(../images/contact_th.jpg) repeat-x top;
}

.contact_form td{
	padding:10px;
	border-top:1px solid #f8f8f8;
	border-left:1px solid #f8f8f8;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	background:#f6f6f6 url(../images/contact_td.jpg) repeat-x top;
}

.contact_form tr.close td {
    background-color: #cccccc;
    background-image: none;
}

.contact_form input{
	padding:0.2em;
}

.post{
	text-align:center;
	margin-top:20px;
	padding:10px;
	background:#F2F2F2;
	border:1px solid #CCCCCC;
}

.ssl_ninsho{
	margin:10px 5px 0;
	width:589;
	height:133px;
	position:relative;
	background:url(../images/ssl_bg.gif) no-repeat left top;
}

.ssl_ninsho p{
	position:absolute;
	top:26px;
	left:25px;
}

/* ダウングレードアンケートフォーム */
.down_anq {
	width: 650px;
}
.down_anq th{
	width: 200px;
}
.down_anq input {
	display: inline-block;
	margin: 5px 5px 5px 0;
	cursor: pointer;
}
.down_anq #anq01text {
	width: 320px;
}
.down_anq textarea {
	width: 100%;
}


/* リードリスト */
.lead_list{
	width:780px;
	border-collapse:collapse;
	border:5px solid #EBEBEB;
}

.lead_list th{
	padding:10px;
	border-top:1px solid #f5fcff;
	border-left:1px solid #f5fcff;
	border-right:1px solid #a9ccde;
	border-bottom:1px solid #a9ccde;
	background:#d6f0fd url(../images/contact_th.jpg) repeat-x top;
}

.lead_list td{
	padding:10px;
	border-top:1px solid #f8f8f8;
	border-left:1px solid #f8f8f8;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	background:#f6f6f6 url(../images/contact_td.jpg) repeat-x top;
}

.lead_list tr.close td {
    background-color: #cccccc;
    background-image: none;
}

.lead_list input{
	padding:0.2em;
}


/* メニュー */

.menu {
	font-size: 1.5em;
	width : auto; /* リキッドデザインにするため*/
	height : 50px;
	background-color : midnightblue;
}

.menu ul {
	margin; 0;
	padding: 0;
	width: 960px; /*　横幅の最小値 */
}

.menu li {
	list-style-type: none;
	float: left;
}

.menu li a {
	display: block;
	width: 120px;
	line-height: 50px;
	border-right: solid 1px #ffffff;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: midnightblue;
}
.menu li a:hover {
	background-color: seagreen;
}


/********** 自社サービス広告 **********/
.adService {
	margin: 50px 0 0 0;
 	padding: 20px 0;
	border-top: 1px dashed #ccc;
}
.adService a {
	display: block;
	margin: 0 0 10px 0;
}
.adService a img {
	width: 190px;
}

/* 反社チェック */
.asfCheck {
	margin-top:20px;
	padding:10px 40px 10px 20px;
	border: #EEEEEE 2px solid;
}
.asfCheck .checkWrap {
	padding: 20px;
	display: inline-block;
	vertical-align: top;
}
.asfCheck .textWrap {
	display: inline-block;
	width: 85%;
}
.asfCheck .textWrap .text{
	font-size:0.9em;
}

.contact_form{
	wwidth: 600px;
}
.p_box1 p {
    margin-bottom: 20px;
}
.contact_form textarea{
	width:400px;
	height:210px;
}

/***** 会員ページ *****/

div#member_form{
	padding:20px;
}

/***** 提携社ページ *****/

.company_info{
	width:600px;
	border-collapse:collapse;
	border:5px solid #EBEBEB;
}

.company_info th{
    width: 140px;
	padding:10px;
	border-top:1px solid #f5fcff;
	border-left:1px solid #f5fcff;
	border-right:1px solid #a9ccde;
	border-bottom:1px solid #a9ccde;
	background:#d6f0fd url(../images/contact_th.jpg) repeat-x top;
}

.company_info td{
	padding:10px;
	border-top:1px solid #f8f8f8;
	border-left:1px solid #f8f8f8;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	background:#f6f6f6 url(../images/contact_td.jpg) repeat-x top;
}

.company_info tr.close td {
    background-color: #cccccc;
    background-image: none;
}