@charset "utf-8";
/*============================
	html5 base style
============================*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,pre,address,code,
em,img,
small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,figcaption,figure,
footer,header,menu,nav,section,
time,mark,audio,video {
margin:0;
padding:0;
}
article,aside,figcaption,figure,
footer,header,menu,nav,section {
display:block;
}
ul,ol {
list-style:none;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img{
vertical-align:bottom;
}
table {
border-collapse:collapse;
border-spacing:0;
}
input,select {
vertical-align:middle;
}
input,select,button {
border:0;
box-shadow:none;
-ms-appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
}
input:focus,select:focus,button:focus {
outline:0;
}

/*============================
    module style
============================*/
/*----------------------------
	color
-----------------------------*/
.bg { background-color:#0000ff; }

.c_blue { color:#0000ff; }
.c_lblue { color:#4ac7ff; }
.c_white { color:#ffffff; }

/*----------------------------
	text
-----------------------------*/
.txt_l {
	font-size:20px !important;
}
.txt {
	font-size:16px;
	line-height:24px;
}
.txt_s {
	font-size:12px;
	line-height:16px;
}

.align_c { text-align:center !important; }
.align_r { text-align:right !important; }
.align_l { text-align:left !important; }

.bold { font-weight:bold !important; }
.normal { font-weight:normal; }

.underline { text-decoration:underline; }

/*----------------------------
	icon
-----------------------------*/
.ico_lb_dot {
	padding-left:12px;
	position:relative;
}
.ico_lb_dot:before {
	content:'';
	background-color:#4ac7ff;
	display:block;
	width:4px;
	height:4px;
	border-radius:100%;
	position:absolute;
	top:8px;
	left:0;
}

.ico_contact,
.ico_access {
	line-height:24px;
	height:24px;
}
.ico_contact {
	background:url(/html/assets/img/ico_contact.png) no-repeat left center;
	padding-left:56px;
}
.ico_access {
	background:url(/html/assets/img/ico_access.png) no-repeat left center;
	padding-left:26px;
}

.ico_arrow {
	background:url(/html/assets/img/img_link.png) no-repeat left center;
	padding-left:10px;
}

/* page top */
.ico_top_arrow {
	color:transparent;
	width:940px;
	height:40px;
	margin:0 auto;
	position:relative;
}
.ico_top_arrow:before,
.ico_top_arrow:after {
	content:"";
	display:block;
	cursor:pointer;
	position:absolute;
}
.ico_top_arrow:before {
	background-color:#0000ff;
	width:56px;
	height:40px;
	bottom:0;
	right:0;
}
.ico_top_arrow:after {
	width:12px;
	height:12px;
	border-top:4px solid #ffffff;
	border-left:4px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	bottom:8px;
	right:20px;
}

/*----------------------------
	border line
-----------------------------*/
.line_b {
	border-bottom:1px solid #0000ff;
}

/*----------------------------
	list
-----------------------------*/
.list_item {
	display:inline-block;
}
.list_item + .list_item { margin-left:24px; }

/* number  */
.list_n {
	counter-reset:number;
}
.list_n_item {
	margin-bottom:4px;
	padding-left:40px;
	position:relative;
}
.list_n_item:before {
	counter-increment:number;
	content:"( "counter(number)" )";
	font-size:16px;
	position:absolute;
	top:0;
	left:0;
}

/* number dot */
.list_numdot {
	counter-reset:number;
}
.list_numdot_item {
	margin-bottom:30px;
	padding-left:1.2em;
	position:relative;
}
.list_numdot_item:before {
	content:counter(number)".";
	counter-increment:number;
	font-size:20px;
	position:absolute;
	top:0;
	left:0;
}

/* top content link */
.list_box {}
.list_box_item {
	float:left;
	width:296px;
	height:222px;
	margin:0 20px 18px 0;
	border:2px solid #0000ff;
	overflow:hidden;
	position:relative;
}
.list_box_link {
	text-align:center;
	height:100%;
	padding-top:100px;
	box-sizing:border-box;
	transition:all .5s linear;
}
.list_box_link:hover {
	text-decoration:none;
	padding-top:50px;
}
.list_box_title {
	color:#0000ff;
	font-weight:bold;
	line-height:1;
	letter-spacing:.1em;
	height:35px;
	margin:0 auto;
	position:relative;
}
.list_box_title:before,
.list_box_title:after {
	content:"";
	background-color:#0000ff;
	width:100%;
	height:2px;
	position:absolute;
	left:0;
}
.list_box_title:before { top:-10px; }
.list_box_title:after { bottom:-10px; }
.list_box_detail {
	background-color:rgba(74,199,255,.7);
	color:#ffffff;
	text-align:left;
	width:100%;
	height:110px;
	padding:20px;
	box-sizing:border-box;
	opacity:0;
	transition:all .5s linear;
	position:absolute;
	bottom:-110px;
	left:0;
	z-index:5;
}
.list_box_link:hover .list_box_detail {
	opacity:1;
	bottom:0;
}

/* breadcrumb */
.list_bc {
	width:940px;
	margin:0 auto;
	padding:14px 0;
}
.list_bc_item {
	font-size:12px;
}
.list_bc_item.ico_arrow {
	background:url(/html/assets/img/img_link.png) no-repeat right center;
	padding-left:0;
	padding-right:30px;
}

/*----------------------------
	table
-----------------------------*/
.tbl {
	max-width:940px;
	min-width:600px;
	margin:0 auto;
}
.tbl_r_even {
	background-color:rgba(74,199,255,.3);
}
.tbl_r_first { border-top:2px solid #0000ff; }
.tbl_r_last { border-bottom:2px solid #0000ff; }
.tbl_r_line { border-top:1px solid #0000ff; }
.tbl_head {
	color:#0000ff;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
	text-align:left;
	padding:12px 20px 12px 8px;
}
.tbl_content {
	font-size:14px;
	line-height:20px;
	padding:12px 8px;
}
.tbl_r_last .tbl_head { padding:12px 20px 20px 8px; }
.tbl_r_last .tbl_content { padding:12px 8px 20px 8px; }

/*----------------------------
	layout
-----------------------------*/
.fl_l { float:left; }
.fl_r { float:right; }

.inblock { display:inline-block; }

/*----------------------------
	space
-----------------------------*/
.m_t_10 { margin-top:10px !important; }

.m_r_0 { margin-right:0 !important; }
.m_r_30 { margin-right:30px !important; }

.m_b_0 { margin-bottom:0 !important; }
.m_b_8 { margin-bottom:8px !important; }
.m_b_15 { margin-bottom:15px !important; }
.m_b_20 { margin-bottom:20px !important; }

.p_t_50 { padding-top:50px !important; }

/*----------------------------
	clearfix
-----------------------------*/
.head_inner,
.nav,
.list_box,
.foot_inner,
.lyt,
.box_mmb,
.cf{
	display:block;
}
.head_inner:after,
.nav:after,
.list_box:after,
.foot_inner:after,
.lyt:after,
.box_mmb:after,
.cf:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}