@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");

/* common
---------------------------------------------------*/
.printOnly,
.spOnly {
	display: none;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: "Noto Sans JP", sans-serif;
	color: #5a453f;
    overflow:hidden;
    line-height:1.2;
    background:url(../img/common/bg_contents.jpg) no-repeat center 100px #e2dacf;
/*    background-attachment: fixed;*/
}

.mincho {
	font-family: "ヒラギノ明朝 ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight:bold;
}

a {
	color: #5a453f;
	text-decoration: none;
}

a:link, a:visited, a:active, a:hover {
	color: #5a453f;
	overflow: hidden;
	outline: none;
}

a:hover {
    transition: all 0.5s ease 0s;
    text-decoration:underline;
}

a:hover img {
    opacity: 0.7;
}

.float {
	overflow: hidden;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.center {
	text-align: center;
}

table .center {
	text-align: center !important;
}

.alignR {
	text-align: right;
}

.clear {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

.bold {
	font-weight: bold;
}

.spOnly{
    display:none;
}   

 
@media only screen and (max-width:767px) {
    body {
        font-size:15px;
        background:none;
    }

    body:before{
        content:"";
        width:100%;
        height:100%;
        z-index:-1;
        position:fixed;
        display:block;
        background:url(../img/common/bg_contents.jpg) no-repeat center top #e2dacf !important;
        background-size:205% auto;
        left:0;
        top:0;
    }

    .spOnly {
        display: inline-block;
    }

    .pcOnly {
        display: none;
    }

}

/* header
---------------------------------------------------*/
header {
    background:#5a4540;
    position:fixed;
    width:100%;
    z-index:100;
	height: 100px;
}

header .inner{
    width:1200px;
    margin:0 auto;
/*	overflow: hidden;*/
}

header .inner .logo{
	float: left;
	margin:  10px 0;
}

header nav{
	float:right;
    width:980px;
	padding: 10px 0 5px 0;
}

header nav ul{
	clear: both;
/*	overflow: hidden;*/
}

header nav ul li{
    display:inline-block;
    position:relative;
    text-align:center;
}

header nav ul.nav-top{
	overflow: hidden;
	margin-bottom: 5px;
}

header nav ul.nav-top li{
	margin: 10px 45px 0 0;
}

header nav ul.nav-top li a{
    color:#fff !important;
	text-decoration: none;
	font-size:14px;
	font-weight: normal;
	padding:0;
}

header nav ul.nav-top li a:before{
	content: "> ";
}

header nav ul.nav-top li.search{
	float: right;
	margin: 0;
}

header nav ul.nav-top form{
    position:relative;
	margin-bottom: 0;
    }

header nav ul.nav-top .gsc-control-cse{
    color:#fff;
    border:0;
    padding:0;
    width:290px;
    height:40px;
    float:left;
	font-size: 14px;
	background:#fff;
    }

header nav ul.nav-top .gsc-input-box{    
	border:0;
    padding:0;
	background: none;
    }

header nav ul.nav-top table{    
	border:0;
    padding:0;
	background: none;
	margin: 0 !important;
	height: 20px !important;
    }

header nav ul.nav-top table td{    
	border:0;
    padding:5px !important;
	background: none;
	margin: 0 !important;
	height: 20px !important;
    }

header nav ul.nav-top table table,
header nav ul.nav-top table table td{    
    padding:0 !important;
}

header nav ul.nav-top .gsc-search-button-v2 svg{    
    width: 20px;
    height: 20px;
}

header nav ul.nav-top .gsc-search-button {
    width: 40px;
	padding: 0 !important;
	border: none;
	height: 40px;
	vertical-align: top;
	margin: 0 !important;
	border-radius: 0 !important;
}

header nav ul.nav-bottom li:after{
    content:"　";
    height:100%;
    width:1px;
    background:#000;
    position:absolute;
    right:0;
	top:0;
    border-right:1px solid #8c7d78;
}

header nav ul.nav-bottom li:last-child:after{
    display:none;
}

header nav ul.nav-bottom li a{
    color:#fff !important;
    font-weight:bold;
    padding:5px 45px;
    line-height:40px;
	font-size:20px;
}

header nav ul.nav-bottom li:first-child a{
	padding-left: 0;
}

header nav ul.nav-bottom li:last-child a{
	padding-right: 0;
}

header nav ul.nav-bottom li a.nolink{
/*	cursor: default;*/
	text-decoration: none;
}

header nav ul.nav-bottom ul.sub{
	display: none;
    width: 100%;
    background: #5a4540;
    position: absolute;
    left: 0;
	top:45px;
	font-size:16px;
	padding-bottom: 10px;
}	

header nav ul.nav-bottom ul.sub li{
	display: block;
	width: 100%;
}

header nav ul.nav-bottom ul.sub li:after{
	display: none;
}	

header nav ul.nav-bottom ul.sub li a{
	font-size:16px;
	display: block;
	line-height: inherit;
	padding: 10px 0;
}	

@media only screen and (max-width:767px) {
header {
    position:fixed;
    background-color:#5a4540;
	height: 50px;
	padding: 0 15px;
	width: 100%;
	box-sizing: border-box;
}
	
header .inner{
    width:auto;
}

header .inner .logo{
	margin:  5px 0;
}

header .inner .logo img{
	height: 40px;
	width: auto;
}

header .inner .logo img{
}

header .btn_menu{
    position:absolute;
    width:50px;
    height:50px;
    border:none;
    background: #5a4540;
    right:0;
    top:0;
    z-index:1000;
}

header .btn_menu a{
    display:block;
    width:50px;
    height:50px;
}

header .btn_menu span {
    display: block;
    background: #fff;
    width: 20px;
    height: 2px;
    position: absolute;
    left: 15px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

header .btn_menu span:first-child {
    top: 16px;
}

header .btn_menu span:nth-child(2) {
    margin-top: -2px;
    top: 50%;
}

header .btn_menu span:last-child {
    bottom: 16px;
}

header .btn_menu a.active span:first-child {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

header .btn_menu a.active span:nth-child(2) {
    opacity: 0;
}

header .btn_menu a.active span:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

header nav {
/*    display:none;*/
    width: 90%;
	height: calc(100% - 50px);
	transition: all 0.2s;
    transform: translate(100%);
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 10;
	padding: 0;
    background: #5a4540;
}

header nav.open {
    transform: translate(0); 
}

header nav{
	overflow-y: auto;
    margin:0 auto;
}

header nav ul.nav-top{
    margin-top:0;
    border-top:1px solid #827572;
	margin-bottom: 0;
}

header nav ul.nav-top li.search{
	float: inherit;
	padding: 20px 15px !important;
	width: 100%;
	box-sizing: border-box;
}

header nav ul.nav-top li.search .gsc-control-cse{
	width:100%;
}

header nav ul.nav-top li.search a{
	padding: 0 !important;
	background: none;
}

header nav ul.nav-top li a:before{
		display: none;
}

header nav ul.nav-bottom{
    margin-top:0;
    border-top:none;
}

header nav ul.nav-bottom li a.nolink {
	background: none;
}

header nav ul.nav-bottom li .sub{
	display: block !important;
	position: inherit;
	left:inherit;
	top:inherit;
    border-top:1px solid #827572;
	margin: 0 15px;
	padding-bottom: 0 !important;
	width: auto;
	height: inherit !important;
}

header nav ul.nav-bottom li .sub li{
	width: auto;
	border: none;
	display: inline-block;
}

header nav ul.nav-bottom li .sub li a{
	background: none;
	font-size:14px !important;
	width: auto;
	display: inline-block;
	padding: 15px 10px !important;
}

header nav ul.nav-bottom li .sub li a:before{
	content: "> ";
}

header nav ul li{
    display:block;
    text-align:left;
	margin: 0 !important;
    border-bottom:1px solid #827572;
}

header nav ul li:after,
header nav ul li:last-child:after{
    display:none;
}

header nav ul li a{
    padding:20px 15px !important;
    text-decoration:none !important;
    display:block;
    line-height: initial;
    background:url("../img/common/arrow_right_white.png") no-repeat 95% center ;
    background-size:12px auto;
    font-size:16px !important;
	line-height: inherit !important;
	font-weight: normal !important;
}

.bg {
    width: 0;
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: rgba(74, 67, 64, 0.8);
}

.bg.block {
    width: 100%;
}

}


/* contents
---------------------------------------------------*/
#contents{
    width:1200px;
    margin:0 auto;
    padding-bottom:60px;
    overflow:hidden;
}

#contents p#logo{
    margin:100px 0 80px 0;
    text-align:center;
}

#contents #leftArea{
    background-color: rgba( 255, 255, 255, .9 );
    width:870px;
    float:left;
    line-height:1.6;
}

#contents #rightArea{
    background-color: rgba( 255, 255, 255, .9 );
    width:300px;
    float:right;
}

