@charset "utf-8";


/* reset
---------------------------------------------------------------------*/

html{
	position:relative;
	height:100%;
	overflow: auto;
	font-size: calc(12px + 2 * ( 100vh - 480px ) / 408 )
}
body{
	height: auto;
	overflow: hidden;
	color:#444;
	font-family:"30e130a430ea30aa",Meiryo,Verdana,sans-serif;
	font-size:1rem;
	line-height:18px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{
    margin:0;
    padding:0;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}
dt,ol,ul,li,dt,dd{
	list-style:none;
	text-indent:0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

caption,th{
    text-align:left;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
q:before,q:after{
    content:'';
}
abbr,acronym{
    border:0;
}

a:link,a:visited{
	color:#444;
	text-decoration:underline;
	outline: none;
	transition: 0.3s;
}
a:hover{
	color:#36C;
	text-decoration:none;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

a img{
	border:none; 
}


.side a, #ft a{
	text-decoration:none;
}
.side a:hover, #ft a:hover{
	text-decoration:underline;
}




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

body#bg{
	width:100%;
	background:#6a9db1;
}
	* html body#bg{
		text-align:center;
	}
	* html body div{
		text-align:left;
	}


#hd{
	position:relative;
	width:100%;
	height:220px;
	background:url(../common/bg_hd.gif) top repeat-x;
	margin:0 auto;
}

.main{
	position:relative;
	width:min(100%,915px);
	margin:0 auto;
	padding:0 0 50px 0;
	background:#fff;
	box-shadow: 0 0 3px rgba(0 0 0 / 0.3), 0 0 6px rgba(0 0 0 / .15), 0 0 9px rgba(0 0 0 / .08);
}
	div.main_2column{
		/*background:url(../common/bg_main_w.gif) top no-repeat !important;*/
	}

.bread{
	width:100%;
	_text-align:center;
	background:#706968;
}
.ft{
	position:relative;
	background:url(../common/bg_ft.gif) repeat;
}


/* global navi
---------------------------------------------------------------------*/
.gnav{
	position:relative;
	padding-top:27px;
}
.jsp_logo{
	position:absolute;
	display:flex;
	top:0;
	left:2vw;
	width:clamp(63px,10%,86px);
	height:100%;
	justify-content: center;
	align-items: center;
	transform-origin: center;
	transition:.3s;
}
.jsp_logo:hover{
	transform:scale(1.05);
}
.jsp_logo img{
	width:100%;
	height:auto;
}

.gnav > .wrap{
	position:relative;
	width:min(100%,915px);
	height:130px;
	margin:0 auto;
}
.gn_util{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:27px;
	text-align: right;
	background:#0b3341;
}
.gn_util li{
	display:inline-block;
	padding:1px 1rem 1px 0;
	transform-origin: center;
	transition:.3s;
}
.gn_util li:hover{
	transform:scale(1.1);
}

.gn_menu{
	position:absolute;
	display:flex;
	right:0;
	top:0;
	width:80%;
	height:130px;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	border-left:1px solid rgba(255 255 255 /.15);
}
.gn_menu li{
	display:block;
	width:14%;
	height:130px;
	border-right:1px solid rgba(255 255 255 /.15);
}
.gn_menu li a{
	display:flex;
	width:100%;
	height:100%;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transform-origin: center;
	transition:.3s;
}
.gn_menu li a span{
	color:#fff;
	font-family: "A1明朝";
	font-size:min(2vw,16px);
	line-height: 1.3;
	text-shadow: 0 0 3px rgba(0 0 0 / .4), 0 0 6px rgba(0 0 0 / .2), 0 0 9px rgba(0 0 0 / .1);
}
.gn_menu li a:hover{
	transform:scale(1.1);
}

@media(max-width: 600px){
	.gnav{
		height:80px;
		padding:0;
	}
	.jsp_logo{
		position:absolute;
		display:block;
		top:50%;
		left:50%;
		height:auto;
		transform:translate(-50%,-50%);
	}
	
	.gnav > .wrap{
		height:100%;
	}
	.gn_util,.gn_menu{
		display:none;
	}
}


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

