@charset "utf-8";
/* ===================================================================
個別CSS
=================================================================== */
#header h2{
	box-sizing:border-box;
	display:block;
	width:100%;
	height:225px;
	padding-top:50px;
	background-image: url("../img/head_bg.png");
	background-position: 22% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
	color:#666;
	font-size:46px;
	letter-spacing:0.2em;
}
#header h2 span{
	display:block;
	font-size:22px;
	margin-top:-8px;
	letter-spacing:0.1em;
}

#para .breadcrumb{
	margin-top:15px;
	text-align:right;
	font-size:11px;
}
#para .breadcrumb a{
	color:#333;
}
#para h3{
	margin-top:22px;
	text-align:center;
	font-size:30px;
	letter-spacing:0.3em;
}
#para h3 span{
	margin-top:-2px;
	display:block;
	font-size:14px;
	letter-spacing:0.1em;
}
#para h4{
	box-sizing:border-box;
	display:block;
	height:50px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-top:7px;
	margin-top:25px;
	text-align:center;
	font-size:20px;
	letter-spacing:0.2em;
}
#para h4 span{
	font-size:14px;
	letter-spacing:0em;
}

#para form .formgroup.mt30{
	margin-top:30px;
}
#para form .formgroup{
	margin-top:20px;
}
#para form .formgroup lavel,
#para form .formgroup p.lavel{
	display:inline-block;
	width:165px;
	text-align:right;
	font-size:16px;
	position:relative;
	top:2px;
	margin-right:5px;
}
#para form .formgroup p.lavel.narrow{
	width:65px
}
#para form .formgroup lavel .required,
#para form .formgroup p.lavel .required{
	color:#DE5F5F;
	font-size:12px;
	position:relative;
	top:-2px;
}



#para form .formgroup .ib{
	display:inline-block;
}
#para form .formgroup input[type="text"]{
	box-sizing:border-box;
	display:inline-block; 
	width:400px;
	height:40px;
	border:1px solid #CCC;
	padding:0px 10px;
	font-size:14px;
}
#para form .formgroup .example{
	color:#999;
	font-size:12px;
}
#para form .formgroup .notes{
	padding-top:3px;
	padding-left:168px;
	color:#DE5F5F;
	font-size:12px;
}
#para form .formgroup .list{
	display:inline-block;
	position:relative;
}
#para form .formgroup .list .default{
	display:inline-block;
}
#para form .formgroup .list .default a{
	box-sizing:border-box;
	display:inline-block;
	height:40px;
	border:1px solid #CCC;
	padding:8px 10px 0px;
	font-size:14px;
	background-color:#FFF;
}
#para form .formgroup .list .default a{
	color:#333;
}
#para form .formgroup .list.wid1 .default a{
	width:400px;
}
#para form .formgroup .list.wid2 .default a{
	width:100px;
}
#para form .formgroup .list .default a:hover{
	text-decoration:none;
}
#para form .formgroup .list .default a span{
	display:block;
	background: url(/img/share/form_arrow01.png) no-repeat scroll right center;
}
#para form .formgroup .list ul {
	display:none;
	width:398px;
	position:absolute;
	top:40px;
	left:0px;
	background-color:#FFF;
	z-index:9999;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	box-shadow: 2px 2px 2px 0px #CCC;
	-webkit-box-shadow: 2px 2px 2px 0px #CCC;
	-moz-box-shadow: 2px 2px 2px 0px #CCC;
}
#para form .formgroup .list.hide ul{
	display:none;
}
#para form .formgroup .list.show ul{
	display:block;
}

#para form .formgroup .list ul.wid100{
	width:98px;
}
#para form .formgroup .list ul li{
	display:block;
}
#para form .formgroup .list ul li a{
	box-sizing:border-box;
	display:block;
	height:40px;
	padding:8px 10px 0px;
	color:#333;
	font-size:14px;
}
#para form .formgroup .list ul li a:hover,
#para form .formgroup .list ul li.active a{
	text-decoration:none;
	background-color:#EEE;
}
#para form .submit{
	margin-top:50px;
}
#para form .submit a{
	box-sizing:border-box;
	display:block;
	background-color:#0099ff;
	width:197px;
	height:44px;
	color:#FFF;
	font-size:16px;
	padding:10px 18px 0px;
	margin:0px auto;
}
#para form .submit a:hover{
	text-decoration:none;
	background-color:#53baff;
}
#para form .submit a span{
	display:block;
	background: url(../../img/share/form_icon_search.png) no-repeat scroll left center;
	text-align:center;
}
#para form .submit a:hover span{
	display:block;
	background: url(../../img/share/form_icon_search_o.png) no-repeat scroll left center;
	text-align:center;
}


