@charset "utf-8";

/*********************
	reset
*********************/

html,body,
h1,h2,h3,h4,h5,h6,
div,p,span,
ul,li,ol,dl,dt,dd,
pre,code,
form,fieldset,legend,input,textarea,
blockquote,th,td,
address,caption,cite,code,dfn,em,strong,var {
	margin: 0;
	padding: 0;
}

body {
	line-height: 1;
}

h1,h2,h3,h4,h5,h6,
div,p,
li,dt,dd {
	line-height: inherit;
}

h1,h2,h3,h4,h5,h6,
address,caption,cite,code,dfn,em,strong,dt,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	outline: none;	
}

br {
	letter-spacing: 0;	
}

.marl_20{
	margin-left:20px;
}
.marl_10{
	margin-left:10px;
}
.marl_5{
	margin-left:5px;
}
.marr_20{
	margin-right:20px;
}
.marr_10{
	margin-right:10px;
}
.marr_5{
	margin-right:5px;
}

/*********************
	font
*********************/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:160%;
	color: #1f1f1f;
	-webkit-text-size-adjust:100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
.txt_red{
	color:#b20000;
}

.color-red{
	color: #ff0000;
}

.color-blue{
	color: #002dff;
}
.txt_s{
	font-size:13px;
}

/*********************
	clearfix,float
*********************/

.clfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

.fl_l{
	float:left;
}
.fl_r{
	float:right;
}

/*********************
	main,content
*********************/

.main{
	width:100%;
	margin:0 auto;
}
.content{
	width:1040px;
	margin:0 auto;
}

.page_title{
	margin:30px auto 30px;
}
h2{
	font-size:30px;
	letter-spacing:5px;
	color:#1159aa;
	font-weight:bold;
	padding-top:30px;
}

.login_name{
	padding:10px 50px;
	border:5px solid #9dbadb;
	font-size:14px;
	letter-spacing:2px;
}

.login_name dt{
	display:inline;
	font-weight:bold;
}
.login_name dd{
	display:inline;
}

.bk_gray{
	display:block;
	width:1000px;
	height:30px;
	line-height:40px;
	background:#eee;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:15px 20px;
}
h3.h3_1{
	font-size:20px;
	letter-spacing:2px;
	color:#1f1f1f;
	font-weight:bold;
}

.btn_b{
	color:#fff;
	background:#3b76b8;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
		*display:inline;
		*zoom:1;
}
.btn_b span{
	padding-left:15px;
	background:url("../img/img_arrow01.png");
	background-repeat:no-repeat;
}

.btn_b a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 15px;
	height:30px;
}
.btn_b:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.btn_b40{
	color:#fff;
	background:#3b76b8;
	height:40px;
	line-height:40px;
	text-align:center;
	display:inline-block;
		*display:inline;
		*zoom:1;
}
.btn_b40 span{
	padding-left:20px;
	background:url("../img/img_arrow01.png");
	background-repeat:no-repeat;
}

.btn_b40 a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 20px;
	height:40px;
}
.btn_b40:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}


h3.h3_2{
	border-top:5px solid #9dbadb;
	border-bottom:1px solid #9dbadb;
	font-size:18px;
	letter-spacing:1px;
	color:#1f1f1f;
	font-weight:bold;
	margin-bottom:30px;
	padding:20px 0;
}


/*********************
	header
*********************/
.header{
	width:1040px;
	margin:0 auto;
}

.header a{
	color:#1159aa;
	text-decoration:none;
	display:block;
	width:112px;
	height:80px;
}
.header a:hover{
	color:#80a6d0;
}

.log_state{
	width:112px;
	height:80px;
	border-left:1px solid #80a6d0;
	margin:0 auto;
}
.log_state p{
	padding-left:15px;
	margin:30px 0 0 10px;
	background:url("../img/img_arrow01.png");
	background-repeat:no-repeat;
	font-size:14px;
	letter-spacing:1px;
}


/*********************
	nav
*********************/
.nav{
	width:100%;
	height:80px;
	background:#80a6d0;
}
.nav ul{
	display:block;
	width:1040px;
	margin:0 auto;
}