#contents #rightArea p.tit{
    color:#fff;
    font-weight:bold;
    font-size:22px;
    padding:10px;
}

#contents #rightArea .categoryArea p.tit{
    background:url(../img/common/icn_category.png) no-repeat 10px center #5a453f;
    background-size:30px auto;
    padding-left:50px;
}

#contents #rightArea .keywordArea p.tit{
    background:url(../img/common/icn_keyword.png) no-repeat 10px center #5a453f;
    background-size:30px auto;
    padding-left:50px;
}

#contents #rightArea ul{
    padding:30px 15px;
}

#contents #rightArea ul li{
    margin-bottom:30px;
    font-size:20px;
}

#contents #rightArea .categoryArea ul li a{
    background:url(../img/common/circle01.png) no-repeat left center;
    background-size:16px auto;
    padding-left:30px;
}

#contents #rightArea .categoryArea ul li:nth-child(2) a{
    background:url(../img/common/circle02.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .categoryArea ul li:nth-child(3) a{
    background:url(../img/common/circle03.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .categoryArea ul li:nth-child(4) a{
    background:url(../img/common/circle04.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .categoryArea ul li:nth-child(5) a{
    background:url(../img/common/circle05.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .categoryArea ul li:nth-child(6) a{
    background:url(../img/common/circle06.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .categoryArea ul li:nth-child(7) a{
    background:url(../img/common/circle07.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .categoryArea ul li:nth-child(8) a{
    background:url(../img/common/circle08.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .categoryArea ul li:nth-child(9) a{
    background:url(../img/common/circle09.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .categoryArea ul li:nth-child(10) a{
    background:url(../img/common/circle10.png) no-repeat left center;
    background-size:16px auto;
}

#contents #rightArea .keywordArea ul li{
    font-size:12px;
	display: inline-block;
	margin: 0 13px 10px 0;
}

#contents #rightArea .keywordArea ul li.rank-9,
#contents #rightArea .keywordArea ul li.rank-8{
    font-size:16px;
}
#contents #rightArea .keywordArea ul li.rank-7,
#contents #rightArea .keywordArea ul li.rank-6,
#contents #rightArea .keywordArea ul li.rank-5{
    font-size:20px;
}

#contents #rightArea .keywordArea ul li.rank-4,
#contents #rightArea .keywordArea ul li.rank-3{
    font-size:22px;
}

#contents #rightArea .keywordArea ul li.rank-2,
#contents #rightArea .keywordArea ul li.rank-1{
    font-size:24px;
}

#contents #leftArea .column > div{
    margin-bottom:60px;
}

#contents #leftArea .column > div{
    width:400px;
    position:relative;
    float:left;
    padding: 0 10px;
    box-sizing: border-box;
}

#contents #leftArea .column > div:nth-child(even){
    float:right;
}

#contents #leftArea .column > div a .thumd{
    position:relative;
    display:block;
    overflow:hidden;
}

#contents #leftArea .column > div a .thumd:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border:10px solid #fff;
    box-sizing:border-box;
    opacity:0.5;
    position:absolute;
    left:0;
    top:0;    
}

#contents #leftArea .column > div a img{
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}

#contents #leftArea .column > div a:hover img{
    opacity:1 !important;
    -webkit-filter: blur(0.5px);
    -moz-filter: blur(0.5px);
    -o-filter: blur(0.5px);
    -ms-filter: blur(0.5px);
    filter: blur(0.5px);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#contents #leftArea .column > div a img.pickup{
    width:128px;
    filter:blur(0) !important;
    transform: scale(1) !important;
    position: absolute;
    z-index: 9;
    margin: 20px 0 0 -6px;
    height:auto;
}

#contents #leftArea .column > div span.data{
    font-size:14px;
    display:block;
    text-align:right;
    color:#888;
    margin-bottom:5px;
}

#contents #leftArea .column div a:hover{
    text-decoration:none !important;
}

#contents #leftArea .column div a:hover p.tit{
    text-decoration:underline;
}

