/* CSS Document */

/*******************
base.css
*******************/
body {
	-webkit-text-size-adjust: none;
	position:relative;
}

a:hover {
	text-decoration:none;
}

/*******************
style.css
*******************/
h2 {
	margin:0 10px;
}
.sp {
	display:block !important;
}
.pc {
	display:none !important;
}

section {
	overflow:hidden;
}

/*******************
header
*******************/
.headText {
    position:absolute;
    top:0;
    height:30px;
	z-index:999;
    width:100%;
}
.headText p {
	font-size:8px;
	padding:5px 10px 0 0;
}
#contents .headText {
    width:100%;
    margin-left:0;
}

header {
	position:static;
	width:auto;
	height:auto;
	z-index:999;
    padding:35px 5px 0;
}
#headLogo {
    padding:0;
	margin:0 0 0 5px;
    float:none;
    width:58px;
}
#headLogo h1 a {
	background:url(../images/logo.png) left top no-repeat;
    background-size:58px 20px;
	width:58px;
	height:20px;
	display:block;
	text-indent:-9999px;
}
/* menu */
menu {
	margin:10px 0 0;
}
.menu li {
	font-size:9px;
	margin:0 0 18px 10px;
    float:left;
}
.menu li a span {
	font-size:8px;
}

/*******************
footer
*******************/
footer {
	min-width:300px;
    height:100%;
	position:relative;
    top:0;
}
#footer {
    background:#ffffff;
}
#footerInfo {
    margin:0 0;
    padding:30px 10px;
}
#footerLogo {
    text-align:center;
}
#footerLogo img {
    float:none;
    margin:0 auto 15px;
    width:82px;
    height:auto;
}
#footerLogo p {
    float:none;
	color:#00ced9;
    line-height:1.4;
    text-align:left;
}
#footerInfo table {
    width:100%;
    margin:20px 0 0;
}
#footerInfo table th {
    font-size:11px;
    width:60px;
    padding:20px 0 0;
}
#footerInfo table td {
    font-size:10px;
}
#footerInfo table td span {
    font-size:9px;
}
/* menu */
#footerMenu {
    background:#ffffff;
    padding:20px 10px;
    border-bottom:#eaeaea 2px solid;
}
#footerMenu menu {
	margin:0;
}
#footerMenu .menu li {
	font-size:10px;
	line-height:1.4;
	margin:0 9px 10px;
    float:left;
}
#footerMenu .menu li a {
	color:#00ced9;
}
#footerMenu .menu li a span {
	color:#044448;
	font-size:8px;
}
#footerMenu .sns {
	margin:10px 0 0 ;
}
#footerMenu .sns li {
    float:left;
	font-size:9px;
	height:30px;
	margin:0 2px 10px;
}
#footerMenu .sns li a {
	color:#00ced9;
}
#footerMenu .sns .tw a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
	background-position:0 0 ;
	width:30px;
	height:30px;
	display:block;
	margin:-5px 4px 0 0;
	float:left;
}
#footerMenu .sns .ab a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
	background-position:-40px 0 ;
	width:30px;
	height:30px;
	display:block;
	margin:-5px 4px 0 0;
	float:left;
}
#footerMenu .sns .yt a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
	background-position:-80px 0 ;
	width:30px;
	height:30px;
	display:block;
	margin:-5px 4px 0 0;
	float:left;
}
.copyright small {
	color:#00ced9;
    font-size:10px;
}


/*******************
parts
*******************/
#toTop {
    position:fixed;
    right:0;
    bottom:50px;
    z-index:999;
}
#toTop .prev a {
    width:26px;
    height:26px;
    display:block;
    text-indent:-9999px;
    background:url(../images/icon.png) no-repeat;
    background-position:0 -20px;
    background-size:100px 100px;
}
#toTop .next a {
    width:26px;
    height:26px;
    display:block;
    text-indent:-9999px;
    background:url(../images/icon.png) no-repeat;
    background-position:0 -46px;
    background-size:100px 100px;
}

/*******************
contents
*******************/
#wrapper {
	margin-left:0 !important;
	background:url(../images/bg.jpg) left top repeat;
    background-size:314px 187px;
	min-width:300px;
}

/* top */
#top {
    margin-bottom:10px;
    padding:0;
}
#top #mainCaption {
	position:absolute;
	right:0;
	top:65%;
	padding:5px 0;
    width:100%;
    opacity:0.85;
    z-index:10;
}
#top #mainCaption img {
    width:60%;
    height:auto;
	margin:0 0 5px 10px;
}
#top #mainCaption p {
    font-size:9px;
    margin:0 0 0 10px;
    line-height:1.5;
}

