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


html,body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	line-height: 1.6;
	text-align: left;
}

#wrap{
	background: #f2fcbb;
	color: #2b2e35;
}

#header{
	height: 50px;
}


#top{
	width: 980px;
	margin: 0 auto;
	border: #dcdcdc 1px solid;
	background: #ffffff;
	height: 400px;
}

#content-top{
	width: 980px;
	margin: 0 auto;
	background: #90dd12;
	height: 50px;
	color: #ffffff;
	font-size: 108%;
}
#content-top img{
	vertical-align: text-bottom;
}

#title{
	width: 250px;
	height: 400px;
	background: url(../img/title-bottom.png) no-repeat left bottom #90dd12;
	text-align: center;
	float: left;
}
#title img{
	margin-top: 50px;
}

#intro{
	width: 728px;
	height: 398px;
	font-size: 123%;
	position: relative;
	float: left;
}
#intro img{
	 vertical-align: bottom;
}
.catch{
	position:absolute;
	top: 10px;
	left:20px;
	width:700px;
}
.catch p{
	font-weight: bold;
	font-size: 140%;
	opacity: 0;
}
.catch p:nth-child(1){
	-webkit-animation: topcatch 3.5s ease 0s 1 forwards;
	animation: topcatch 3.5s ease 0s 1 forwards;
	position:absolute;
	top:50px;
	left:10px;
	text-shadow: 2px 2px 8px #90dd12, -2px -2px 8px #90dd12,-2px 2px 8px #90dd12, 2px -2px 8px #90dd12;
}
.catch p:nth-child(2) {
	-webkit-animation: topcatch 3.5s ease 2.5s 1 forwards;
	animation: topcatch 3.5s ease 2.5s 1 forwards;
	position:absolute;
	top:95px;
	left:350px;
	text-shadow: 2px 2px 8px #90dd12, -2px -2px 8px #90dd12,-2px 2px 8px #90dd12, 2px -2px 8px #90dd12;
}
.catch p:nth-child(3) {
	-webkit-animation: topcatchL 6s ease 5s 1 forwards;
	animation: topcatchL 6s ease 5s 1 forwards;
	position:absolute;
	top:140px;
	left:170px;
	text-shadow: 1px 1px 10px #90dd12, -1px -1px 10px #90dd12,-1px 1px 10px #90dd12, 1px -1px 10px #90dd12;
	color:#fff;
}
@-webkit-keyframes topcatch {
	45% {
		opacity: 1;
	}
	55% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes topcatch {
	45% {
		opacity: 1;
	}
	55% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes topcatchL {
	22% {
		opacity: 1;
	}
	55% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes topcatchL {
	22% {
		opacity: 1;
	}
	55% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.catch2{
	position:absolute;
	top: 10px;
	left:20px;
	width:700px;
	opacity: 0;
	-webkit-animation: topcatch2 2s ease 10s 1 forwards;
	animation: topcatch2 2s ease 10s 1 forwards;
}
.catch2 p{
	font-weight: bold;
	font-size: 110%;
	position:absolute;
	top:50px;
	left:300px;
	text-align:right;
}

@-webkit-keyframes topcatch2 {
	100% {
		opacity: 1;
	}
}
@keyframes topcatch2 {
	100% {
		opacity: 1;
	}
}

.address{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 290px;
	padding:10px 20px;
	text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff,-1px 1px 2px #fff, 1px -1px 2px #fff;
	background-color: rgba(255,255,255,0);
}
.address {
	-webkit-animation: backadd 2s ease 10s 1 forwards;
	animation: backadd 2s ease 10s 1 forwards;
}

@-webkit-keyframes backadd {
	100% {
		background-color: rgba(255,255,255,0.75);
	}
}
@keyframes backadd {
	100% {
		background-color: rgba(255,255,255,0.75);
	}
}

.name{
	font-weight: bold;
	font-size: 100%;
	opacity:0;
	-webkit-animation: shopname 2s ease 10s 1 forwards;
	animation: shopname 2s ease 10s 1 forwards;
}
@-webkit-keyframes shopname {
	100% {
		opacity: 1;
	}
}
@keyframes shopname {
	100% {
		opacity: 1;
	}
}

.tel{
	font-weight: bold;
	font-size: 175%;
}

.slide {
	width: 730px;
	height: 400px;
	position: relative;
	opacity:1;
}

.slidephoto{
	position: absolute;
	top:0;
	left:0;
	width: 730px;
	height: 400px;
}
.item4 {
	-webkit-animation: slideshow 1s ease 2.5s 1 forwards;
	animation: slideshow 1s ease 2.5s 1 forwards;
}
.item3 {
	-webkit-animation: slideshow 1s ease 5s 1 forwards;
	animation: slideshow 1s ease 5s 1 forwards;
}
.item2 {
	-webkit-animation: slideshow 2s ease 9s 1 forwards;
	animation: slideshow 2s ease 9s 1 forwards;
}
.item5 {
	-webkit-animation: slideshow 2s ease 10s 1 forwards;
	animation: slideshow 2s ease 10s 1 forwards;
}
@-webkit-keyframes slideshow {
	100% {
		opacity: 0;
	}
}
@keyframes slideshow {
	100% {
		opacity: 0;
	}
}


#menu{
	font-size: 123%;
	width: 100%;
	height: 58px;
	background: #287d47;
	margin-top: 10px;
	border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
}

#menu ul{
	width: 960px;
	margin: 0 auto;
}

#menu li{
	margin: 0 12px;
	padding-top: 10px;
	padding-bottom: 8px;
	line-height:40px;
	text-align: center;
	font-weight: bold;
	list-style-type: none;
	float: left;
	vertical-align:middle;
}
#menu li.double{
	line-height:1.2;
}

