@charset "utf-8";

.modal-header {
	border:none;
}

#pop_contents {
	display:block;
	width:610px;
	margin:0;
	padding:0;
	text-align:left;
}

#pop_contents {
	font-size:12px;
/*	color:#000000;*/
	margin-top:0px;
	margin-bottom:5px;
	line-height:1.5em;
	padding:0;
}

#pop_contents img {
margin-bottom:10px;
}

#pop_contents .pop_title {
	font-weight:bold;
	font-size:19px;
	color:#0061ab;
	margin-bottom:10px;
}

.pop_bluetitle {
	font-weight:bold;
	font-size:18px;
	color:#FFFFFF;
	line-height:42px;
	padding:0 0 0 18px;
	margin:0;

	background: #0060aa; /* Old browsers */
	background: -moz-linear-gradient(top,  #0060aa 0%, #004b96 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0060aa), color-stop(100%,#004b96)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0060aa 0%,#004b96 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0060aa 0%,#004b96 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0060aa 0%,#004b96 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0060aa 0%,#004b96 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060aa', endColorstr='#004b96',GradientType=0 ); /* IE6-9 */
}

.smltit {
	font-size:13px;
}

.pop_graybox {
	border:5px solid #f4f4f4;
	padding:15px;
	margin-bottom:10px;
}

.pop_chuibox {
	background:#f4f4f4;
	padding:15px;
}

h3.pop_chuibox_left {
	width:70px;
	float:left;
	color:#eb7d01;
	font-size:12px;
	line-height:4em;
	margin-top:0px;
	padding:0;
}
p.pop_chuibox_left {
	width:70px;
	float:left;
	color:#eb7d01;
	font-size:12px;
	line-height:5em;
	margin-top:0px;
	padding:0;
}


p.pop_chuibox_right {
	width:auto;
	font-size:11px;
}

.pop_telarea {
	display:block;
	margin:0 0 0 0;
	width:610px;
}

.pop_comment  {
	width:610px;
	display:block;
	font-size:12px;
	color:#0061ab;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;

}
.pop_telarea_left {
	display:block;
	float:left;
	width:330px;
}
.pop_telarea_left img {
width:330px;
}
.pop_telarea_right {
	display:block;
	float:left;
	width:270px;
	font-size:11px;
	color:#999999;
	line-height:16px;
	padding:5px 0 0 10px;
}



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

#pop_contents {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

#pop_contents .pop_title {
	font-size:15px;
}
.pop_graybox img {
		max-width: 100%;
		height: auto;
		width /***/:auto;　
}

.pop_chuibox {
	width:100%;
	display:inline-block;
		padding:0;

}
h3.pop_chuibox_left {
	width:100%;
	line-height:1em;
}
p.pop_chuibox_left {
	width:100%;
	line-height:1em;
}
.pop_chuibox .pop_chuibox_left {
	display:inline-block;
	padding:10px 10px 0px 10px;
}

.pop_chuibox .pop_chuibox_right {
	display:inline-block;
	padding:0px 10px 10px 10px;
}

.pop_bluetitle {
	font-size:15px;
	padding:5px 0 5px 5px;
	margin:0;
	line-height:1.4em;
}

.smltit {
	font-size:11px;
}


p.pop_comment {
	width:95%;
	margin:0;
	margin-left:10px;
	margin-top:10px;
}

.pop_telarea
{
display:block;
width:100%;
}
.pop_telarea_left {
	display:block;
	float:left;
	width:100%;
}
.pop_telarea_left img {
		width: 100%;
}
.pop_telarea_right {
	width:100%;
	padding:5px 0 0 0;

}


}