@charset "utf-8";

/*-------------------------------------

　affiliate_info

---------------------------------------*/

/*-------------------------------------
　ページ基本設定
---------------------------------------*/

.column2R #main {
	float: none;
	width: auto;
}

#lp_page {
	width: 900px;
	color: #333333;
	line-height: 1.6em;
	font-size: 14px;
	background-color:#FFF;
	margin: 30px auto;
}

#title {
	margin: 0 0 20px 0;
}


/*-------------------------------------
　見出し設定
---------------------------------------*/

/*-- h3、h4は依頼内容に合わせて変更してください --*/
#container h2{
	margin-bottom:30px;
	font-size:19px;
	background-image: url(../../5info/img/affiliate_info/affiliate_info_content.gif);
	color: #FFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	height: 40px;
}
/*h2 {
	background: #036eff;
	font-size: 24px;
	color:#FFFFFF;
	margin: 0 0 40px 0;
	padding: 15px;
	font-weight:bold;
	line-height:1.4em;
	text-align:center;
}*/
#container h3 {
	border-left:#001A53 solid 8px;
	padding-left:10px;
	font-weight:bold;
	margin: 30px 0 10px 0;
	font-size:16px;
}

/*h4 {
	border-left:#036eff solid 12px;
	padding-left:10px;
	font-weight:bold;
	margin-bottom:10px;
}*/
#lp_page .partsdog_title{
	background-color:#CEF1F9;
}



/*-------------------------------------
　バナーの下にテキストを設置する場合は
　sectionBox_b を使ってください
　通常はsectionBoxを使用
---------------------------------------*/

.sectionBox,
.sectionBox_b{
	margin-bottom: 30px;
}
.sectionBox img,
.sectionBox_b img {
	margin-bottom: 5px;
}
.sectionBox a img {
	max-height: 55px;
    width: auto;
}
.sectionBox p{
	margin-bottom:15px;
}
.sectionBox_b p {
	margin-bottom: 30px;
}
.sectionBox #vcbannerBox {
  display: inline-block;
}
.sectionBox #vcbannerBox a img,
.sectionBox #vcbannerBox noscript a img
{
	max-height: 55px;
    width: auto;
	/*
  width: 437px;
  height: 56px;
	*/
}

/*-------------------------------------
　ml：　margin-left
　mr：　margin-right
　mb：　margin-bottom
　mt：　margin-top
---------------------------------------*/
.mt10{
	margin-top:10px;
}
.mt13{
	margin-top:13px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.ml20 {
	margin-left: 20px;
}
.ml13 {
	margin-left: 13px;
}
.ml10{
	margin-left:10px;
}
.ml7 {
	margin-left: 7px;
}
.ml6 {
	margin-left: 6px;
}
.ml20{
	margin-left:20px;
}
.mb5{
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}

/*-------------------------------------
　罫線
---------------------------------------*/

.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 20px;
}
#lp_page .hasen{
	border-top:1px #999999 dashed;
	border-bottom:none;
	width:395px;
	margin:5px 0;
}

/*-------------------------------------
　その他
---------------------------------------*/

#lp_page .txtCenter{
	text-align:center;
}
#lp_page .fLeft{
	float:left;
}
#lp_page .fRight{
	float:right;
}
/*-------------------------------------
　文字サイズ
---------------------------------------*/
.font_s{
	font-size:11px;
	color:#666666;
	border:solid 1px #036eff;
	padding:5px;
	display:block;
	width:433px;
	line-height:1.5em;
}
.font_s_l {
    border: 1px solid #036eff;
    color: #666666;
    display: block;
    font-size: 11px;
    line-height: 1.5em;
    padding: 5px;
    width: 888px;
}
.font12{
	font-size:12px;
}
.font13{
	font-size:13px;
}
.font20{
	font-size:20px;
}
.font30{
	font-size:30px;
}

.img11{
	position:relative;
	top:34px;
	left:-30px;
}

.iframe {border:0;padding:0;margin-left:0;vertical-align:bottom;}


/*-------------------------------------
　テーブル
---------------------------------------*/

.sectionBox table {
    border-collapse: collapse;
    margin: 20px 0;
}
.sectionBox table caption span {
    color:#c5190c;
    font-weight: bold;
}
.sectionBox th, #lp_page td {
    padding: 10px;
    border: 1px solid #333;
}
.sectionBox th {
    background: #d9e7fd;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}
.sectionBox td {
    text-align: center;
    background: #fff;
}
.sectionBox th.sub {
    background-color: #ecf2fb;
}
@media screen and (max-width: 479px){
	.sectionBox table{
		font-size: 80%;
	}
	.sectionBox th, #lp_page td {
	    padding: 10px 5px;
	}
}


/*-------------------------------------
　clearfix
---------------------------------------*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
