html{font-size: 62.5%;}

body {
    font:15px;
	font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro W3','���C���I','�l�r �o�S�V�b�N',sans-serif,arial,helvetica,clean;
	color:#333333;
	-webkit-text-size-adjust: none;
	background-color:#FFFFFF;
}

p { margin-bottom: 0.8em; line-height:190%;font-size: 1.6rem;}
.contents{ padding:10px; text-align:left;}

section, nav { margin-bottom: 1em;}


/* clearfix */
.clearfix:after {
  content: ".";  /* �V�����v�f����� */
  display: block;  /* �u���b�N���x���v�f�� */
  clear: both;
  height: 0;
  visibility: hidden;
}



/*===========================================
�w�b�_�[
===========================================*/

#header {
    position: fixed;
    z-index: 99;
    left: 0;
    width: 100%;
    height: 61px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	background:url(../img/header_bg.png) repeat;
    line-height: 1;
}

#header_wrap {

}

/* ���S */
#header .logo {}

#header .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 50px;
}




/* �d�b */
#header .call {
    /*float: right;*/
}

#header .call a {
    position: relative;
    width: 60px;
    height:100��;
    padding: 6px 0;
    display: block;
    text-decoration: none;
    text-align: center;
    border-width: 0 0 0 1px;
    border-style: solid;
	color: #FFFFFF;
	background:#FF8000;		
}

#header .call .icon {
margin: 3px;
}

#header .call i {
    font-size: 27px;
}

#header .call .txt {

}

#header .button {
    position: relative;
}

#header .txt {
    font-size: 10px;
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
}

/* ���������� */
#header .kago a {
    position: relative;
    width: 60px;
    height: 100��;
    padding: 6px 0;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    border-width: 0 0 0 1px;
    border-style: solid;
	background:#FF4000;	
}

#header .kago .icon {
margin: 3px;
}

/*�e�[�u��*/
#header .table {
    width: 100%;
    display: table;
    border: 0;
}

#header .table .th,
#header .table .td {
    display: table-cell;
    padding: 0;
    vertical-align: top;
}

#header .table .th {
    padding: 8px 5%;
    vertical-align: middle;
}

#header .table .td {
    width: 50px;
}




/*=====================================================*/
/*wrap*/
/*=====================================================*/


#wrap_00 {}
#wrap_00 img{ width:100%; vertical-align:bottom;}

#wrap_cv { background: url(../img/bg01.jpg) repeat;}

.wrap_btn00 { 
background:url(../img/bg01.png) repeat; 
padding-top:0px; padding-bottom:10px; 
text-align:center; }

.wrap_btn00 img{ width:90%;}


#wrap_intro{
width:100%;
margin:0px auto;
text-align:center;
}


#wrap_01 {
width:100%;
background:#FFFFFF; 
margin:0px auto;
margin-bottom:20px;
text-align:center;}

#wrap_01 img{ 
width:100%; vertical-align:bottom;
}



#wrap_02 {
width:100%;
background:url(../img/bg02.jpg) repeat; 
margin:0px auto;
text-align:center;}

#wrap_02 img{ 
width:100%; vertical-align:bottom;
}


#wrap_03 {
width:100%;
background:#FFFFFF; 
margin:0px auto;
text-align:center;}

#wrap_03 img{ 
width:100%; vertical-align:bottom;
}


#wrap_04 {
width:100%;
background:url(../img/bg02.jpg) repeat; 
margin:0px auto;
text-align:center;}

#wrap_04 img{ 
width:100%; vertical-align:bottom;
}


#wrap_05 {
width:100%;
background:#FFFFFF; 
margin:0px auto;
margin-bottom:10px;
text-align:center;}

#wrap_05 img{ 
width:100%; vertical-align:bottom;
}


#wrap_06 {
width:100%;
background:#FFFFFF; 
margin:0px auto;
text-align:center;}

