@charset "utf-8";


/*	base font
------------------------------------------*/
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

html{
	font-size: calc(14px + 10 * (100vh - 800px) / 800);
}

body{
	color: #000;
	font-size: 1rem;
	font-family:"Yu Gothic", YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: 500;
	line-height: 1.6;
	
	font-feature-settings : "palt";
	-webkit-text-size-adjust: none;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}




/*	basic structure
------------------------------------------*/
html{
	overflow: auto;
	overflow-x: hidden;
}
body{
	position:relative;
	overflow:hidden;
}
#page{
	position:relative;
	width:100%;
	height:100%;
	min-height:100vh;
	min-width:100%;
	overflow:hidden;
}
#container{
	position:relative;
	width:100%;
	height:100%;
}




/*
	hd
------------------------------------------*/

#hd{
	position:relative;
	width:100%;
	height:225px;
	background:url(/common/bd_grn.gif) repeat-x 0 0;
	z-index:100;
}
#hd #logo{
	position:absolute;
	left:2%;
	top:41px;
	width:349px;
	height:144px;
	background:url(/common/iihoshi-bankin.png) no-repeat;
}
#hd #logo a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#hd #statement{
	position:absolute;
	left:35%;
	top:128px;
	font-size:.78rem;
	line-height:1.8;
}


#hd #hd_inq{
	position:absolute;
	right:15px;
	top:28px;
	white-space:nowrap;
}
	#hd #hd_inq span{
		color:rgb(23,99,132);
		font-size:1.5rem;
		font-weight:bold;
		line-height:1;
	}
	#hd #hd_inq a{
		position:relative;
		display:inline-block;
		* zoom:1;
		* display:inline;
		top:5px;
		padding:12px 15px 15px;
		color:#fff;
		font-size:1.07rem;
		font-weight:bold;
		line-height:1;
		background:rgb(23,99,132);
		border-radius:3px;
		margin:0 0 0 .36rem;
		transition: .3s;
		z-index:1;
	}
	#hd #hd_inq a:hover,
	#hd #hd_inq a:active,
	#hd #hd_inq a:focus{
		background:rgb(0,153,255);
	}
	#hd #hd_inq a img{
		position:relative;
		top:2px;
		margin:0 0 0 .36rem;
	}
	#hd #hd_inq p{
		position:relative;
		top:-12px;
		font-size:.928rem;
	}


#hd #gm{
	position:absolute;
	right:3%;
	top:111px;
}
	#hd #gm > ul{
		display:block;
		width:100%;
		height:100%;
	}
	#hd #gm ul:after {
		content: "";
		display: table;
		clear: both;
	}
	#hd #gm > ul > li{
		display:block;
		position:relative;
		float:left;
	}
	#hd #gm > ul > li > a{
		display:block;
		position:relative;
		width:16px;
		height:100%;
		padding:16px 17px 16px 15px;
		text-align:center;
		font-size:1.14rem;
		font-weight:bold;
		line-height:1 !important;
		background:rgba(255,255,255,.4);
		border-right:1px solid rgba(23,99,132,.3);
		border-radius:3px;
		-webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;
	}
	#hd #gm > ul > li > a:hover{
		padding:21px 17px 11px 15px;
		color:#000;
		background:rgba(255,255,255,.7);
	}

@media screen and (max-width: 1150px) {
	#hd #statement{
		position:absolute;
		left:26%;
		top:36px;
		line-height:1.8;
	}
}
@media screen and (max-width: 860px){
	#hd{
		height:auto;
		padding:30px 0 20px;
	}
	#hd_inq, #gm{
		display:none;
	}
	#hd #logo, #hd #statement{
		position:relative;
		left:inherit;
		top:inherit;
		text-align:center;
		font-size:.78rem;
		line-height:1.5;
	}
	#hd #logo{
		width:166px;
		height:125px;
		background:url(/common/iihoshi-bankin_v.gif) no-repeat;
		margin:0 auto 1.78rem;
	}
}





#pagetop{
	position:fixed;
	right:1px;
	bottom:1px;
}
#pagetop span{
	display:block;
	width:30px;
	height:40px;
	padding-top:14px;
	text-align:center;
	color:#fff;
	font-size:1.42rem;
	line-height:1;
	background:rgb(30,75,158);
	border-radius:3px;
	box-sizing: border-box;
	transition: .3s;
}
#pagetop span:hover{
	background:rgb(0,153,255);
}


