@charset "UTF-8";
/* ==================================================
Theme Name: Hotel Akai
Theme URI: https://www.akai-inc.co.jp/
Description:
Author: KZK

Theme license:
================================================== */


/* ==================================================
CSS Include
================================================== */
@import"initial.css";
@import"page_style.css";



#header-wrap {
width: 100%;
background-image: url(images/header_bg.jpg);
background-position: top;
background-repeat: repeat-x;
padding-top: 3px;
text-align: center;
float: left;
}
#headermenu-wrap {
width: 100%;
height: 70px;
background-image: url(images/headermenu_bg.jpg);
background-position: top;
background-repeat: repeat-x;
text-align: center;
float: left;
}
#main-contents-wrap {
width: 100%;
margin-top: 20px;
text-align: center;
float: left;
}
#footer-wrap {
width: 100%;
background-color: #d7d7d7;
background-image: url(images/footer_bg.jpg);
background-position: top;
background-repeat: repeat-x;
margin-top: 20px;
text-align: center;
float: left;
}
.wrap-main {
width: 980px;
margin: 0 auto;
}
.sidebar-column {
width: 240px;
float: left;
}
.contents-column {
width: 720px;
float: right;
}



/* ==================================================
CSS Header
================================================== */
#header-wrap h1 {
width: 480px;
height: 107px;
float: left;
}
#header-wrap h1 a {
display: block;
width: 300px;
height: 97px;
background-image: url(images/hotelakai_logo.png);
background-position: 0 0;
background-repeat: no-repeat;
}
#header-wrap h1 a span {
display: none;
}
/*===== submenu =====*/
#header-wrap ul.submenu {
width: 480px;
float: right;
}
#header-wrap ul.submenu li {
float: left;
}
#header-wrap ul.submenu li a {
display: block;
width: 120px;
height: 20px;
background-image: url(images/submenu.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
#header-wrap ul.submenu li.mail a { background-position: 0 0; }
#header-wrap ul.submenu li.mail a:hover { background-position: 0 -20px; }
#header-wrap ul.submenu li.faq a { background-position: -120px 0; }
#header-wrap ul.submenu li.faq a:hover { background-position: -120px -20px; }
#header-wrap ul.submenu li.privacy a { background-position: -240px 0; }
#header-wrap ul.submenu li.privacy a:hover { background-position: -240px -20px; }
#header-wrap ul.submenu li.sitemap a { background-position: -360px 0; }
#header-wrap ul.submenu li.sitemap a:hover { background-position: -360px -20px; }
#header-wrap ul.submenu li a span {
display: none;
}
/*===== submenu =====*/
#header-wrap dl.tel {
width: 320px;
height: 70px;
background-image: url(images/hotelakai_tel.png);
background-position: 0 0;
background-repeat: no-repeat;
float: right;
}
#header-wrap dl.tel dt {
display: none;
}
#header-wrap dl.tel dd {
display: none;
}



#header-wrap h2.home {
width: 980px;
height: 340px;
float: left;
}


/* ==================================================
CSS Header Menu
================================================== */
#headermenu-wrap ul {
height: 70px;
}
#headermenu-wrap ul li {
float: left;
}
#headermenu-wrap ul li a {
display: block;
height: 70px;
background-image: url(images/headermenu.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}
#headermenu-wrap ul li.home a { width: 164px; background-position: 0 0; }
#headermenu-wrap ul li.home a:hover { width: 164px; background-position: 0 -70px; }
#headermenu-wrap ul li.room a { width: 163px; background-position: -164px 0; }
#headermenu-wrap ul li.room a:hover { width: 163px; background-position: -164px -70px; }
#headermenu-wrap ul li.facility a { width: 163px; background-position: -327px 0; }
#headermenu-wrap ul li.facility a:hover { width: 163px; background-position: -327px -70px; }
#headermenu-wrap ul li.amenity a { width: 163px; background-position: -490px 0; }
#headermenu-wrap ul li.amenity a:hover { width: 163px; background-position: -490px -70px; }
#headermenu-wrap ul li.access a { width: 163px; background-position: -653px 0; }
#headermenu-wrap ul li.access a:hover { width: 163px; background-position: -653px -70px; }
#headermenu-wrap ul li.update a { width: 164px; background-position: -816px 0; }
#headermenu-wrap ul li.update a:hover { width: 164px; background-position: -816px -70px; }
#headermenu-wrap ul li a span {
display: none;
}



