@charset "UTF-8";

.box-area:after {
	content:"";
	display:block;
	clear:both;	
}
.box-l {float:left;}
.box-r {float:right;}

div#header {
  background: url(../img/bg-top-header.png) left top repeat-x;
  width:100%;
  height:98px;
}
.header-test {
  background: url(../img/bg-top-header.png) left top repeat-x;
  width:1140px;
  height:98px;
	margin-left:auto;
	margin-right:auto;	
}

div#header_inner h1 {
float: left;
height: 25px;
display: block;
font-size: 0.925em;
font-weight: normal;
margin: 30px 0 0 0;
	color:#fff;
	line-height:22px;
}

.tel {
	margin-top:16px;
	
}

.map_box {
	float: left;
}

.map_box2 {
	float: left;
}

.map_box3 {
	float:right;
}

.map_boxs {
	margin-bottom:260px;
}
.map_box_r {
	margin-left:10px;
}

.map_box_l {
	margin-right:20px;
}


.btn-offer {
	margin-top: 14px;
	margin-left:20px;	
}

.banking_main_gra {
	background:url('../img/banking-main-gra-bg.jpg') no-repeat center top;
	background-color:#000;
	width:100%;
	height:314px;
}


.spot_main_gra {
	background:url('../img/spot-header.png') no-repeat center top;
	/*background-color:#000;*/
	width:100%;
	border: 1px solid #CCC;
}


.banking_main_gra_inner,.exchange_main_gra_inner {
width: 938px;
height:314px;
margin:0 auto;	
	
}

.banking_main_gra_inner p {
display: block;
width: 938px;
height: 0px;
padding-top:314px;
overflow: hidden;
background-image: url('../img/banking-main-gra.png');
background-repeat: no-repeat;

}

.exchange_main_gra_inner p {
display: block;
width: 938px;
height: 0px;
padding-top:314px;
overflow: hidden;

}


.contents-inner {
	width:1140px;
	margin:50px auto;	
}


.summary p {
display: block;
width: 879px;
height: 0px;
padding-top:238px;
overflow: hidden;
background-image: url('../img/banking-summary.png');
background-repeat: no-repeat;
line-height:1.2;
}

.gp-merit {
display: block;
width: 859px;
height: 0px;
padding-top:526px;
overflow: hidden;
background-image: url('../img/banking-merit.png');
background-repeat: no-repeat;
margin:50px auto 50px 10px;
line-height:1.3;

}

.article01,
.article02,
.article03,
.article04,
.article05,
.article06,
.article07,
.article08,
.article09,
.article10,
.article11,
.article12,
.article13,
.article14, 
.article15,
.article16,
.article17,
.article18,
.article19,
.article20,
.article21,
.article22{
	width:900px;
}

.p1{
	width: 900px;
}


.article01 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:40px;
overflow: hidden;
background-image: url('../img/banking-article01-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}

.article02 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:37px;
overflow: hidden;
background-image: url('../img/banking-article02-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}


.article03 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:37px;
overflow: hidden;
background-image: url('../img/banking-article03-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}

.article04 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:38px;
overflow: hidden;
background-image: url('../img/banking-article04-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}

.article05 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:38px;
overflow: hidden;
background-image: url('../img/banking-article05-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}

.article06 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 38px;
    overflow: hidden;
    background-image: url(http://www.gp-bank.co.jp/koukan/img/banking-article06-hl.jpg);
    background-repeat: no-repeat;
    line-height: 1.2;
}

.article07 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 38px;
    overflow: hidden;
    background-image: url(http://www.gp-bank.co.jp/koukan/img/banking-article07-hl.png);
    background-repeat: no-repeat;
    line-height: 1.2;
}

.article08 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 38px;
    overflow: hidden;
    background-image: url(http://www.gp-bank.co.jp/koukan/img/banking-article08-hl.jpg);
    background-repeat: no-repeat;
    line-height: 1.2;
}

.article09 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 38px;
    overflow: hidden;
    background-image:url(../img/banking-article09-hl.jpg);
    background-repeat: no-repeat;
    line-height: 1.2;
}

.article10 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 38px;
    overflow: hidden;
    background-image:url(../img/banking-article10-hl.jpg);
    background-repeat: no-repeat;
    line-height: 1.2;
}

.article11 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 38px;
    overflow: hidden;
    background-image:url(../img/aset-article-hl.png);
    background-repeat: no-repeat;
    line-height: 1.2;
}

.article12 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 51px;
    overflow: hidden;
    background-image:url(../img/exchange-article-hl1.png);
    background-repeat: no-repeat;
    line-height: 1.2;
	margin-bottom: 30px;
}

.article13 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 51px;
    overflow: hidden;
    background-image:url(../img/exchange-article-hl2.png);
    background-repeat: no-repeat;
    line-height: 1.2;
	margin-bottom: 30px;
    margin-top: 30px;
}

