@charset "UTF-8";

/*===== CONTENTS ===========================================

	 1: CONTAINER
	 2: HEADER
	 3: SIDE
	 4: CONTENT
	 5: FOOTER

==========================================================*/
html,body {
	height:100%;
}
.marb10 {
	margin-bottom:10px;
}
.marb20 {
	margin-bottom:20px;
}
.marb30 {
	margin-bottom:30px;
}
/*======================================

	1: CONTAINER

=======================================*/
#container {
	margin:0px auto 0px auto;
	padding-top:40px;
	width: 1000px;
	overflow: hidden;
	display:block;
}

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

	 2: HEADER

=======================================*/
#header {
	width: 1000px;
	overflow: hidden;
	margin-bottom:30px;
	}
#header img {
	display:block;
	vertical-align:bottom;
}
#header .headerLeft {
	float:left;
	display:inline;
	width:135px;
}
#header .headerRight {
	float:right;
	display:inline;
	width:800px;
}
#header .headerRight .tel {
	width:495px;
	margin:16px 0px 14px 0px;
	padding-left:304px;
}
#header .headerRight .seotxt {
	width:800px;
	text-align:right;
	font-size:10px;
	line-height:1.0em;
}
/*======================================

	3: SIDE

=======================================*/
#side {
	width:170px;
	float:left;
	display:inline;
	overflow:hidden;
	margin-right:30px;
}
#side #gnaviArea,
#side #reserveArea,
#side #twitterArea {
	width:170px;
	overflow:hidden;
	margin-bottom:30px;
}
#side #gnaviArea ul#gnav {
	display:block;
	overflow:hidden;
}
#side #gnaviArea ul#gnav li {
	line-height:1.0;
	margin:0;
	padding:0;
	width:49px;
}
#side #gnaviArea ul#gnav li img {
	display:block;
	vertical-align:top;
}
#side #reserveArea img {
	display:block;
	vertical-align:top;
}
#side #reserveArea li {
	line-height:1.0;
	margin-bottom: 8px;
}
#side .mail a,
#side .line a {
	font-size: 14px;
    background: #f07009;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 16px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}
.mail a:before {
    content: "\f0e0";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #FFF;
}
.line a:before {
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3cd";
    margin-right: 8px;
    color: #FFF;
}
.mail a:hover,
.line a:hover {
    background: #f07009;
    color: #FFF;
}
#side #twitterArea h2 {
	margin-bottom:10px;
}


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

	4: CONTENT

=======================================*/
#content {
	width: 800px;
	float:left;
	display:inline;
	margin-bottom:20px;
}
#content h2 {
	margin-bottom:20px;
}
#content p.mainimg {
	margin-bottom:30px;
}
#content p.mainimg  img {
	display:block;
	vertical-align:bottom;
}
#content p.article  {
	line-height:1.6em;
	margin-bottom:30px;
}
#content p.article02  {
	line-height:1.6em;
	margin-bottom:20px;
}
.ptop{
	float: right;
	margin-bottom:30px;
}
.ptop:after { /* clearfix */
content:".";
height:0px;
clear:left;
display: block;
visibility:hidden;
}
.columnA {
	width:800px;
	overflow: hidden;
}
.columnA:after { /* clearfix */
content:".";
height:0px;
clear:left;
display: block;
visibility:hidden;
}
.columnA_l {
float: left;
width:570px;
} 
.columnA_r {
float: right;
width: 200px;
} 
.caption {
	margin:10px 0 0 0;
	text-align: center;
	line-height: 1.5em;
}
.columnFt{
float: left;
margin-right:10px;
} 
/*======================================

	5: FOOTER

=======================================*/
#footer {
	width:100%;
	background:#EFE8DB;
	border-top:1px solid #BDACA8;
	padding:20px 0px;
	text-align:center;
	overflow:hidden;
	display:block;
}
#footer #footerArea {
	width:650px;
	text-align:center;
	margin:0px auto;
	background:#EFE8DB;
}
#footer #footerArea:after { /* clearfix */
content:".";
height:0px;
clear:left;
display: block;
visibility:hidden;
}
#footer #footerArea ul {
	float:left;
	display:inline;
}
#footer #footerArea li {
	display:inline;
	font-size:10px;
	line-height:1.0;
}
#footer #footerArea ul#copyright {
	padding-top:5px;
	margin-left:30px;
}
#footer #footerArea ul#copyright li {
	line-height:1.0;
}
#footer #footerArea ul#copyright img {
	display:block;
	vertical-align:bottom;
}