/* Getting the new tags to behave */

/*   @import url(http://fonts.googleapis.com/css?family=Federo);
*/
@import url('https://fonts.googleapis.com/css2?family=Federo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Federo&family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Federo&family=Niconne&family=Questrial&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Federo&family=Niconne&family=Noto+Sans+JP:wght@100..900&family=Questrial&display=swap');




article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline;
}
/* Global properties ======================================================== */
html {
	width: 100%;
	height: 100%;
}
body {
	font-size: 13px;
	line-height: 23px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif;
	color: #222;
	height: 100%;
	background: url(../images/body-bg.jpg) center top repeat #ffffff; 
	/*background: #ffffff url(../images/body_bg.png) repeat;*/
	text-align:justify;
	text-justify: inter-ideograph;
	text-align-last:left;
}
.main-bg {
	width: 100%;
	min-height: 100%;
	background: url(../images/bg-1.jpg) center top repeat-x;
}
.bg {
	width: 100%;
	min-height: 100%;
	/*background: url(../images/bg.jpg) center top no-repeat;*/
}
.main {
	padding: 0;
}
a {
	color: #152858;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity: 0.9;
	color: #d44; /*** orange ***/
}
a.uline {
	text-decoration: underline;
}
.col-1, .col-2 {
	float: left;
	width: 160px;
}
.col-1 {
	margin-right: 50px;
}
.wrapper {
	width: 100%;
	overflow: hidden;
}
.extra-wrap {
	overflow: hidden;
}
p {
	margin-bottom: 13px;
    /*padding-left: 6px;
    padding-right: 6px;*/
}
.p0 {
	margin-bottom: 0px;
}
.p1 { margin-bottom: 8px;}
.p2 {margin-bottom: 15px;}
.p3 {margin-bottom: 30px;}
.p4 {margin-bottom: 45px;}
.p5 {margin-bottom: 50px;}

.padleft1 {
	padding-left: 1em;
}

.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	width: 100%;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
	text-align-last:center;
	margin: 0 auto;
}

.color-1 {
	color: #fff;
}
.color-2 {
	color: #000;
}
.color-3 {
	color: #152858; /***  darkblue  ***/
}
.color-4 {
	color: #8bbce4; /***  gray paleblue  ***/
}
.color-5 {
	color: #597099; /***  gray blue  ***/
}
.color-6 { /*** orange ****/
	color:#f05b2d;
}
.red {
	color: #CC0000;
}

.sz11 { font-size: 11px; }
.sz12 { font-size: 12px; }
.sz13 { font-size: 13px; }
.sz14 { font-size: 14px; }
.sz15 { font-size: 15px; }
.sz16 { font-size: 16px; }
.sz18 { font-size: 18px; }
.sz20 { font-size: 20px; }

.sz-s {
	font-size: 15px;
}
.sz-m {
	font-size: 18px;
}
.sz-l {
	font-size: 24px;
}
.sml {
	font-size: 12px;
}
.bold {
	font-weight:bold;
}
.normal {
	font-weight:normal;
}
.bg-radius {
	border-radius: 5px;
}
span.iconnew {
	color: #FF0000;
	font-size: 12px;
	font-weight:700;
	letter-spacing: 0.1em;
	font-family: 'Questrial', sans-serif;
	margin-left: 4px;
}
strong.block {
	display:block;
}

/********boxes**********************************/
.indent {
	padding: 41px 30px 0 0;}

.indent_1em {
	padding-left: 1em;
}

.utilpad {
	padding: 15px 30px 0 0;
}

p.indent-1moji, .ind-1 {
	padding-left:1em;
	text-indent:-1em;
}
p.ind-2 {
	padding-left:2em;
	text-indent:-1em;
}

.img-indent {
	float: left;
	margin: 0 19px 0px 0;
}
.img-indent2 {
	float: left;
	margin: 0 25px 0px 0;
}
.img-indent3 {
	float: left;
	margin: 0 30px 0px 0;
}
.img-indent-r {
	float: right;
	margin: 0 0px 0px 40px;
}
.buttons a:hover {
	cursor: pointer;
}
.util li a, .menu li a, .list-1 li a, .link, .link-1, .link-2, .button, h1 a {
	text-decoration: none;
}


