@charset "utf-8";

article, aside, dialog, figure, footer, header, menu, nav, section{
	display: block;
	margin:0;
	padding:0;
}

@media print, screen and (min-width: 640px) {
}

.pcno{
display: none;
}

body{
	width:100%;
	/*min-width:1024px;/*横スクロールで背景が切れないように*/
	line-height:1.7;
	font-size:13px;
	padding:0;
	margin:0;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#222;
}
ul, ol, dl,dt,dd,div,ol,ul,li{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}
li{list-style-type:none;}
textarea{font-size:100%;}
a{outline:none;border:0;}
img{vertical-align: middle;border:0;}
a:hover img,
.opa a:hover img,
input[type="image"]:hover{
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a:link{color:#1b71b8;text-decoration:underline;}
a:visited{color:#1b71b8;text-decoration:underline;}
a:hover{color:#e50202;text-decoration:underline;}
a:active{color:#1b71b8;text-decoration:underline;}

/*位置と状態*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clearfix:after{content: "";display: block;clear: both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}
.cen_btn{
	text-align:center;
}

/*余白*/
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb20{margin-bottom:20px;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb5em{margin-bottom:5em;}

.f11{font-size:11px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.red{color:red;}

.s_bottom{margin-bottom:60px;}
.jisage{
	padding-left:1em;
	text-indent:-1em;
}
input[type="checkbox"],
input[type="radio"],
input[type="text"],
select{
	margin:0 4px 0 0;
	padding:4px;
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:middle;
}
/*-----------------------------------------------
ベースレイアウト
-----------------------------------------------*/
.wrapper{
width:100%;
max-width: 1024px;
	margin: 0 auto;
}
/*-----------------------------------------------
ヘッダー
-----------------------------------------------*/
header{
	width:100%;
max-width: 960px;
	height:72px;
	margin:8px auto 20px;
}
header:after{content: "";display: block;clear: both;}

.logo{
	float:left;
	width:314px;
}
.header_btn{
	float:right;
	width:130px;
	margin:18px 0 0 0;
	text-align:right;
}
.header_btn .logout{/*ログアウトボタン*/
	color: #333;
	padding: 2px 32px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
	background-image: -webkit-linear-gradient(top, #fafafa, #eee);
	background-image:    -moz-linear-gradient(top, #fafafa, #eee);
	background-image:     -ms-linear-gradient(top, #fafafa, #eee);
	background-image:      -o-linear-gradient(top, #fafafa, #eee);
	background-image:         linear-gradient(top, #fafafa, #eee);
	-webkit-border-radius: 0.4em;
	font-size:12px;
}
.header_btn .logout:link{color:#333;}
.header_btn .logout:visited{color:#333;}
.header_btn .logout:hover{color:#333; opacity:0.6;}
.header_btn .logout:active{color:#333;}
/*-----------------------------------------------
コンテンツ
-----------------------------------------------*/
.contents{
	width:100%;
max-width: 960px;
	margin:0 auto 30px;
}
.title01{
	padding:8px 14px;
	background:#DFEFFF;
	font-size:15px;
	line-height:1.5;
}
.title02{
	background:#fff;
	/*height:25px;*/
	line-height:25px;
	padding:0 0 0 6px;
	color:#222;
	font-weight:bold;
	border-left:5px solid #006295;
	font-size:15px;
}
/*-----------------------------------------------
共通
-----------------------------------------------*/
.btn_orange{/*ボタンオレンジ*/
	color: #333;
	padding: 10px 40px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #F7B800;
	background:#ffd65e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
	background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
	background-image:    -moz-linear-gradient(top, #ffd65e, #febf04);
	background-image:     -ms-linear-gradient(top, #ffd65e, #febf04);
	background-image:      -o-linear-gradient(top, #ffd65e, #febf04);
	background-image:         linear-gradient(top, #ffd65e, #febf04);
	-webkit-border-radius: 0.4em;
	font-size:18px;
	font-weight:bold;
}
.btn_orange:link{color:#333;}
.btn_orange:visited{color:#333;}
.btn_orange:hover{color:#333; opacity:0.6;}
.btn_orange:active{color:#333;}

.btn_blue01{/*濃い青*/
	padding: 6px 20px;
	overflow: hidden;
	text-decoration: none!important;
	background:#187CE1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#187CE1), to(#3494F3));
	background-image: -webkit-linear-gradient(top, #187CE1, #3494F3);
	background-image:    -moz-linear-gradient(top, #187CE1, #3494F3);
	background-image:     -ms-linear-gradient(top, #187CE1, #3494F3);
	background-image:      -o-linear-gradient(top, #187CE1, #3494F3);
	background-image:         linear-gradient(top, #187CE1, #3494F3);
	-webkit-border-radius: 0.4em;
	font-size:14px;
}
.btn_blue01:link{color:#fff;}
.btn_blue01:visited{color:#fff;}
.btn_blue01:hover{color:#fff; opacity:0.6;}
.btn_blue01:active{color:#fff;}

.btn_blue02{/*薄い青*/
	padding: 6px 20px;
	overflow: hidden;
	text-decoration: none!important;
	background:#5BD0F3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5BD0F3), to(#73C5ED));
	background-image: -webkit-linear-gradient(top, #5BD0F3, #73C5ED);
	background-image:    -moz-linear-gradient(top, #5BD0F3, #73C5ED);
	background-image:     -ms-linear-gradient(top, #5BD0F3, #73C5ED);
	background-image:      -o-linear-gradient(top, #5BD0F3, #73C5ED);
	background-image:         linear-gradient(top, #5BD0F3, #73C5ED);
	-webkit-border-radius: 0.4em;
	font-size:14px;
}
.btn_blue02:link{color:#222;}
.btn_blue02:visited{color:#222;}
.btn_blue02:hover{color:#222; opacity:0.6;}
.btn_blue02:active{color:#222;}

.btn01{/*ボタン普通*/
	color: #333;
	padding: 10px 40px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
	background-image: -webkit-linear-gradient(top, #fafafa, #eee);
	background-image:    -moz-linear-gradient(top, #fafafa, #eee);
	background-image:     -ms-linear-gradient(top, #fafafa, #eee);
	background-image:      -o-linear-gradient(top, #fafafa, #eee);
	background-image:         linear-gradient(top, #fafafa, #eee);
	-webkit-border-radius: 0.4em;
	font-size:18px;
	font-weight:bold;
}
.btn01:link{color:#333;}
.btn01:visited{color:#333;}
.btn01:hover{color:#333; opacity:0.6;}
.btn01:active{color:#333;}

.inner01{
	margin:0 0 20px 0;
}
.inner01:after{content: "";display: block;clear: both;}

.inner_bkgray{
	margin:0 0 20px 0;
	padding:6px 0 6px 6px;
	background:#efefef;
	border-left:4px solid #ccc;
}
.inner_bkgray:after{content: "";display: block;clear: both;}

/**/
.li_nth li{
	margin:0 0 20px 0;
	padding:6px 0 6px 6px;
	background:#efefef;
	border-left:4px solid #ccc;
}
.li_nth li:after{content: "";display: block;clear: both;}

.li_nth li:nth-child(even){
	margin:0 0 20px 0;
	padding:6px 0 6px 6px;
	background:#fff;
	border-left:4px solid #efefef;
}
.stop_posi{
margin-left: 30px;
display: inline-block;
}

/*テーブル01*/
.entry_table{
	width:100%;
max-width: 960px;

	margin:0 auto 50px;
}
.entry_table table{
	width:100%;
max-width: 960px;
	border:2px solid #ccc;
}
.entry_table table th{
	width:180px;
	text-align:left;
	background:#eee;
	padding:10px;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	vertical-align:top;
}
.entry_table table td{
	width:780px;
	max-width: 100%;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:10px 20px;
}
.entry_table table th.border_btm_none,
.entry_table table td.border_btm_none{
	border-bottom:none;
}
/*テーブル02*/
.checklist_table{
	width:100%;
max-width: 960px;

	margin:20px auto 50px;
}
.checklist_table table{
	width:100%;
max-width: 960px;

	border:2px solid #ccc;
}
.checklist_table table th{
	background:#eee;
	padding:4px;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
}
.checklist_table table td{
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:6px;
}
/*ページャー*/
.button_page{
width:400px;
max-width: 100%;
margin:14px auto 20px;
overflow:hidden;
}
.button_page a{
float:left;
display:block;
height:26px;
line-height:26px;
background:#eee;
border:1px solid #aaa;
text-align:center;
margin:4px 4px;
color:#000!important;
}
	.button_page a:hover{
	background:#999;
	}
.button_page a.on{
background:#999;
}
.button_page a.text{
width:68px;
}
.button_page a.number{
width:28px;
}
	.button_page a:link{
	color:#000!important;
	text-decoration:none;
	}
.textarea_w700{
	width:700px;
	height:260px;
	padding:0 0 20px 0;
}
/*-----------------------------------------------
ログインページ
-----------------------------------------------*/
.loginarea{
	width:500px;
	margin:30px auto 10px;
}
.passarea{
	width:500px ;
	background:#DFEFFF;
	overflow:hidden;
	padding:0 0 20px 0;
	margin:10px 0 0 0;
}
.passarea ul{
	width:340px;
	margin:26px auto 0;
	overflow:hidden;
}
.passarea ul li{
	height:28px;
	margin:0 0 24px 0;
}
.passarea ul li p{
	float:left;
	width:66px;
	height:28px;
	line-height:30px;
	text-align:right;
	margin:0 10px 0 0;
	font-weight:bold;
	color:#003366;
}
input.pass_input01{
	float:left;
	width:220px;
	padding:6px;
	font-size:14px;
	border:1px solid #ccc;
}
input.pass_input02{
	padding:4px;
}
.btnlogin{/*青字ボタン*/
	display:block;
	width:100px;
	height: 30px;
	line-height: 30px;
	color: #003366;
	text-align:center;
	margin:0 auto;
	overflow: hidden;
	text-decoration: none!important;
	font-weight:bold;
	border:1px solid #ccc;
	background:#eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
	background-image: -webkit-linear-gradient(top, #fafafa, #eee);
	background-image:    -moz-linear-gradient(top, #fafafa, #eee);
	background-image:     -ms-linear-gradient(top, #fafafa, #eee);
	background-image:      -o-linear-gradient(top, #fafafa, #eee);
	background-image:         linear-gradient(top, #fafafa, #eee);
	border-radius: 0.2em;
	cursor:pointer;
}
.btnlogin:hover{opacity:0.5;}

/*-----------------------------------------------
ログイン後のトップ
-----------------------------------------------*/
.linklist{
max-width: 100%;
	width:400px;
	margin:40px auto;
	font-size:15px;
}
/*-----------------------------------------------
会社情報を登録して下さい。
-----------------------------------------------*/
.datauparea{
max-width:600px;
	width:100%;
	margin:0 auto;
	font-size:12px;
	padding:4px 0;
	background:#eee;
}
.datauparea_inner{
max-width:500px;
	width:100%;
	margin:10px auto;
}
.datauparea_inner input.pass_input01{

	width:400px;
	max-width:100%;
	padding:6px;
	margin:0 20px 10px 0;
	font-size:12px;
	border:1px solid #ccc;
	background:#fff;
}

.border_bottom_area{
	margin:0 0 20px 0;
	border-bottom:2px solid #ddd;
}
.border_bottom_area .left{
	float:left;
	margin:0 30px 0 0;
}
.border_bottom_area .right{
	float:left;
}

/*　別窓で開くページ　*/

.inq_Area01{
margin:25px auto;
text-align:center;
}

.title02{
width:18%;
vertical-align: top;
}

.inp {
border: 1px solid #aabbcc;
background-color: #E8F4FF;
}

.bo01 {
border: 2px solid #FF3333;
padding:5px;

}

.btn01{
text-align:center;
margin:30px 0 0 0;
}

.btn02 {
background: #DBFFCE;
width: 60px;
height: 18px;
font-size: 10px !important;
}

.btn03{
text-align:center;
margin:15px 0 0 0;
}

.btn_orange{
text-align:center;
margin:30px 0 0 0;
}

#arrow01{
text-align:center;
padding:5px 0 5px 40px;
}

#btn_18{
margin:0 0 5px 0;
}

#btn_21{
margin:0 0 5px 0;
}

.sel_title{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:10px;
background-color:#0066CC;
}