.article14 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 51px;
    overflow: hidden;
    background-image:url(../img/exchange-article-hl3.png);
    background-repeat: no-repeat;
    line-height: 1.2;
	margin-top: 20px;
}

.article15 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 51px;
    overflow: hidden;
    background-image:url(../img/exchange-article-hl4.png);
    background-repeat: no-repeat;
    line-height: 1.2;
	margin-top: 20px;
}

.article16 h2 {
	margin-bottom: 20px;
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 51px;
    overflow: hidden;
    background-image:url(../img/exchange-article-hl5.png);
    background-repeat: no-repeat;
    line-height: 1.2;
	margin-top: 20px;
}

.article17 h2 {
    display: block;
    width: 880px;
    height: 0px;
    padding-top: 51px;
    overflow: hidden;
    background-image:url(../img/exchange-article-hl6.png);
    background-repeat: no-repeat;
    line-height: 1.2;
	margin-top: 20px;
}


.article18 h2 {
    display: block;
    width: 880px;
    height: 0px;
    overflow: hidden;
    background-image:url(../img/main_exchange.png);
    background-repeat: no-repeat;
 
}

.article19 h2 {
    display: block;
    width: 880px;
    height: 0px;
    overflow: hidden;
    background-image:url(../img/main_exchange.png);
    background-repeat: no-repeat;
 
}

.article20 h2 {
    display: block;
    width: 880px;
    height: 0px;
    overflow: hidden;
    background-image:url(../img/main_exchange.png);
    background-repeat: no-repeat;
	
 
}


.article21 h2 {
    display: block;
    width: 880px;
    height: 0px;
    overflow: hidden;
    background-image:url(../img/main_exchange.png);
    background-repeat: no-repeat;
 
}


.article22 h2 {
    display: block;
    width: 880px;
    height: 0px;
    overflow: hidden;
    background-image:url(../img/main_exchange.png);
    background-repeat: no-repeat;
 
}



.articlespot{
	display: block;
    width: 858px;
	height: 250px;
	margin-bottom: 80px;
	    border: 3px solid #052f68;
}

.articlespotsec{
	    display: block;
    width: 858px;
    height: 690px;
    margin-bottom: 80px;
    border: 3px solid #fe6a5e;
	
}


.fonblue{
	font-size: 18px;
	background-color: #052f68;
    color: white;
    padding: 15px;
    width: 130px;
    text-align: center;
	margin-left: 350px;
}

.fonred{
	font-size: 18px;
	background-color: #fe6a5e;
    color: white;
    padding: 15px;
    width: 130px;
    text-align: center;
	margin-left: auto;
    margin-right: auto;
}
.fonsbur{
	font-size: 18px;
	background-color: #e3f3f7;
    color: #000;
    padding: 15px;
    width: 95%;
    text-align: center;
    /* margin-left: 350px; */
    font-family: serif;
	margin-left: auto;
    margin-right: auto;
	
}

.fonsol{
	color: #f35d0a;
   
}

.ml75{
    margin-left: 64px;	
}

.fon1{
	margin-bottom: 5px;
    margin-left: 64px;
	font-size: 18px;
}