#para form .formgroup.input_support .input_support_list{
	position:relative;
}
#para form .formgroup.input_support .input_support_list ul{
	box-sizing:border-box;
	/*display:none;*/
	position:absolute;
	left:173px;
	top:40px;
	width:400px;
	background-color:#FFF;
	z-index:9999;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	box-shadow: 2px 2px 2px 0px #CCC;
	-webkit-box-shadow: 2px 2px 2px 0px #CCC;
	-moz-box-shadow: 2px 2px 2px 0px #CCC;
}
#para form .formgroup.input_support .input_support_list ul li{
	display:block;
	height:40px;
	padding:8px 10px 0px;
	color:#333;
	font-size:14px;
}
/*
#para form .formgroup.input_support .input_support_list ul li a{
	box-sizing:border-box;
	display:block;
	height:40px;
	padding:8px 10px 0px;
	color:#333;
	font-size:14px;
}
#para form .formgroup.input_support .input_support_list ul li a:hover,
#para form .formgroup.input_support .input_support_list ul li.active a{
	text-decoration:none;
	background-color:#EEE;
}
*/


/* result */
#para .result_group{
	margin-top:20px;
	margin-left:-20px;
}
#para .result_group .result_item{
	box-sizing:border-box;
	display:block;
	float:left;
	width:415px;
	border:1px solid #dce0e4;
	margin-left:20px;
	margin-top:20px;
}
#para .result_group .result_item .left{
	display:block;
	float:left;
	width:313px;
	background-color:#FFF;
}
#para .result_group .result_item .left .result_s_number{
	box-sizing:border-box;
	height:50px;
	padding:10px 20px 0px;
	background-color:#b7b7b7;
	color:#FFF;
	font-size:18px;
}
#para .result_group .result_item .left .result_s_name{
	box-sizing:border-box;
	display:block;
	vertical-align:middle;
	min-height:100px;
	padding:25px 20px 0px;
	font-size:14px;
}
#para .result_group .result_item .left .result_s_name strong{
	font-size:16px;
}
#para .result_group .result_item .right{
	display:block;
	float:right;
	width:100px;
	background-color:#FFF;
}
#para .result_group .result_item .right dl{
	display:block;
	font-size:0px;
}
#para .result_group .result_item .right dt{
	box-sizing:border-box;
	display:inline-block;
	width:60px;
	text-align:right;
	font-size:13px;
	padding-top:15px;
	height:50px;
	border-bottom:1px solid #dce0e4;
	border-left:1px solid #dce0e4;
}
#para .result_group .result_item .right dd{
	box-sizing:border-box;
	display:inline-block;
	width:40px;
	font-size:13px;
	padding-top:15px;
	height:50px;
	border-bottom:1px solid #dce0e4;
}
#para .result_group .result_item .right dt.last,
#para .result_group .result_item .right dd.last{
	border-bottom:none;
}

#para .btn_inquiry{
	margin-top:50px;
}
#para .btn_inquiry a{
	box-sizing:border-box;
	display:block;
	background-color:#0099ff;
	width:300px;
	height:44px;
	color:#FFF;
	font-size:16px;
	padding:10px 18px 0px;
	margin:0px auto;
	text-align:center;
}
#para .btn_inquiry a:hover{
	text-decoration:none;
	background-color:#53baff;
}

#para .result_zero{
	margin-top:60px;
}
#para .result_zero .txt1{
	text-align:center;
	color:#999;
	font-size:24px;
}
#para .result_zero .txt2{
	margin-top:50px;
	text-align:center;
	font-size:16px;
}

.list_bg{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
}