/*
	main
------------------------------------------*/

.main{
	position:relative;
	width:980px;
	padding:140px 0 0;
	margin:0 auto 150px;
	box-sizing: border-box;
}
@media screen and (max-width:980px) {
	.main{
		width:100%;
		padding:140px 2rem 0;
	}
}



/*
	footer
------------------------------------------*/
#ft{
	position:relative;
	width:100%;
	padding:0 0 30px;
	background:url(/common/bd_grn.gif) repeat-x 0 100%;
}
#ft_ci_color{
	padding:25px 25px 30px;
	background:rgb(23,99,132);
	margin:0 0 3.57rem;
}
#ft a:link,#ft a:visited{
	color:#fff;
	font-size:.85rem;
	line-height:1;
	transition: .3s;
}
#ft a:hover, #ft a:active, #ft a:focus{
	color:#f8ff82;
	text-decoration:underline;
}

#ft_sitemenu{
	position:relative;
	width:auto;
}
	#ft_sitemenu::after {
		content: "";
		display: table;
		clear: both;
	}
	#ft_sitemenu p{
		position:relative;
		margin:0 0 1rem;
	}
	#ft_sitemenu p img{
		position:relative;
		top:3px;
		margin:0 .5em 0 0;
	}
	#ft_sitemenu ul{
		float:left;
		margin:0 2em 0 0;
	}
	#ft_sitemenu li{
		padding:3px 0;
	}
	
#omakase{
	position:absolute;
	right:0;
	top:48px;
	width:410px;
}
	#omakase p{
		color:#fff;
		font-size:11.5px;
		line-height:1.8;
	}
	#omakase strong{
		display:block;
		color:#fff;
		font-size:1.14rem;
		font-weight:bold;
		margin:0 0 .35rem;
	}

#ft_logo{
	text-align:center;
	margin:0 auto 3.57rem;
}
#cp{
	text-align:center;
	font-size:.85rem;
}
@media screen and (max-width:860px) {
	#omakase{
		position:relative;
		right:inherit;
		top:inherit;
		width:auto;
		margin:3rem 0 0;
	}
}
@media screen and (max-width:470px) {
	#ft_sitemenu{
		display:none;
	}
	#omakase{
		margin:0 0 0;
	}
}




/*	hbg
------------------------------------------*/

#hbg{
	position:fixed;
	z-index: 101;
	right:-18.25rem;
	top: 0;
	overflow: hidden;
	width: 17rem;
	height: 100%;
	color: #222;
	background-color: #fff;
	overflow-y: scroll;
	transition:.3s;
	z-index:1001;
}
	#hbg.hbg_on{
		right:0;
	}
	
	#hbg ul > li > a{
		display:block;
		position:relative;
		padding:13px 10px;
		font-size:.9rem;
		font-weight:bold;
		line-height:1.2;
		border-bottom:1px solid rgba(24,48,135,.7);
	}
	
	#hbg #hbg_colophon{
		padding:0 0 0 10px;
		margin:1.5rem 0 0;
	}
	#hbg #hbg_colophon dt{
		width:90%;
		margin:0 0 .5rem;
	}
	#hbg #hbg_colophon dd{
		font-size:.8rem;
		line-height:1.6;
	}



/* btn */
.hbg_btn{
	display: none;
	position: fixed;
	right:0;
	top: 22px;
	width: 2rem;
	padding: 18px .75rem 30px;
	transform: translate3d(0, 0, 0);
	background-color: transparent;
	border:none;
	transition:.3s;
	box-sizing: content-box;
	z-index: 104;
	cursor: pointer;
}
	.hbg_btn.hbg_on{
		right:17rem;
	}

.hbg_btn-icon{
	position: relative;
	display: block;
	top:0;
	width: 100%;
	margin-top: 10px;
}
	.hbg_btn-icon,
	.hbg_btn-icon:before,
	.hbg_btn-icon:after{
		width: 100%;
		height: 2px;
		-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		background-color: rgb(23,99,132);
	}
	.hbg_btn-icon:before,
	.hbg_btn-icon:after{
		position: absolute;
		top: -10px;
		left: 0;
		content: '';
	}
	.hbg_btn-icon:after{
		top: 10px;
	}

