@charset "UTF-8";

/*
コンテンツエリア用CSS
*/


/*----------------------------------------------------------------
レイアウト
----------------------------------------------------------------*/


/*----------------------------------------------------------------
url(https://www.internet-strategy-marketing.org/)
----------------------------------------------------------------*/
body#top .globalHeader .navigation {
margin: 0;
}
body#top .globalHeader .logo{
display: none;
}

body#top .keyv.pc_visible{
margin-top: 10px;
background: url(/img/index/keyv_bg.jpg) no-repeat center;
background-size: cover;
}
body#top .news {
width: 980px;
margin: 40px auto 0 auto;
}
body#top .news dt{
clear: both;
width: 100px;
padding: 2px 5px;
font-size: 1.6rem;
float: left;
box-sizing: border-box;
text-align: center;
color: #fff;
}
body#top .news dd{
float: left;
margin-left: 25px;
margin-bottom: 5px;
font-size: 2.2rem;
line-height: 1.6;
}
body#top .news .event{
background: #004986;
}
body#top .news .info{
background: #e60012;
}

.lay100 {
border-top: 4px solid #4ea52c;
}
.lay101 {
width: 100%;
max-height: 300px;
overflow: scroll;
overflow-x: hidden;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
}
.lay101 .lay130{
min-width: auto !important;
box-sizing: border-box;
}
.lay101 .closed{
display: none;
}


/*----------------------------------------------------------------
ismとは
url(https://www.internet-strategy-marketing.org/ism/)
----------------------------------------------------------------*/

body#ism.index .keyv_l .inner_l{
background: url(/img/ism/keyv.jpg) left top no-repeat;
}

.lay105 {
margin-top: 40px;
}
.lay105 dt, .lay105 dd {
padding: 20px 0;
}
.lay105 dt {
clear: both;
width: 150px;
float: left;
font-weight: bold;
}
.lay105 dt:before {
content: "◆ ";
}
.lay105 dd {
float: left;
max-width: 670px;
}
.lay105 dd img {
display: block;
}

.lay140 .box_a{
float: left;
}
.lay140 .box_b{
width: 360px;
padding: 70px 0 0 30px;
float: left;
box-sizing: border-box;
}

/*----------------------------------------------------------------
サービスメニュー
url(https://www.internet-strategy-marketing.org/service/)
----------------------------------------------------------------*/

body#service.index .keyv_l .inner_l{
background: url(/img/service/keyv.jpg) left top no-repeat;
}

.lay120{
margin-top: 1em !important;
font-size: 1.4rem;
line-height: 1.6;
}
.lay120 li{
vertical-align: middle;
margin: 5px 0;
}
.lay120 .icon:before{
display: inline-block;
width: 25px;
font-size: 1.6rem;
border-radius: 2px;
text-align: center;
margin-right: 10px;
color: orangered;
background-color: #FAF0D5;
}
.lay120 .note{
font-size: 1.2rem;
}

.lay121.tag{
display: block;
margin-top: 5px;
text-align: center;
font-size: 1.6rem;
border-radius: 2px;
box-sizing: border-box;
}
.lay121.tag + .txt {
padding-top: 10px;
}

/*----------------------------------------------------------------
セミナー・イベント日程
url(https://www.internet-strategy-marketing.org/schedule/)
----------------------------------------------------------------*/

body#schedule.index .keyv_l .inner_l{
background: url(/img/schedule/keyv.jpg) left top no-repeat;
}

.lay130{
min-width: 978px !important;
font-size: 1.2rem;
}
.lay130 th,
.lay130 td{
text-align: center;
padding: 10px;
}
.lay130 .divider th,
.lay130 .divider td{
border-top: 2px solid #ccc;
}
.lay130 tr > :nth-child(1){
width: 50px;
padding-right: 0;
border-right: none;
text-align: right;
}
.lay130 tr > :nth-child(2){
width: 90px;
padding-left: 0;
border-left: none;
text-align: left;
}
.lay130 tr > :nth-child(3){
text-align: left;
}
.lay130 .tag {
font-weight: bold;
}
.lay130 .tag_tokyo{
color: #207abb;
}
.lay130 .tag_nagoya{
color: #e56079;
}
.lay130 .tag_osaka{
color: #ff7b00;
}
.lay130 .tag_toyama{
color: #a676c1;
}
.lay130 .tag_other{
color: #4EA52C;
}
.lay130 .tag_accepting{
color: #990000;
background: #fff;
border: 1px solid #990000;
font-size: 1.2rem;
font-weight: bold;
border-radius: 3px;
}
.lay130 .tag_closed{
color: #CCC;
border: 1px solid #CCC;
font-size: 1.2rem;
font-weight: bold;
border-radius: 3px;
}
.lay130 .hover{
background:#FAF0D5;
}
.lay130 .sun{ color: red; }
.lay130 .sat{ color: blue; }
.lay130 .closed,
.lay130 .closed .tag,
.lay130 .closed a{
color: #999;
}
/* 点滅 */
.blinking{
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
-moz-animation:blink 1.5s ease-in-out infinite alternate;
animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
50% {opacity:0.3;}
100% {opacity:1;}
}
@-moz-keyframes blink{
50% {opacity:0.3;}
100% {opacity:1;}
}
@keyframes blink{
50% {opacity:0.3;}
100% {opacity:1;}
}