.main .ttl_div{
	position:relative;
	width:100%;
	height:145px;
	overflow:hidden;
	margin:0 auto;
}
	.ttl_div img{
		position:absolute;
		left:50%;
		top:50%;
		width:auto;
		height:100%;
		transform:translate(-50%,-50%);
	}
	.ttl_div .ttl{
		position:absolute;
		left:50%;
		top:50%;
		text-align: center;
		color:#fff;
		font-family:'新ゴ R';
		font-size:max(2.6vh,28px);
		line-height: 1.4;
		letter-spacing:0.04rem;
		text-shadow: 0 0 3px rgba(0 0 0 / .5), 0 0 6px rgba(0 0 0 / .3);
		transform:translate(-50%,-50%);
		z-index: 1;
	}
	.ttl_div .ttl span{
		display:block;
		font-family: "中ゴシックBBB";
		font-size:max(1vh,12px);
		margin:0 auto;
	}
	
	.main_left{
		float:left;
		width:67%;
		padding:40px 0 5rem 5%;
	}
	
	.main_close{
		width:min(100%,915px);
		padding:3px 0;
		text-align:right;
		line-height: 1;
		margin:0 auto 50px;
		background: #0b3341;
		margin:0 auto 50px;
	}
	.main_close img{
		margin-right:1rem;
	}

@media(max-width: 600px){
	.main_left{
		float:none;
		padding:40px 0 5rem 0;
		width:96%;
		margin:0 auto;
	}
}
	

/* side
---------------------------------------------------------------------*/

.side{
	position:absolute;
	right:1vw;
	top:170px;
	width:20%;
}
	.side_m_grn{
		padding:4px 0 7px;
		text-align: center;
		color:#fff;
		font-family:'A1明朝';
		font-size:1rem;
		background:#88ad7b;
	}
	.side .side_round{
		width:100%;
		background:#fff;
	}
	.side .side_round ul{
		width:100%;
		padding:15px 0 10px;
	}
	.side .side_round ul li{
		padding:0 0 7px;
		margin:0 0 7px;
		border-bottom:1px solid rgba(0,0,0,.15);
	}
	.side .side_round *{
		font-size:11px;
		line-height:13px;
	}
	.bn_contact{
		margin:1rem auto 0;
		width:min(100%,200px);
		background:#d88c99;
		border-radius:7px;
		box-shadow:1px 1px 3px rgba(0 0 0 / 20%);
		transition:.5s;
	}
	.bn_contact img{
		display:block;
		width:min(100%,163px);
		height:auto;
		margin:auto;
	}
	.bn_contact:hover{
		background:#b95969;
	}
	
.side_local_nav{
	margin:0 0 30px 0;
}
.side_local_nav dt,.side_local_nav dd{
		width:136px;
		padding:0 11px 6px 11px;
		font-size:11px;
		line-height:13px;
		border-bottom:1px solid #bfd6de;
		margin:0 0 6px 0;
	}
	.side_local_nav dd a{
		font-size:11px;
		line-height:13px !important;
	}

@media(max-width: 600px){
	.side{
		position:relative;
		right:inherit;
		top:inherit;
		width:96%;
		margin:0 auto;
	}
}




/* bread
---------------------------------------------------------------------*/
.bread ul{
	width:min(100%,915px);
	padding:0 1rem;
	text-align:left;
	margin:0 auto;
}
	.bread li{
		display:inline-block;
		margin:0 3px 0 0;
		padding:3px 0;
	}
	.bread *{
		font-size:11px;
		color:#fff !important;
	}