#contents #leftArea .column > div p.tit{
    font-size:20px;
    margin-top:5px;
}

#contents #leftArea .column > div .cate{
    border-top:1px solid #e0e0e0;
    padding-top:10px;
    margin-top:10px;
    margin-bottom:10px;
}

#contents #leftArea .column > div dl{
    min-height:30px;
    overflow:hidden;
}

#contents #leftArea .column > div dl dt{
    font-weight:bold;
    margin-right:10px;
    display:inline-block;
    line-height:30px;
}

#contents #leftArea .column > div dl dd{
    display:inline-block;
    margin-top:5px;
}

#contents #leftArea .column > div dl.cate dt:before{
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    background:url(../img/common/icn_category.png) no-repeat center center #5a453f;
    background-size:20px auto;
    margin-right:10px;
    float:left;
}

#contents #leftArea .column > div dl.cate dd{
    color:#FFFFFF;
    padding:2px 7px;
}

#contents #leftArea .column > div dl.cate dd.consulting{
    background:#276cb9;
}

#contents #leftArea .column > div dl.cate dd.machining{
    background:#3aafb0;
}

#contents #leftArea .column > div dl.cate dd.welding{
    background:#ebc323;
}

#contents #leftArea .column > div dl.cate dd.surface-treatment{
    background:#2acb7a;
}