/****************header*************************************/
header {
	width: 100%;
	position: relative;
	z-index: 100;
}
h1 {
	/*padding: 45px 20px 37px 26px;*/
	padding: 26px 10px 12px 10px;
	background: url(../images/h1-bg.jpg) 0 0 no-repeat;
	float: left;
}
#page10 h1 {
	padding: 26px 10px 12px 10px;
	background: url(../images/bg-1.jpg) center top repeat-x;
	float:none;
}
.address {
	display: block;
	font-size: 14px;
	line-height: 28px;
	text-align: right;
	color: #c0c0c0;
}
.phone {
	font-family: 'Federo', sans-serif;
	display: block;
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 0.02em;
	text-align: right;
	color: #8bbce4;
	margin-top: -5px;
}
.phone span {
	font-size: 16px;
	margin-top: 3px;
}

/***** util menu*****/
.util li {
	display: inline-block;
	/*width: 6em;*/
	float: left;
	line-height: 12px;
	padding:10px;
	margin: 0px;
}
.util li a {
	/*display: inline-block;*/
	font-size: 12px;
	line-height: 12px;
	padding:0 12px;
	color: #c0c0c0;
	background: url(../images/marker-3.gif) left middle no-repeat;
}
.util li a.active, .util > li > a:hover {
	color: #fff;
}



/***** menu *****/
header nav {
	width: 100%;
	height: 50px;
	background: url(../images/menu-bg.jpg) 0 0;
	margin-bottom: 15px;
}



/***** slider *****/
.slider {
	overflow: hidden;
	position: relative;
	border-bottom:#597099 4px solid;
	border-bottom:#8899bb 4px solid;
}


/***** subimage *****/
.subimage {
	overflow: hidden;
	position: relative;
	border-bottom:#8899bb 4px solid;
}
.subimage h2 {
	font-size: 24px;
	font-weight: normal;
	color: #152858;
	position:absolute;
		top: 20px;
        left: 20px;
        z-index: 99;
        text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.9);
}
.subimage_container {
	padding: 0 0 10px 0;
	padding: 0 ;
  }



/************content*************************************/
#content {
	width: 100%;
	padding-bottom: 20px;
	position: relative;
	z-index: 1;
}
.spacer-1 {
	width: 100%;
	background: url(../images/pic-1.gif) 217px 0 repeat-y;
}

.head05 { padding: 5px; }
.head10 { padding: 10px; }
.head10-0 { padding: 10px 0px; }
.head20-0 { padding: 20px 0px; }
.head30-0 { padding: 30px 0px; }
.head20-10 { padding: 20px 10px; }
.head30-10 { padding: 30px 10px; }
.head20-10-10 {padding: 20px 10px 10px;}


.ttl1 {
    /*ボックスのデザイン*/
	background:url(../images/button1-tail.gif) 0 0 repeat-x;
    padding:12px;
   /* border:1px solid #ddd; */
	border-left: #638db0 6px solid;
}
.ttl2 {
    /*box-shadow*/
    box-shadow: 0 0 1px #bbb;
    -webkit-box-shadow:0 0 1px #bbb;
    -moz-box-shadow:0 0 1px #bbb;
     
    /*ボックスのデザイン*/
	background:url(../images/button1-tail.gif) 0 0 repeat-x;
    padding:10px;
	border-top: #597099 2px solid;	
	}

.ttl3 {
    /*box-shadow*/
    box-shadow: 1px 0 1px #bbb;
    -webkit-box-shadow:1px 0 1px #bbb;
    -moz-box-shadow:1px 0 1px #bbb;
     
    /*ボックスのデザイン*/
	background:#FFF;
   padding:10px;
	border: #ccc 1px solid;
	border-radius: 5px;	
	}
.ttl3 span {
	font-size: 13px;
}

.ttl4 {
    padding:4px 10px 8px 10px;
	border-bottom: #ddd 3px solid;
	}
	
h2, h3, h4, h5 {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:700;
   /* letter-spacing: 0.03em;
	font-weight:bold;*/
	line-height: 1.4em;
	padding: 0.08em 0;
}