/* footer
---------------------------------------------------------------------*/
.ft_wrap{
	position:relative;
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
	align-items:flex-start;
	width:min(100%,915px);
	text-align:left;
	padding:25px 0 10px;
	margin:0 auto;
	box-sizing: border-box;
}
	.ft *{
		font-size:11px !important;
		line-height:140% !important;
		text-decoration: none !important;
	}
		
	.ft_div1,.ft_div2,.ft_div3,.issa_logo{
		width:auto;
		margin:0 2% 2rem;
	}
	
	.ft_div1 dt,
	.ft_div2 dt,
	.ft_div3 dt{
		border-bottom:1px solid rgba(0 0 0 / .3);
		padding:0 0 4px 4px;
		font-weight:bold;
		margin:0 0 8px 0;
	}
	.ft .ft_li_note{
		margin-top:5px;
		padding:3px 6px;
		font-weight:.9rem;
		line-height:1.2;
		background:#fff;
		border-radius: 4px;
	}
	.ft .ft_li_disabled{
		pointer-events: none;
		opacity:.5;
	}
	
	.ft_adrs{
		position:relative;
		width:100%;
		margin:0 0 1rem;
	}
		.ft_adrs dt{
			display:inline-block;
			margin:0 1rem 0 0;
		}
		.ft_adrs dd{
			display:inline-block;
		}
	
	.copyright{
		width:100%;
	}

@media(max-width: 770px){
	.ft *{
		font-size:12px !important;
		line-height:1.8 !important;
	}
	.ft_wrap{
		padding:25px 1rem 10px;
	}
	.ft_div1,.ft_div2,.ft_div3,.issa_logo{
		width:46%;
		margin:0 0 1rem;
	}
	.ft_adrs{
		margin:3rem auto 1rem;
	}
}
@media(max-width: 500px){
	.ft_wrap{
		display:block;
		padding:25px 1rem 10px;
	}
	.ft_div1,.ft_div2,.ft_div3,.issa_logo{
		width:100%;
		margin:0 0 1rem;
	}
	
	.ft_adrs,
	.ft_adrs dt,
	.ft_adrs dd,
	.copyright{
		position:relative;
		width:auto;
		left:auto;
		top:auto;
	}
}




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

/* menu */
.hbg{
	display:none;
	position:fixed;
	left:0;
	top:-101%;
	width:100%;
	height:100%;
	height:100vh;
	padding:15px 0 0;
	text-align:center;
	background:rgba(255,255,255,.98);
	z-index:10000;
	opacity:0;
	filter:blur(25px);
	transition:.3s ease;
}
	.hbg.active{
		display:block;
		opacity:1;
		filter:blur(0);
		top:0;
	}
	.hbg ul{
		position:relative;
		display:block;
		width: 90%;
		text-align: center;
		margin:60px auto 0;
	}
	.hbg .gm li{
		position:relative;
		padding:.5rem 0 .7rem;
		font-family: "A1明朝";
		font-size:1.2rem;
		line-height:1.2;
	}
	.hbg .gm li:not(:last-child){
		border-bottom:1px solid rgba(0 0 0 / .2);
	}
	.hbg .gm li a{
		text-decoration:none;
	}

/* btn */
.btn-trigger{
	display:none;
	position: fixed;
	right:16px;
	top:20px;
	width: 36px;
	height: 30px;
	cursor:pointer;
	z-index:10001;
	opacity:1;
}
	.btn-trigger span{
		position: absolute;
		left: 0;
		content:'';
		width: 100%;
		height: 2px;
		background-color: rgb(255,255,255);
	}
	.btn-trigger span{
		display: inline-block;
		transition: all .5s;
		box-sizing: border-box;
	}
	.btn-trigger span:nth-of-type(1){
		top: 0;
	}
	.btn-trigger span:nth-of-type(2){
		top: 14px;
	}
	.btn-trigger span:nth-of-type(3){
		bottom: 0;
	}
	
	.btn-trigger span:nth-of-type(1){
		animation: mv_bar1 .75s forwards;
	}
	@keyframes mv_bar1{
		0%{
			transform: translateY(14px) rotate(45deg);
		}
		50%{
			transform: translateY(14px) rotate(0);
		}
		100%{
			transform: translateY(0) rotate(0);
		}
	}
	.btn-trigger span:nth-of-type(2){
		transition: all .25s .25s;
		opacity: 1;
	}
	.btn-trigger span:nth-of-type(3){
		animation: mv_bar3 .75s forwards;
	}
	@keyframes mv_bar3{
		0%{
			transform: translateY(-14px) rotate(-45deg);
		}
		50%{
			transform: translateY(-14px) rotate(0);
		}
		100%{
			transform: translateY(0) rotate(0);
		}
	}
	.btn-trigger.active span:nth-of-type(1){
		animation: mv_bar1-on .75s forwards;
	}
	@keyframes mv_bar1-on{
		0%{
			transform: translateY(0) rotate(0);
		}
		50%{
			transform: translateY(14px) rotate(0);
		}
		100%{
			transform: translateY(14px) rotate(45deg);
			background-color: rgb(0 0 0 / .5);
		}
	}
	.btn-trigger.active span:nth-of-type(2){
		opacity: 0;
	}
	.btn-trigger.active span:nth-of-type(3){
		animation: mv_var3-on .75s forwards;
	}
	@keyframes mv_var3-on{
		0%{
			transform: translateY(0) rotate(0);
		}
		50%{
			transform: translateY(-14px) rotate(0);
		}
		100%{
			transform: translateY(-14px) rotate(-45deg);
			background-color: rgb(0 0 0 / .5);
		}
	}

