/* CSS Document */
.sp {
	display:none !important;
}

/*******************
header
*******************/
header {
	position:fixed;
	left:0;
	top:0;
	width:190px;
	background:#ffffff;
	box-shadow:1px 0 3px #C1C1C1;
	height:100%;
	z-index:999;
}
#headLogo {
	margin:30px 0 0 30px;
}
#headLogo h1 a {
	background:url(../images/logo.png) left top no-repeat;
	width:116px;
	height:40px;
	display:block;
	text-indent:-9999px;
}
/* menu */
menu {
	margin:35px 0 0 30px;
}
.menu li {
	font-size:14px;
	line-height:1.4;
	margin:0 0 15px;
}
.menu li a {
	color:#00ced9;
}
.menu li a span {
	color:#044448;
	font-size:10px;
}
.sns {
	margin:40px 0 0 ;
}
.sns li {
	font-size:12px;
	height:30px;
	margin:0 0 10px;
}
.sns li a {
	color:#00ced9;
}
.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;
}
.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;
}
.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;
}

/*******************
footer
*******************/
footer {
	background:url(../images/bg.jpg) left top repeat;
	min-width:800px;
    height:100%;
	position:relative;
    top:0;
    z-index:50;
}
#footer {
    background:#ffffff;
}
#footerInfo {
    margin:0 0 0 50px;
    padding:50px 0;
}
#footerLogo img {
    float:left;
    margin:0 25px 0 0;
}
#footerLogo p {
    float:left;
	color:#00ced9;
    line-height:1.4;
}
#footerInfo table {
    width:100%;
    margin:20px 0 0;
}
#footerInfo table th {
    font-size:14px;
    color:#5a5a5a;
    vertical-align:text-top;
    text-align:left;
    width:100px;
    padding:20px 0 0;
}
#footerInfo table td {
    color:#575757;
    font-size:14px;
    vertical-align:text-top;
    line-height:2;
    padding:20px 0 0;
}
#footerInfo table td span {
    color:#A7A7A7;
    font-size:12px;
}
#footerImg {
    width:90%;
    margin:20px auto;
}
#footerImg img {
    width:100%;
    height:auto;
}
.copyright {
    background:#ffffff;
    text-align:center;
    padding:20px 0;
}
.copyright small {
	color:#00ced9;
    font-size:12px;
}

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

/*******************
contents
*******************/
#wrapper {
	margin-left:190px !important;
	background:url(../images/bg.jpg) left top repeat;
	min-width:800px;
}
section {
    height:100%;
	position:relative;
    top:0;
}

.headText {
	text-align:right;
	background:#ffffff;
}
.headText p {
	font-size:12px;
	color:#044448;
	padding:0 5px 0 0;
}
#contents .headText {
    width:800px;
    margin-left:190px;
}

/* top */
#top {
    margin-bottom:100px;
    z-index:10;
}
#top #mainVisual {
    position:relative;
    top:0;
}
#top #mainVisual img {
	width:100%;
	height:auto;
}
#top #mainCaption {
	position:absolute;
	right:0;
	top:70%;
	background:#ffffff;
	padding:20px;
}
#top #mainCaption img {
	margin:0 0 20px;
}
#top #mainCaption p span {
    color:#E62200;
}

/* top service */
#topService {
	background:#ffffff;
	padding:30px 50px;
	box-shadow:0 1px 3px #C1C1C1;
    z-index:20;
}
#topService h2 {
	margin:0 0 35px;
}
#topService p {
	font-size:12px;
	margin:0 0 40px 16px;
}
#topService .topServiceMenu {
	width:47%;
	float:left;
	max-width:466px;
	margin:0 3% 0 0;
}
#topService .topServiceMenu img {
	width:100%;
	height:auto;
	margin:0 0 10px;
}
#topService .topServiceMenu a {
	color:#00ced9;
}
#topService .topServiceMenu a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
	background-position:-120px 0 ;
	width:30px;
	height:30px;
	display:block;
	margin:-5px 4px 0 20px;
	float:left;
}

/* top qa */
#topQa {
	background:#ffffff;
	padding:30px 50px;
	box-shadow:0 1px 3px #C1C1C1;
    z-index:30;
    min-height:400px;
}
#topQa h2 {
	margin:0 0 35px;
}
#topQa p {
	font-size:12px;
	margin:0 0 40px 16px;
}
#topQa .topQaMenu {
	width:47%;
	max-width:466px;
	margin:0 3% 0 0;
}
#topQa .topQaMenu a {
	color:#40a007;
}
#topQa .topQaMenu a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
	background-position:-160px 0 ;
	width:30px;
	height:30px;
	display:block;
	margin:-5px 4px 0 20px;
	float:left;
}
#topQa .topQaImg {
    position:absolute;
    z-index:20;
    right:20px;
    bottom:20px;
}
#topQa .topQaImg img {
	width:100%;
	height:auto;
}

