@charset "utf-8";

/***リセットCSS***/
*{
	margin:0;
	padding:0;
	border:none;
	color:#000;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	line-height:1.0;
}
html,body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,ul,ol,li,dl,dt,dd,
table,th,td,form,fieldset{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border:none;
	border-spacing:0;
}
ul li {
	list-style-type: none;
}

body{
	background:#FFFFFF;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.clear{
	clear:both;
}
.last{
	margin-right:0 !important;
}
.hidden{
	display:none;
}
.center {
  text-align: center;
}
.middle {
  vertical-align: middle;
}

/*** margin***/
.mauto{margin-right:auto !important;margin-left:auto !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt20{margin-top:20px !important;}
.mt10{margin-top:10px !important;}
.mt5{margin-top:5px !important;}
.mt0{margin-top:0 !important;}

.mb70{margin-bottom:70px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb5{margin-bottom:10px !important;}
.mb0{margin-bottom:0 !important;}

.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.mr10{margin-right:10px !important;}

.mrl0{
	margin-left:0px !important;
	margin-right:0px !important;}
.mrl10{
	margin-left:10px !important;
	margin-right:10px !important;}
.mrl15{
	margin-left:15px !important;
	margin-right:15px !important;}
.mrl20{
	margin-left:20px !important;
	margin-right:20px !important;}
.mr50{margin-right:50px;}
.m10{margin:10px !important;}
.p10{padding:10px !important;}
.pt5{padding-top:5px !important;}
.pb5{padding-bottom:5px !important;}
.pl5{padding-left:5px !important;}
.pr5{padding-right:5px !important;}
.pt10{padding-top:10px !important;}
.pb10{padding-bottom:10px !important;}
.pl10{padding-left:10px !important;}
.pr10{padding-right:10px !important;}
.pt20{padding-top:20px !important;}
.pb20{padding-bottom:20px !important;}
.pl20{padding-left:20px !important;}
.pr20{padding-right:20px !important;}
/*** width ***/

.w30{width:30px;}
.w40{width:40px;}
.w60{width:60px;}
.w70{width:70px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w180{width:180px;}
.w200{width:200px;}
.w300{width:300px;}
.w420{width:420px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w850{width:850px;}
.w900{width:900px;}
.w930{width:930px;}
.w950{width:950px;}

/*** height ***/
.h300{height:300px;}


/*** font ***/
.f18{font-size:18px;}
.f16{font-size:16px;}
.f14{font-size:14px !important;}
.f12{font-size:12px;}
.b{font-weight:bold;}
.red{color:#FF3300;}
.bold{font-weight:bold;}
a:hover{
	text-decoration:underline;
}

a:hover img{
	opacity:0.7;
}
a.underline{
	text-decoration:underline;
}

.fl{float:left;}
.fr{float:right;}
.textl{text-align:left !important;}
.textr{text-align:right !important;}
.textc{text-align:center !important;}

.gray_block{background:#EFEFEF;}

/**** ヘッダー共通部分 ***/

#cnt_header{
	width:970px;
	margin:0 auto;
	text-align:left;
	padding:0 0 20px 0;
	}
ul.header{
	float:right;
	margin:20px 0 0 0;
}
ul.header li{
	float:left;
	margin-left:10px;
}
ul.header li{
	padding:0 0 0 15px;
}
/**div#header_search{
	float:left;
	margin:30px 10px 0 0;
}
div#header_search form{
	float:left;
}
#search_detail{
	float:left;
	margin:10px 0 0 5px;
}
#search_detail a{
	text-decoration:underline;
}
#login{
	float:right;
}
input#header_search{
	border:1px solid #CCC;
	width:325px;
	height:24px;
	padding:3px 5px;
	margin:0;

}
input#btn_search{
	padding:0;
	margin:0;
	width:76px;
	height:30px;
}
.search form input{
	vertical-align:top;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;
}
.search form input.btn_search{
	width:76px;
}

.search ,form,form input{
	line-height:0;
}**/
.logo_w{
	width:970px;
}
.logo1{
	float:left;
	height:40px;
	border-right:2px #5a5a5a solid;
}
.logo2{
	float:left;
}


#wrp_welcome{
	float:right;
	background:#EEE;
	padding:10px;
	display:table;
	margin:4px 0 0 10px;
}
#wrp_welcome .welcome{
	display:table-cell;
	vertical-align:middle;
}
#wrp_welcome .welcome p{
	margin:0;
	text-align:center;
}
#wrp_welcome .welcome p.bg_gray{
	background:#CCC;
	margin:3px 0 0 0;
	padding:3px 5px;
}
.welcome a{
	text-decoration:underline;
}
/**** パンくず ***/
#breadcrumb{
	width:970px;
	margin:0 auto 20px;
}

