@charset "utf-8";

/*　広告全体の囲み */
.advertisement_list{
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
}
/*　広告全体の囲み */
.advertisement_list_s{
	margin:20px 0 20px 0px;
	overflow:hidden;
}

/*　広告全体の囲み */
.advertisement_list_s_02{
	margin:0px 0 20px 0px;
	overflow:hidden;
}

/*　広告一つ一つの囲み */
.aff_wrap .advertisement_list li{
	float:left; /* 要素を横並びに並べるという指定 */
	margin:0px 43px 0px 43px; /* 右と左に12px、下に10px余白を空けるという指定 */
	width:300px;
	
	min-height:250px;
}

.aff_wrap_se .advertisement_list li{
	float:left; /* 要素を横並びに並べるという指定 */
	margin:0px 21px 0px 21px; /* 右と左に12px、下に10px余白を空けるという指定 */
	width:300px;
	
	min-height:250px;
}

.aff_wrap_se_summary .advertisement_list li{
	margin:0px 0px 0px 0px; /* 右と左に12px、下に10px余白を空けるという指定 */
}

/*　広告という文字全体の囲み */
.advertisement{
	margin-bottom:5px !important; /* 下へ5pxの余白を空ける指定 */
	margin-top:5px !important; /* 上へ5pxの余白を空ける指定 */
	text-align:left;
}

/*　広告という文字の指定 */
.advertisement span{
    border: 1px solid #006621; /*　1pxの罫線を実線で#006621の色で引くという指定 */
    border-radius: 3px; /*　罫線のカド丸の大きさ、過去のブラウザだと反応しないこともあります */
    color: #006621; /* 文字色 */
    font-size:12px; /* 文字サイズ */
    line-height:12px; /* 文字の高さ */
    padding: 1px 3px 1px 3px; /* 文字内部の余白の大きさ、上右下左の順番で指定されます */
    vertical-align: baseline; /* 当該要素のベースラインを親要素のベースラインに揃える */
}

.advertisement_list li img{
	vertical-align:top;
}

.ad_two_column_740{
	width:720px;
	padding:42px 9px 10px 9px;
	background:#F4FFF4;
	border:#CCC 1px solid;
	overflow:hidden;
}
.ad_two_column_740 ul.advertisement_list_two li{
	float:left; /* 要素を横並びに並べるという指定 */
	margin:0px 30px 10px 30px; /* 右と左に12px、下に10px余白を空けるという指定 */
	width:300px; /* 囲みの横幅の指定 */
	display:inline;
	min-height:275px;
}

.ad_two_column_760{
	width:720px;
	padding:42px 19px 10px 19px;
	background:#F4FFF4;
	border:#CCC 1px solid;
	overflow:hidden;
}
.ad_two_column_760 ul.advertisement_list_two li{
	float:left; /* 要素を横並びに並べるという指定 */
	margin:0px 30px 10px 30px; /* 右と左に12px、下に10px余白を空けるという指定 */
	width:300px; /* 囲みの横幅の指定 */
	display:inline;
	min-height:275px;
}

.aff_wrap_se {
    position: relative;
    border-style: solid;
        border-top-style: solid;
    border-width: 1px;
        border-top-width: 1px;
    border-color: #ddd;
        border-top-color: rgb(221, 221, 221);
    background-color: #f3f3f3;
    overflow: hidden;
    text-align: center;
    display: block;
	box-sizing:border-box;
	padding:21px;
	margin-bottom:86px;
}

.aff_wrap_se_summary ul {
    position: relative;
    border-style: solid;
        border-top-style: solid;
    border-width: 1px;
        border-top-width: 1px;
    border-color: #ddd;
        border-top-color: rgb(221, 221, 221);
    background-color: #f3f3f3;
    overflow: hidden;
    text-align: center;
    display:flex;
	justify-content:space-around;
	box-sizing:border-box;
	padding:21px 21px 47px 26px;
	margin-bottom:86px;
}

.aff_wrap_se_textarea ul {
    position: relative;
    border:none;
    background-color:#FFF;
    overflow: hidden;
    text-align: center;
    display:flex;
	justify-content:space-between;
	box-sizing:border-box;
	padding:21px 0px;
	margin-bottom:20px;
}

