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

/* ===================================================================
CSS information
11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%

COLOR
コーポレートカラー：#201084
サブ赤：#E91901
サブ水色:#008EDB
サブグリーン：薄い#9EDF00　濃い#72A200

タブレット用のスタイルを普通に書く
@media screen and (min-width: 481px) and (max-width: 800px) {
}
@media screen and (min-width: 721px) and (max-width: 1080px) {
}
モバイル用のスタイルを普通に書く
@media screen and (min-width: 0px) and (max-width: 720px) {
}
@media screen and (min-width: 0px) and (max-width: 720px) {
}


=================================================================== */


/* footer
------------------------------------------------------------ */
.goto{ width:80px; position:fixed; bottom:0; right:0; z-index:9999px; text-align:center;}
.goto a{ display:block; margin:0 auto; width:80px; height:35px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.goto a:link{ background:transparent url(../img/common/goto_btn_on.png) 0 0 no-repeat;}
.goto a:hover{ background:#E91901 url(../img/common/goto_btn_off.png) 0 0 no-repeat;}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

.footer-area{ width:100%; min-width:1040px; padding:50px 0; background:url(../img/footer/footer_bg.jpg) center bottom repeat-x;}
.footer-inner{ width:1000px; margin:0 auto; padding:0;}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

.f-link-set{ float:left; font-size:70%; text-align:left; line-height:1.8em; color:#fff;}
.f-link-set strong{ font-weight:700; margin:0 0 8px 0; display:block; font-size:105%;}
.f-link-set a:link,
.f-link-set a:visited{ color:#fff;}
.f-link-set a:hover{
	opacity:0.7;
filter: alpha(opacity=70);        
-ms-filter: "alpha(opacity=70)";  
-moz-opacity:0.7;                 
-khtml-opacity: 0.7;              
zoom:1;
	}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

.f1,
.f3,
.f4{ margin-right:30px;}	
.f2{ margin-right:20px;}

.f-link-set-other{ clear:both; width:100%; display:block; text-align:left; padding:30px 0 0 0;}
.f-link-set-other li{ font-size:75%; text-align:left; line-height:1.8em; color:#fff; display:inline-block; margin:0 10px 0 0;}
.f-link-set-other li strong{ font-weight:700;}
.f-link-set-other li a:link,
.f-link-set-other li a:visited{ color:#fff;}
.f-link-set-other li a:hover{
	opacity:0.7;
filter: alpha(opacity=70);        
-ms-filter: "alpha(opacity=70)";  
-moz-opacity:0.7;                 
-khtml-opacity: 0.7;              
zoom:1;
	}
	
/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

.footer-copy-area{ width:1000px; margin:0 auto; height:130px; padding:50px 0 0 0;}
.footer-copy-area h6 span{ display:none;}
.footer-copy-area h6 a{ display:block; width:115px; height:25px; background:url(../img/footer/footer_logo.png) top center no-repeat;}
.f-copy{ color:#aaa; font-size:70%; padding:8px 0 0 0;}

.f-add,
.f-tel{ display:inline-block !important; font-size:75%; margin:30px 0 0 20px;}
.f-add a:link,
.f-add a:visited,
.f-tel{ color:#444;}
.f-add a:hover{ color:#aaa;}
/*.f-tel a:link,
.f-tel a:visited{ color:#444; display:inline-block; font-size:70%; margin:30px 0 0 20px;}*/
.f-add a{ background:url(../img/footer/icon_add.png) 0 0 no-repeat; padding:0 0 0 22px;}
.f-tel{ background:url(../img/footer/icon_tel.png) 0 0 no-repeat; padding:0 0 0 22px;}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}