.fon2{
	margin-left: 64px;
    margin-top: 5px;
	font-size: 18px;
}

.fon3{
	text-align: center;
	margin-top: -34px;
	font-size: 18px;
}

.fon4{
	text-align: center;
	margin-top: -34px;
	color: #fe6a5e;
	font-size:18px;
}

ul.example li {
    float: left;
    width: 9em;
    margin-right: 11px;
    padding: 2px;
    text-align: center;
	font-size: 18px;
}

ul.example2 li {
       float: left;
    width: 9em;
    padding: 2px 7px;
    text-align: center;

}

.imlists{
	margin-left: 64px;
    margin-top: 40px;
	font-size: 18px;
}

.imlists2{
	
    margin-top: 60px;
	margin-left: 64px;
	font-size: 18px;
}

.imlists3{
	    width: 84%;
    margin-top: 75px;
margin-left: 55px;
}

.guide{
	    width: 96%;
    color: #5faec5;
    font-family: serif;
    font-size: 20px;
    border-bottom: 2px solid #5faec5;
	margin-bottom: 40px;
	margin-top: 40px;
}

.p-lis{
	border-bottom: 1px solid #CCC;
    
}

.p-lis2{
	border-bottom: 1px solid #CCC;
}
.underimg{
	    text-align: center;
		margin-bottom: 20px;
}





.imgch{
	    width: 100%;
    margin-left: 25px;
}

.tx-p1{
	    color: #1075d1;
	    font-size: small;
		margin-bottom: 30px;
}

.tx-p2{
	  
		margin-bottom: 30px;
}

.tx-p3{
	    border: 3px solid #e8e9eb;
    	padding: 20px;
		width: 67%;
}

.tx-p4{
	color: #1075d1;
	    font-size: small;
		line-height: 1.9;
	    
}

.tx-p5{
	background: #f2f2f4;
    width: 70%;
	margin-bottom: 10px;
	font-weight: bold;
}

.tx-p6{
	width: 100%;
    color: #3d688e;
    font-family: serif;
    font-size: 20px;
    border-bottom: 1px solid #3d688e;
}
.tx-p7{
	   position: relative;
    top: 247px;
	font-size: x-small;
    float: right;
}

.tx-p8{
	width: 70%;
    margin-bottom: 50px;
}

.tx-p9{
	    font-size: xx-small;
    float: right;
    position: relative;
    top: -50px;
}

.tx-p10{
	    width: 100%;
    color: #3d688e;
    font-family: serif;
    font-size: 20px;
margin-top: 30px;
}

.tx-p11{
	font-size: 17px;
      
}

.tx-p12{
	   position: relative;
    top: 105px;
    line-height: 1.8;
    margin-left: 60px;
}

.tx-p13{
	position: relative;
    top: 135px;
    margin-left: 60px;
	font-size: 17px;
	line-height: 2.0;
	    color: #042e67;
		text-decoration:underline;
		
}

.ege{
	background-color: #d1dde4;
    padding: 1px 3px;
    width: 130px;
    text-align: center;
	position: relative;
    top: 5px;
}

.ege2{
	background-color: #e0e4d1;
    padding: 1px 3px;
    width: 130px;
    text-align: center;
	position: relative;
        top: -55px;
    margin-left: 160px;
}

.red2{
	color: #F00 !important;
}

.imga{
	float: right;
}


table {
	border-collapse: collapse;
	width: 100%;
}
/*
tr{
	    display: inline-block;
}*/
td {
	   
	padding: 0.5em;
}

.td-sp1{
	        width: 20px;
		background-color: #b5cddc;
		font-size: 15px;
		    text-align: center;
}

.td-sp2{
	               width: 83px;
		   font-size: 10px;
		       text-align: center;
}

.td-sp3{
	           width: 69px;
		       background-color: #c5c5c5;
			       font-size: 10px;
			       text-align: center;
}
.td-sp4{
	    width: 54px;
		    background-color: #f1f2f3;
			font-size: 10px;
			    text-align: center;
}	