/* top service */
#topService {
	padding:20px 10px;
}
#topService h2 {
	margin:0 0 20px;
}
#topService h2 img {
    width:200px;
    height:auto;
}
#topService p {
	font-size:11px;
	margin:0 0 20px 0;
}
#topService .topServiceMenu {
	width:90%;
	float:none;
	max-width:100%;
	margin:0 auto 20px;
}
#topService .topServiceMenu img {
	width:100%;
	height:auto;
	margin:0 0 10px;
}
#topService .topServiceMenu a {
	color:#00ced9;
    font-size:14px;
}
#topService .topServiceMenu a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
    background-size:100px 100px;
	background-position:-60px 0 ;
	width:15px;
	height:15px;
	display:block;
	margin:5px 4px 0 20px;
	float:left;
}

/* top qa */
#topQa {
	padding:20px 10px;
    min-height:100%;
}
#topQa h2 {
	margin:0 0 20px;
}
#topQa h2 img {
    width:200px;
    height:auto;
}
#topQa p {
	font-size:11px;
	margin:0 0 20px;
}
#topQa .topQaMenu {
	width:100%;
	max-width:100%;
	margin:0 auto 20px;
}
#topQa .topQaMenu a {
	color:#40a007;
    font-size:14px;
}
#topQa .topQaMenu a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
    background-size:100px 100px;
	background-position:-80px 0 ;
	width:15px;
	height:15px;
	display:block;
	margin:5px 4px 0 0;
	float:left;
}
#topQa .topQaImg {
    position:static;
    z-index:20;
    right:0;
    bottom:0;
    width:80%;
    margin:0 auto;
}
#topQa .topQaImg img {
	width:100%;
	height:auto;
}

/* top reserve */
#topReserve {
	padding:20px 10px;
    min-height:600px;
}
#topReserve h2 {
	margin:0 0 20px;
}
#topReserve h2 img {
    width:200px;
    height:auto;
}
#topReserve p {
	font-size:11px;
	margin:0 0 20px;
}
#topReserve .topReserveMenu {
	width:100%;
	max-width:100%;
	margin:0 auto 20px;
}
#topReserve .topReserveMenu a {
	color:#f85700;
    font-size:14px;
}
#topReserve .topReserveMenu a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
    background-size:100px 100px;
	background-position:-60px -20px ;
	width:15px;
	height:15px;
	display:block;
	margin:5px 4px 0 0;
	float:left;
}
#topReserve .topReserveLink {
    font-size:12px;
	margin:0 0 0 10px;
    padding:20px 0 0;
}
#topReserve .topReserveLink a {
    text-decoration:underline;
	color:#f85700;
}
#topReserve .topReserveImg {
    width:180px;
    margin:0 auto;
}
#topReserve .topReserveImg img {
	width:100%;
	height:auto;
}
#topReserve #topReserveImg01 {
    position:absolute;
    right:45%;
    bottom:35px;
}
#topReserve #topReserveImg02 {
    position:absolute;
    right:0;
    bottom:20px;
}

.topBg {
    z-index:5;
}
.topBg img {
    width:100%;
    height:auto;
}


/* page */
.pageTitleArea {
    position:relative;
    margin:0 0 15px;
}
.pageTitleArea img {
    width:100%;
    height:auto;
}
.pageTitle {
    position:absolute;
    left:0;
    bottom:5px;
    background:#ffffff;
    padding:5px;
}
.pageTitle img {
    width:150px;
    height:auto;
}
/* services */
#service {
    background:#ffffff;
    width:100%;
    padding:0;
    margin-bottom:20px;
}
#service h2 {
    font-size:14px;
    font-weight:normal;
    color:#00CED9;
    border-bottom:#00CED9 solid 2px;
    margin: 0 0 15px;
    padding:0 10px;
}
#service h3 {
    font-size:13px;
    font-weight:normal;
    color:#000000;
    margin:0 10px 10px;
}
#service h3:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
    background-size:100px 100px;
	background-position:-30px -20px ;
	width:9px;
	height:9px;
	display:block;
	margin:4px 4px 0 0;
	float:left;
}
#service table {
    margin : 0 10px 20px;
    width:auto;
}
#service table th {
    width:30%;
}
#service table th,
#service table td {
    vertical-align:text-top;
    text-align:left;
    font-size:12px;
    font-weight:normal;
    color: #5A5A5A;
    padding:3px;
}
#service p {
    margin:0 10px 25px;
    font-size:12px;
}
#service p span {
    color:#A7A7A7;
    font-size:10px;
}
.serviceVisual {
    margin:0 0 30px;
}
.serviceVisual img {
    width:100%;
    height:auto;
}