/* opened */
.hbg_btn.hbg_on{
	top:0;
}
.hbg_btn.hbg_on .hbg_btn-icon{
	background-color: transparent;
}
	.hbg_btn.hbg_on .hbg_btn-icon:before{
		top:0;
		background-color: #fff;
		transform: rotate(45deg);
	}
	.hbg_btn.hbg_on .hbg_btn-icon:after{
		top:0;
		background-color: #fff;
		transform: rotate(-45deg);
	}

@media screen and (max-width: 860px){
	.hbg_btn{
		display:block;
	}
}
@media screen and (max-width: 400px){
	.hbg_btn{
		top: 13px;
	}
}

.drawer_bg{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(23,99,132,.97);
	overflow:hidden;
	transition:.3s;
	z-index:100;
}
	.drawer_bg.hbg_on{
		display:block;
	}
#container.hbg_on{
	position:fixed;
}




/*	modal
------------------------------------------*/
.modal{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.94);
	z-index:2000;
}
.overlay{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0 auto 0;
	z-index:2001;
}
.btn_close{
	display:block;
	position:fixed;
	top:0;
	right:0;
	z-index:2002;
	cursor:pointer;
}





/*  layout system
------------------------------------------*/

.clm2{
	display:table;
	width:100%;
	box-sizing: border-box;
}
	.clm2 .clm2_d{
		display:table-cell;
		vertical-align:top;
	}
	.clm2 .clm2_30p{ width:30%}
	.clm2 .clm2_40p{ width:40%}
	.clm2 .clm2_50p{ width:50%}
	.clm2 .clm2_60p{ width:60%}
	
.clm3{
	display:table;
	width:100%;
	box-sizing: border-box;
	margin:0 auto 100px;
}
	.clm3 .clm3_d{
		display:table-cell;
		width:30%;
		padding:0 5% 0 0;
	}
	.clm3 .clm3_d:nth-child(3){
		margin:0 0 0 0;
	}


/*	form
------------------------------------------*/