/* ==================================================
CSS Footer
================================================== */
#footer-wrap #footer-top {
width: 980px;
padding-top: 17px;
float: left;
}
#footer-wrap #footer-top ul.footer-menu {
width: 480px;
float: left;
}
#footer-wrap #footer-top ul.footer-menu li {
width: 120px;
float: left;
}
#footer-wrap #footer-top ul.footer-menu li a {
display: block;
width: 120px;
height: 40px;
background-image: url(images/footer_menu.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
#footer-wrap #footer-top ul.footer-menu li.mail a { background-position: 0 0; }
#footer-wrap #footer-top ul.footer-menu li.mail a:hover { background-position: 0 -40px; }
#footer-wrap #footer-top ul.footer-menu li.faq a { background-position: -120px 0; }
#footer-wrap #footer-top ul.footer-menu li.faq a:hover { background-position: -120px -40px; }
#footer-wrap #footer-top ul.footer-menu li.privacy a { background-position: -240px 0; }
#footer-wrap #footer-top ul.footer-menu li.privacy a:hover { background-position: -240px -40px; }
#footer-wrap #footer-top ul.footer-menu li.sitemap a { background-position: -360px 0; }
#footer-wrap #footer-top ul.footer-menu li.sitemap a:hover { background-position: -360px -40px; }
#footer-wrap #footer-top ul.footer-menu a span {
display: none;
}

#footer-wrap #footer-top p.pagetop {
width: 120px;
float: right;
}
#footer-wrap #footer-top p.pagetop a {
display: block;
width: 120px;
height: 40px;
background-image: url(images/pagetop.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
#footer-wrap #footer-top p.pagetop a:hover {
background-position: 0 -40px;
}
#footer-wrap #footer-top p.pagetop a span {
display: none;
}




#footer-wrap .footer-sitemap {
width: 980px;
background-image: url(images/footer_sitemap_bg.gif);
background-position: 0 0;
background-repeat: repeat-y;
margin: 10px 0;
padding: 10px 0;
float: left;
}
#footer-wrap .footer-sitemap dl.home {
width: 220px;
text-align: left;
float: left;
}
#footer-wrap .footer-sitemap dl.home dt {
font-size: 80%;
border-left: solid 3px #036;
padding-left: 5px;
margin: 0 10px;
}
#footer-wrap .footer-sitemap dl.home dd {
font-size: 80%;
background-image: url(images/footer_sitemap_arrow.png);
background-position: 0 3px;
background-repeat: no-repeat;
padding-left: 10px;
margin: 0 20px;
}

#footer-wrap .footer-sitemap dl.reservation {
width: 220px;
text-align: left;
float: left;
}
#footer-wrap .footer-sitemap dl.reservation dt {
font-size: 80%;
border-left: solid 3px #036;
padding-left: 5px;
margin: 0 10px;
}
#footer-wrap .footer-sitemap dl.reservation dd {
font-size: 80%;
background-image: url(images/footer_sitemap_arrow.png);
background-position: 0 3px;
background-repeat: no-repeat;
padding-left: 10px;
margin: 0 20px;
}

#footer-wrap .footer-sitemap dl.room {
width: 220px;
text-align: left;
float: left;
}
#footer-wrap .footer-sitemap dl.room dt {
font-size: 80%;
border-left: solid 3px #036;
padding-left: 5px;
margin: 0 10px;
}
#footer-wrap .footer-sitemap dl.room dd {
font-size: 80%;
background-image: url(images/footer_sitemap_arrow.png);
background-position: 0 3px;
background-repeat: no-repeat;
padding-left: 10px;
margin: 0 20px;
}
#footer-wrap .footer-sitemap dl.hotel-access {
width: 320px;
text-align: right;
float: left;
}
#footer-wrap .footer-sitemap dl.hotel-access dt {
font-size: 80%;
margin-bottom: 10px;
}
#footer-wrap .footer-sitemap dl.hotel-access dd {
font-size: 80%;
}