/* gallery */
#gallery {
    background:#ffffff;
    width:100%;
    padding:0;
    margin-bottom:20px;
}
#galleryPhotoArea {
    width:300px;
    margin:0 auto 30px;
}
.galleryPhoto {
    width:100px;
    height:auto;
    float:left;
}
.p2 {
    width:100px;
    height:auto;
    float:left;
}
.galleryPhoto img {
    width:100%;
    height:auto;
}

/* faq */
#faq {
    background:#ffffff;
    width:100%;
    padding:0 0 20px;
    margin-bottom:20px;
}
#faq h2 {
    font-size:14px;
    font-weight:normal;
    color:#40a007;
    border-bottom:#40a007 solid 1px;
    margin: 0 0 15px;
    padding:0 10px;
}
#faq h3 {
    font-size:12px;
    font-weight:normal;
    color:#000000;
    margin:0 0 10px;
    border-top:#00ced9 dotted 1px;
    padding:10px 10px 0;
}
#faq h3:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
    background-size:100px 100px;
	background-position:-30px -20px ;
	width:9px;
	height:9px;
	display:block;
	margin:4px 4px 0 0;
	float:left;
}
#faq p {
    margin:0 10px 15px;
    font-size:12px;
}
#faq b {
    font-size:12px;
}
#faq p span {
    color:#A7A7A7;
    font-size:10px;
}

/* book */
#book {
    background:#ffffff;
    width:100%;
    padding:0 0 20px;
    margin-bottom:20px;
}
#book h2 {
    font-size:14px;
    font-weight:normal;
    color:#F85700;
    border-bottom:#F85700 solid 1px;
    margin: 0 0 15px;
    padding:0 10px;
}
#book h3 {
    font-size:12px;
    font-weight:normal;
    color:#000000;
    margin:0 0 10px;
    padding:10px 0 0 10px;
}
#book h3:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
    background-size:100px 100px;
	background-position:-30px -20px ;
	width:9px;
	height:9px;
	display:block;
	margin:4px 4px 0 0;
	float:left;
}
.formLink p {
    margin:0 10px !important;
}
.formLink p a {
    color:#F85700;
    font-size:10px;
}
#book p ,
#book li {
    margin:0 0 25px;
    font-size:12px;
}
#book span {
    color:#A7A7A7;
    font-size:10px;
}
.form {
    border:4px #C3EFF3 solid;
}
.form h3 {
    margin-left:10px !important;
    margin-top:20px !important;
}
.form p {
    margin-left:10px !important;
}
.necessity {
    padding:2px 5px;
    font-size:8px;
    background:#D12225;
    color:#ffffff !important;
    margin:0 0 0 10px;
}
#book table {
    width:100%;
}
#book table th,
#book table td {
    text-align:left;
    font-size:10px;
    padding:10px;
    vertical-align:text-top;
    font-weight:normal;
}
.thTtl {
    color:#149EBC;
    padding:20px 10px 10px !important;
}
.col2 th {
    width:40%;
}
.col4 th {
    width:20%;
}
input {
    margin:0 5px 0 0;
}
.tbbg th,
.tbbg td {
    background:#E9FAFB;
}
textarea {
    width:100%;
    height:100px;
}
#submitBtn {
    cursor:pointer;
    width:80px;
    height:auto;
    display:block;
    color:#ffffff;
    background:#1D8C9C;
    margin:20px auto 0;
    text-align: center;
    padding:5px 0;
    font-size:12px;
}
#submitBtn:hover {
    background:#00CED9;
}
#areaMenu {
    margin:10px;
}
.area {
    float:left;
    width:136px;
    height:34px;
    display:block;
    background:#1D8C9C;
    color:#ffffff;
    border:2px #ffffff solid;
    padding:3px;
    font-size:12px;
}
.area:hover {
    background:#00CED9;
}
#areaMenuList .active {
    background:#9BCAE4;
}
.areaChild {
    width:50%;
    float:left;
    margin:10px 0;
}
.areaImg {
    float:none;
    margin:0 10px 0 0;
    height:auto;
}
.areaImg img {
    width:50px;
    height:auto;
}
.areaInfo {
    margin:0 10px 0 0;
    height:77px;
}
.areaInfo h6 {
    font-size:10px;
}
.areaInfo label {
    font-size:10px;
}
#book ul li {
    padding:3px 0;
    margin:0 0 0 10px;
}
.areaContent h4 {
    color:#149EBC;
    margin:5px 0 0;
}
.colorC {
    color:#149EBC;
    margin:0 0 10px !important;
}
.errMessage {
    color:#FF0004;
    margin:0 !important;
}
.errText {
    background:#FFBCBD;
}


#ui-datepicker-div {
	width:300px !important;
    left:10px !important;
}


/*--- clearfix ---*/
header:after,
#footerMenu .menu:after,
#footerMenu .sns:after
{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}