.liker{
	text-decoration:underline
}


.article-list {
	width: 96%;
	margin-right:60px;
	margin-top:30px;
	margin-bottom:50px;
	line-height:1.8;
}

.forperson {
	background:url('../img/banking-forperson-bg.png') no-repeat left top;
	width:859px;
	height:985px;
	margin-left:10px;
	position:relative;
}

.forperson2 {
	text-align:center;	
}

.forperson-hl {
	display: block;
	width: 459px;
	height: 0px;
	padding-top:29px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-hl.png');
	background-repeat: no-repeat;
	position:absolute;
	top:65px;
	left:200px;
	line-height:1.2;
}

.forperson-ph01 {
	display: block;
	width: 569px;
	height: 0px;
	padding-top:42px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-ph01.png');
	background-repeat: no-repeat;
	position:absolute;
	top: 140px;
  	left: 147px;
	line-height:1.2;
}

.forperson-ph02 {
	display: block;
	width: 498px;
	height: 0px;
	padding-top:62px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-ph02.png');
	background-repeat: no-repeat;
	position:absolute;
	top:530px;
	left:190px;
	line-height:1.2;
}

.forperson-list01 {
	position:absolute;
	top:210px;
	left:60px;
}

.forperson-list02 {
	position:absolute;
	top:620px;
	left:60px;
}

.forperson-list01 li,
.forperson-list02 li {
	margin-right:10px;
}
.map {
  border-bottom: 1px solid #333;
}
.busi-hour{
    padding-left: 20px;
    display: inline-block;
    

}
.person01 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:264px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-01.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person02 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:264px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-02.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person03 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:264px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-03.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person04 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:293px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-04.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person05 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:293px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-05.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person06 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:293px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-06.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

/*   --------------------------------   */


table.price, table.company {
  /*margin: 0 auto;*/
  margin-top: 20px;
  /* border-collapse: collapse; */
  border-spacing: 0;
}

.width900 {
	width: 865px;
}

table.price th {
  background: #eee;
}

table.price th, table.company th {
  /* width: 210px; */
  padding: 10px;
  background: #eee;
  vertical-align: middle;
}

.text_right {
  text-align: right;
}

table.price td, table.company td {
  padding: 10px;
}

table.price td {
	text-align: left;
	font-size: 18px;
	line-height: 1.9;
	
}

.tablecs {
	text-align: center;
}

table.price, table.price th, table.price td {
  border: 1px #666 solid;
}





/*   --------------------------------   */