@media(max-width: 600px){
	.hbg, .btn-trigger{
		display:block;
	}
}






/* shared banner
---------------------------------------------------------------------*/

.bn_polisher{
	margin:2em auto 0;
	text-align:center;
}
.bn_polisher a{
	display:block;
}
.bn_polisher a p{
	margin:.5em 0 0;
	font-size:13px;
	line-height:1.4;
}



/* ajax
---------------------------------------------------------------------*/
#modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:100;
}
.overlay{
	position:fixed;
	width:900px;
	height:600px;
	overflow:hidden;
	top:50px;
	left:50%;
	margin:0 0 0 -450px;
	background:#FFF;
	z-index:101;
	overflow:auto;
}

div.tips{
	position:absolute;
	display:block;
	height:82px;
	opacity:0.9;
	top:-9999px;
	left:-9999px;
	z-index:200;
	pointer-events: none;
	cursor: default; 
}
	div.tips span{
		display:inline-block;
		* display:inline;
		* zoom:1;
		padding:7px;
		color:#FFF;
		font-weight:bold;
		line-height:120%;
		background:#e1678d;
		overflow:visible;
	}
	div.tips img{
		display:block;
		margin:0 0 0 5px;
	}
	:root *> div.tips img{
		display:block;
		margin:0 0 0 15px;
	}
	
div.tips2{
	position:absolute;
	display:block;
	width:250px;
	height:82px;
	opacity:0.9;
	top:-9999px;
	left:-9999px;
	z-index:200;
	pointer-events: none;
	cursor: default; 
}
	div.tips2 span{
		display:inline-block;
		* display:inline;
		* zoom:1;
		padding:7px;
		color:#fff;
		font-size:12px;
		line-height:150%;
		background:#e1678d;
		overflow:visible;
	}
	div.tips2 img{
		display:block;
		margin:0 0 0 5px;
	}
	:root *> div.tips2 img{
		display:block;
		margin:0 0 0 15px;
	}

#lightbox-image-details h3{
	font-weight:bold;
}
#lightbox-image-details p{
	font-size:11px;
	font-weight:normal;
	line-height:130%;
	padding:2px 0 4px;
}
#lightbox-image-details-currentNumber{
	font-size:10px;
}



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

table.table_style1{
	border-collapse:separate;
	border-spacing:1px;
	background:rgba(0,0,0,.15);
	margin:0 0 30px 0;
}
	table.table_style1 caption{
		text-align:center;
		padding:10px;
		color:#fff;
		background:#093;
	}
	table.table_style1 th{
		padding:10px;
		background:#e8f1e7;
		white-space:nowrap;
	}
	table.table_style1 td{
		padding:10px 10px 10px 20px;
		background:#f6faf6;
	}
	
table.table_style2{
	border-collapse:separate;
	border-spacing:1px;
	background:rgba(0,0,0,.15);
	margin:0 0 30px 0;
}
	table.table_style2 th{
		padding:9px 2px 5px;
		text-align:center;
		font-size:11px;
		line-height:14px;
		background:#e7f0f2;
		white-space:nowrap;
	}
	table.table_style2 td{
		padding:9px 2px 5px;
		text-align:center;
		font-size:11px;
		line-height:14px;
		background:#fff;
	}	
	