/*----------------------------------------------------------------
サービスメニュー:会員種別と料金
url(https://www.internet-strategy-marketing.org/service/memberclass.html)
----------------------------------------------------------------*/

.lay108 {
border-collapse: collapse;
width: 100%;
}
.lay108 th, .lay108 td {
border: solid 1px #ccc;
}
.lay108 th {
background: #eee;
white-space: nowrap;
text-align: center;
font-weight: bold;
padding: 10px 20px;
}
.lay108 td {
vertical-align: top;
padding: 20px;
}
.lay108 tr:first-child th {
font-size: 2rem;
}
.lay108 .blank {
background: transparent;
border-top: none;
border-left: none;
}
.lay108 .more {
display: block;
font-size: 1.6rem;
line-height: 1.4;
text-align: center;
}
.lay108 .feature {
display: block;
margin-bottom: 1em;
font-weight: bold;
border-bottom: 1px solid;
text-align: center;
font-size: 1.8rem;
}
.lay108 .price {
display: block;
font-size: 2.8rem;
line-height: 1;
font-weight: bold;
text-align: center;
}
.lay108 .price.once:after {
content: "円";
font-size: 1.3rem;
vertical-align: middle;
}
.lay108 .price.monthly:after {
content: "円／月";
font-size: 1.3rem;
vertical-align: middle;
}
.lay108 .price.yen:after {
padding-left: 2px;
content: "円";
font-size: 1.6rem;
}
.lay108 .note {
display: block;
font-size: 1.4rem;
line-height: 1.4;
}
.lay109 {
border-collapse: collapse;
width: 100%;
text-align: center;
}
.lay109 th, .lay109 td {
border: solid 1px #ccc;
vertical-align: middle;
}
.lay109 th {
background: #eee;
white-space: nowrap;
text-align: center;
font-weight: bold;
padding: 20px 10px;
line-height: 1.4;
}
.lay109 td {
padding: 20px 10px;
}
.lay109 tr:first-child th {
font-size: 2rem;
}
.lay109 .blank {
background: transparent;
border-top: none;
border-left: none;
}
.lay109 .feature {
display: block;
margin-bottom: 1em;
font-weight: bold;
border-bottom: 1px solid;
text-align: center;
}
.lay109 .price {
display: block;
font-size: 2.8rem;
line-height: 1;
font-weight: bold;
text-align: center;
}
.lay109 .note {
display: block;
font-size: 1.4rem;
line-height: 1.4;
}
.lay110 {
width: 100%;
margin: 40px 0;
border-collapse: collapse;
line-height: 1.5em;
}
.lay110 th, .lay110 td {
padding: 8px;
border: 1px solid #CCC;
text-align: center;
}
.lay110 th {
background: #f5f5f5;
font-weight: bold;
}
.lay110 th.m1 {
background: #DAEEF3;
}
.lay110 th.m2 {
background: #F2DCDB;
}
.lay110 .blank {
border: medium none;
}

/*----------------------------------------------------------------
QA
url(https://www.internet-strategy-marketing.org/qa/)
----------------------------------------------------------------*/

.lay106 {
background: #f5f5f5;
padding: 2em 4em;
border-radius: 8px;
}
.lay106 .box_a, .lay106 .box_b {
width: 50%;
float: left;
padding: 0;
}
.lay106 li {
list-style-type: disc;
margin-left: 1em;
}
.lay107 {
padding: 20px 30px 30px 20px;
}
.lay107 dt {
color: #096;
margin: 10px 0;
font-weight: 700;
font-size: 120%;
line-height: 1.5em;
background: url(/img/qa/arrow_q.jpg) no-repeat left 0;
padding: 3px 0 3px 44px;
}
.lay107 dd {
margin: 0 0 40px 44px;
}
.lay107 dd blockquote {
color: #666;
padding: 30px;
margin-bottom: 15px;
}

