@charset "utf-8";
* {margin: 0px; padding: 0px;}
body { font-size: 0.88em; line-height: 1.6em; color: #222; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; background-color: #666;}
a {color:#03C; text-decoration:none;}
a:hover { color: #FF6701; text-decoration: none; }
p {margin-bottom:1em;}
img {vertical-align:top; border:none; height: auto;}
a:hover img {opacity:0.6;}
article {padding:0 2%; overflow:hidden;}
section {margin-bottom:30px;}
header {padding-top:10px; background-image: url(../img/main_bg.jpg); background-size: contain; background-repeat: no-repeat; background-attachment: fixed; background-position: center top;}
#orange_maru {float: left; width: 25%; margin-bottom: 40px;}
#orange_maru img, #orange_maru2 img {width: 100%;}
#orange_maru2 {float: left; width: 25%; margin-bottom: 10px;}
#toparticle {padding: 0;}
h1#title {float:right; width:74%; border-bottom: dotted 2px #FF9900; padding: 3% 0 2%; text-align: center; margin-bottom: 30px;}
#title img {width: 98%;}
a #head_tel { border: 1px solid #AEC9D4; border-radius: 5px; width: 90%; text-align: center; margin: 0 auto 10px; padding: 10px 0 5px; clear: both; color: #fff; display: block; text-shadow: 0 0 5px #000; background-color: rgba(0,0,0,0.3); }
#head_tel img {width:20px; margin-right: 2px;}
#head_tel_number {font-size: 1.4em; font-weight:bold;}
nav { border-top: 1px solid #C5D4DC; }
nav ul { text-align: center; list-style-type: none; background-color: #668A9C; overflow: hidden; font-size: 1.1em; }
nav ul li a { display: block; height: 20px; padding: 10px 0; border-bottom: 1px solid #C5D4DC; border-left: 1px solid #C5D4DC; float: left; width: 49.5%; color: #fff; }
nav ul li a:hover { background-color: #B1C7D3; background-image: none; color: #fff; }
#nav_top a {border-radius: 5px 0 0 0;}
#top_img, #contents_img {background-image: url(../top/main_back.jpg); background-size:cover; background-position: center top; background-repeat: no-repeat; }
#top_img img, #contents_img img {width:100%; height:auto;}
#main {background-color:#FFF; padding-bottom:30px; overflow:hidden;}
#pankuzu {text-align:right; color:#666; padding:5px 0 0;}
#shinso_eiji { background-size:500px; background-repeat: no-repeat; height: 80px;}
.img1 img {width:100%;}
.img2 img {width:40%; float:right; padding:0 0 10px 10px;}
.img3 img {width: 95%;}
.zu1 img {width:30%; float:right; padding:0 0 10px 10px;}
#setumei p {font-size:1.2em; line-height:1.5em;}
h2 {font-weight:normal; font-size:1.6em; padding:1em 0 1em 0.5em; border-left:#6d97af 5px solid; margin-bottom:0.5em;}
h3 { font-size: 1.2em; clear: both; background-image: url(../img/h3_bg.gif); background-repeat: no-repeat; height: 60px; padding:20px 0 0 2px;}
h4 {font-size:1.2em; font-weight:bold; color:#5585a0;}
#osirase .kiji {border-bottom:#999 1px dotted; padding:3px 0;}
#osirase .day {color:#5585a0; font-weight:bold;}
#itiran {padding:3px 0; text-align:right;}
#syouhyou {border:#999 1px solid; padding:10px; border-radius:5px; clear:both;}
.inmei {background-color:#6d97af; padding:5px 5px 0; text-align:center; color:#FFF; font-weight:bold; font-size:1.2em; margin-bottom:0; border-radius:5px 5px 0 0; clear:both;}
.reg {font-size:0.4em;}
.juusyo {text-align:center; border:#6d97af 1px solid; border-radius:0 0 5px 5px; padding:5px; margin-bottom:20px;}
.btn1 a {background-color:#7b99fc; width:60%; padding:5px; color:#FFF; border-radius:5px;}
.btn1 a:hover {background-color:#FF9900;}
#link {border:#999 1px solid; border-radius:5px; padding:5px 5px 0; margin-bottom:20px;}
#link h3 {background:none; color:#5585a0; width:90%; text-align:center; margin:0 auto 10px; height: auto;}
ul.side_bnr {list-style-type:none;}
ul.side_bnr li {width:70%; margin:0 auto 10px;}
ul.side_bnr li img {width:100%; height:auto;}
#footer_tel {background-color:#EEE; padding:20px 0 10px; text-align:center;}
#footer_tel img {width:80%; height:auto;}
.text01 {font-size:2em;}
.text02 a { color: #FF6600; font-weight:bold;}
.text03 {font-size:1.2em; color:#436EB6; font-weight:bold; line-height:1.6em;}
footer {padding:10px 2% 50px; color:#CCC; text-align:center;}
footer ul {list-style-type:none;}
footer ul li a {color:#CCC; line-height:2em;}
footer ul li a:hover {color:#FFF;}
#pagetop_box { text-align: center; position: fixed; bottom: 0px; }
#pagetop_box { width: 100%; z-index: 101; bottom: 0px; position: fixed; }
#pagetop a { display: block; background-color: #7B99FC; font-size: 0.9em; line-height: 1.2em; color: #FFF; text-align: center; border-radius: 10px 10px 0 0; padding-top: 8px; padding-bottom: 8px; width: 11em; margin-left: auto; margin-right: auto; }
#pagetop a:hover {background-color:#FF9900;}
#facebook1 {text-align:center;}
#calendar img {width:100%;}
.nowrap {white-space:nowrap;}
.list1 {margin-left:2.5em; margin-bottom:1em;}
.list2 {margin-left:2.5em; margin-bottom:1em;}
.list2 li {margin-bottom:1em;}
p.photo1 {margin-bottom:1.5em; text-align:center;}
p.photo2 {width:70%; margin:0 auto 20px;}
p.photo3 {margin-bottom: 1.5em; text-align: center;}
.photo1 img {width:100%; margin-bottom:5px;}
.photo2 img {width:100%; margin-bottom:5px;}
.photo3 img {width: 100%; margin-bottom: 5px;}
.table1 {border-top:#999 1px solid; border-right:#999 1px solid; margin-bottom:10px; width:300px;}
.table1 th {text-align:left; padding:5px; border-left:#999 1px solid; border-bottom:#999 1px solid;}
.table1 td {padding:5px; border-left:#999 1px solid; border-bottom:#999 1px solid;}
#osirase_admin {display:block;}
#shinso-top {padding:10px 2%; background-color:#FFF; overflow:hidden;}
#container {padding:0 2% 10px; background-color:#FFF;}
#container ul {text-align:center; list-style-type:none;}
#container ul li {width:70%;  margin:0 auto 10px;}
#container ul li a img {width:100%;}
.map img {width:100%;}

@media print, screen and (min-width:640px) {
header.header2 {padding-top:10px; background-image: url(../img/main_bg.jpg); background-size: contain; background-repeat: no-repeat; background-attachment: fixed; background-position: center -10%;}
#orange_maru, #orange_maru2 {float: left; width: 14%; margin-bottom: 10px;}
#title_headtel {border-bottom: dotted 2px #FF9900; overflow: hidden; float: right; width: 86%; margin-bottom: 45%;}
#title_headtel2 {border-bottom: dotted 2px #FF9900; overflow: hidden; float: right; width: 86%; margin-bottom: 10px;}
h1#title {width:60%; border-bottom:none; padding: 0 0 0 2%; text-align:left; float: left; margin-bottom: 10px;}
h1#title img {width: 98%;}
a #head_tel { border: none; border-radius: 0; width: 38%; text-align: right; margin: 0 auto 0px; padding: 0; clear: none; color: #fff; display: block; text-shadow: none; background-color: transparent; }
#head_tel img {width:20px; margin-right: 5px;}
#head_tel {border:none; width:35%; float:right; margin:0 0 10px; padding:25px 0 0;}
nav {clear:both; border-top:none;}
nav ul {text-align:center; list-style-type:none; background-color:transparent; overflow:hidden; padding:0 2%; font-size: 1.2em;}
nav ul li a {height:26px; padding:10px 0 5px; border-top:#C5D4DC 1px solid; border-bottom: none; width:25%; border-left:#C5D4DC 1px solid; background-color: rgba(0,0,0,0.3); }
nav ul li:last-child a {border-right:#C5D4DC 1px solid; border-radius: 0 5px 0 0;}
nav ul li a img {width:auto; height:70%;}
nav ul li a:hover { background-color: rgba(177,199,211,0.7); background-image: none; color: #fff; }
#nav_top a {width:24%;}
.pc_none {display:none;}
#top_img, #contents_img {padding:0 2%; text-align:center;}
#contents_img img {width:70%;}
.img1 img {width:50%;}
.img2 img {width:28%;}
#shinso_eiji {background-size:97%; height: 100px;}
.zu1 img {width:20%;}
#setumei p {font-size:1.1em;}
h2 {font-size:2em;}
#main {overflow:hidden;}
#pankuzu {margin-bottom:10px;}
#side {float:right; width:23%;}
.inmei {font-size:1.1em;}
#link {border:none; padding:0;}
#link h3 {font-size:1.1em; width:90%; margin:0 auto 5px; padding:0;}
ul.side_bnr li {width:100%; margin:0 auto 10px;}
#contents {float:left; width:73%;}
#facebook1 img {width:100%;}
#footer_tel img {width:30%; height:auto;}
footer ul li {display:inline; padding:0 15px}
.photo1 {width:80%; margin:0 auto 1em;}
.photo3 {width:80%; margin:0 auto 1em;}
p.photo2 {float:right; width:35%; margin-left:10px;}
#shinso-top h1 {float:none; margin:0 auto 10px;}
#container {clear:both;}
#container ul {text-align:center; list-style-type:none; overflow:hidden;}
#container ul li {width:31.3%;  margin:0 1% 20px; float:left;}
#container ul li a img {width:100%; height:auto;}
#container ul li#honbu {margin:0 auto 10px; float:none;}
}

@media print, screen and (min-width:1024px) {
#orange_maru, #orange_maru2 {width: 100px;}
#title_headtel, #title_headtel2 {width: 860px; }
article {width:960px; margin:0 auto; padding:0;}
header {background-size: cover; background-position: center center; max-width:1920px; margin: 0 auto; }
header.header2 {background-size: cover; background-position: center -150px; max-width:1920px; margin: 0 auto;}
h1#title {width:400px; margin-bottom:10px;}
#head_tel {width:200px;padding:25px 0 0; margin-bottom:20px; font-size: 1.1em;}
#head_tel_number {font-size: 1.7em;}
#title_headtel {margin-bottom: 50%;}
nav ul {width:960px; margin:0 auto;}
nav ul li a {height:20px; padding:10px 0 15px; border-bottom:#CCC 1px solid; width:240px; border-left:#CCC 1px solid;}
nav ul li:last-child a {width:244px;}
nav ul li a img {width:auto; height:22px;}
#top_img_box {background-image:url(../top/top_img_bg.gif); background-repeat:repeat-x; background-color:#FFF;}
#contents_img_box {background-color:#637EA9;}
#top_img, #contents_img { background-size:auto; text-align: center; }
#top_img img {width:880px;}
#contents_img img {width:540px;}
.img1 img {width:325px;}
.img2 img {width:170px;}
.img3 img {width: 100%;}
.zu1 img {width:110px;}
#setumei p {font-size:1.25em;}
h2 {font-size:2.2em;}
#osirase .kiji {overflow:hidden;}
#osirase .day {float:left; width:150px;}
#osirase .comm {float:right; width:550px;}
#contents {width:700px;}
#shinso_eiji {background-size:700px; height: 120px;}
#side {width:230px;}
#footer_tel img {width:240px;}
.photo1 {float:left; width:340px; margin:0 5px;}
.photo3 {width:340px; margin:0 auto;}
p.photo2 {width:200px;}
#container ul {width:750px; margin:0 auto;}
#container ul li {width:230px;  margin:0 10px 20px; float:left;}
.map img {width:700px;}
}

@media print {
#pagetop_box {display:none;}
}