@charset "UTF-8";

img{
border:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:0;
padding:0;
}

html {
height:100%;
width: 100%;
overflow-y:scroll;
}

body {
margin:0;
padding:0;
height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
background:#FFFFFF;
}


body,td,th {
font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-style: normal;
font-weight: 400;
color:#000;
}
@media all and (-ms-high-contrast:none) {
body,td,th {
font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
}

div {
margin:0;
padding:0;
}

.slow * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

*{
margin: 0;
padding: 0;
}

/* リンク文字設定
-------------------------------------------------------------*/
img {
border:none;
max-width: 100%;
height: auto;
margin:0;
padding:0;
}

a img {
border:none;
}

a:link { 
color:#0075c2;
font-weight:700;
text-decoration:underline;
}

a:visited { 
color:#0075c2;
text-decoration: none;
}

a:hover { 
color:#0075c2;
text-decoration: none;
}
a:active { 
color:#0075c2;
text-decoration: none;
}





#container {
position:relative;
width: 100%;
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
}

.title {
position:relative;
padding:0;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
display:block;
background:#fad9d0;
overflow:hidden;
}
.titleback {
position:relative;
width:100%;
display:block;
vertical-align:bottom;
padding:0;
margin:0;
}

.titleback p img {
width:100%;
vertical-align:top;
padding:0;
margin:0;
}



.titleparts {
position:relative;
width:100%;
}
.titleparts p{
position:absolute;
width:100%;
bottom:0;
margin:0;
padding:0;
display:block;
}
.titleparts p img{
width:100%;
margin:0;
padding:0;
display:block;
vertical-align:bottom;
}
.center {
margin:0 auto;	
text-align: center;
}
#footer {
z-index: 99; /*ヘッダーバー部分の重なり順*/
position:relative;
width:100%;
margin:0;
padding:0;
overflow:hidden;
background:#FFF;
}

#copyright {
position:relative;
top:0;
width:100%;
display:block;
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
min-height: 100%;
margin:0 auto;
}

/*PC & Tablet
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
.pc {
display:block;
margin:0;
padding:0;
}
.sp {
display:none;
}
.link {
position:absolute;
width:30%;
max-width:540px;
left:0;
right:0;
bottom:23%;
margin:0 auto;
display:block;
}

.logo {
position:relative;
width:30%;
max-width:300px;
display:block;
margin:0 auto 25px auto;	
padding:0;
}
.logo img {
width:100%;
vertical-align:bottom;
}

.font80 {
font-size:80%;
line-height:150%;
text-align:center;
}
.font90 {
font-size:90%;
line-height:170%;
}
#infooter {
position:relative;
width:90%;
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
min-height: 100%;
margin:0 auto;
padding:0;
overflow:hidden;
color:#000000;
}
}



/*SP
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
.pc {
display:none;
}
.sp {
display:block;
margin:0;
padding:0;
}
.link {
position:absolute;
width:82%;
max-width:640px;
left:0;
right:0;
bottom:27%;
margin:0 auto;
display:block;
}
.logo {
position:relative;
width:60%;
max-width:300px;
display:block;
margin:0 auto 20px auto;	
padding:0;
}
.logo img {
width:100%;
vertical-align:bottom;
}

.font80 {
font-size:65%;
line-height:150%;
text-align:center;
}
.font90 {
font-size:75%;
line-height:170%;
}
#infooter {
position:relative;
width:90%;
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
min-height: 100%;
margin:0 auto;
padding-bottom:10%;
overflow:hidden;
color:#000000;
}
}



/*スペース調整その他
-------------------------------------------------------------*/
.space1 {
padding:1% 0 0 0;	
margin:0;
display:block;
}

.space2 {
padding:2% 0 0 0;
margin:0;
display:block;
}
.space3 {
padding:3% 0 0 0;	
margin:0;
display:block;
}
.space5 {
padding:5% 0 0 0;	
margin:0;
display:block;
}
.space7 {
padding:7% 0 0 0;	
margin:0;
display:block;
}
.space10 {
padding:10% 0 0 0;	
margin:0;
display:block;
}
.hidden {
display:none;
}
.alpha a:hover img {
opacity: 0.7;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
.alpha100 a:hover img {
opacity: 0;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
.animeslow {
-webkit-animation-duration: 0.2s;
animation-delay:0.2s;
}

.bold {
font-weight:700;	
}


/*表示時間調整
-------------------------------------------------------------*/
.animeslow1 {
-webkit-animation-duration: 0.2s;
animation-delay:0.2s;
}
.animeslow2 {
-webkit-animation-duration: 0.4s;
animation-delay:0.4s;
}
.animeslow3 {
-webkit-animation-duration: 0.6s;
animation-delay:0.6s;
}
.animeslow4 {
-webkit-animation-duration:0.8s;
animation-delay:0.8s;
}
.animeslow5 {
-webkit-animation-duration: 1.0s;
animation-delay:1.0s;
}
.animeslow6 {
-webkit-animation-duration: 1.2s;
animation-delay:1.2s;
}
.animeslow7 {
-webkit-animation-duration: 1.4s;
animation-delay:1.4s;
}
.animeslow8 {
-webkit-animation-duration: 1.6s;
animation-delay:1.6s;
}

.fade {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
}