/*----------------------------------------------------------------
組織概要
url(https://www.internet-strategy-marketing.org/aboutus/)
----------------------------------------------------------------*/

body#aboutus.index .keyv_l .inner_l{
background: url(/img/aboutus/keyv.jpg) left top no-repeat;
}



/*----------------------------------------------------------------
会員お申し込みフォーム
url(https://www.internet-strategy-marketing.org/contact/joining_form.html)
----------------------------------------------------------------*/
/*申込フロー*/
.lay111 {
width: 760px;
border-collapse: collapse;
}
.lay111 p {
margin: 0;
padding: 0;
}
.lay111 th {
width: 100px;
vertical-align: top;
padding: 0;
}
.lay111 td {
padding: 0 0 60px 20px;
}
.lay111 .flow_bg_orange {
background: #EA532D url(/img/contact/joining_form/entry_flow_bg_orange.png) no-repeat center bottom;
}
.lay111 .flow_bg_green {
background: #6B9E26 url(/img/contact/joining_form/entry_flow_bg_green.png) no-repeat center bottom;
}
.lay111 .flow_bg_green.end {
background: #6B9E26 url(/img/contact/joining_form/entry_flow_bg_green_end.png) no-repeat center bottom;
}
.lay111 .flow_ttl {
margin-top: -35px;
*margin-top: 0;
/*ie7*/
margin-bottom: 20px;
}


/*----------------------------------------------------------------
レイアウト 200番台
----------------------------------------------------------------*/

/*----------------------------------------------------------------
url(http://test.disolo.info/performance/webpro.html)
----------------------------------------------------------------*/

.lay200 .columns {
	position: relative;
	float: left;
	padding: 0;
}


.lay200 .large-1 {
	position: relative;
	width: 8.33333%;
}

.lay200 .large-2 {
	position: relative;
	width: 16.66667%;
}

.lay200 .large-3 {
	position: relative;
	width: 25%;
}

.lay200 .large-4 {
	position: relative;
	width: 33.33333%;
	margin-top:40px;
	margin-left:2%;
}

.lay200 .large-5 {
	position: relative;
	width: 40%;
}

.lay200 .large-6 {
	position: relative;
	width: 50%;
}

.lay200 .large-7 {
	position: relative;
	width: 58%;
	margin-right:2%;
}

.lay200 .large-8 {
	position: relative;
	width: 64%;
}

.lay200 .large-9 {
	position: relative;
	width: 75%;
}

.lay200 .large-10 {
	position: relative;
	width: 83.33333%;
}

.lay200 .large-11 {
	position: relative;
	width: 91.66667%;
}

.lay200 .large-12 {
	position: relative;
	width: 100%;
}


.lay200 hr {
height: 2px;
border: 0;
margin:80px 0px;
background: linear-gradient(left,#f5f5f5,#CCC,#f5f5f5);
background: -webkit-linear-gradient(left,#f5f5f5,#CCC,#f5f5f5);
background: -moz-linear-gradient(left,#f5f5f5,#CCC,#f5f5f5);
}
.lay200 ul.data li.v_partner:before {
	content: url(../performance/img/icon_partnervoice.gif);
	margin-right: .5em;
	position: relative;
	top: 5px;
}

.lay200  .ttl_e {
	margin-top:40px;
	}
.lay200 p.midasi01 {
	font-size: 30px;
	color: #000;
	font-weight: 700;
	line-height: 1.5em;
}

.lay200 p.midasi02 {
	font-size: 100%;
	color: #4ea134;
	margin: 50px 0 0;
	font-weight: 700;
	line-height: 1.5em;
}

.lay200 p.midasi01 + .lay200 p.midasi02 {
	margin-top: 30px;
}

.lay200 p.midasi02 + .lay200 p {
	margin: 0;
}


.lay200 ul.pagenav {
	margin: 80px 0;
	padding: 0;
	text-align: center;
	clear: both;
}

.lay200 ul.pagenav li {
	border: 1px solid #ccc;
	background: #F5F5F5;
	margin: 3px;
	padding: 10px 0;
	width: 50px;
	text-align: center;
	display: inline-block;
}

.lay200 ul.pagenav li.dis {
	background: #666;
	color: #FFF;
}



/*動画下のキャプション*/

.lay201 {
	width:650px;
	margin:20px auto;
	}


@media screen and (max-width: 639px) {

/*----------------------------------------------------------------
SP: トップページ
url(https://www.internet-strategy-marketing.org/)
----------------------------------------------------------------*/
body#top {
min-width: auto;
}
body#top .globalHeader .logo{
display: block;
}
body#top .keyv{
min-width: auto;
}

body#top .news{
width: auto;
margin: 0 auto;
padding: 5px;
}
body#top .news {
width: auto;
margin: auto;
}
body#top .news dt{
width: 60px;
font-size: 1.2rem;
display: inline-block;
vertical-align: middle;
margin-bottom: 3px;
}
body#top .news .info{
background: #e60012;
color: #fff;
padding: 2px;
text-align: center;
}
body#top .news dd{
margin-left: 5px;
display: inline-block;
font-size: 1.4rem;
}