#footer-wrap .copyrights {
width: 100%;
float: left;
}
#footer-wrap .copyrights p {
width: 300px;
height: 15px;
background-image: url(images/copyright.png);
background-position: 0 0;
background-repeat: no-repeat;
margin: 10px auto;
}
#footer-wrap .copyrights p span {
display: none;
}



/* ==================================================
CSS Breadcrumbs
================================================== */
#breadcrumbs-wrap {
width: 720px;
margin-bottom: 10px;
float: left;
}
#breadcrumbs-wrap ul {
text-align: left;
}
#breadcrumbs-wrap ul li {
display: inline;
font-size: 70%;
}



/* ==================================================
CSS Sidebar
================================================== */
.sidebar-column .widgets-box {
width: 240px;
margin-bottom: 10px;
float: left;
}
/*===== sidemenu =====*/
.sidebar-column #sidemenu {
background-color: #f2f2f2;
padding-bottom: 5px;
}
.sidebar-column #sidemenu h3 {
width: 240px;
height: 50px;
background-image: url(images/side_title_sidemenu.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
.sidebar-column #sidemenu h3 span {
display: none;
}
.sidebar-column #sidemenu ul {
margin: 0 5px;
}
.sidebar-column #sidemenu ul li {
width: 230px;
float: left;
}
.sidebar-column #sidemenu ul li a {
display: block;
width: 230px;
background-image: url(images/sidemenu.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}
.sidebar-column #sidemenu ul li.reservation a { height: 51px; background-position: 0 0; }
.sidebar-column #sidemenu ul li.reservation a:hover { height: 51px; background-position: -230px 0; }
.sidebar-column #sidemenu ul li.type a { height: 51px; background-position: 0 -51px; }
.sidebar-column #sidemenu ul li.type a:hover { height: 51px; background-position: -230px -51px; }
.sidebar-column #sidemenu ul li.conf_cancel a { height: 51px; background-position: 0 -102px; }
.sidebar-column #sidemenu ul li.conf_cancel a:hover { height: 51px; background-position: -230px -102px; }
.sidebar-column #sidemenu ul li.registration a { height: 51px; background-position: 0 -153px; }
.sidebar-column #sidemenu ul li.registration a:hover { height: 51px; background-position: -230px -153px; }
.sidebar-column #sidemenu ul li.change a { height: 51px; background-position: 0 -204px; }
.sidebar-column #sidemenu ul li.change a:hover { height: 51px; background-position: -230px -204px; }
.sidebar-column #sidemenu ul li.deletion a { height: 51px; background-position: 0 -255px; }
.sidebar-column #sidemenu ul li.deletion a:hover { height: 51px; background-position: -230px -255px; }
.sidebar-column #sidemenu ul li.renewal a { height: 50px; background-position: 0 -306px; }
.sidebar-column #sidemenu ul li.renewal a:hover { height: 50px; background-position: -230px -306px; }
.sidebar-column #sidemenu ul li a span {
display: none;
}
/*===== recent =====*/
.sidebar-column #side-recentpost {
background-image: url(images/side_recent_bg.gif);
background-position: bottom;
background-repeat: no-repeat;
}
.sidebar-column #side-recentpost h3 {
width: 240px;
height: 50px;
background-image: url(images/side_title_update.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
.sidebar-column #side-recentpost h3 span {
display: none;
}
.sidebar-column #side-recentpost ul {
margin: 5px 15px 15px 15px;
}
.sidebar-column #side-recentpost ul li {
font-size: 80%;
border-bottom: dotted 1px #CCC;
margin-bottom: 3px;
padding-bottom: 2px;
text-align: left;
}
/*===== banner =====*/
.sidebar-column #banner {
}
.sidebar-column #banner ul {
}
.sidebar-column #banner ul li {
margin-top: 1px;
margin-bottom: 1px;
}
.sidebar-column #banner ul li a:hover {
opacity:0.80;
filter: alpha(opacity=80);
-moz-opacity:0.80;
-ms-filter: "alpha(opacity=80)";
}



/* ==================================================
CSS Single
================================================== */
#archives-wrap {
width: 720px;
margin-bottom: 20px;
float: left;
}

