@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}

img{
border:none;
}

body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:14px;
	color:#fff;
	background-color:#000;
	font-family: "Arial", "メイリオ";
	font-size: 16px;
}

h1{
	margin-top:60px;
}

h2{
	font-size:14px;
	margin:30px auto 30px;
}

#box1{
	width:740px;
	margin:0px auto;
	padding:0px;
}




/*フッター*/

#name{
	text-align:right;
}
#copyright{
	padding-bottom:38px;
}


/*-----------------------------------*/

/*コンテンツのサイズ*/
#box1{
	width:740px;
	margin:0px auto;
	padding:0px;
}



/*マスター紹介*/

.master_box_l{
width:170px;
margin-right:20px;
float:left;
/*background-image:url(img/1206_top_bottom.gif);*/
background-position:bottom;
}

.master_box_r{
width:170px;
float:right;
/*background-image:url(img/1206_top_bottom.gif);*/
background-position:bottom;
}
.master_txt{
/*width:146px;
font-size:12px;
line-height:1.6;
margin:3px 12px 12px 12px;
text-align:left;
 */
font-size: 12px;
line-height: 1.6;
margin-bottom: 20px;
text-align: left;
border: 2px solid;
border-radius: 10px;
padding: 10px;
position:relative;
}

.master_txt:after,
.master_txt:before{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
top:100%;
left:50%;
}
.master_txt:after{
    border-color: rgba(0, 0, 0, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#000000;
}
.master_txt:before{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:12px;
    border-right-width:12px;
    margin-left: -12px;
    margin-top: 2px;
    border-top-color:#FFFFFF;
}




.clear{clear:both;}
.clear:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }

.master_img_l{
width:170px;
margin-right:20px;
margin-top:10px;
margin-bottom:30px;
float:left;
}


.master_img_r{
width:170px;
float:right;
margin-top:10px;
margin-bottom:30px;
}

.master_cap{
margin-top:5px;
font-size:12px;
line-height:1.4;
}


/*フォーム部分*/

.column  {
	width: 740px;
	background: url(img/1206_formbox2.gif) no-repeat bottom;
	margin-bottom: 30px;
	clear:both;
}
div.column .inner	{
	background: url(img/1206_formbox1.gif) no-repeat;
	padding: 34px 20px;
}
.formbox{
	margin:0px auto 27px;
	width:350px;
	height:174px;
	text-align:left;
}

.formtext{
	text-align:right;
	padding-right:10px;
}
.formtext2{
	text-align:left;
}

.click{
	clear:both;
	height:25px;
	width:200px;
	margin:0px auto;
}
input[type="text"] {
    width: auto;	
}
select {
    width: 100%;
}
input[type="text"],
select {
    border: 1px solid #666666;
    border-radius: 0px;
    background: #fff;
    padding: 5px 15px;
    margin-bottom: 15px;
    font-size: 1rem;
    color: #000;
    display: block;
}

/*-----------------------------------*/

hr{
	margin-bottom:12px;
}

.R1{
	margin:0px auto 38px;
}

.R2{
	margin:0px auto 38px;
	clear:both;
}

.finding{
	text-align:left;
	font-size:14px;
	padding-bottom:3px;
}
.Result1{
	width:360px;
	margin: 0px 20px 0px 0px;
	float:left;
}
.Result2{
	float:right;
	width:360px;
	margin: 0px;
}
.Rp{
	width:360px;
	float:left;
	padding-bottom:0px;
	}
	
/*画像*/	
#aa{
	background:url(img/1206_pic1B.gif) no-repeat bottom left;
}
#bb{
	background:url(img/1206_pic2B.gif) no-repeat bottom left;
}
#cc{
	background:url(img/1206_pic3B.gif) no-repeat bottom left;
}
#dd{
	background:url(img/1206_pic4B.gif) no-repeat bottom left;
}

.Rinnerpict{
	width:99px;
	bottom:0;
	margin:auto auto 0px;
	float:left;
}
div.Rcolumn  {
	width: 261px;
	background: url(img/1206_2top2.gif) no-repeat bottom;
	float:right;
}
div.Rcolumn a {
	color: #fff;
}
div.Rcolumn .Rinner1   {  
	background: url(img/1206_2top1.gif) no-repeat;
	padding:17px 16px;
}
.Rtext1{
	font-size:12px;
	color:#fff;
	text-align:left;
	line-height:160%;
}
.retry{
	margin-bottom:40px;
}
.retry a{
	display: block;
    text-align: center;
    width: 98px;
    margin: 0px auto;
}

.t1{background:url(img/g01.gif) no-repeat center center}
.t2{background:url(img/g02.gif) no-repeat center center}
.t3{background:url(img/g03.gif) no-repeat center center}
.t4{background:url(img/g04.gif) no-repeat center center}
.t5{background:url(img/g05.gif) no-repeat center center}
.t6{background:url(img/g06.gif) no-repeat center center}
.t7{background:url(img/g07.gif) no-repeat center center}
.t8{background:url(img/g08.gif) no-repeat center center}
.t9{background:url(img/g09.gif) no-repeat center center}
.t10{background:url(img/g10.gif) no-repeat center center}


/*-----------------------------------------------------*/
/* シェアボタン */
/*-----------------------------------------------------*/

.share-erea{
margin: 50px 0;
}
.share-erea h2{
font-size: 1rem;
    width: auto;
    text-align: center;
    color: #fff;
    margin: 10px;
	}
.share-erea .share-btn{
    display: flex;
	justify-content: center;
    align-items: center;
}
.share-erea .share-btn .twitter{
    background-color: #1e9bf0;
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 1.2rem;
    border-radius: 5rem;
	margin: 0 5px;
	}
.share-erea .share-btn .line{
    background-color: #07c755;
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 1.2rem;
    border-radius: 5rem;
	margin: 0 5px;
	}
.share-erea .share-btn .facebook{
    background-color: #1b75e4;
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 1.2rem;
    border-radius: 5rem;
	margin: 0 5px;
}


/*-----------------------------------------------------*/
/* スマホ用のCSS */
/*-----------------------------------------------------*/
@media only screen and (max-width: 479px) {
	h1 {
		padding: 0 20px;
	}
	h1 img{
		width: 100%;
		height: auto;
	}
	h2 {
		padding: 0 20px;
		margin: 30px auto 30px;
	}
	#box1,
	.column{
		width: 90%;
		margin: 0 auto 50px auto;
	}
	.column,
	div.column .inner{
		background:none;
	}
	.column{
		border: 3px solid;
		border-radius: 10px;
	}
	.master_box_l,
	.master_box_r{
		width: 48%;
		margin: 0px;
	}
	.master_box_l.sp{
		float: right;
	}
	.formbox{
		width: auto;
	}
	.formbox tr{
		margin-bottom: 15px;
		display: block;
	}
	.formtext,
	.formtext2{
		display: block;
		text-align:center;
		padding:0;
	}
	.Result1,
	.Result2{
		width: 100%;
		float: none;
	}
	.Rp{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.R2 {
		margin-bottom: 0px;
	}
}