#contents #leftArea .column > div dl.cate dd.material{
    background:#9b3ab0;
}

#contents #leftArea .column > div dl.cate dd.example{
    background:#eb8123;
}

#contents #leftArea .column > div dl.cate dd.artisan{
    background:#fa4f80;
}

#contents #leftArea .column > div dl.cate dd.anatomy{
    background:#beeb23;
}

#contents #leftArea .column > div dl.cate dd.voice{
    background:#cb3939;
}

#contents #leftArea .column > div dl.cate dd.solution{
    background:#23651c;
}

#contents #leftArea .column > div dl.keyword dt:before{
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    background:url(../img/common/icn_keyword.png) no-repeat center 6px #5a453f;
    background-size:20px auto;
    margin-right:5px;
    float:left;
}

#contents #leftArea .column > div dl.keyword dd{
    background:#eaeaea;
    padding:2px 7px;
    margin-right:5px;
}

#contents #leftArea .column.relatedArea h3{
	margin:100px -30px 30px -30px;
	text-align: center;
	background: #5a453f;
	color:#fff;
	padding: 5px;
}

#contents #leftArea .column.relatedArea > div{
	margin-bottom: 0;
}


@media only screen and (max-width:767px) {
#contents{
    padding-bottom:30px;
    width:100%;
	margin-top: 75px !important;
}

#contents p#logo{
    margin:25px 0 40px 0;
	display: none;
}

