/* -------------------------------
	Global 
------------------------------- */
html, body {height: 100%;}
	html {background: #fff;}
	body {
		min-width: 1000px;
		font: 300 18px/32px 'Open Sans', sans-serif;
		color: #3d3d3d;
	}

body,
dl, dd,
blockquote, fieldset, legend {margin: 0; padding: 0;}
fieldset {border: none;}
table {border: none; border-collapse: collapse;}
	th, td {vertical-align: top;}
	th {text-align: left; font-weight: normal;}
address {font-style: normal;}
p, ul, ol {margin: 0 0 1.7em 0;}
img {vertical-align: top;}

#wrapper {
	min-height: 100%;
	overflow-x: hidden;
	position: relative;
}

body
{
	max-width: 1900px;	
	margin: 0 auto;
	position: relative;
}

.clear {
	clear: both;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.in {
	width: 970px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 5px;
}

/* -------------------------------
	Txt 
------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	font-weight: 300;
	color: #262626;
}
h1 {font-size: 30px; line-height: 36px;}
h2 {font-size: 26px; line-height: 30px;}
h3 {font-size: 23px; line-height: 27px;}
h4 {font-size: 20px; line-height: 24px;}
h5 {font-size: 17px; line-height: 21px;}
h6 {font-size: 14px; line-height: 18px;}

strong, b {font-weight: 700;}

.tbl_hide,
.tbl_hide th,
.tbl_hide td {border: none;}

.tbl_border,
.tbl_border th,
.tbl_border td {border: 1px solid #333;}

/* -------------------------------
	Links 
------------------------------- */
:focus {outline: none;}
a img {border: none;}

a {color: #17a7c1;}
a:hover {text-decoration: none;}

a.lnk {border-bottom: 1px dashed; text-decoration: none;}

.view_detail{
	background: url(ico2.png) no-repeat 0 center;
	display: inline-block;
	padding-left: 40px;
	text-decoration: none;
	line-height: 28px;
	color: #3d3d3d;
	cursor: pointer;
}

.lnk1:hover {color: #17a7c1;}


/* -------------------------------
	Forms 
------------------------------- */
form .f_row {padding-bottom: 10px;}
form .b_btn {padding-top: 20px;}

input[type="text"],
select,
textarea {
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px 22px;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font: 300 18px/22px 'Open Sans', sans-serif;
	color: #333;
}
textarea {
	height: 150px;
	overflow: auto;
	resize: none;
}

input[type="submit"],
input[type="button"],
button,
.btn {
	background: #17a7c1;
	box-sizing: border-box;
	padding: 10px 17px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font: 300 18px/22px 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
a.btn {
	display: inline-block;
	padding: 11px 20px;
	text-decoration: none;
}

/* -------------------------------
	Header 
------------------------------- */
#header {height: 133px; position: relative;}
	
	.logo {padding-top: 30px;}
	
	.lang {
		position: absolute;
		top: 57px;
		right: 0;
		font-size: 14px;
		line-height: 18px;
	}
		.lang a {
			margin-left: 11px;
			color: #7c7a7b;
			text-decoration: none;
		}
		.lang a.active {color: #17a7c1;}
					
/* -------------------------------
	Main 
------------------------------- */
#main {padding-bottom: 86px; position: relative;}

	.breadcrumbs {
		margin: 0 0 15px 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
		.breadcrumbs li {float: left;}
		.breadcrumbs li:before {content: "\002F"; margin: 0 6px;}
		.breadcrumbs li:first-child:before {display: none;}
			.breadcrumbs a {color: #000;}
			
	.overflow {position: relative; overflow: hidden;}
	
	.ib_wr {
		font-size: 0;
		line-height: 0;
		letter-spacing: -4px;
	}
		.ib_wr .preview,
		.ib_wr .col {
			font-size: 18px;
			line-height: 32px;
			letter-spacing: normal;
		}
	.preview,
	.col {
		display: inline-block;
		position: relative;
		vertical-align: top;
	}
		.thumb_wr {position: relative;}
			.thumb {position: relative;}
		.p_descr {position: relative; overflow: hidden;}
		
	.center_magic {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.slyder {position: relative;}
		.slyder_content {position: relative; overflow: hidden;}
			.slyder_move,
			.slyder_item {
				position: absolute;
				top: 0;
				left: 0;
			}
				.slyder_item {overflow: hidden;}
		.slyder_dots {
			width: 100%;
			position: absolute;
			bottom: 5%;
			left: 0;
			z-index: 100;
			text-align: center;
		}
			.slyder .dot,
			.slyder .active {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 8px;
				border: 2px solid #fff;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				-khtml-border-radius: 50%;
				border-radius: 50%;
				cursor: pointer;
				vertical-align: middle;
			}
			.slyder .dot {opacity: 0.5;}
			.slyder .active {background: #5353d6;}
		.slyder_left,
		.slyder_right {
			position: absolute;
			z-index: 100;
			cursor: pointer;
		}
	
.item-slide
{
	position: relative;
}	

.item-slide img
{
	width: 100%;
}

.slyder_text {
    width: 86%;
    height: 50%;
    color: #fff;
    text-align: center;
    top: 50%;
	left: 7%;
    margin-top: -89px;
    position: absolute;
    z-index: 99999;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.49);
}

.slyder_text_sp_textshadow
{
		color: #000;
		text-shadow: 0 0 10px rgba(255, 255, 255, 0.49);
}

.slyder_text .line1
{
	margin-bottom: 0.2em;
	font-size: 72px;
	line-height: 76px;
}

.slyder_text .line2
{
    font-size: 30px;
    line-height: 36px;
}

	
	.slyder_main,
	.slyder_main .slyder_content,
	.slyder_main .slyder_item {height: 562px;}
		.slyder_main .slyder_item img {max-height: 100%;}
		.slyder_main .slyder_wrap {width: 970px;}
			.slyder_main .slyder_text {color: #fff; text-align: center;}
				.slyder_main .slyder_text .title {
					margin-bottom: 0.2em;
					font-size: 72px;
					line-height: 76px;
				}
				.slyder_main .slyder_text p {font-size: 30px; line-height: 36px;}
				.slyder_main .slyder_text a.lnk {color: #fff;}
		.slyder_main .slyder_left,
		.slyder_main .slyder_right {
			background: url(c_arrow1.png);
			width: 23px;
			height: 42px;
			margin-top: -21px;
			top: 50%;
		}
		.slyder_main .slyder_left {background-position: 0 0; left: 15px;}
		.slyder_main .slyder_right {background-position: -23px 0; right: 15px;}
		
	.c_wr {padding: 52px 0 58px 0; text-align: center;}
		.c_wr p:last-child {margin-bottom: 0;}
	
	.c_wr1 {
		background: #f9f9f9;
		padding: 50px 0;
		position: relative;
	}
		.c_wr1 form {width: 368px; margin: 0 auto;}
			.c_wr1 form input[type="submit"] {width: 100%;}
	
	.b_info {}
		.b_info > .preview {width: 100%; margin-bottom: 100px;}
		.b_info > .preview:last-child {margin-bottom: 0;}
			.b_info > .preview > .thumb,
			.b_info > .preview .tap_block > .thumb {
				width: 472px;
				margin-right: 30px;
				float: left;
				overflow: hidden;
				text-align: center;
			}
				.b_info > .preview > .thumb > img,
				.b_info > .preview .tap_block > .thumb > img {max-width: 472px;}
			.b_info > .preview .p_descr {padding-top: 27px;}
				.b_info > .preview .p_descr > .title {
					margin-bottom: 0.3em;
					font-size: 36px;
					line-height: 40px;
					color: #262626;
				}
		.b_info > .preview:nth-child(2n) > .thumb {margin: 0 0 0 30px; float: right;}
		
	.c_wr2 {
		background: #f2f2f2;
		margin: 0 -465px -30px -465px;
		padding: 33px 465px 0 465px;
		position: relative;
		top: 35px;
		display: none;
	}
		.c_wr2 .close {
			background: url(ico1.png);
			display: block;
			width: 28px;
			height: 28px;
			margin: 0 auto 33px auto;
			cursor: pointer;
		}
	
	.b_info1 {margin-left: -50px;}
		.b_info1 .preview {
			width: 290px;
			margin: 0 0 40px 50px;
			font-size: 14px;
			line-height: 21px;
			text-align: center;
		}
		
		.b_info1 .preview_main_detail 
		{
			margin: 0 0 40px 50px;
			text-align: center;
			padding-bottom: 30px;
		}		
			.b_info1 .title {
				margin-bottom: 35px;
				font-size: 20px;
				line-height: 25px;
				color: #262626;

			}
				.b_info1 .title a {text-decoration: none; color: #262626;}
				.b_info1 .title a:hover {color: #17a7c1;}
			.b_info1 .thumb {
				width: 215px;
				height: 215px;
				margin: 0 auto 20px auto;
				overflow: hidden;
			}
				.b_info1 .thumb img {max-width: 215px; max-height: 215px;}
		
	.c_wr3 {
		background: #17a7c1;
		padding: 50px 0;
		font-size: 24px;
		line-height: 30px;
		color: #fff;
		text-align: center;
	}
		.c_wr3 p:last-child {margin-bottom: 0;}
		.c_wr3 a.lnk {margin-left: 30px; color: #fff;}
	
/* -------------------------------
	Footer 
------------------------------- */
#footer {
	min-width: 1000px;
	width: 100%;
	height: 86px;
	margin-top: -86px;
	position: absolute;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #8f8f8f;
	text-align: center;
}
	#footer .in {padding-top: 35px;}
				
		.copy {}
			.copy span {margin: 0 14px;}
			
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
.tap_block {cursor:pointer;}