@charset "utf-8";
/* */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
margin: 0;
padding: 0;
}
input,textarea {
margin: 0;
}
table {
font-size: 100%;
border-spacing: 0;
border-collapse: collapse;
}
fieldset,img {
border: 0;
vertical-align:bottom;
}
address,caption,cite,code,dfn,em,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
abbr,acronym {
border: 0;
}
a{
color:#333;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
body,input,select,button,textarea {
font:14px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
}
input::-webkit-input-placeholder {
color: #999;
font-weight: normal;
}
input:-ms-input-placeholder{
color: #999;
font-weight: normal;
}
input::-moz-placeholder{
color: #999;
font-weight: normal;
}
/* */
/* */
html {
overflow-y: scroll;
}
body{
text-align:center;
}
/* */
/* */
.large{ font-size:150%; }
.b{ font-weight:bold; }
.center{ text-align:center !important; }
.right{ text-align:right !important; }
.red{ color:#f00; }
.clear{ clear:both; }
.kome{
text-indent:-1em;
padding-left:1em;
}
.clfix:after{
content: "";
clear: both;
display: block;
}
a.btn-apply,a.btn-inquiry,a.btn-return,a.btn-next,.send button{
display:inline-block;
width:173px;
height:46px;
line-height:46px;
color:#03A678;
padding:0 0 0 73px;
font-size:125%;/*20px*/
box-shadow:0 0px 9px rgba(0,0,0,0.4);
margin:0 20px !important;
border-style:none;
}
.send button{
background-color:#3DAD8C;
color:#fff;
padding:0;
width:223px;
cursor:pointer;
}
.apply-page .send button.return{
background-color:#fff;
color:#3DAD8C;
border:solid 1px #3DAD8C;
}
a.btn-apply{
background:rgba(255,255,255,0.8) url(/images/icon1.png) no-repeat 20px center;
letter-spacing:0.8em;
}
a.btn-inquiry{
background:rgba(255,255,255,0.8) url(/images/icon6.png) no-repeat 20px center;
letter-spacing:0.3em;
}
a.btn-return,a.btn-next{
letter-spacing:0.3em;
position:relative;
}
a.btn-return:after,a.btn-next:after{
border-right: 2px solid #03A678;
border-top: 2px solid #03A678;
transform: rotate(-135deg);
content: "";
display: block;
height: 9px;
left: 18%;
margin-top: 0;
position: absolute;
top: 35%;
width: 9px;
}
a.btn-next:after{
transform: rotate(45deg);
}
#scroll-btn{
position: fixed;
bottom: 20px;
right: 20px;
}
#scroll-btn li{
display:inline;
}
#scroll-btn a{
background: #666;
text-decoration: none;
color: #fff;
width: 40px;
margin:10px 0;
padding:5px 0;
text-align: center;
display: block;
border-radius: 5px;
position: relative;
display:block;
text-indent:-9999px;
}
#scroll-btn a:after{
position: absolute;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
content: "";
display: block;
height: 8px;
right: 15px;
margin-top: -4px;
position: absolute;
top: 50%;
width: 8px;
}
#scroll-btn .btn1 a:after{
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#scroll-btn .btn2 a:after{
transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.usage-disabled{
color:#999;
}
/* */
/* */
.header{
background:url(/images/bg1.png) repeat;
box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.8);
}
.header .box-inner{
width:1000px;
margin:0 auto;
text-align:left;
overflow:hidden;
}
.header .logo{
float:left;
}
.header ul.navi{
float:right;
padding:7px 0 0;
width:600px;
}
.header ul.navi li{
display:inline;
}
.header ul.navi li a{
white-space:nowrap;
height:26px;
line-height:26px;
display:block;
float:right;
overflow:hidden;
background:rgba(255,255,255,0.8) url(/images/arrow1.png) no-repeat 10px center;
padding:0 10px 0 23px;
margin:0 0 0 20px;
box-shadow:0 3px 3px rgba(0,0,0,0.2);
}
.header .post{
clear:right;
float:right;
padding:15px 0 0;
width:600px;
}
.header .post li{
float:right;
margin-left:11px;
}
.header .post li a{
margin:0 !important;
}
/* */
/*