h2 {
	font-size: 20px;
	/*font-weight: normal;*/
	color: #555;
}
h3 {
	font-size: 16px;
	color: #222;
}
h3 strong {
	display: block;
	margin-top: -25px;
}
h4 {
	font-size: 14px;
	color: #222;
	font-weight: normal;
}
h5 {
	font-size: 13px;
	color: #222;
	margin-bottom: 6px;
}
h6 {
	font-size: 13px;
	color: #222;
}

h3.ttl3 + h4 {
	margin-left: 0.3em;
}

h4 + ul {
	margin: 0.8em 0 2em;
}




/******* page only**************************************************/


#page1 .menuph {
	position:relative;
}
#page1 .menuph span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:700;
   /* letter-spacing: 0.03em;
	font-weight:bold;*/
	font-size:18px;
    line-height: 120%;
	position:absolute;
	top:20px;
	left: 10px;
text-shadow: 2px 2px 1px #FFF,
    -2px 2px 1px #FFF,
    2px -2px 1px #FFF,
    -2px -2px 1px #FFF;	}



#page4 .profile {
	position:relative;
}
#page4 .profile_name {
	display:block;
	width:60%;
	position:absolute;
	top:15px;
	right: 10px;
}
	
#page4 h2.namae {
   font-family: 'Noto Sans Japanese';
   font-weight: 700;
	font-size: 16px;
	color: #222;
	margin:10px 5px;
	text-align:left;
}
#page4 h2.namae span {
	font-size: 24px;
	margin: 0 10px;
}
#page4 h2.namae span.en {
	/*font-family: 'Questrial', sans-serif;*/
	font-family: 'Niconne', cursive;
	font-size: 20px;
	font-weight:400;
	color: #8bbce4;
	letter-spacing: 0.06em;
	display:inline-block;
	margin: 4px 0px
}

	
#page4 h3.namae {
	font-size: 14px;
	margin:5px 0;
	text-align:left;
}
#page4 h3.namae span {
  /*   font-family: 'Noto Sans Japanese';
   font-weight: 700;*/ /*「髙」24px以上で太字*/
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight:bold;
	font-size: 18px;
	margin: 0 10px;
}

#page4 .content_block1 p {
    padding-left: 6px;
    padding-right: 6px;
}

#page4 .bunya,
#page4 .bunya2 {
	margin-left: 5px;
}
#page4 .bunya dt, 
#page4 .bunya li {
	background:url(../images/marker-2.gif) left 9px no-repeat;
	padding-left:1em;
}
#page4 .bunya2 dt{
	background:none;
	padding-left: 0.2em;
	margin-bottom: 8px;
}
#page4 .bunya2 dd{
	background:url(../images/marker-2.gif) left 9px no-repeat;
	margin-left: 1em;
	padding-left: 1em;
	margin-bottom: 8px;
}
#page4 .bunya2 dd.subttl{
	background:none;
	padding-left: 0;
}
#page4 .bunya2 dd:last-child{
	margin-bottom: 2em;
}
#page4 .bunya dd, 
#page4 .bunya li {
	margin-bottom: 8px;
}
#page4 .bunya li ul li{
	background:none;
	padding-left: 2em;
	text-indent: -1em;
}
#page4 .bunya li span {
	display:block;
	padding-left: 4.5em;
}
#page4 .bunya li span.em6 {
	display:block;
	padding-left:6.7em;
}
#page4 .bunya li span.em65 {
	display:block;
	padding-left:7.2em;
}
#page4 .bunya li span.em7 {
	display:block;
	padding-left:7.7em;
}

#page4 .bunya li li {
	background:url(../images/marker-4.gif) left 8px no-repeat;
	padding-left: 1em;
	margin-bottom: 0px;
}
#page4 .bunya li li li{
	background:none;
	padding-left: 1em;
	margin-bottom: 0px;
}

#page4 .list li a {
	display:inline-block;
	width: 40%;
	float:left;
	line-height: 10px;
    /*ボックスのデザイン*/
	background:#FFF;
   padding:5px 10px;
	margin:2px;
	border: #ccc 1px solid;
	border-radius: 5px;	
}
#page4 .list ul {
	display:block;
	overflow:hidden;
}
	

/*========== block ==========*/
.block-1 {
	background:#FFFFFF;
	border-top: #b7b7b8 1px solid;
	border-left: #b7b7b8 1px solid;
	padding:12px;}