.margin_top_30 {
margin-top:30px;
}
.bg_eee { background: #eee; }
.border_top { border-top : solid 1px #02478d; padding-top: 20px; }

table.company {
	/*margin: 0 auto;*/
	
	margin-top: 20px;
	border-collapse: collapse;
	border-spacing: 0;
	line-height:1.6;
	font-size:14px;
	margin-left:0px;
	}

table.price th,
table.company th {
/*	width: 210px;
*/	padding: 10px;
	background: #eee;
	}

.margin_top_10 {
margin-top:10px;
}

.wid300{	
	width:50%;
}

.width100 {
	width:100px;	
}

.width900 {
	width:865px;
	
}

.fontb{	 
   font-weight: bold;
}

.tablewin{
	width:25%
}

.tablewin2{
	width:15%
}

.tablewin3{
	width:30%
}


	
table.company th { text-align: left; }

table.company td { padding: 10px; vertical-align:top; }

table.company td.bt {  border-top: solid 1px #02478d; }

table.price td { text-align: center; }


.aside {
	width:200px;
	float:right;
}

.aside ul {
	list-style:none;
	padding:0;
	margin:0;	
}

.aside li {
	padding:0;
	margin:0;
	height:31px;	
}

.bnr-area01 {
	margin-bottom:10px;
}
.bnr-area02 img {
vertical-align: bottom;
/*margin-top:10px;*/	
}

.bnr-area03,.bnr-area04 {
	margin-bottom:10px;
}

footer {
	
}

.footer-inner {
	width:1140px;
	margin:20px auto;
}

.copy { font-size: 0.825em; text-align: center;}


.bankingTable{
width:90%;
height:200px;
border:1px solid #9B9B9B;
text-align:center;
}

.bankingTable th{
width:35%;
border:1px solid #9B9B9B;	
vertical-align:middle;	
background-color:#21377C;
color:#FFFFFF;
}

.bankingTable td{
width:65%;
border:1px solid #9B9B9B;	
vertical-align:middle;	

}


/*
-----------------------------------------------------------------------
common
-----------------------------------------------------------------------
*/

a {
	color: #3159a8;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.3s ease-out;
}
a:visited {
	color: #3159a8;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.3s ease-out;
}
a:active {
	color: #3159a8;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.3s ease-out;
}
a:hover {
	color: #F99;
	text-decoration: underline;
	opacity: 0.7;
}

li {
	list-style: none;
}

/*-- スペース共通 --*/

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr55{margin-right:55px;}
.mr60{margin-right:60px;}
.mr65{margin-right:65px;}
.mr70{margin-right:70px;}
.mr75{margin-right:75px;}
.mr80{margin-right:80px;}
.mr85{margin-right:85px;}
.mr90{margin-right:90px;}
.mr95{margin-right:95px;}
.ml0{margin-left:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}
.ml65{margin-left:65px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml85{margin-left:85px;}
.ml90{margin-left:90px;}
.ml95{margin-left:95px;}
.mb0{margin-bottom:0;}
.mb5{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;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}

.mb80{margin-bottom:80px;}
.mb85{margin-bottom:85px;}
.mb90{margin-bottom:90px;}
.mb95{margin-bottom:95px;}
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt30{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mt95{margin-top:95px;}

.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pl0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb55{padding-top:55px;}
.pb60{padding-top:60px;}
.pb65{padding-top:65px;}
.pb70{padding-top:70px;}
.pb75{padding-top:75px;}
.pb80{padding-top:80px;}
.pb85{padding-top:85px;}
.pb90{padding-top:90px;}
.pt0{padding-top:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt30{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}
.pt65{padding-top:65px;}
.pt70{padding-top:70px;}
.pt75{padding-top:75px;}
.pt80{padding-top:80px;}
.pt85{padding-top:85px;}
.pt90{padding-top:90px;}

.wd5{width:5%;}
.wd10{width:10%;}
.wd15{width:15%;}
.wd20{width:20%;}
.wd25{width:25%;}
.wd30{width:30%;}
.wd30{width:35%;}
.wd40{width:40%;}
.wd45{width:45%;}
.wd50{width:50%;}
.wd55{width:55%;}
.wd60{width:60%;}
.wd65{width:65%;}
.wd70{width:70%;}
.wd75{width:75%;}
.wd80{width:80%;}
.wd85{width:85%;}
.wd90{width:90%;}

/*-- 回り込み解除 --*/

.clear{clear:both;}
.clearbox {clear:both;}

/*-- テキスト --*/

.red-txt {color:#FF0000;}
.small-txt {font-size:1em;}
.bold-txt {font-weight:bold;}
.al-c {text-align:center;}
.al-l {text-align:left;}
.al-r {text-align:right;}
.fwb {font-weight: bold;}
.fwn {font-weight: normal;}
.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}

.fosize{
	font-size:18px;
}

.img-bg {
	display:block;
	height:0;
	overflow:hidden;
}
a.img-bg.hover:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.js-link {cursor:pointer;}

/*
----------------------------------------
huckclearfix
----------------------------------------
*/
.box-area:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/*\*/

* html .box-area {
  height:1%;
}

* html .box-area {
  display:block;
}

/**/

/*
----------------------------------------
pageトップボタン
----------------------------------------
*/
#page-top {
	position: fixed;
	bottom: 80px;
	right: 60px;
	font-size: 77%;
}
#page-top a {
	background: #052F68;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 18px 0;
	text-align: center;
	display: block;
	border-radius: 50%;
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;  /* Firefox用 */  
	font-size: 14px;
}