#contents p#logo img{
    max-width:400px;
    width:52%;
}

#contents p#logo.spOnly{
    text-align: left;
    position: absolute;
    top: 0;
    left:0;
    margin-top:10px;
    width:100%;
    box-sizing: border-box;
    padding-left:15px;
}

#contents p#logo.spOnly img{
    max-width:115px;
    width:15.33%;
}

#contents #leftArea,
#contents #rightArea{
    width:auto;
    float:inherit;
    margin:0 15px 25px 15px;
}

#contents #rightArea p.tit{
    font-size:18px;
    padding:10px 5px;
}

#contents #rightArea .categoryArea p.tit{
    background:url(../img/common/icn_category.png) no-repeat 10px center #5a453f;
    background-size:25px auto;
    padding-left:40px;
}

#contents #rightArea .keywordArea p.tit{
    background:url(../img/common/icn_keyword.png) no-repeat 10px center #5a453f;
    background-size:25px auto;
    padding-left:40px;
}

#contents #rightArea ul{
    padding:20px 10px;
}

#contents #rightArea ul li{
    margin-bottom:20px;
    font-size:15px;
}

#contents #rightArea .categoryArea ul li a{
    background:url(../img/common/circle01.png) no-repeat left center;
    background-size:15px auto;
    padding-left:25px;
}

#contents #rightArea .categoryArea ul li:nth-child(2) a{
    background:url(../img/common/circle02.png) no-repeat left center;
    background-size:15px auto;
    padding-left:25px;
}

#contents #rightArea .categoryArea ul li:nth-child(3) a{
    background:url(../img/common/circle03.png) no-repeat left center;
    background-size:15px auto;
    padding-left:25px;
}

#contents #rightArea .categoryArea ul li:nth-child(4) a{
    background:url(../img/common/circle04.png) no-repeat left center;
    background-size:15px auto;
    padding-left:25px;
}

#contents #rightArea .categoryArea ul li:nth-child(5) a{
    background:url(../img/common/circle05.png) no-repeat left center;
    background-size:15px auto;
    padding-left:25px;
}

#contents #rightArea .categoryArea ul li:nth-child(6) a{
    background:url(../img/common/circle06.png) no-repeat left center;
    background-size:15px auto;
    padding-left:25px;
}

#contents #rightArea .keywordArea ul li{
    font-size:10px;
	display: inline-block;
	margin: 0 5px 5px 0;
}

#contents #rightArea .keywordArea ul li.rank-9,
#contents #rightArea .keywordArea ul li.rank-8{
    font-size:14px;
}
#contents #rightArea .keywordArea ul li.rank-7,
#contents #rightArea .keywordArea ul li.rank-6,
#contents #rightArea .keywordArea ul li.rank-5{
    font-size:18px;
}

#contents #rightArea .keywordArea ul li.rank-4,
#contents #rightArea .keywordArea ul li.rank-3{
    font-size:20px;
}

#contents #rightArea .keywordArea ul li.rank-2,
#contents #rightArea .keywordArea ul li.rank-1{
    font-size:24px;
}

    
#contents #leftArea .column > div{
    width:100%;
    float:inherit !important;
    margin-bottom:30px !important;
}

#contents #leftArea .column > div a img{
    width:100%;
    height:auto;
}

#contents #leftArea .column > div span.data{
    font-size:12px;
    margin-bottom:3px;
}

#contents #leftArea .column > div p.tit{
    font-size:15px;
    margin-top:5px;
}

#contents #leftArea .column > div .cate{
    min-height:23px;
    margin-bottom:5px;
}

#contents #leftArea .column > div dl{
    font-size:12px;
}

#contents #leftArea .column > div dl dt{
    margin-right:5px;
    line-height:23px;
}
    
#contents #leftArea .column > div dl.cate dt:before{
    content:"";
    width:22px;
    height:22px;
    background:url(../img/common/icn_category.png) no-repeat center center #5a453f;
    background-size:15px auto;
    margin-right:5px;
}