#wrap_06 img{ 
width:100%; vertical-align:bottom;
}


#wrap_07 {
width:100%;
background:url(../img/bg02.jpg) repeat; 
margin:0px auto;
text-align:center;}

#wrap_07 img{ 
width:100%; vertical-align:bottom;
}


#wrap_08 {
width:100%;
background:#FFFFFF; 
margin:0px auto;
text-align:center;}

#wrap_08 img{ 
width:100%; vertical-align:bottom;
}


#wrap_09 {
width:100%;
background: url(../img/bg05.jpg) repeat;
margin:0px auto;
text-align:center;}

#wrap_09 img{ 
width:100%; vertical-align:bottom;
}



#wrap_btn02 { background:url(../img/bg02.png) repeat; padding-top:10px; padding-bottom:15px; text-align:center;}
#wrap_btn02 img{ width:90%;}



/*=====================================================*/
/*�J�[�g�@�w������*/
/*=====================================================*/

#cv_2set{
text-align:center;
margin:0 auto;
}

#cv_2set a img{
width:85%;
}


#cv_teiki{
text-align:center;
margin:0 auto;
	
}

#cv_teiki a img{
width:85%;
}



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

footer{
	background: url(../img/footer.png) repeat;
	width:100%;
}

footer a{ 
 color:#663300;
 text-decoration:none;}
 
 footer a:link{ 
 color:#663300;
 text-decoration:none;}
 
  footer a:hover{ 
 color:#CCCCCC;
 text-decoration:none;}


#footerNavi{
	text-align: center;
	border-top: 1px solid #8C6900;
	border-bottom: 1px solid #CCCCCC;
}
#footerNavi li{
	list-style: none;
	border-bottom: 1px solid #8C6900;
	border-top: 1px solid #CCCCCC;
}
#footerNavi li:first-child{
	border-top: none;
}
#footerNavi li a{
	display: block;
	padding: 10px;
}
#copyright{
	
	color:#663300;
	display: block;
	font-size: 71.4%;
	text-align: center;
	padding: 20px 0;
}






/*=====================================================*/
/*fade*/
/*=====================================================*/

.fade {
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
.fade:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
} 


/*=====================================================*/
/*loop*/
/*=====================================================*/


.loop_css {
  background: url(../img/topslide01.jpg) repeat-x 0 0;
  background-size: contain;
    width: 100%;
  height:220px;
  overflow: hidden;

  -moz-animation: loop 90s linear infinite;
  animation: loop 90s linear infinite;
}

/*�A�j���[�V����*/
@keyframes loop {
  0% { background-position: 0 0;}
  100% { background-position: -1700px 0;}
}


.loop_css2 {
  background: url(../img/topslide02.jpg) repeat-x 0 0;
  background-size: contain;
  width: 100%;
  height: 220px;
  overflow: hidden;  

  -moz-animation: loop2 90s linear infinite;
  animation: loop2 90s linear infinite;
}

/*�A�j���[�V����*/
@keyframes loop2 {
  0% { background-position: 0 0;}
  100% { background-position: 1700px 0;}
}





/*=====================================================*/
/* �{�^���̓��� */
/*=====================================================*/

.horizontal {
  animation: horizontal_5806 3.72s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes horizontal_5806 {
  0% { transform:translate(0,0) }
  3.22581% { transform:translate(5px,0) }
  6.45161% { transform:translate(0,0) }
  9.67742% { transform:translate(5px,0) }
  12.90323% { transform:translate(0,0) }
  16.12903% { transform:translate(5px,0) }
  19.35484% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


/*======amazonpay======*/

#wrap_f01 .amazonpay{
  max-width: 750px;
  margin: 0 auto 30px;
  text-align: center;
}
#wrap_f01 .amazonpay p{
font-size: 1.6rem;
}

#wrap_f01 .amazonpay a{
display: inline-block;
}
#wrap_f01 .amazonpay a img{
max-width: 100%;
}