.lay100 {
border-top: 4px solid #4ea52c;
}
.lay150{
min-height: auto;
}


/*----------------------------------------------------------------
SP: ismとは
url(https://www.internet-strategy-marketing.org/ism/)
----------------------------------------------------------------*/
.lay105 dt, .lay105 dd {
padding: 10px 0;
}
.lay140 .box_a{
float: none;
}
.lay140 .box_b{
width: auto;
padding: 0;
float: none;
}

/*----------------------------------------------------------------
SP: サービスメニュー
url(https://www.internet-strategy-marketing.org/service/)
----------------------------------------------------------------*/

.lay103 .inner_l, .lay104 .inner_l {
padding: 10px;
text-align: center;
}
.lay103 .inner_l h1, .lay104 .inner_l h1 {
margin-bottom: 0;
}
.lay103 {
height: auto;
background-image: none;
}
.lay104 {
height: auto;
background-image: none;
}

.lay108 th {
padding: 5px;
font-size: 1.2rem;
}
.lay108 td {
padding: 10px;
font-size: 1.2rem;
}
.lay108 tr:first-child th {
font-size: 1.4rem;
}
.lay108 .more {
font-size: 1.4rem;
line-height: 1.4;
}
.lay108 .feature {
font-size: 1.4rem;
}
.lay108 .price {
font-size: 2rem;
line-height: 1;
}

.lay109 th {
font-size: 1.2rem;
padding: 5px;
box-sizing: border-box;
}
.lay109 td {
font-size: 1.2rem;
padding: 10px;
box-sizing: border-box;
}
.lay109 tr:first-child th {
font-size: 1.4rem;
}
.lay109 .price {
font-size: 2rem;
line-height: 1;
}
.lay109 .note {
font-size: 1.4rem;
line-height: 1.4;
}

.lay110 {
font-size: 1.4rem;
}
/*----------------------------------------------------------------
SP: セミナー・イベント日程
url(https://www.internet-strategy-marketing.org/schedule/)
----------------------------------------------------------------*/

.lay130 th,.lay130 td{
font-size: 1rem;
padding: 2px;
}
.lay130 tr > :nth-child(1){
width: 28px;
padding-right: 0;
border-right: none;
text-align: right;
}
.lay130 tr > :nth-child(2){
width: 58px;
padding-left: 0;
border-left: none;
text-align: left;
}


/*----------------------------------------------------------------
SP: QA
url(https://www.internet-strategy-marketing.org/qa/)
----------------------------------------------------------------*/
.lay106 {
background: #f5f5f5;
padding: 1em;
}
.lay106 .box_a, .lay106 .box_b {
width: auto;
float: none;
}
.lay107 {
padding: 10px;
}

/*----------------------------------------------------------------
SP: 会員お申し込みフォーム
url(https://www.internet-strategy-marketing.org/contact/joining_form.html)
----------------------------------------------------------------*/
/*申込フロー*/
.lay111 {
width: auto;
}
.lay111 p {
margin: 0;
padding: 0;
}
.lay111 th {
width: 50px;
vertical-align: top;
padding: 0;
}
.lay111 td {
padding: 0 0 60px 20px;
}
.lay111 .flow_bg_orange {
background: #EA532D url(/img/contact/joining_form/entry_flow_bg_orange.png) no-repeat center bottom;
}
.lay111 .flow_bg_green {
background: #6B9E26 url(/img/contact/joining_form/entry_flow_bg_green.png) no-repeat center bottom;
}
.lay111 .flow_bg_green.end {
background: #6B9E26 url(/img/contact/joining_form/entry_flow_bg_green_end.png) no-repeat center bottom;
}
.lay111 .flow_ttl {
margin-top: -35px;
*margin-top: 0;
/*ie7*/
margin-bottom: 20px;
}


/*----------------------------------------------------------------
SP: 
url(http://test.disolo.info/performance/webpro.html)
----------------------------------------------------------------*/

.lay200 iframe {
	width:100%;
	height:250px;
	}

.lay201 {
	width:auto;
	}

}