.aff_wrap_se_textarea ul li{
	margin:0px 30px 0px 0px; /* 右と左に12px、下に10px余白を空けるという指定 */
	width:100%;
	min-height:250px;
	text-align:left;
}
.aff_wrap_se_textarea ul li:last-child{
	margin:0px 0px 0px 0px; /* 右と左に12px、下に10px余白を空けるという指定 */
	width:100%;
	min-height:250px;
	text-align:left;
}

.aff_side01{
	border:#ddd 1px solid;
	background-color: #f3f3f3;
	overflow: hidden;
    text-align: center;
    display: block;
	box-sizing:border-box;
	padding:10px 0;
	margin-bottom:30px;
}
.aff_side02{
	margin-bottom:30px;
}


/* ホームページがレスポンシブ対応している際に使用
----------------------------------------------------- */
@media screen and (max-width:768px) { 
.advertisement_list{
	margin:10px auto 0 auto;
	overflow:hidden;
	display:block;
}
.advertisement_list li{
	float:none;
	padding-right:0px;
	margin:0px auto 10px auto;
	text-align:center;
	width:300px;
	box-sizing:border-box;
}

.advertisement_list img {
    max-width:100%;
	height: auto;
}

.advertisement_list_l{
	margin:10px auto 0 auto;
	overflow:hidden;
	width:324px;
}
.advertisement_list_l li{
	float:none;
	padding-right:0px;
	margin:0px 0px 10px 0px;
	text-align:center;
	width:300px;
	box-sizing:border-box;
}

.aff_wrap .advertisement_list li{
	float:none;
	padding-right:0px;
	margin:0px 0px 10px 0px;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}
.aff_wrap .advertisement_list li img{
	text-align:center;
	max-width:100%;
	height:auto;
}

.aff_wrap_se .advertisement_list li{
	float:none;
	padding-right:0px;
	margin:0px auto 10px auto;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}
.aff_wrap_se .advertisement_list li img{
	text-align:center;
	max-width:100%;
	height:auto;
}

.aff_wrap_se_summary .advertisement_list li{
	margin:0px auto 10px auto;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}
.aff_wrap_se_summary .advertisement_list li img{
	text-align:center;
	max-width:100%;
	height:auto;
}

.advertisement_list_l li img{
	text-align:center;
	max-width:100%;
	height:auto;
}

.advertisement{
	text-align:left;
	width:300px;
	margin:5px auto !important;
}
.advertisement span{
    border: 1px solid #006621;
    border-radius: 3px;
    color: #006621;
    font-size:12px;
    line-height:12px;
    padding: 0px 3px;
    vertical-align: baseline;
}


.advertisement_list_s{
	margin:20px auto 20px auto;
	overflow:hidden;
	width:300px;
}

.advertisement_list_s_02{
	margin:20px auto 0px auto;
	overflow:hidden;
	width:160px;
}
.advertisement_list_s_02 img {
  display: block;
}

.aff_wrap_se {
    position: relative;
    border-style: solid;
        border-top-style: solid;
    border-width: 1px;
        border-top-width: 1px;
    border-color: #ddd;
        border-top-color: rgb(221, 221, 221);
    background-color: #f3f3f3;
    overflow: hidden;
    text-align: center;
    display: block;
	box-sizing:border-box;
	padding:5px;
	margin-bottom:86px;
}

.aff_wrap_se_summary ul {
    position: relative;
    border-style: solid;
        border-top-style: solid;
    border-width: 1px;
        border-top-width: 1px;
    border-color: #ddd;
        border-top-color: rgb(221, 221, 221);
    background-color: #f3f3f3;
    overflow: hidden;
    text-align: center;
    display: block;
	box-sizing:border-box;
	padding:5px;
	margin-bottom:86px;
	width:100%;
}
.aff_side01{
	border:#ddd 1px solid;
	background-color: #f3f3f3;
	overflow: hidden;
    text-align: center;
    display: block;
	box-sizing:border-box;
	padding:10px 0;
	margin-bottom:30px;
}
.aff_side02{
	margin-bottom:30px;
}
}