@charset "utf-8";

/*=============================================================================
  index.html
=============================================================================*/
#indexLeftBox {
  width: 620px;
  float: left;
}

#indexRightBox {
  width: 180px;
  float: right;
}

#indexLeftBox h1 {
  margin: 0 0 1em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#indexLeftBox h2 {
  padding: 0.3em 0.5em;
  background: #CCCCCC url(../images/bg_indexh2.gif) repeat-x;
  border-left: 5px solid #E6B422;
  font-size: 100%;
}

#indexLeftBox p {
  margin-bottom: 0.5em;
  font-size: 75%;
  line-height: 1.5;
}

#indexLeftBox p.textRight {
  text-align: right;
}

#indexRightBox h2 {
  margin-bottom: 10px;
  padding: 0.3em 0.5em;
  background: #CCCCCC url(../images/bg_indexh2.gif) repeat-x;
  border-left: 5px solid #E6B422;
  font-size: 75%;
}

#otherTravelInfo {
  border-top: 1px solid #EAEAEA;
	padding-top: 1em;
}

#otherTravelInfo td {
  font-size: 75%;
  margin-bottom: 0.5em;
}

#otherTravelInfo td a {
  display: block;
  padding: 0 20px;
  background: url(../images/bg_arrow.gif) no-repeat center left;
}

/*------------------------------------------------*/

#sectionIndex {
  margin-top: 10px;
}

#recomBox {
  width: 300px;
  float: left;
  background: url(../images/bg_recomlist.gif) no-repeat bottom right;
}

#recomBox ul {
  margin: 1em 0 0 1em;
  font-size: 75%;
}

#recomBox p {
  margin: 0.5em 1em;
}

#recomBox ul  a {
  display: block;
  padding-left: 20px;
  background: url(../images/bg_arrow.gif) no-repeat center left;
}

#photoGalleryBox {
  width: 300px;
  float: right;
}

#photoThumbnails {
  margin: 0.5em 0 0 0;
  text-align: center;
}

#photoThumbnails img {
  margin: 0 3px 6px 3px;
  width: 50px;
}

#photoGalleryBox ul {
  margin: 0 0 0 1em;
  font-size: 75%;
}

#photoGalleryBox ul  a {
  display: block;
  padding-left: 20px;
  background: url(../images/bg_arrow.gif) no-repeat center left;
}

/*------------------------------------------------*/

#sightseeingCategoryBox {
  margin-top: 10px;
}

#sightseeingCategoryBox h2 {
  margin-bottom: 1em;
  padding: 0.3em 0.5em;
  background: #CCCCCC url(../images/bg_indexh2.gif) repeat-x;
  font-size: 100%;
}

#sightseeingCategoryBox h3 {
  color: #FFFFFF;
  font-size: 100%;
}

#sightseeingCategoryBox h3 a {
  display: block;
  padding: 10px 1em 0 1em;
  height: 90px;
  color: #FFFFFF;
  font-size: 100%;
}

h3#landmark {
  border-style: solid;
  border-color: #00496C;
  border-width: 1px 1px 1px 20px;
  background: #006599 url(../images/bg_h3_landmark.jpg) no-repeat center right;
}

h3#hisetcul {
  border-style: solid;
  border-color: #89251D;
  border-width: 1px 1px 1px 20px;
  background: #aa2e26 url(../images/bg_h3_hisetcul.jpg) no-repeat center right;
}

h3#nature {
  border-style: solid;
  border-color: #679900;
  border-width: 1px 1px 1px 20px;
  background: #7eba00 url(../images/bg_h3_nature.jpg) no-repeat center right;
}

h3#resort {
  border-style: solid;
  border-color: #006666;
  border-width: 1px 1px 1px 20px;
  background: #018685 url(../images/bg_h3_resort.jpg) no-repeat center right;
}

h3#spa {
  border-style: solid;
  border-color: #B56400;
  border-width: 1px 1px 1px 20px;
  background: #dc8b06 url(../images/bg_h3_spa.jpg) no-repeat center right;
}

#sightseeingCategoryBox p {
  margin: 1em 0 0 0;
  font-size: 75%;
  line-height: 1.5;
}

div.sectionCategoryBox {
  margin-bottom: 20px;
}

div.categoryLeftBox {
  width: 300px;
  float: left;
}

div.categoryRightBox {
  width: 300px;
  float: right;
}

/*------------------------------------------------*/

#indexMapBox {
  margin-bottom: 20px;
  font-size: 75%;
  text-align: center;
}

#indexMapBox p {
  margin-top: 5px;
}

/*------------------------------------------------*/