#archives-wrap .archives-post {
width: 100%;
margin-bottom: 20px;
text-align: left;
float: left;
}
#archives-wrap .archives-post .archives-post-header {
}
#archives-wrap .archives-post .archives-post-header h4 {
border: solid 1px #DDD;
padding: 5px 0;
}
#archives-wrap .archives-post .archives-post-header h4 a {
display: block;
border-left: solid 5px #1a9cd3;
margin: 0 2px;
padding-left: 10px;
}
#archives-wrap .archives-post .archives-post-header p.cat {
font-size: 80%;
text-align: right;
}

#archives-wrap .archives-post .archives-post-body {
width: 100%;
text-align: left;
float: left;
}
#archives-wrap .archives-post .archives-post-body p.body {
font-size: 80%;
line-height: 1.8em;
margin: 10px;
}
#archives-wrap .archives-post .archives-post-body p.more {
font-size: 80%;
text-align: right;
margin: 10px;
}

#archives-wrap .archives-post .tags {
width: 100%;
margin-bottom: 20px;
background-color: #F8F8F8;
float: left;
}
#archives-wrap .archives-post .tags p {
font-size: 80%;
text-align: left;
padding: 10px;
}

#archives-wrap .archives-post .archives-post-footer {
width: 100%;
border-top: solid 1px #DDD;
text-align: left;
float: left;
}
#archives-wrap .archives-post .archives-post-footer p.date {
font-size: 80%;
text-align: right;
}

#archives-wrap .archives-post .navigation {
width: 100%;
text-align: left;
float: left;
}
#archives-wrap .archives-post .navigation .alignleft {
width: 48%;
text-align: left;
float: left;
}
#archives-wrap .archives-post .navigation .alignright {
width: 48%;
text-align: right;
float: right;
}


/* ==================================================
CSS Single
================================================== */
#single-wrap {
width: 720px;
margin-bottom: 20px;
float: left;
}
#single-wrap p.data {
width: 100%;
text-align: right;
float: left;
}
#single-wrap p.data span {
font-size: 77%;
}
#single-wrap .single-header {
width: 100%;
margin-bottom: 20px;
float: left;
}
#single-wrap .single-header h3 {
width: 720px;
height: 50px;
background-image: url(images/page_title_bg.gif);
background-position: 0 0;
background-repeat: no-repeat;
position: relative;
margin-bottom: 10px;
text-align: left;
}
#single-wrap .single-header h3 span {
font-size: 100%;
position: absolute;
top: 12px;
left: 25px;
}
#single-wrap .single-header .sns-links {
text-align: left;
}
#single-wrap .single-body {
width: 100%;
margin-bottom: 20px;
float: left;
}
#single-wrap .single-body h1 { font-size: 160%; border-bottom: dotted 1px #CCC; margin: 5px; text-align: left; }
#single-wrap .single-body h2 { font-size: 140%; border-bottom: dotted 1px #CCC; margin: 5px; text-align: left; }
#single-wrap .single-body h3 { font-size: 120%; border-bottom: dotted 1px #CCC; margin: 5px; text-align: left; }
#single-wrap .single-body h4 { font-size: 100%; border-bottom: dotted 1px #CCC; margin: 5px; text-align: left; }
#single-wrap .single-body h5 { font-size: 90%; border-bottom: dotted 1px #CCC; margin: 5px; text-align: left; }
#single-wrap .single-body h6 { font-size: 80%; border-bottom: dotted 1px #CCC; margin: 5px; text-align: left; }
#single-wrap .single-body p { font-size: 80%; margin:10px; line-height: 1.8em; text-align: left; }
#single-wrap .single-body ul { margin: 10px 30px; line-height: 1.8em; text-align: left; }
#single-wrap .single-body ul li { font-size: 80%; list-style-type: disc; }
#single-wrap .single-body dl { font-size: 80%; margin: 10px 20px; text-align: left; }
#single-wrap .single-body dl dt { font-weight: bold; }
#single-wrap .single-body dl dd { padding-left: 10px; }
#single-wrap .single-body strong { font-weight: bold; }
#single-wrap .tags {
width: 100%;
margin-bottom: 20px;
background-color: #F8F8F8;
float: left;
}
#single-wrap .tags p {
font-size: 80%;
text-align: left;
padding: 10px;
}
#single-wrap .single-footer {
width: 100%;
border-top: solid 1px #DDD;
margin-bottom: 20px;
padding-top: 5px;
float: left;
}
#single-wrap .single-footer p {
font-size: 80%;
text-align: right;
}