.block-1.end {
	border-top: #b7b7b8 1px solid;
	border-right: #b7b7b8 1px solid;
	border-left: #b7b7b8 1px solid;
	border-bottom: none;
	padding:12px;}
.block-1.bdb {
	border-top: #b7b7b8 1px solid;
	border-left: #b7b7b8 1px solid;
	border-bottom: #b7b7b8 1px solid;
	padding:12px;}
.block-1.bdb-end {
	border-top: #b7b7b8 1px solid;
	border-right: #b7b7b8 1px solid;
	border-left: #b7b7b8 1px solid;
	border-bottom: #b7b7b8 1px solid;
	padding:12px;}	
.block-1 p {padding:8px 0 13px 0;}


.block-2 {
	border-top: #b7b7b8 1px solid;
	border-left: #b7b7b8 1px solid;
	margin:0; 
	padding: 5px ;
	background: url(../images/block-tail.jpg) 0 0 repeat-x #e0e0e0;
	overflow:hidden;
	}
.block-2.last {
	border-top: #b7b7b8 1px solid;
	border-right: #b7b7b8 1px solid;
	border-left: #b7b7b8 1px solid;
	}
.block-border-b {
	border-bottom: #b7b7b8 1px solid;
}

.block-2 h4 {
	font-size: 16px;
	font-weight:bold;
	padding:15px 5px 0 0;
}
.block-2 h4 .num {
	font-family: 'Federo', sans-serif;
	font-size: 24px;
	color:#446eac;
	padding-right: 5px;
}

.content_block1 {
	background:#FFFFFF;
	border: #b7b7b8 1px solid;
	padding: 15px;
}
.content_block2 {
	background:#FFFFFF;
	padding: 15px;
	border-radius: 6px;
}


/*====== countainer ============*/
.container {
	width: 100%;
	background-color:#f3f3f7;
	border:#b7b7b8 1px solid;
}


/*======= side box ======================*/

.box {/*=== access box ====*/
	width: 100%;
	background-color: #152858;
	color: #d0d0d0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.box .padding {
	padding: 15px 10px;
}
.box h3 {
	display:block;
	width: 100%;
	color: #d0d0d0;
	float:left;
	margin-bottom: 10px;
}
.box h3 span {
	font-family: 'Federo', sans-serif;
	display: inline-block;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 0.1em;
	float:right;
	text-align: right;
	color: #8bbce4;
	margin-top: 0px;
}
.box .button-1 {
	display: block;
	max-width: 100%;
	padding: 15px 15px 16px;
	font-size: 15px;
	line-height: 1.23em;
	font-weight: bold;
	text-align:center;
	color: #000;
	background: url(../images/button1-tail.gif) 0 0 repeat-x #ccc;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.box .button-1:hover {
	background: #f64;
	color: #fff;
	opacity: 1;
}
.box .tel {
	font-family: 'Federo', sans-serif;
	line-height: 26px;
	vertical-align:middle;
	color: #8bbce4;
	text-align:center;
	margin: 0 auto;
}
.box .tel span {
	/*display: inline-block;*/
	font-size: 15px;
	margin: 0px 2px;
}
.box .tel span.num {
	/*display: inline-block;*/
	font-size: 25px;
	margin: 0px 2px;
}
.box .jusho {
	display:block;
	overflow:hidden;
	margin-bottom:15px;
	}
.box .jusho li {
	line-height: 1em;
	display:inline-block;
	float:left;
	padding: 5px;
}

.subbox {
	width: 100%;
	background-color:#f3f3f7;
	background: #f3f3f7 url(../images/footer_bg.png);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.subbox .padding {
	padding: 15px 10px;
}

.subbox li a {
	display:block;
	background:url(../images/button1-tail.gif) 0 0 repeat-x;
    padding:10px 15px;
	border: #ccc 1px solid;	
	border-top: #FFF 1px solid;	
}
.subbox li.first a {
	border: #ccc 1px solid;	
}