#indexWeatherBox {
  margin-bottom: 20px;
  text-align: center;
}

/*------------------------------------------------*/

#indexBannerBox {
  margin-top: 5px;
  text-align: center;
}

#indexBannerBox img {
  margin-bottom: 10px;
}

#indexLinkBox {
  margin-top: 5px;
  text-align: center;
}

#indexLinkBox img {
  margin-bottom: 10px;
}

/*=============================================================================
  recommend.html
=============================================================================*/
#recommendInformation {
  background: transparent;
}

#recommendInformation h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#recommendInformation h2 {
  margin-bottom: 1em;
  padding: 0.5em;
  font-size: 100%;
  text-align: left;
  background: #EBC552;
}

#recommendInformation p {
  padding: 1em;
  font-size: 75%;
  line-height: 1.5;
  text-align: left;
}

div.recomSection {
  margin-bottom: 40px;
}

div.recomLeftBox {
  width: 400px;
  float: left;
  text-align: center;
}

div.recomRightBox {
  width: 400px;
  float: right;
  text-align: center;
}

div.recomRightBox img,div.recomLeftBox img {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 4px;
  border: 0px solid #999999;
  background: #cccccc;
  vertical-align: top;
}


/*=============================================================================
  basic.html
=============================================================================*/
#basicInformation {
  margin-top: 5px;
  background: #FFFFFF;
}

#basicInformation h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#basicInformation h2 {
  padding: 2em 1em 0.5em 1em;
  font-size: 75%;
}

#basicInformation p {
  padding: 0 1em 1em 1em;
  font-size: 75%;
  line-height: 1.5;
}

#whatsKagawa {
  width: 440px;
  float: left;
}

#imageKagawa {
  width: 380px;
  float: right;
}

#basicData1 table {
  margin: 0 20px 20px 20px;
}

#basicData1 th {
  padding: 0.5em 0;
  font-size: 75%;
  background: #FFFFFF;
}

#basicData1 td {
  padding: 0.5em 1em;
  font-size: 75%;
  background: #FFFFFF;
}

.basicData2 table {
  margin: 0 20px 20px 20px;
  background: #B3A680;
}

.basicData2 th {
  padding: 0.5em;
  background: #D1CAB4;
  font-size: 75%;
}

.basicData2 td {
  padding: 0.5em;
  background: #FFFFFF;
  font-size: 75%;
}

div.basicInfoDescript {
  padding: 0 3em 1em 3em;
  font-size: 75%;
  line-height: 1.5;
}

/*=============================================================================
  access
=============================================================================*/
#accessToKagawa h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#accessMap {
  width: 640px;
  float: right;
}

#accessMap p {
  margin: 1em 0;
  font-size: 75%;
  line-height: 1.5;
}

#publicTransport {
  width: 170px;
  float: left;
}

#publicTransport h2 {
  margin-bottom: 0.5em;
  padding: 0.3em;
  background: #E6B422;
  font-size: 100%;
}

#publicTransport ul {
  margin-bottom: 1em;
  font-size: 75%;
}

#publicTransport li {
  border-bottom: 1px solid #CCCCCC;
}

#publicTransport a {
  display: block;
  padding: 0.3em;
}

#publicTransport a:link {
  color: #006699;
  text-decoration: none;
}

#publicTransport a:visited {
  color: #006699;
  text-decoration: none;
}

#publicTransport a:hover {
  color: #006699;
  background: #EAEAEA;
}

#publicTransport a:active {
  color: #006699;
}

/*=============================================================================
  guide.php
=============================================================================*/
#sightseeingPoint {
}

#sightseeingPoint h1 {
  margin: 1em 0 20px 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#sightseeingPoint h2 {
  padding: 0 1em 1em 0;
  font-size: 100%;
}

#sightseeingPoint p {
  padding: 1em 0 0 0 ;
  font-size: 75%;
  line-height: 1.5;
}

#search {
  margin-bottom: 20px;
  background: url(../images/bg_search.gif) repeat-y;
}

#categorySearch {
  width: 550px;
  float: left;
}

#categorySearch h2 {
  margin: 10px 10px 0.3em 10px;
  padding: 0;
  font-size: 75%;
}

#categorySearch ul {
  margin: 0px 10px 10px 10px;
}

#categorySearch li {
  display: inline;
  padding-right: 1em;
  font-size: 75%;
}

#keywordSearch {
  width: 260px;
  float: right;
}

#keywordSearch h2 {
  margin: 10px 10px 0 10px;
  padding: 0;
  font-size: 75%;
}

#keywordSearch table {
  margin: 0 10px 10px 10px;
}