/* ==================================================
CSS Home
================================================== */
.contents-column .home-main-wrap {
width: 720px;
margin-bottom: 20px;
float: left;
}
/*===== slider =====*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,
.cs-next { font-size: 70%; background-color: #000000; color: #FFFFFF; padding: 10px 15px; }
.cs-buttons {
display: none;
}
/*===== home recent =====*/
.contents-column #home-recent {
}
.contents-column #home-recent h3 {
width: 720px;
height: 50px;
background-image: url(images/home_recent_title.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin-bottom: 10px;
}
.contents-column #home-recent h3 span {
display: none;
}
.contents-column #home-recent dl {
width: 100%;
border-bottom: dotted 1px #CCC;
margin-bottom: 5px;
padding-bottom: 2px;
float: left;
}
.contents-column #home-recent dl dt {
width: 500px;
font-size: 90%;
text-align: left;
float: right;
}
.contents-column #home-recent dl dd.date {
width: 120px;
font-size: 90%;
text-align: left;
float: left;
}
.contents-column #home-recent dl dd.date span {
padding-left: 5px;
}
.contents-column #home-recent dl dd.cat_icon {
width: 100px;
text-align: left;
float: left;
}
.contents-column #home-recent dl dd.cat_icon a:hover {
opacity:0.80;
filter: alpha(opacity=80);
-moz-opacity:0.80;
-ms-filter: "alpha(opacity=80)";
}
/*===== home concept =====*/
.contents-column #home-concept  {
}
.contents-column #home-concept h3 {
width: 720px;
height: 50px;
background-image: url(images/home_concept_title.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin-bottom: 10px;
}
.contents-column #home-concept h3 span {
display: none;
}
.contents-column #home-concept h4.concept-maintitle {
width: 720px;
height: 90px;
background-image: url(images/home_concept_maintitle.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
.contents-column #home-concept h4.concept-maintitle span {
display: none;
}
.contents-column #home-concept h5.concept-subtitle {
width: 720px;
height: 50px;
background-image: url(images/home_concept_subtitle.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
.contents-column #home-concept h5.concept-subtitle span {
display: none;
}



.contents-column #home-concept #home-concept-main {
width: 720px;
background-color: #fafaf8;
float: left;
}
.contents-column #home-concept #home-concept-main .home-concept-from {
width: 720px;
background-image: url(images/home_concept_border.gif);
background-position: bottom;
background-repeat: no-repeat;
margin-top: 10px;
padding-bottom: 20px;
float: left;
}
.contents-column #home-concept #home-concept-main .home-concept-from .text {
width: 490px;
float: right;
}
.contents-column #home-concept #home-concept-main .home-concept-from .text h4 {
width: 400px;
height:45px;
background-image: url(images/home_concept_from_title.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 20px;
margin-bottom: 10px;
}
.contents-column #home-concept #home-concept-main .home-concept-from .text h4 span {
display: none;
}
.contents-column #home-concept #home-concept-main .home-concept-from .text p {
font-size: 80%;
margin-right: 15px;
text-align: left;
}
.contents-column #home-concept #home-concept-main .home-concept-from .photo {
width: 230px;
float: left;
}
.contents-column #home-concept #home-concept-main .home-concept-to {
width: 720px;
margin-bottom: 15px;
float: left;
}
.contents-column #home-concept #home-concept-main .home-concept-to .text {
width: 490px;
float: right;
}
.contents-column #home-concept #home-concept-main .home-concept-to .text h4 {
width: 400px;
height:45px;
background-image: url(images/home_concept_to_title.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 20px;
margin-bottom: 10px;
}
.contents-column #home-concept #home-concept-main .home-concept-to .text h4 span {
display: none;
}
.contents-column #home-concept #home-concept-main .home-concept-to .text p {
font-size: 80%;
margin-right: 15px;
text-align: left;
}
.contents-column #home-concept #home-concept-main .home-concept-to .photo {
width: 230px;
float: left;
}

/*===== home access =====*/
.contents-column #home-access  {
}
.contents-column #home-access h3 {
width: 720px;
height: 50px;
background-image: url(images/home_access_title.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin-bottom: 10px;
}
.contents-column #home-access h3 span {
display: none;
}