.bookbox {/*=== book information ====*/
	background-color:#FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 15px 10px;
	border: #ccc 1px solid;	
}
/*.bookbox .inner {
	overflow:scroll;
	height: 440px;
}*/
.bookbox .bookcat {
	display: block;
	font-weight:bold;
	padding: 6px 5px;
	border-top:#999 solid 1px;
}
.bookbox .extra-wrap {
	overflow:hidden;
	border-bottom: #ccc dotted 1px;
	margin-bottom:20px;
}
.bookbox .bookwrap {
	overflow:hidden;
	padding: 10px 5px 0px;
	border-top:#666 dotted 1px;
	/*min-height: 150px;*/
}
.bookbox .bookwrap figure {
	padding: 0px 5px 10px 10px;
}
.bookbox h3 {
	display:block; 
	padding: 0;
	margin-bottom: 10px;
	/*border-bottom: #999 1px dotted;*/
}
.bookbox h4 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	display:block;
	padding: 2px 10px;
	text-indent: -0.5em;
}
/*.bookbox h4 a {
	color: #039;
}
.bookbox h4 a:hover {
	text-decoration:underline;
}*/
.bookbox h4 span {
	font-size: 11px;
	padding: 4px 0;
	text-indent: 0em;
}
.bookbox h4 span.writer{
	display:block;
	font-size: 12px;
	line-height: 1.3em;
}
.bookbox p {
	line-height: 1.5em;
	display:block;
	padding: 4px 10px;
	margin-bottom: 0;
}
.bookbox p span{
	display:block;
	font-size: 11px;
	padding: 0px 0 4px 0;
}



/*===== button-1(page4) =============*/
.button-1 {
	display: inline-block;
	padding: 5px 15px 6px;
	font-size: 11px;
	line-height: 1.23em;
	font-weight: bold;
	color: #fff;
	background: url(../images/button-tail.gif) 0 0 repeat-x #a7a7a8;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.button-1:hover {
	background: #a7a7a8;
	color: #fff;
}




/*== list==============*/
.list-1 li {
	line-height: 20px;
	padding: 8px 0 8px 10px;
	background: url(../images/marker-1.gif) 0 15px no-repeat;
}
.list-1 a {
	display: inline-block;
	color: #555;
	font-weight: bold;
}
.list-1 a:hover {
	text-decoration: none;
	color: #f05b2d; /*** orange ***/
}

.list-2 li {
	line-height: 20px;
	padding: 5px 0 5px 10px;
	background: url(../images/marker-2.gif) 0 13px no-repeat;
}
.list-2 a {
	display: inline-block;
}
.list-2 a:hover {
	text-decoration: none;
}

/*== recruit 募集要綱 ==============*/
dl.rec {
	margin-bottom: 1em;
}

dl.rec dt {
	font-weight: bold;
}

dl.rec dt.sub {
	font-weight: bold;
	padding-left: 1em;}

dl.rec dt.nom {
	font-weight: normal;
	padding-left: 1em;}

dl.rec dd {
	padding-left:3em;
    padding-bottom: 0.5em;
}

dl.rec dd.half {
	padding-left:2.5em;
}

dl.rec dd.pad-1 {
	padding-left:4em;
}
dl.rec dd ul.item li {
	list-style-type:circle;
	margin-left:1.3em;
}
.text-1, .text-2 {
	display: inline-block;
	font-size: 40px;
	line-height: 1.2em;
	color: #fff;
	letter-spacing: -1px;
}

/*== お知らせ、コラム、講演　装飾 ==============*/
/* border囲み*/
.post_border {
	border: 1px solid #999;
padding: 10px;
margin: 15px 0;
}

ul.kakomi {
	border: 1px solid #b7b7b8;
padding: 10px;
margin: 15px 0 20px 0 ;
}
ul.kakomi li {
margin: 0 0 1em 0 ;
}



/*====== table ================*/
table, table.portrait {
	width: 100%;
}
table td {
	border: 1px solid #b7b7b8;
	line-height: 30px;
	padding: 5px 10px;
	color: #222;
}
table td.left {
	width: 33.33%;
}
table td.left2 {
	width: 40%;
}

.portrait th, .portrait td {
	border: 1px solid #b7b7b8;
	line-height: 30px;
	padding: 5px 10px;
	color: #222;
}
.portrait th {
	width: 25%;
	color: #555;
	text-align:center;
	vertical-align:middle;
	background: #f7f7f8;
}