.nav ul li{
	width:195px;
	height:80px;
	line-height:80px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.nav ul li a{
	display:block;
	width:195px;
	height:80px;
	color:#fff;
	text-decoration:none;
}
.nav ul li a:hover{
	background:url("../img/bk_gnav_on.jpg");
	background-repeat:no-repeat;
}

.nav .current{
	background:url("../img/bk_gnav_on.jpg");
	background-repeat:no-repeat;
}


/*********************
	pankuzu
*********************/

.pankuzu{
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #80a6d0;
}
.pankuzu ul{
	display:block;
	width:1040px;
	margin:0 auto;
}
.pankuzu li{
	display:inline;
}

.pankuzu li a{
	color:#1f1f1f;
	text-decoration:none;
}
.pankuzu li a:hover{
	text-decoration:underline;
	color:#999;
}

/*********************
	footer
*********************/
.footer{
	width:100%;
}

.pagetop{
	width:100%;
	height:60px;
	text-align:center;
	background:#92b6d5;
	margin-bottom:70px;
}
.pagetop img:hover{
	cursor:pointer;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.copy_wrap{
	width:100%;
	border-top:1px solid #ddd;
}
.copy{
	width:1080px;
	text-align:right;
	font-size:13px;
	margin:0 auto;
	padding:20px 0;
}

.footer_wrap{
	width:1080px;
	margin:0 auto 50px;
}

.footer_link{
	/* width:120px; */
}
.footer_link li{
	padding-left:20px;
	background:url("../img/img_arrow02.png");
	background-repeat:no-repeat;
	font-size:14px;
	margin-bottom:20px;
}
.footer_link li a{
	color:#1f1f1f;
	text-decoration:none;
}
.footer_link li a:hover{
	text-decoration:underline;
	color:#999;
}
.right_box{
	/* width:750px; */
	width:800px;
}
.right_box .footer_logo{
	text-align:right;
}

.right_box dt{
	width:72px;
	height:36px;
	line-height:36px;
	text-align:center;
	background:#3b76b8;
	color:#fff;
}
.right_box dd{
	display:inline-block;
		*display:inline;
		*zoom:1;
	font-size:14px;
	color:#1f1f1f;
	line-height:140%;
}
.right_box ul li{
	display:inline;
}
.right_box ul li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
.footerInfo {
	float:right;
	display: flex;
	margin-top:20px;
}
.footerInfo_list {
	padding-left:30px;
	font-weight:bold;
	margin-left: 10px;
	position:relative;
	font-size:120%;
}
.footerInfo_list-tel::before {
	content:url(../img/icon_footer_tel.png);
	position:absolute;
	left:0;
	top:-4px;
}
.footerInfo_list-fax::before {
	content:url(../img/icon_footer_fax.png);
	position:absolute;
	left:0;
	top:-4px;
}
.footerInfo_list-mail::before {
	content:url(../img/icon_footer_mail.png);
	position:absolute;
	left:0;
	top:-4px;
}


/*********************
	text-align
*********************/
.talign_l{
	text-align:left;
}
.talign_c{
	text-align:center;
}
.talign_r{
	text-align:right;
}

/*********************
	width
*********************/
.width20{
	width:20px !important;
}
.width30{
	width:30px !important;
}
.width40{
	width:40px !important;
}
.width50{
	width:50px !important;
}
.width60{
	width:60px !important;
}
.width70{
	width:70px !important;
}
.width80{
	width:80px !important;
}
.width90{
	width:90px !important;
}
.width100{
	width:100px !important;
}
.width200{
	width:200px !important;
}
.width300{
	width:300px !important;
}
.width350{
	width:350px !important;
}
.width400{
	width:400px !important;
}
.width500{
	width:500px !important;
}
.width600{
	width:600px !important;
}
.width700{
	width:700px !important;
}
.width800{
	width:800px !important;
}
.width900{
	width:900px !important;
}
.width1000{
	width:1000px !important;
}

/*********************
	display
*********************/
.display_none{
	display:none;
}
.display_block{
	display:block;
}

/*********************
	padding
*********************/
.pall_5{
	padding:5px;
}
.ptop_5{
	padding-top:5px;
}
.pright_5{
	padding-right:5px;
}
.pbottom_5{
	padding-bottom:5px;
}
.pleft_5{
	padding-left:5px;
}
.pall_10{
	padding:10px;
}
.ptop_10{
	padding-top:10px;
}
.pright_10{
	padding-right:10px;
}
.pbottom_10{
	padding-bottom:10px;
}
.pleft_10{
	padding-left:10px;
}

/*********************
	margin
*********************/
.mall_5{
	margin:5px;
}
.mtop_5{
	margin-top:5px;
}
.mright_5{
	margin-right:5px;
}
.mbottom_5{
	margin-bottom:5px;
}
.mleft_5{
	margin-left:5px;
}
.mall_10{
	margin:10px;
}
.mtop_10{
	margin-top:10px;
}
.mright_10{
	margin-right:10px;
}
.mbottom_10{
	margin-bottom:10px;
}
.mleft_10{
	margin-left:10px;
}
.mall_15{
	margin:15px;
}
.mtop_15{
	margin-top:15px;
}
.mright_15{
	margin-right:15px;
}
.mbottom_15{
	margin-bottom:15px;
}
.mleft_15{
	margin-left:15px;
}
.mall_20{
	margin:20px;
}
.mtop_20{
	margin-top:20px;
}
.mright_20{
	margin-right:20px;
}
.mbottom_20{
	margin-bottom:20px;
}
.mleft_20{
	margin-left:20px;
}


/*********************
	エラー関連
*********************/
.bkcolor_error{
	background-color:#FFCCCC !important;
}
.error_msg{
	color:#DC143C !important;
}

/*********************
	フォントカラー
*********************/
.fcolor_red{
	color:#FF0000 !important;
}
.fcolor_blue{
	color:#0000FF !important;
}

/*********************
	入力ボックス制御
*********************/
.ime_mode{
	ime-mode:disabled;
}
.ime_mode_a{
	ime-mode:active;
}