@charset "utf-8";


/* #############################################################

ライトボックス

############################################################# */

.mbsendmailOverlay {
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.mbsendmail{
	width:100%;
	position:absolute;
	top: 0;
	z-index: 99999;
	text-align:center;
}
.mbsendmail img{
	vertical-align:middle;
}
.mbsendmail .inner{
	width:550px;
	margin:10px auto;
	padding:10px;
	background:#fff;
	text-align:left;
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;	
	border-radius: 10px;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */  	
}
.mbsendmail .inner .bggray{
	width:540px;
	padding:10px 0 10px 10px;
	background:#f1f1f1;
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;	
	border-radius: 10px;
	overflow:hidden;
}
.mbsendmail .inner .bggray dl{
	width:169px;
	margin-right:10px;
	float:left;
}
.mbsendmail .inner .bggray dl dt{
	margin-bottom:5px;
	padding: 0 5px 5px;
	font-weight:bold;
	border-bottom:2px solid #000;
}
.mbsendmail .inner .bggray dl dd{
	padding: 0 2px 0 5px;
}
.mbsendmail .inner .bggray dl dd select{
	width:155px;
}
.mbsendmail .inner .bggray dl.ic_select dd{
	text-align:center;
}
.mbsendmail .inner .bggray dl.ic_select dd select{
	margin:5px 0;
}

/**/
.mbsendmail .inner .bggray .areacheckbox{
	width:540px;
	margin-bottom:10px;
	overflow:hidden;
}
.mbsendmail .inner .bggray .areacheckbox dd{
	width:6em;
	vertical-align:middle;
	float:left;
}
.mbsendmail .inner .bggray .areacheckbox input{
	vertical-align:middle;
}


/**/
.mbsendmail .inner .btnclose{
	margin-bottom:10px;
	text-align:right;
}

.mbsendmail .inner .accessmap{
	width:550px;
	height:534px;
	margin:0 0 8px;
	padding:0;
	overflow:hidden;
}

/**/
.mbsendmail p.title{
	_width:500px;
	margin:0 0 5px;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}
.mbsendmail p.title span{
	padding-top:2px;
	float:right;
	font-size:12px;
	font-weight:normal;
}



/*テーブル*/
.mbsendmail .tooltiptable{
	width:100%;
	_width:500px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.mbsendmail .tooltiptable th,
.mbsendmail .tooltiptable td{
	padding:5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
}
.mbsendmail .tooltiptable thead th{
	background:#f3f3f3;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.mbsendmail .tooltiptable tbody th{
	background:#fefecb;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
/**/
.mbsendmail.access .tooltiptable tbody th{
	text-align:left;
	background:#e6e6e6;
}
.mbsendmail.access .tooltiptable tbody th.itemname{
	padding:2px 5px 1px;
	background:#edf2fa;
}


/**/
/**/
.mbsendmail .footlink{
	margin-top:10px;
	overflow:hidden;
}

.mbsendmail .footlink li{
	margin-right:10px;
	display:inline;
}
.mbsendmail .footlink li a.linkNor{
	padding-left:10px;
	background:url(/static/gdo/images/iconmark/mrk_triangle_gray.gif) left no-repeat;
}
/**/
.mbsendmail .fall_under{
	font-weight:bold;
	font-size:14px;
	text-align:center;
}

.mbsendmail .matter_number{
	color:#ed3f56;
	font-size:28px;
}
.mbsendmail .matter{
	color:#ed3f56;
	font-size:12px;
}
/**/
.mbsendmail .btnarea{
	margin-top:10px;
	text-align:center;
}
.mbsendmail .btnarea li{
	margin:0 5px;
	display:inline;
}
/**/
.search_panel_main .matter_number em,
#AreaDisplayBlock .matter_number em,
#HighwayDisplayBlock .matter_number em{
	font-size:12px;
	font-weight:bold;
}


/*20130807　追記*/
.mbsendmail .inner .device dl{
	width:480px;
	padding:10px 20px 20px 30px;
}
.mbsendmail .inner .device dl dt{
	border-top:1px dashed #000;
	margin-bottom:5px;
	padding: 20px 5px 5px;
	font-size:13px;
/*	font-weight:bold;*/
}
.mbsendmail .inner .device dl dd{
	float:left;
	font-size:14px;
	padding: 20px 8px 20px 10px;
	*padding: 20px 8px 20px 8px;
}


.mbsendmail .inner .course {
	width:530px;
	padding:0;
	margin:10px 10px;
	background-color:#edf2fa;
	border:1px solid #cfcfcf;
}

.mbsendmail .inner .course .detail{
	width:520px;
	padding:10px 10px;
	margin:0;
}

.mbsendmail .inner .course .detail p.course_image{
	float:left;
	width:136px;
	height:90px;
	margint:0 8px;
}

.mbsendmail .inner .course .detail h1.course_name{
	width:370px;
	float:left;
	font-size:14px;
	font-weight:bold;
}

.mbsendmail .inner .course .detail .access{
	width:370px;
	float:left;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
}
.mbsendmail .inner .course .detail .access .prefecture{
	font-size:12px;
	font-weight:bold;
	color:#FF771D;
	margin-right:2px;
}
.mbsendmail .inner .course .detail .access .prefecture{
	color:#FF771D;
	margin-right:2px;
}
.mbsendmail .inner .course .detail .access .num_km{
	font-size:18px;
	color:#EB4055;
	margin-left:2px;
}
.mbsendmail .inner .course .detail .access .km{
	color:#EB4055;
}
.mbsendmail .inner .course .detail .address{
	width:370px;
	float:left;
	margin-bottom:5px;
}
.mbsendmail .inner .course .detail dl.price {
	width:370px;
	float:left;
	margin-bottom:2px;
}
.mbsendmail .inner .course .detail dl dt{
	font-weight:bold;
	display:inline;
}
.mbsendmail .inner .course .detail dd{
	margin-right:20px;
	display:inline;
}

.mbsendmail .inner .sendmail {
	width:510px;
	padding:10px 10px 30px;
	margin:0 10px 30px;
	border:1px solid #cfcfcf;
}

.mbsendmail .inner .sendmail .qr img{
	float:right;
	margin:0 10px;
	padding:0;
}

.mbsendmail .inner .sendmail .mailadd{
	width:250px;
	padding:2px 5px; 
	margin:5px 5px;
}

.mbsendmail .inner .sendmail input{
	vertical-align:middle;
}

.mbsendmail .inner .sendmail p.title{
	margin:10px 0 0 10px;
	font-weight:bold;
}

.mbsendmail .inner .sendmail p.attention{
	font-size:11px;
	margin:0 10px 10px 10px;
	color:#333333;
}
.mbsendmail .inner .sendmail p.err{
	margin:10px 0 0 10px;
	color:#EB4055;
	font-weight:bold;

}

.mbsendmail .inner .sendmail p.sendfin{
	text-align:center;
	font-size:14px;
	line-height:200%;
	font-weight:bold;
}

.mbsendmail .inner .sendmail p.sendfin span{
	font-size:18px;
	color:#0182cc;
	margin-bottom:10px;
}
.mbsendmail-icon {
	height:20px;
	padding:0 0 0 5px;
	background: url("/course/images/icn/mail_icon.gif") 2px 0 no-repeat;
	margin-right:28px;
}
.mbsendmail-icon span{
	font-weight:bold;
	font-size:14px;
	vertical-align:top;
	margin-left:25px;
}


.mbsendmail .inner .sendFB {
	width:510px;
	padding:30px 10px 20px;
	margin:0 10px 30px;
	border:1px solid #cfcfcf;
}

.arrow_box { 
	position: relative; 
	background: #edf2fa; 
	border: 1px solid #0080ff; 
	padding:20px 20px 20px 30px;
	*margint-top:30px;
} 
.arrow_box:after, 
.arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { 
	border-color: rgba(237, 242, 250, 0); 
	border-bottom-color: #edf2fa; 
	border-width: 10px; 
	left: 20%; 
	margin-left: -10px; 
} 
.arrow_box:before { 
	border-color: rgba(0, 128, 255, 0); 
	border-bottom-color: #0080ff; 
	border-width: 11px; 
	left: 20%; 
	margin-left: -11px; 
}

.arrow_box ul{
	list-style:disc;
    line-height: 1.3;
	*padding-left:10px;
}

.arrow_box li{
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.arrow_box strong{
	color:#EB4055;
	font-weight:bold;
}

.fb-icon {
	height:20px;
	padding:0 0 0 5px;
	background: url("/course/images/icn/fb_icon.gif") 2px 0 no-repeat;
	margin-right:28px;
}
.fb-icon span{
	font-weight:bold;
	font-size:14px;
	vertical-align:top;
	margin-left:25px;
}

.fb-block .fb-send,
.fb-block p {
	float: left;
	margin:15px 0;
}
.fb-block p {
	padding-left:10px;
	*padding-left:35px;
	*margin-top:-10px;
}

p.attention{
	font-size:11px;
	margin:10px;
	color:#333333;
}

p.msg-s,
p.msg{
	font-size:15px;
	font-weight:bold;
	color:#0182cc;
	text-align:center;
	margin-bottom:5px;
}
p.msg{
	font-size:18px;
}

/*20130807　追記*/