#menu li a:link,#menu li a:visited{
	color: #ffffff;
	text-decoration: none;
}
#menu li a:hover,#menu li a:active{
	color: #ffff00;
	text-decoration: none;
}

#content-menu{
	width: 270px;
	float: left;
	background: #1a3791;
}


#content-menu li{
	margin: 0 5px;
	padding: 15px 0 15px 7px;
	text-align: left;
	font-weight: bold;
	list-style-type: none;
	border-bottom: 1px dotted #ffffff;
}

#content-menu li a:link,#content-menu li a:visited{
	color: #ffffff;
	text-decoration: none;
}
#content-menu li a:hover,#content-menu li a:active{
	color: #ffff00;
	text-decoration: none;
}

#content-txt{
	background: url(../img/karte-m.png) repeat-y;
	width: 650px;
	margin-left: 20px;
	float: left;
}
.con{
	padding: 10px 50px;
}
.karte-t{
	height:120px;
	background: url(../img/karte-t.png) no-repeat;
}
.karte-b{
	height:60px;
	background: url(../img/karte-b.png) no-repeat;
}

#photoline{
	margin: 10px auto 0;
	text-align:center;
	clear: both;
}
.photo{
	margin: 0 3px;
}

#main{
	width: 960px;
	margin: 20px auto 0;
	padding: 20px 0;
	font-size: 116%;
	clear: both;
}

#contents1{
	width: 470px;
	float: left;
}

#contents2{
	width: 450px;
	float: right;
}

#newsblock{
	width: 400px;
	margin: 40px auto 0;
	border: 4px double #1a3791;
	background: #ffffff;
}

#newsp{
	border-bottom: 1px dotted #1a3791;
}

dl#blog{
	margin: 0 10px 10px;
	font-size: 85%;
}

ul#shojo{
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position:outside;
}
ul#shojo li{
	list-style-position:outside;
	list-style-type: none;
	font-size: 85%;
	color: #1a3791;
	padding-top: 4px;
}

table#price{
	border: 2px solid #000000;
	margin: 0 auto;
}
table#price th,table#price td{
	padding: 10px 20px;
	border: 1px solid #000000;
	text-align: center;
}
table#price th{
	font-weight: bold;
	color: #ffffff;
	background: #90dd12;
}
table#price th.line{
	background: #e3e8fa;
	color: #2b2e35;
}
table#price td{
	background: #ffffff;
}

form#inquiry,form#check{
	margin: 0 auto;
	width: 80%;
}
form#inquiry input{
	width: 60%;
	margin-bottom: 10px;
}
form#inquiry textarea{
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
}
form#inquiry input[type='submit']{
	width: 80px;
	height: 40px;
	font-size: 108%;
}

form dd{
	margin-bottom: 20px;
}

.top-subtext{
	width:800px;
	margin: 0 auto 10px;
	padding: 20px 50px;
	font-size: 108%;
}
.top-subtext p{
	margin:-10px 0 30px 50px;
}