/**** Lightbox ****/
.lightbox {
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
}
.lightbox img {
	position: relative;
	z-index: 1;
}
.lightbox span {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/video-marker.png) no-repeat 50% 50%;
	z-index: 2;
	padding: 0;
}




/*=== footer =================*/

footer {
	overflow: hidden;
	background: #fff url(../images/footer-bg.jpg);
	/*background: #f7f7f8;*/
	padding: 25px 10px;
	border-top: #aabbdd solid 6px;
}

footer .wrap {
}
footer h3 {
	margin-bottom:10px;
}
footer .tel {
	font-family: 'Federo', sans-serif;
	font-size: 34px;
	letter-spacing: 0.02em;
	margin: 6px 12px 10px 6px;
	color: #222;
}
footer .tel span {
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	margin-right: 4px;
}
footer a.button-2 {
	display: inline-block;
	background: url(../images/button2-tail.gif) 0 0 repeat-x #444;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	text-align:center;
	line-height: 16px;
	padding: 10px 30px;
	display: inline-block;
	/*margin-top: 5px;*/
}
footer a.button-2:hover {
	background: #152858;
	color: #e0e0e0;
}

p#copyright {
	font-size:12px;
	margin:0;
	padding: 10px 0px;
	}
	
#flink1, #flink2 {
	display:block;
	float:left;
	width: 100%;
	margin-left: 10px;
}
#flink1 li, #flink2 li {
	display:inline-block;
	float:left;
	font-size:10px;
	margin-left: 20px;
}

footer #flink1 li a, #flink2 li a {
	background:url(../images/marker-3.gif) left no-repeat;
	padding-left: 8px;
}

	 	

/* go to top
=====================================*/
#page-top {
    position: fixed;
    bottom: 2px;
    right: 20px;
	font-size: 28px;
	z-index: 1000;
}
#page-top a {
    background: #111;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding:10px 0;
	margin: 0 ;
	text-align:center;
	text-align-last:center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #666;
}



/*  border  =====================================*/
.border-t-w-sol {
	border-top: #666 4px solid;
}
.border-full-w {
	border: #aabbdd 4px solid;
}
.border-full-s {
	border: #bfbfbf 2px solid;
}
.border-b-sol {
	border-bottom: #8899bb 1px solid;
	padding-bottom: 5px;
	margin-bottom: 7px;
}
.border-t-sol {
	border-top: #8899bb 1px solid;
	padding-top: 5px;
	margin-top: 7px;
}


.border-bot {
	width: 100%;
	padding-bottom: 31px;
	border-bottom: #888 1px solid; 
}
.border-bot2 {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #888 1px solid; 
}



/*========= padding margin ======*/
.img-mag10-10-5 {
	margin : 0 10px 5px 10px ;
	}

.pad10 {padding: 10px;}
.pad20 {padding: 20px;}
.pad7-20 {padding: 7px 20px;}
.pad10-20 {padding: 10px 20px;}

.mag10 {margin: 10px;}
.mag15 {margin: 15px;}
.mag20 {margin: 20px;}
.mag10-0 {margin: 10px 0;}
.mag20-0 {margin: 20px 0;}
.mag30-0 {margin: 30px 0;}
.mag20-10 {margin: 20px 10px;}
.mag30-10 {margin: 30px 10px;}
.mag0-20 {margin: 0px 20px;}

.pr10 {padding-right:10px;}
.pr50{padding-right: 50px;}
.pl10{padding-left: 10px;}
.pl30{padding-left: 30px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.mb-05 {margin-bottom:-5px;}
.mb-10 {margin-bottom:-10px;}
	
	
.indent-top {padding-top: 15px;}
.indent-left {padding-left: 30px;}
.indent-left2 {padding-left: 10px;}
.indent-right {padding-right: 50px;}
.indent-bot {margin-bottom: 20px;}
.indent-bot2 {margin-bottom: 30px;}
.indent-bot3 {margin-bottom: 45px;}

.prev-indent-bot {margin-bottom: 10px;}
.prev-indent-bot2 {margin-bottom: 5px;}
.img-indent-bot {margin-bottom: 25px;}
.margin-bot {margin-bottom: 35px;}