#contents #leftArea .column > div dl.cate dd{
    padding:1px 5px;
}
    
#contents #leftArea .column > div dl.keyword dt:before{
    content:"";
    width:22px;
    height:22px;
    background:url(../img/common/icn_keyword.png) no-repeat center 4px #5a453f;
    background-size:15px auto;
}

#contents #leftArea .column > div dl.keyword dd{
    padding:1px 5px;
    margin-right:3px;
}
	
#contents #leftArea .column.relatedArea h3{
	margin:50px -10px 20px -10px;
	padding: 5px;
}

#contents #leftArea .column.relatedArea .thumd{
	width:41%;
	float: left;
	margin-right: 5%;
}

#contents #leftArea .column.relatedArea{
    font-size: 12px;
    margin-top: 0;
    margin-right: 5%;
}

#contents #leftArea .column.relatedArea .thumd::after{
	border: 5px solid #fff;
}

#contents #leftArea .column.relatedArea p.tit{
	overflow: hidden;
	margin-bottom: 20px !important;
	padding: 0;
}

#contents #leftArea .column.relatedArea > div:last-child{
	margin-bottom: 0 !important;
}

}

/* footer
---------------------------------------------------*/
footer {
    background:#5a4540;
}

footer .contact{
    position:relative;
    text-align:center;
    padding:50px 0;
    border-bottom:1px solid #000;
}

footer .contact:after{
    content:"";
    height:1px;
    width:100%;
    background:#8c7d78;
    position:absolute;
    right:0;
    bottom:-2px;
}

footer .contact a{
    position:relative;
}

footer .contact a:before{
    content:"";
    background:url(../img/common/txt_contact.png) no-repeat left center;
    width:262px;
    height:20px;
    display: block;
    margin: 0 auto 15px auto;
}

footer nav{
    width:1200px;
    padding:30px 0 40px 0;
    margin:0 auto;
    overflow:hidden;
}

footer nav ul{
    float:left;
    margin-top:20px;
}

footer nav ul li{
    display:inline-block;
    color:#fff;
    margin-right:10px;
}

footer nav ul li:after{
    content:"｜";
    padding-left:10px;
}

footer nav ul li:last-child:after{
    display:none;
}

footer nav ul li a{
    color:#fff !important;
}

footer nav .logo{
    float:right;
}

.bt_back{
    position: fixed;
    bottom: 130px;
    right: 10px;
    z-index: 9999;
}

.bt_back a{
    font-size: 0;
    text-indent: -999px;
    overflow: hidden;
    background: url("../img/common/pagetop.gif") no-repeat left top;
    background-size: 75px auto;
    height: 75px;
    width: 75px;
    display: block;
}


@media only screen and (max-width:767px) {
footer .contact{
    padding:20px 0;
    border-bottom:1px solid #000;
}

footer .contact a img{
    width:66.666%;
    max-width:500px;
}

footer .contact a:before{
    content:"";
    background:url(../img/common/txt_contact.png) no-repeat left center;
    background-size:100% auto;
    max-width:262px;
    width:35%;
    height:5vw;
    margin: 0 auto 5px auto;
}

footer nav{
    width:100%;
    padding:20px 0;
}

footer nav ul{
    float:inherit;
    display:block;
    text-align:center;
    margin-top:15px;
}

footer nav ul li{
    margin-right:5px;
    font-size:12px;
}

footer nav ul li:after{
    padding-left:5px;
}

footer nav .logo{
    float:inherit;
    text-align:center;
    margin:0 auto;
}

footer nav .logo img{
    max-width:298px;
    width:40%;
}

.bt_back{
    bottom: 50px;
    right: 10px;
}

.bt_back a{
    background: url("../img/common/pagetop.gif") no-repeat left top;
    background-size: 38px auto;
    height: 38px;
    width: 38px;
}


}