@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------
	00. BASE SETTING CSS
   ------------------------------------------------------------ */

body{
	color:#333;
	width:100%;
	background:#FFF;
}

:root * {
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
:root * a img {
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
:root * img {
	vertical-align: bottom;
}


/* ------------------------------------------------------------
	links
   ------------------------------------------------------------ */
	
a {outline: none;}

a,
a:link,
a:visited{
  text-decoration: underline;
  color: #0A72CE;
}

a:hover{
	text-decoration:none;
	color:#68ACEA;
}
a:hover img{
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	opacity: 0.7;
}
a.mark{
	padding-left: 10px;
	background: url(../img/ico_mark01.png) no-repeat left center;
}

/* ------------------------------------------------------------
	02. LAYOUT CSS
   ------------------------------------------------------------ */
   
.pc_none {
  display: none;
 }

.sp_none {
  display: block;
 }

/* ------------------------------------------------------------
	header
   ------------------------------------------------------------ */
#header {
  position: relative;
  background: #fff;
  color: #333333; 
  border-bottom: 1px solid #eeede6;
}
#header .hdrInner {
  position: relative;
  width: 980px;
  height: 88px;
  margin: 0 auto;
 }
#header #logo{
	position: absolute;
	top: 25px;
	left: 0;
}
  #header .hdrLogo {
    position: absolute;
    width: 200px;
    height: 88px;
    margin: 0 auto;
    left: 0;
    top: 0;
    z-index: 10; }
    #header .hdrLogo a {
      display: block;
      position: relative;
      width: 200px;
      height: 88px;
      background: url(/cmn/imgs/cmn_icn_logo01.png) no-repeat left center;
      overflow: hidden;
      text-indent: 150%;
      *text-indent: -9999px;
      white-space: nowrap; }
	  
#header .hdrBankcode {
    position: absolute;
    left: 207px;
    top: 24px;
    font-size: 11px;
    font-size: 78.57143%; }


/* ------------------------------------------------------------
	contents
   ------------------------------------------------------------ */
#contents {
	width: 980px;
	margin: 0 auto 60px;
	padding: 20px 0;
}
#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
#contents #breadCrumb{
	font-size: 12px;
	margin: 0 0 30px;
}
#contents #breadCrumb li{
	display: inline-block;
	position: relative;
	padding-right:20px;
}
#contents #breadCrumb li > a:after{
	content:'';
	display:block;
	width:4px;
	height:4px;
	border-top:#999 solid 1px;
	border-right:#999 solid 1px;
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:50%;
	right:5px;
	margin-top: -2px;
}
#contents #main{
	width: 100%;
}

/* ------------------------------------------------------------
	footer
   ------------------------------------------------------------ */
#footer {
  border-top: 1px solid #ccc;
  background: #fff; }
  #footer .ftrInner {
    position: relative;
    width: 980px;
    margin: 0 auto; }
  #footer .ftrMenu02 {
    padding-bottom: 25px;
    padding-bottom: 1.92308rem;
    padding-top: 43px;
    padding-top: 3.30769rem;
    padding-left: 260px;
    font-size: 12px;
    font-size: 85.71429%;
    color: #808080;
    background: url(/cmn/imgs/cmn_icn_logo02.png) no-repeat left 45px; }
  #footer .copyright {
    padding-bottom: 13px;
    padding-bottom: 1rem;
    font-size: 12px;
    font-size: 85.71429%;
    color: #ccc;
    line-height: 1em; }