.table_form{
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
	border-top:1px solid rgba(30,75,157,.4);
	box-sizing: border-box;
	margin:0 auto 2.14rem;
}
	.table_form th{
		width:20%;
		padding:.8rem 1.2rem;
		vertical-align:middle;
		white-space:nowrap;
		font-weight:normal;
		border-bottom:1px solid rgba(30,75,157,.4);
	}
	.table_form td{
		padding:.8rem 1.2rem;
		vertical-align:middle;
		font-weight:normal;
		border-bottom:1px solid rgba(30,75,157,.4);
	}
	.table_form td.submit{
		text-align:center;
		background:rgb(23,99,132,.1);
	}
	.table_form input[type=text],
	.table_form input[type=tel],
	.table_form input[type=email],
	.table_form textarea{
		border-style: none;
		width:70%;
		padding:.8rem 1.2rem;
		font-size:1.14rem;
		background:rgba(23,99,132,.1);
		border-radius:5px;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.table_form *{
		font-family:"Yu Gothic", YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	}
	.table_form textarea{
		width:100%;
		height:300px;
	}
	.table_form pre{
		white-space:normal;
	}


.submit_button{
	border-style: none;
	display:inline-block;
	padding:1rem 1.8rem;
	color:#fff;
	font-size:1.14rem;
	font-weight:bold;
	letter-spacing:.1em;
	background:rgb(23,99,132);
	border-radius:3px;
	transition: .3s;
}
	.submit_button:hover,
	.submit_button:active,
	.submit_button:focus{
		background:rgb(0,153,255);
		cursor:pointer;
	}
	.submit_button.grey{
		background:#666;
	}


	
.must{
	color:rgb(204,0,51);
}
.er_msg{
	display:inline-block;
	padding:10px 16px;
	color:#c30;
	background:mistyrose;
	border-radius:3px;
	margin:0 auto;
}
.er{
	display:inline-block;
	padding:2px 1em;
	text-align:left;
	color:#fff;
	font-size:.78rem;
	background:rgb(211,68,68);
	margin:0.5em 0;
	border-radius:4px;
}




/*	table
------------------------------------------*/

/* plain no-border */
.table_1{
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
	border-left:1px solid rgba(30,75,157,.4);
	box-sizing: border-box;
}
	.table_1 th{
		padding:.8rem 1.2rem;
		vertical-align:top;
		text-align:left;
		white-space:nowrap;
	}
	.table_1 td{
		padding:.8rem 1.2rem;
		vertical-align:top;
		text-align:left;
		font-weight:normal;
	}
	
	
/* plain */
.table_2{
	border-collapse: separate;
	border-spacing: 0;
	border-top:1px solid rgba(30,75,157,.4);
	box-sizing: border-box;
}
	.table_2 th{
		padding:.8rem 1.2rem;
		vertical-align:middle;
		white-space:nowrap;
		font-weight:normal;
		border-bottom:1px solid rgba(30,75,157,.4);
	}
	.table_2 td{
		padding:.8rem 1.2rem;
		vertical-align:middle;
		font-weight:normal;
		border-bottom:1px solid rgba(30,75,157,.4);
	}
	.bg_aliceblue th,
	.bg_aliceblue td{
		background-color:rgb(240,248,255);
	}
	



/*	kakomi
------------------------------------------*/

/* blue 3px solid rounded */
.kakomi_blue{
	width:100%;
	padding:25px 25px 15px;
	border:3px solid rgb(23,99,132);
	border-radius:4px;
	box-sizing: border-box;
}






/*
	elements
------------------------------------------*/


/* ttl */
.ttl_img{
	position:relative;
	width:100%;
	height:auto;
	text-align:center;
	overflow:hidden;
}
	.ttl_img:after{
		position:absolute;
		display:block;
		content:'';
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(/top/ptn_dot.png) repeat;
	}
	.ttl_img img{
		position:relative;
		display:block;
		width:100%;
		height:auto;
		-webkit-transition: 30s; -moz-transition: 30s; -o-transition: 30s; -ms-transition: 30s; transition: 30s;
	}
	.ttl_img img.img_expand{
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

.page_ttl{
	position:absolute;
	left:0;
	top:-3.14rem;
	padding:1rem 2rem 1.4rem;
	background:rgb(23,99,132);
	border-radius:3px;
}
	.page_ttl a{
		display:block;
	}
	.page_ttl .ttl{
		color:#fff;
		font-size:2rem;
		font-weight:bold;
		line-height:1;
	}
	.page_ttl span{
		color:#fff;
		font-size:.85rem;
		font-weight:bold;
	}

.ttl_1{
	text-align:center;
	color:rgb(23,99,132);
	font-size:2.45rem;
	font-size: calc(2.45rem + 30 * (100vh - 800px) / 800);
	line-height:1.3;
	font-weight:bold;
	margin:0 0 2.85rem;
}
.ttl_2{
	text-align:center;
	color:rgb(23,99,132);
	font-size:1.4rem;
	line-height:1.3;
	font-weight:bold;
	margin:0 0 1rem;
}
.ttl_3{
	padding:12px 15px;
	color:#fff;
	font-size:1.4rem;
	line-height:1;
	font-weight:bold;
	margin:0 0 1rem;
	background:rgb(23,99,132);
	border-radius:3px;
}


.komidashi{
	display:block;
	font-size:1.28rem;
	font-weight:bold;
	line-height:1.3;
	margin:0 0 1rem;
}



/* paragraph */
.lead_txt{
	font-size:1.14rem;
	line-height:1.8;
}
.body_txt{
	font-size:1.07rem;
	line-height:1.8;
}



/*	btn */

.btn_set_blue{
	display:block;
	text-align:center;
	margin:1.42rem auto;
}
	.btn_set_blue a{
		display:inline-block;
		* zoom:1;
		* diplay:inline;
		padding:20px 35px;
		color:#fff;
		font-size:1.28rem;
		font-weight:bold;
		background:rgb(23,99,132);
		border-radius:3px;
		transition: .3s;
	}
	.btn_set_blue a:hover,
	.btn_set_blue a:active,
	.btn_set_blue a:focus{
		background:rgb(0,153,255);
	}

.btn_blue{
}
	.btn_blue a{
		display:inline-block;
		* zoom:1;
		* diplay:inline;
		padding:12px 15px;
		color:#fff;
		background:rgb(23,99,132);
		border-radius:3px;
		transition: .3s;
	}
	.btn_blue a:link,
	.btn_blue a:visited{
		color:#fff !important;
	}
	.btn_blue a:hover,
	.btn_blue a:active,
	.btn_blue a:focus{
		color:#fff !important;
		background:rgb(0,153,255);
	}
	


/* list */
.list_inblock li{
	display:inline-block;
	* zoom:1;
	* display:inline;
	margin:0 1.5em 0 0;
}


/* txt color */
.red	{ color:rgb(204,0,0)}
.blue	{ color:rgb(30,75,158)}
.grn	{ color:rgb(23,99,132)}


/* radius */
.r4		{border-radius:4px}
.r6		{border-radius:6px}
.r8		{border-radius:8px}
.r10	{border-radius:10px}
.r12	{border-radius:12px}
.r16	{border-radius:16px}


/* shadow */
.shadow2	{ box-shadow: 1px 1px 2px rgba(0,0,0,0.3)}
.shadow4	{ box-shadow: 1px 1px 4px rgba(0,0,0,0.3)}
.shadow6	{ box-shadow: 1px 1px 6px rgba(0,0,0,0.3)}
.shadow8	{ box-shadow: 1px 1px 8px rgba(0,0,0,0.3)}
.shadow10	{ box-shadow: 1px 1px 10px rgba(0,0,0,0.3)}


/* font / line */
.ff_mincho		{font-family: 'Times New Roman', Times, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif}
.ff_meiryo		{font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif}
.ff_gothic		{font-family: 'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, 游ゴシック, YuGothic, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PMincho', sans-serif}
.bold		{font-weight:bold}
.normal		{font-weight:normal}
.sml,.sml * 	{font-size:.78rem;line-height:13px}
.ssml,.ssml * 	{font-size:.71rem;line-height:12px}

.fs_6	{font-size:6px}
.fs_7	{font-size:7px}
.fs_8	{font-size:8px}
.fs_9	{font-size:.64rem}
.fs_10	{font-size:.71rem}
.fs_11	{font-size:.78rem}
.fs_12	{font-size:.85rem}
.fs_13	{font-size:.928rem}
.fs_14	{font-size:1rem}
.fs_15	{font-size:1.07rem}
.fs_16	{font-size:1.14rem}
.fs_18	{font-size:1.28rem}
.fs_20	{font-size:1.42rem}
.fs_22	{font-size:1.57rem}
.fs_24	{font-size:1.71rem}

.line50	{line-height:50%}
.line60	{line-height:60%}
.line70	{line-height:70%}
.line80	{line-height:80%}
.line90	{line-height:90%}
.line100	{line-height:100%}
.line110	{line-height:110%}
.line120	{line-height:120%}
.line130	{line-height:130%}
.line140	{line-height:140%}
.line150	{line-height:150%}
.line160	{line-height:160%}
.line170	{line-height:170%}
.line180	{line-height:180%}
.line190	{line-height:190%}
.line200	{line-height:200%}
.line220	{line-height:220%}
.line240	{line-height:240%}
.line260	{line-height:260%}
.line280	{line-height:280%}
.line300	{line-height:300%}


/* display type */
.hide{display:none}
.block{display:block}
.inline{display:inline}
.in-block{
	display:inline-block;
	* zoom:1;
	* display:inline;
}
.newspaper{
	text-justify:newspaper;
}

.dp_show1000,
.dp_show900,
.dp_show800,
.dp_show700,
.dp_show600,
.dp_show500,
.dp_show400{
	display:none;
}
@media screen and (max-width: 1000px){.dp_show1000{display:block}}
@media screen and (max-width: 900px){.dp_show900{display:block}}
@media screen and (max-width: 800px){.dp_show800{display:block}}
@media screen and (max-width: 700px){.dp_show700{display:block}}
@media screen and (max-width: 600px){.dp_show600{display:block}}
@media screen and (max-width: 500px){.dp_show500{display:block}}
@media screen and (max-width: 400px){.dp_show400{display:block}}

.dp_hide1000,
.dp_hide900,
.dp_hide800,
.dp_hide700,
.dp_hide600,
.dp_hide500,
.dp_hide400{
	display:block;
}
@media screen and (max-width: 1000px){.dp_hide1000{display:none}}
@media screen and (max-width: 900px){.dp_hide900{display:none}}
@media screen and (max-width: 800px){.dp_hide800{display:none}}
@media screen and (max-width: 700px){.dp_hide700{display:none}}
@media screen and (max-width: 600px){.dp_hide600{display:none}}
@media screen and (max-width: 500px){.dp_hide500{display:none}}
@media screen and (max-width: 400px){.dp_hide400{display:none}}


/* img fit */
.imgfit{
	display:block;
	width:100%;
	height:auto;
}

/* align */
.float_r{float:right}
.float_l{float:left}
.float_c{margin:0 auto 0}
.align_l{text-align:left}
.align_r{text-align:right}
.align_c{text-align:center}
.valign_t{vertical-align:top}
.valign_m{vertical-align:middle}
.valign_b{vertical-align:bottom}

/* margin */
.left50{margin-left:50px !important}
.left40{margin-left:40px !important}
.left30{margin-left:30px !important}
.left20{margin-left:20px !important}
.left15{margin-left:15px !important}
.left10{margin-left:10px !important}
.left7{margin-left:7px !important}
.left5{margin-left:5px !important}
.left3{margin-left:3px !important}
.left0{margin-left:0px !important}

.right50{margin-right:50px !important}
.right40{margin-right:40px !important}
.right30{margin-right:30px !important}
.right20{margin-right:20px !important}
.right15{margin-right:15px !important}
.right10{margin-right:10px !important}
.right7{margin-right:7px !important}
.right5{margin-right:5px !important}
.right3{margin-right:3px !important}
.right0{margin-right:0px !important}

.top90{margin-top:90px !important}
.top80{margin-top:80px !important}
.top70{margin-top:70px !important}
.top60{margin-top:60px !important}
.top50{margin-top:50px !important}
.top45{margin-top:45px !important}
.top40{margin-top:40px !important}
.top35{margin-top:35px !important}
.top30{margin-top:30px !important}
.top25{margin-top:25px !important}
.top20{margin-top:20px !important}
.top15{margin-top:15px !important}
.top10{margin-top:10px !important}
.top7{margin-top:7px !important}
.top5{margin-top:5px !important}
.top3{margin-top:3px !important}
.top0{margin-top:0px !important}

.btm150{margin-bottom:150px !important}
.btm140{margin-bottom:140px !important}
.btm130{margin-bottom:130px !important}
.btm120{margin-bottom:120px !important}
.btm110{margin-bottom:110px !important}
.btm100{margin-bottom:100px !important}
.btm90{margin-bottom:90px !important}
.btm80{margin-bottom:80px !important}
.btm70{margin-bottom:70px !important}
.btm60{margin-bottom:60px !important}
.btm50{margin-bottom:50px !important}
.btm40{margin-bottom:40px !important}
.btm30{margin-bottom:30px !important}
.btm20{margin-bottom:20px !important}
.btm15{margin-bottom:15px !important}
.btm10{margin-bottom:10px !important}
.btm7{margin-bottom:7px !important}
.btm5{margin-bottom:5px !important}
.btm3{margin-bottom:3px !important}
.btm0{margin-bottom:0px !important}

.pad_top50{padding-top:50px !important}
.pad_top40{padding-top:40px !important}
.pad_top30{padding-top:30px !important}
.pad_top20{padding-top:20px !important}
.pad_top15{padding-top:15px !important}
.pad_top10{padding-top:10px !important}
.pad_top7{padding-top:7px !important}
.pad_top5{padding-top:5px !important}
.pad_top3{padding-top:3px !important}
.pad_top0{padding-top:0px !important}

.pad_btm50{padding-bottom:50px !important}
.pad_btm40{padding-bottom:40px !important}
.pad_btm30{padding-bottom:30px !important}
.pad_btm20{padding-bottom:20px !important}
.pad_btm15{padding-bottom:15px !important}
.pad_btm10{padding-bottom:10px !important}
.pad_btm7{padding-bottom:7px !important}
.pad_btm5{padding-bottom:5px !important}
.pad_btm3{padding-bottom:3px !important}
.pad_btm0{padding-bottom:0px !important}

.pad_left50{padding-left:50px !important}
.pad_left40{padding-left:40px !important}
.pad_left30{padding-left:30px !important}
.pad_left20{padding-left:20px !important}
.pad_left15{padding-left:15px !important}
.pad_left10{padding-left:10px !important}
.pad_left7{padding-left:7px !important}
.pad_left5{padding-left:5px !important}
.pad_left3{padding-left:3px !important}
.pad_left0{padding-left:0px !important}

.pad_right50{padding-right:50px !important}
.pad_right40{padding-right:40px !important}
.pad_right30{padding-right:30px !important}
.pad_right20{padding-right:20px !important}
.pad_right15{padding-right:15px !important}
.pad_right10{padding-right:10px !important}
.pad_right7{padding-right:7px !important}
.pad_right5{padding-right:5px !important}
.pad_right3{padding-right:3px !important}
.pad_right0{padding-right:0px !important}


/* width */
.w600{width:600px !important}
.w550{width:550px !important}
.w530{width:530px !important}
.w500{width:500px !important}
.w450{width:450px !important}
.w400{width:400px !important}
.w350{width:350px !important}
.w300{width:300px !important}
.w250{width:250px !important}
.w200{width:200px !important}
.w175{width:175px !important}
.w150{width:150px !important}
.w125{width:125px !important}
.w100{width:100px !important}
.w75{width:75px !important}
.w50{width:50px !important}
.w25{width:25px !important}
.w20{width:20px !important}
.w15{width:15px !important}
.w10{width:10px !important}

.w100p{width:100% !important}
.w95p{width:95% !important}
.w90p{width:90% !important}
.w85p{width:85% !important}
.w80p{width:80% !important}
.w75p{width:75% !important}
.w70p{width:70% !important}
.w65p{width:65% !important}
.w60p{width:60% !important}
.w55p{width:55% !important}
.w50p{width:50% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w35p{width:35% !important}
.w30p{width:30% !important}
.w25p{width:25% !important}
.w20p{width:20% !important}
.w15p{width:15% !important}
.w10p{width:10% !important}
.w5p{width:5% !important}

/* height */
.h600{height:600px !important}
.h550{height:550px !important}
.h500{height:500px !important}
.h450{height:450px !important}
.h400{height:400px !important}
.h350{height:350px !important}
.h300{height:300px !important}
.h250{height:250px !important}
.h200{height:200px !important}
.h175{height:175px !important}
.h150{height:150px !important}
.h125{height:125px !important}
.h100{height:100px !important}
.h75{height:75px !important}
.h50{height:50px !important}
.h25{height:25px !important}
.h20{height:20px !important}
.h15{height:15px !important}
.h10{height:10px !important}



/* clear */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.clear{ clear:both}


hr.clear1		{ clear:both; border: none; background-color:rgba(255,255,255,0)}
hr.clear4		{ clear:both; margin-bottom:4px; border: none; background-color:rgba(255,255,255,0)}
hr.clear8		{ clear:both; margin-bottom:8px; border: none; background-color:rgba(255,255,255,0)}
hr.clear10		{ clear:both; margin-bottom:10px; border: none; background-color:rgba(255,255,255,0)}
hr.clear20		{ clear:both; margin-bottom:20px; border: none; background-color:rgba(255,255,255,0)}
hr.clear30		{ clear:both; margin-bottom:30px; border: none; background-color:rgba(255,255,255,0)}
hr.clear40		{ clear:both; margin-bottom:40px; border: none; background-color:rgba(255,255,255,0)}
hr.clear50		{ clear:both; margin-bottom:50px; border: none; background-color:rgba(255,255,255,0)}
hr.clear60		{ clear:both; margin-bottom:60px; border: none; background-color:rgba(255,255,255,0)}
hr.clear70		{ clear:both; margin-bottom:70px; border: none; background-color:rgba(255,255,255,0)}
hr.clear80		{ clear:both; margin-bottom:80px; border: none; background-color:rgba(255,255,255,0)}
hr.clear90		{ clear:both; margin-bottom:90px; border: none; background-color:rgba(255,255,255,0)}
hr.clear100		{ clear:both; margin-bottom:100px; border: none; background-color:rgba(255,255,255,0)}



/*	link effects
------------------------------------------*/

a									{ /*-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;*/}
a:link, a:visited					{ color:#000; text-decoration: none}
a:hover, a:active, a:focus			{ color:rgb(0,153,255); text-decoration: none}

a.cl_link:link,a.cl_link:visited	{ text-decoration: underline}

.fx_boxlink{
	background:rgb(30,75,158);
	transition: .3s;
}
.fx_boxlink:hover{
	background:rgb(0,153,255);
}

.fx_hover{
	transition: .3s;
}
.fx_hover:hover{
	-webkit-transform:scale(1.05,1.05) rotate(5deg) translate3d(0, 0, 0);
	transform:scale(1.05,1.05) rotate(5deg) translate3d(0, 0, 0);
	opacity:0.4; filter:alpha(opacity=40);
}

.fx_hover_line:after {
	position: absolute;
	content: "";
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	border: 0px solid rgba(255,255,255,0);
	transition: .3s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.fx_hover_line:hover:after {
	border: 30px solid rgba(255,255,255,.3);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}