/* top reserve */
#topReserve {
	background:#ffffff;
	padding:30px 50px;
	box-shadow:0 1px 3px #C1C1C1;
    z-index:40;
    min-height:500px;
}
#topReserve h2 {
	margin:0 0 35px;
}
#topReserve p {
	font-size:12px;
	margin:0 0 40px 16px;
}
#topReserve .topReserveMenu {
	width:47%;
	max-width:466px;
	margin:0 3% 30px 0;
}
#topReserve .topReserveMenu a {
	color:#f85700;
}
#topReserve .topReserveMenu a:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
	background-position:-120px -40px ;
	width:30px;
	height:30px;
	display:block;
	margin:-5px 4px 0 20px;
	float:left;
}
#topReserve .topReserveLink {
    font-size:12px;
	margin:0 0 0 16px;
    padding:80px 0 0;
}
#topReserve .topReserveLink a {
    text-decoration:underline;
	color:#f85700;
}
#topReserve .topReserveImg {
    width:286px;
}
#topReserve .topReserveImg img {
	width:100%;
	height:auto;
}
#topReserve #topReserveImg01 {
    position:absolute;
    z-index:22;
    right:250px;
    bottom:80px;
}
#topReserve #topReserveImg02 {
    position:absolute;
    z-index:20;
    right:20px;
    bottom:20px;
}

.topBg {
    z-index:5;
}
.topBg img {
    position:relative;
    width:100%;
    height:auto;
}
#topBg01 {
    z-index:15;    
}
#topBg02 {
    z-index:25;    
}
#topBg03 {
    z-index:35;    
}


/* page */
.pageTitleArea {
    position:relative;
    margin:0 0 30px;
}
.pageTitle {
    position:absolute;
    left:0;
    bottom:10px;
    background:#ffffff;
    padding:5px;
}
/* services */
#service {
    background:#ffffff;
    width:750px;
    padding:0 50px 100px 50px;
    margin-bottom:20px;
}
#service h2 {
    font-size:18px;
    font-weight:normal;
    color:#00CED9;
    border-bottom:#00CED9 solid 1px;
    margin: 0 0 25px;
}
#service h3 {
    font-size:14px;
    font-weight:normal;
    color:#000000;
    margin:0 0 10px;
}
#service h3:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
	background-position:-60px -40px ;
	width:18px;
	height:18px;
	display:block;
	margin:4px 4px 0 0;
	float:left;
}
#service table {
    margin : 0 0 30px;
    width:100%;
}
#service table th {
    width:15%;
}
#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 0 25px;
    font-size:12px;
}
#service p span {
    color:#A7A7A7;
    font-size:12px;
}
.serviceVisual {
    margin:0 0 30px;
}

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

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

/* book */
#book {
    background:#ffffff;
    width:750px;
    padding:0 50px 100px 50px;
    margin-bottom:20px;
}
#book h2 {
    font-size:18px;
    font-weight:normal;
    color:#F85700;
    border-bottom:#F85700 solid 1px;
    margin: 0 0 25px;
}
#book h3 {
    font-size:14px;
    font-weight:normal;
    color:#000000;
    margin:0 0 10px;
    padding:10px 0 0;
}
#book h3:before {
	content:"";
	background:url(../images/icon.png) no-repeat;
	background-position:-60px -40px ;
	width:18px;
	height:18px;
	display:block;
	margin:4px 4px 0 0;
	float:left;
}
#book p ,
#book li {
    margin:0 0 25px;
    font-size:12px;
}
#book span {
    color:#A7A7A7;
    font-size:10px;
}
.form {
    border:5px #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:12px;
    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;
}
#submitBtn:hover {
    background:#00CED9;
}
#areaMenu {
    margin:10px;
}
.area {
    float:left;
    width:48%;
    background:#1D8C9C;
    color:#ffffff;
    border:2px #ffffff solid;
    padding:3px;
}
.area:hover {
    background:#00CED9;
}
#areaMenuList .active {
    background:#9BCAE4;
}
.areaChild {
    width:50%;
    float:left;
    margin:10px 0;
}
.areaImg {
    float:left;
    margin:0 10px 0 0;
    height:77px;
}
.areaImg img {
    width:77px;
    height:auto;
}
.areaInfo {
    margin:0 10px 0 0;
    height:77px;
}
.areaInfo h6 {
    font-size:12px;
}
.areaInfo label {
    font-size:12px;
}
#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;
}
.formLink p a {
    color:#F85700;
}
.errMessage {
    color:#FF0004;
    margin:0 !important;
}
.errText {
    background:#FFBCBD;
}

/*--- clearfix ---*/
.clearfix:after,
section:after,
#footerLogo:after,
galleryPhotoArea:after,
.areaContent:after,
#areaMenuList:after,areaChild:after,
.formLink:after
 {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}