#footer{
	padding: 20px 0 0 10px;
	border-top: 4px solid #dcdcdc;
	clear: both;
}
#footer table{
	color: #2b2e35;
}
#footer th{
	padding-right: 10px;
	vertical-align: top;
}
.copy{
	text-align: right;
	color: #287d47;
}

#seiganphoto{
	margin: 30px 0;
}
#seiganphoto img{
	margin-left: 8px;
}
#seiganex{
	margin: 30px 0;
}
#seiganex a{
	display:inline-block;
	width:170px;
	height:230px;
	margin-left:5px;
}
#seiganex a:link.ex21,#seiganex a:visited.ex21{
	background:url(../img/seigan_ex02_1b.jpg);
}
#seiganex a:active.ex21,#seiganex a:hover.ex21{
	background:url(../img/seigan_ex02_1a.jpg);
}
#seiganex a:link.ex22,#seiganex a:visited.ex22{
	background:url(../img/seigan_ex02_2b.jpg);
}
#seiganex a:active.ex22,#seiganex a:hover.ex22{
	background:url(../img/seigan_ex02_2a.jpg);
}
#seiganex a:link.ex23,#seiganex a:visited.ex23{
	background:url(../img/seigan_ex02_3b.jpg);
}
#seiganex a:active.ex23,#seiganex a:hover.ex23{
	background:url(../img/seigan_ex02_3a.jpg);
}
#seiganex p{margin-bottom:0;}

#chiryomenu img{
	float: right;
	margin: 0 5px 5px;
	border: solid #cccccc 1px;
}
#chiryomenu strong{
	margin-bottom: 5px;
	display: inline-block;
	border-bottom: solid 1px #90dd12;
}

h1{
	padding-top: 7px;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 108%;
}

h1 span.sub{
	font-weight: normal;
	font-size: 85%;
}

h2{
	font-size: 116%;
	color: #ffffff;
	background: url(../img/h2.png) no-repeat;
	padding: 8px;
	height: 50px;
}

h3{
	font-size: 116%;
	color: #287d47;
	padding: 8px;
}

h3.news{
	border-bottom: #287d47 1px dashed ;
}

h4{
	font-size: 116%;
	font-weight: bold;
	margin: 0 50px 20px;
	padding: 10px;
	border-bottom: #287d47 1px dashed ;
}

p{
	padding: 10px;
}
ul{
	text-align: left;
}
li{
	list-style: disc inside;
}
ul#incho li{
	list-style: none;
}
ul.ryokin{
 margin-bottom:30px;
}
ul.ryokin li{
	list-style: none;
	font-size:108%;
	margin:0 10px 0 10px;
	padding: 6px 0 5px 10px;
	border-bottom: 1px dotted #287d47;
}
strong{
	font-weight: bold;
}
.caution{
	color: #ff0000;
}
.important{
	color: #244dcb;
}
button{
	margin: 20px;
}

a.chiryotitle{
	color:#2b2e35;background: url(../img/arrow03.gif) right no-repeat ; display: block;
}
a.chiryotitle:hover{
	color:#cc0000;text-decoration:none; background: url(../img/arrow02.gif) right no-repeat ;
}
a.chiryotitle:focus{
	outline:none;
}

.txtleft{
	text-align: left;
}
.txtright{
	text-align: right;
}
.txtcenter{
	text-align: center;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.str{
	font-weight: bold;
}
.large{
	font-size: 131%;
}
.small{
	font-size: 85%;
}
.fontred{
	color:#ff0000;
}
.unline{
 border-bottom: solid 1px #1a3791;
}
.mag30{
	margin-top: 30px;
}
.pad0{
	padding-top: 0px;
	padding-bottom:0px;
}
.pad10{
	padding: 10px;
}
.pad10a{
	padding: 10px 0 10px 10px;
}
.pad10b{
	padding: 10px 10px 10px 0;
}
.pad10c{
	padding: 10px 10px 0 10px;
}

.point1{
	font-size: 108%;
	font-weight: bold;
	padding-right: 5px;
	color: #90dd12;
}
.box1{
	width: 450px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: #ffffff url(../img/contents1-bottom.png) left bottom no-repeat;
}
.box2{
	background: #ffffff;
	border: 1px dotted #90dd12;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	height: auto;
	overflow: hidden;
}