#breadcrumb ul li{
	float:left;
	font-size:12px;
	background:url("/images/icon_arrow_path.png") no-repeat 0 50%;
	padding-left:15px;
	margin-left:10px;
}
#breadcrumb ul li:nth-child(1){
	background:none;
	padding-left:0px;
	margin-left:0px;
}
#breadcrumb ul li a{
	text-decoration:underline;
}
/*パンくず最新*/
#breadcrumb {
	display:inline-block;
}
#breadcrumb li{
	float:left;
	font-size:12px;
	background:url("/images/icon_arrow_path.png") no-repeat 0 50%;
	padding-left:15px;
	margin-left:10px;
}
#breadcrumb li:nth-child(1){
	background:none;
	padding-left:0px;
	margin-left:0px;
}
#breadcrumb li a{
	text-decoration:underline;
}
/**** フッタ共通部分 ***/
#footer{
	background:url("/images/bg_footer.jpg") left top repeat-x #f1f1f1;
}
#footer02{
	background:url("/images/bg_footer02.jpg") left top repeat-x #f1f1f1;
}
#footer .footer{
	background:url("/images/bg_footer.jpg") left top repeat-x #f1f1f1;
	width:970px;
	margin:0 auto 0;
	padding:25px 0 15px;
	text-align:center;
	line-height:1.4;
}
#footer02 .footer{
	background:url("/images/bg_footer02.jpg") left top repeat-x #f1f1f1;
	width:970px;
	margin:0 auto 0;
	padding:25px 0 15px;
	text-align:center;
	line-height:1.4;
}
.footer span{
	margin-right:3px;
}
.footer span{
	background:url("/images/mark.png") left 3px no-repeat;
	padding:0 0 0 12px;
}
#copyright{
	width:100%;
	padding:10px 0;
}
small{
	color:#FFFFFF;
	margin:10px 0;
	width:100%;
}

/****共通****/
/*一覧はこちら*/
.news_more{
	background:#f0eced;
	padding:5px;
	height:12px;
	text-align:right;
	font-size:12px;
	margin-top:20px;
}
/****フォーム各種****/
form span{
	display:inline-block;
}
input::-webkit-input-placeholder {
    color: #BBB;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #BBB;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #BBB;
    font-weight: normal;
}
/*検索*/
select{
	cursor:pointer;
}
input{
	border: 1px solid #ccc;
	vertical-align: middle;
	padding:5px;
	margin-right:5px;
	margin-left:10px;
	height:16px;
	font-size:14px;

}

label{
	vertical-align:middle;
	margin-right:10px;
}
textarea{
	width:95%;
	border: 1px solid #ccc;
	padding:8px;
	margin:5px 10px;
}

/*TOPへ戻る*/
#gotop{
	position:fixed;
	top:90%;
	left:95%;
	/*opacity:0.7;*/
  opacity:0;
}
/*404*/
#error_message{
	background: #fff none repeat scroll 0 0;
	margin: 0 auto;	
	padding: 100px 0;	
	width: 930px;
	font-weight:bold;

}
/*ボタン*/
button{
	cursor:pointer;
	outline:none;
	background:none;
}
button img{
	outline:none;
}
/*プルダウン IE11*/
select::-ms-expand {
  display: none;
}
/**マニュアル用画像**/
img.manual01{
	border:1px solid #CCC;
	margin-bottom:20px;
	width:700px;
}
img.manual02{
	border:1px solid #CCC;
	margin-bottom:20px;
	width:400px;
}
textarea,pre{
font-family : inherit;
font-size : 100%;
}