@charset 'utf-8';img{max-width:100%;}
#about{overflow:hidden;}
#about table{width:60%;float:left;margin-bottom:20px;}
#about tr td a{color:#0055aa;text-decoration:underline;}
#about table,#about td,#about th{padding:5px 0px;border-top:1px #999 dotted;border-bottom:1px #999 dotted;}
.ise_uni{padding:10px 0;}
#about,#business,#fish,#mail{margin-top:-125px;padding-top:125px;}
#header{width:100%;background-color:#f8f8f8;border-bottom:2px solid #ccc;border-top:3px solid #555;}
.headercontent{position:relative;width:960px;padding:0;margin:0 auto;}
.accordion{display:none;}
.h01{padding:0;margin:5px 0;}
.h02{position:absolute;top:10px;right:0px;}
.logo img{padding:0px 0px 4px 0px;}
.tel{float:left;}
.sns{position:relative;top:-4px;float:left;width:25px;}
.sns img{margin:5px 10px;}
#navi{width:100%;height:60px;background-image:url(../img/navi_bg.png);background-repeat:repeat-x;}
#navi ul{width:960px;margin:0 auto;}
#navi ul li{height:60px;text-align:center;float:left;}
#navi ul li:hover{background-color:#111;opacity:0.8;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width:960px;height:400px;overflow:hidden;}
.sp_top{display:none;}
.top{width:100%;height:auto;background-image:url(../img/top_bg.jpg);background-position:center center;}
.top .topphoto{width:960px;height:400px;margin:0 auto;}
.contener{background-image:url(../img/bg-01.jpg);}
.content{width:960px;margin:0 auto;background-color:#f8f8f8;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.4);}
.Intro-t{text-align:center;margin:0px auto;}
.Intro-t img{margin:10px auto 0px auto;}
.Intro{text-align:center;margin:10px auto;}
p.Intro{width:95%;text-align:left;letter-spacing:0.1em;line-height:150%;}
p.Intro_r{text-align:right;width:95%;letter-spacing:0.1em;line-height:150%;}
.main_col{width:606px;float:left;margin:20px;height:100%;}
hr{margin:0;}
.blog{margin:0 0 100px 0;}
#about p,#business p,#mail p,.facebook,.blog div{margin:10px 0;}
#fish a img{margin:10px 3px;}
#fish a{text-decoration:none;}
.side_col{margin:20px 20px 20px 0px;}
.links{float:left;width:292px;}
.links ul li{float:left;padding:2px;}
.kanren h2 img{margin:0px 0px;}
.contentfooter{clear:left;width:100%;background-color:#004185;text-align:center;padding:10px 0;color:#fff;letter-spacing:0.3em;}
.map{width:40%;float:left;}
.googlemap{width:100%;border:0;float:left;height:316px;}
#footer{width:100%;padding:30px 0;background-color:#111;color:#fff;}
.footernavi a{margin:0 10px;color:#fff;}
.footernavi a:hover{position:relative;top:1px;opacity:0.8;}
.copy{text-align:center;}
.topup{position:fixed;right:30px;bottom:50px;}
.footerbg{width:100%;height:80px;background-color:#111;background-image:url(../img/f_bg-01.png);}
.facebookin{border:none;overflow:hidden;width:100%;height:590px;}
@media only screen and (max-width:1023px){}
@media only screen and (max-width:959px){.main_col{width:96%;margin:20px 2%;}
.main_col img{width:100%;margin:0px auto;}
p.Intro{width:95%;text-align:left;letter-spacing:0.15em;line-height:150%;}
.headercontent{width:100%;}
.top{margin-top:60px;}
.top .topphoto{width:100%;height:auto;margin:0 auto;padding:0;}
.content{width:100%;background-color:#f8f8f8;box-shadow:none;}
.contener{width:100%;background-color:#f8f8f8;background-image:none;}
.h01{margin:0px auto;text-align:center;}
#navi,.h02,#header{display:none;}
#slider li,#slider ul li img{width:100%;height:auto;}
.headercontent,.sp_top img,#navi ul,.blog,.facebook,.footercontent,.kanren img{width:100%;}
.accordion{display:inline;}
.splogo img{text-align:center;height:40px;padding:10px 0 0 0;}
.content{position:relative;width:100%;margin:0px auto;padding:10px 0;}
#footer,.footerbg{position:relative;}
.topup{position:relative;text-align:center;margin:10px auto;right:0px;bottom:0px;}
.links{margin:0px 1%;width:48%;float:left;}
.kanren{margin:0px 1%;width:48%;float:left;}
.links ul li{float:left;padding:0px;}
.kanren h2 img{margin:0px 0px;}
.links img,.kanren ul li{width:100%;margin:0 auto;}
.links ul li{width:50%;float:left;margin:5px 0;padding:0;}
.links ul li img,.kanren ul li img{width:100%;margin:0 auto;}
.map{max-width:100%;height:150px;}
.flogo img{max-width:100%;}
.footernavi a{margin:10px;}
.facebookin{border:none;overflow:hidden;width:100%;height:590px;}
#top,#about,#business,#fish,#mail{margin-top:-70px;padding-top:70px;}
.title{margin:0;padding:0;max-width:100% !important;width:auto !important;}
}
@media only screen and (max-width:600px){#about table{width:100%;float:none;margin-bottom:20px;}
.map{width:100%;margin-bottom:20px;}
.googlemap{width:100%;border:0;float:none;height:auto;}
}