#keywordSearch td {
  padding-right: 0.5em;
}

#keywordSearch input.inpuWords {
  width: 150px;
}

#searchResults {
  margin-bottom: 20px;
}

#searchResults h2 {
  padding-bottom: 1em;
}

#searchResults ul {
  margin-left: 1.2em;
}

#searchResults li {
  width: 240px;
  float: left;
  font-size: 75%;
  margin-bottom: 0.5em;
}

#searchResults a {
  display: block;
  padding: 0 20px;
  background: url(../images/bg_arrow.gif) no-repeat center left;
}

#map {
  padding: 15px;
  text-align: center;
  background: #EAEAEA;
}

/*=============================================================================
  pointDetail
=============================================================================*/
h1#pointH1 {
  margin: 1em 0 20px 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#pointDetail {
  margin-bottom: 20px;
}

#descriptPoint {
  font-size: 75%;
}

#descriptPoint p {
  margin-bottom: 1em;
  padding-right: 2em;
}

#imagePoint {
  width: 440px;
  float: right;
  text-align: right;
}

#imagePoint img {
  padding: 5px;
  background: #F2F2F2;
  vertical-align: top;
}

#mapPoint {
  padding: 15px;
  text-align: center;
  background: #EAEAEA;
}

#additionalInfo {
}

#additionalInfo ul {
  margin: 0.5em 0;
}

#additionalInfo li {
  display: inline;
  padding: 0 20px 0 15px;
  background: url(../images/bg_arrow.gif) no-repeat center left;
}

/*=============================================================================
  hotel.php
=============================================================================*/
#hotelInformation {
  background: transparent;
  font-size: 75%;
}

#hotelInformation h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 150%;
  border-bottom: 3px solid #E6B422;
}

#hotelInformation h2 {
  margin-bottom: 1em;
  padding: 0 0 0 5px;
  font-size: 100%;
  border-left: 14px solid #006699;
}

#hotelInformation h3 {
  margin-left: 1em;
  padding: 0.3em;
  font-size: 100%;
}

#hotelInformation ul {
  margin: 0 0 2em 3em;
}

#hotelInformation li {
  line-height: 1.5;
}

ul#hotelJumpList {
  margin: 0 0 2em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #EAEAEA;
}

ul#hotelJumpList li {
  display: inline;
  margin: 0 1em 0 0;
  padding-left: 15px;
  background: url(../images/bg_arrow.gif) no-repeat center left;
}

#hotelInformation table {
  margin-bottom: 2em;
  width: 100%;
  background: #CCCCCC;
}

#hotelInformation th {
  padding: 0.5em;
  background: #EAEAEA;
  text-align: center;
}

#hotelInformation td {
  padding: 0.5em;
  background: #FFFFFF;
}

/*=============================================================================
  products.html
=============================================================================*/
#productsInformation {
  background: transparent;
}

#productsInformation h1 {
  margin: 1em 0 1em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#productsInformation h2 {
  padding: 0.5em;
  font-size: 100%;
  text-align: left;
}

#productsInformation p {
  margin-bottom: 1em;
  padding: 1em;
  font-size: 75%;
  line-height: 1.5;
  text-align: left;
}

#productImages {
  text-align: center;
}

#productImages img {
  margin: 0 5px;
  padding: 4px;
  border: 0px solid #999999;
  background: #EAEAEA;
  vertical-align: middle;
}

/*=============================================================================
  album 関連
=============================================================================*/
/* photo.php-------------------------------------------------*/
#photoGallery {
}

#photoGallery  h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#photoGallery  h2 {
  padding: 0.3em 0.5em;
  background: #CCCCCC url(../images/bg_indexh2.gif) repeat-x;
  border-left: 5px solid #E6B422;
  font-size: 90%;
}

#photoGallery  h3 {
  font-size: 75%;
}

#photoGallery p.albumDescription {
  margin-top: 1em;
  font-size: 75%;
}

#albumCategories {
  margin-bottom: 1.5em;
}

#albumCategories ul {
  font-size: 75%;
}

#albumCategories li {
  display: inline;
  margin: 0 1em 0 0;
  padding-left: 15px;
  background: url(../images/bg_arrow.gif) no-repeat center left;
}

#photoGallery div.sections {
  margin: 0;
  padding-top: 30px;
}

#photoGallery div.galleryLeftBox {
  width: 410px;
  float: left;
}

#photoGallery div.galleryRightBox {
  width: 410px;
  float: right;
}

#photoGallery div.sections p {
  padding: 0.5em 0 0 0;
  font-size: 75%;
  line-height: 1.3;
}