table.table_style3{
	border-top:1px solid #c3dccd;
}
	table.table_style3 th{
		padding:1em 0.5em 0.7em 0.7em;
		text-align:center;
		background:#eaf0e9;
		border-bottom:1px solid #c3dccd;
	}
	table.table_style3 td{
		padding:1em 0.5em 0.7em 2em;
		text-align:left;
		border-bottom:1px solid #c3dccd;
	}

	

/* msg
---------------------------------------------------------------------*/
.csr_link{
	cursor:pointer;
}
.notice_msg{
	background:#fff;
	margin:0 0 15px 0;
}
.alert_msg{
	color:#C36;
	font-weight:bold;
	background:#fff;
	margin:0 0 15px 0;
}
.alert{
	display:inline-block;
	*display: inline;
	*zoom: 1;  
	padding:4px 8px;
	background:#C36;
	color:#FFF;
	line-height:100%;
	white-space:nowrap;
	margin:4px 0;
}


/* btn
---------------------------------------------------------------------*/
.btn{
	display:inline-block;
	* zoom:1;
	* display:inline;
	padding:1em 2em;
	text-align:center;
	line-height:1.1;
	background:#1765a4;
	border-radius:6px;
}
.btn:link,.btn:visited{
	color:#fff;
	text-decoration:none;
}
.btn:hover{
	background:#209cff;
}



/* color
---------------------------------------------------------------------*/
.cl_red	{ color:#b83d14;}



/* clear
---------------------------------------------------------------------*/

.clear{
	height:0px;
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */




/* font / line
---------------------------------------------------------------------*/

.bold		{font-weight:bold;}
.normal		{font-weight:normal;}
.sml,.sml * 	{font-size:11px;line-height:13px;}
.ssml,.ssml * 	{font-size:10px;line-height:12px;}

.fs_6	{font-size:6px;}
.fs_7	{font-size:7px;}
.fs_8	{font-size:8px;}
.fs_9	{font-size:9px;}
.fs_10	{font-size:10px;}
.fs_11	{font-size:11px;}
.fs_12	{font-size:12px;}
.fs_13	{font-size:13px;}
.fs_14	{font-size:14px;}
.fs_15	{font-size:15px;}
.fs_16	{font-size:16px;}
.fs_18	{font-size:18px;}
.fs_20	{font-size:20px;}
.fs_22	{font-size:22px;}
.fs_24	{font-size:24px;}

.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%;}



/* font style */

.em{
	color:#C00;
	font-size:120%;
	font-weight:bolder;
}
.list_note,.list_note *{
	font-size:11px;
	line-height:120%;
}
.txt_em{
	color:#d88c99;
	font-size:11px;
	line-height:120%;
}
.f_min{ 
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}


/* heading */

.m_grn{
	color:#1e7a15;
	font-family: "中ゴシックBBB";
	font-size:max(3vh,20px);
	font-weight:bold;
	line-height: 1.3;
	margin-bottom:1.5rem;
}




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

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

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

.imgfit{
	width:100%;
	height:auto;
}

/* align
---------------------------------------------------------------------*/
.floatR{float:right;}
.floatL{float:left;}
.floatC{margin:0 auto 0;}
.alignR{text-align:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}


/* margin control
---------------------------------------------------------------------*/
.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;}

.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:45px !important;}
.btm40{margin-bottom:40px !important;}
.btm35{margin-bottom:35px !important;}
.btm30{margin-bottom:30px !important;}
.btm25{margin-bottom:25px !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;}
.w90p{width:90% !important;}
.w80p{width:80% !important;}
.w70p{width:70% !important;}
.w60p{width:60% !important;}
.w50p{width:50% !important;}
.w40p{width:40% !important;}
.w30p{width:30% !important;}
.w25p{width:25% !important;}
.w20p{width:20% !important;}
.w15p{width:15% !important;}
.w10p{width:10% !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;}



/* round shadow etc
---------------------------------------------------------------------*/

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

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

/* round frame */
.fr_momo{
	padding:1em 1.5em;
	background:#f3e2da;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
}
.fr_blueline{
	padding:1em 1.5em;
	border:2px solid #6a9db1;
	border-radius:8px;
}
.fr_link{
	padding:1em 1.5em;
	background:#fff;
	border-radius:8px;
}