#photoGallery div.albumTopImg {
  width: 180px;
  float: left;
}

#photoGallery div.sections img {
  padding: 4px;
  border: 1px solid #999999;
  background: #FFFFFF;
}

p.backToTop {
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: right;
  font-size: 75%;
}

#notePhotoGallery {
  padding: 1em;
  background: #EAEAEA;
}

#notePhotoGallery   h2 {
  margin-bottom: 1em;
  border-bottom: 1px solid #CCCCCC;
  font-size: 90%;
}

#notePhotoGallery  p {
  margin-bottom: 1em;
  font-size: 75%;
}

#notePhotoGallery  ul {
  margin: 0 0 0 3em;
  list-style: disc;
  font-size: 70%;
}


/* index.php-------------------------------------------------*/
#albumList {
}

#albumListPagination {
  margin: 0 0 0 12px;
  font-size: 75%;
}

#albumList h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#albumList h2 {
  padding-bottom: 1em;
  font-size: 90%;
}

div.albumListImg {
  width: 175px;
  float: left;
}

div.albumListDescript {
  width: 640px;
  float: right;
}

div.section {
  margin: 0;
  padding: 20px 0 20px 0;
  border-top: 1px solid #EAEAEA;
}

div.section p {
  padding: 0 0 1em 0;
  font-size: 75%;
  line-height: 1.5;
}

div.section img {
  padding: 4px;
  border: 1px solid #999999;
  background: #FFFFFF;
}

/* album.php-------------------------------------------------*/

#albumContent {
  background: #FFFFFF;
}

#albumContent h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#albumContent h2 {
  padding-bottom: 0.5em;
  font-size: 90%;
}

#albumContent p {
  margin: 0 1em;
  line-height: 1.5;
  font-size: 75%;
}

#albumContentList {
  margin: 20px 0;
  padding-bottom: 20px;
}

#albumContentList img {
  margin: 20px 0 0 0;
  border:1px solid #222222;
}

#albumContentList ul {
  margin-bottom: 1px;
}

#albumContentList li {
  width: 275px;
  float: left;
  text-align: center;
  background: #000000;
  border-right: 1px solid #FFFFFF;
}

#albumContentList p {
  margin: 0.3em 1em 1em 1em;
  color: #FFFFFF;
}

#albumContentList a:link {
  color: #E6B422;
  text-decoration: none;
}

#albumContentList a:visited {
  color: #E6B422;
  text-decoration: none;
}

#albumContentList a:hover {
  color: #E6B422;
  text-decoration: underline;
}

#albumContentList a:active {
  color: #E6B422;
  text-decoration: underline;
}

/* albumdetail.html-------------------------------------------------*/
#albumDetail {
  margin: 0 auto;
  width: 640px;
  background: #FFFFFF;
  text-align: left;
}

#albumDetail h1 {
  margin: 10px 0;
}

#albumDetail p {
  margin-top: 10px;
  font-size: 75%;
}


/*=============================================================================
  contact.html
=============================================================================*/
#contactList {
  background: transparent;
}

#contactList h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

#contactListInner {
  font-size: 75%;
}

#contactListInner h2 {
  margin: 2em 0 1em 0;
  padding: 0 0 0 5px;
  font-size: 100%;
  border-left: 14px solid #006699;
}

#contactListInner table {
  margin-bottom: 1em;
  width: 100%;
  background: #CCCCCC;
}

#contactListInner th {
  padding: 0.5em;
  background: #EAEAEA;
  text-align: center;
}

#contactListInner td {
  padding: 0.5em;
  background: #FFFFFF;
}

#contactListInner p {
  margin: 0 1.5em;
  line-height: 1.5;
}

#contactListInner ul {
  margin: 1em 2em 2em 2em;
}

#contactListInner li {
  margin-bottom: 0.5em;
}


/*=============================================================================
  link.php
=============================================================================*/
#linkInformation {
  background: transparent;
}

#linkInformation h1 {
  margin: 1em 0 1.5em 0;
  padding: 0 0 0.5em 0;
  font-size: 125%;
  border-bottom: 3px solid #E6B422;
}

div.sectionLink {
}

div.bannerLinkBox {
   width: 350px;
   float: right;
   text-align: right;
}

#linkInformation h2 {
  margin-bottom: 1em;
  font-size: 100%;
}

#linkInformation img {
  margin-bottom: 0.5em;
  vertical-align: top;
}

#linkInformation p {
  margin-bottom: 2em;
  padding: 1em 0;
  line-height: 1.5;
  border-bottom: 1px solid #E8DDBE;
  font-size: 75%;
}