@charset "utf-8";

/* ========BASIC======== */
body {
   margin: 10;
   padding: 0;
   color: #000000;
   font-family: "メイリオ", Meiryo, verdana, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 28px;
   text-align: center;
   text-decoration: none;
   letter-spacing: 1px;
   line-height: 1.4;
   background-image: url("../Sozai/bgnavy.jpg");
}

a {
   color: navy;
   text-decoration: none;
}

a:link {
   color: blue;
}

a:visited {
   /* color:#810081; */
   color: blue;
}

a:hover {
   color: red;
   text-decoration: underline;
}

br {
   letter-spacing: normal;
}

img {
   border: 0;
   vertical-align: bottom;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   padding: 0;
   font-weight: bold;
   font-size: 88%;
}

p {
   margin: 3;
   margin-left: 10px;
   font-size: 75%;
}

em {
   font-weight: bold;
   font-style: normal;
}

strong {
   font-weight: bold;
   color: #FF6535;
}

ins {
   text-decoration: underline;
}

del {
   color: #999;
   text-decoration: line-through;
}

ul,
ol {
   margin: 0 0 1em 2em;
   padding: 0;
   font-size: 75%;
}

dl {
   margin: 0;
   padding: 1em 0;
   font-size: 75%;

}

th,
td {
   font-weight: normal;
   font-size: 20px;
   text-align: left;
}

form {
   margin: 0;
   font-size: 75%;
   ;

}

textarea,
input[type=text],
select {
   font-size: 100%;
   background: #fff;
   border: 1px solid #333;
}

/* ========TEMPLATE LAYOUT======== */
#top {
   position: relative;
   max-width: 850px;
   margin: 0 auto;
   text-align: left;
   background-color: white;
}

#header {
   position: relative;
   height: 115px;
   padding: 5px 20px;
   margin-top: 10px;
   background-image: url("../Sozai/bghead.jpg");
}

#tweet {
   position: relative;
   padding: 0 20px;
   margin: 15px;
   background-color: #FFFF75;
   font-size: 88%;
   line-height: 150%;
}

#place {
   position: relative;
   padding: 2px 20px;
   margin: 15px 15px;
   background-color: #e4e3e3;
   font-size: 36px;
   line-height: 58px;
}

#place-travel {
   position: relative;
   padding: 5px 20px;
   margin: 5px 15px;
   background-color: #ccecff;
   font-size: 32px;
   line-height: 50px;
}

#months {
   position: relative;
   padding: 5px 20px;
   margin: 5px 15px;
   background-color: #ccecff;
   line-height: 150%;
}

#title-travel {
   position: relative;
   background-color: #000080;
   padding: 10px;
   font-family: "HGP創英角ｺﾞｼｯｸUB", "メイリオ", Meiryo;
   color: white;
   font-size: 42px;
   text-align: center;
   margin: 15px 0px;

}

#contents {
   margin: 0 auto 0 auto;
   padding: 0 15px;
   background-color: white;
}

.index_body_table td {
   vertical-align: top;
}

.index_body_table td.width40 {
   width: 40%;
}

#wrapper {
   margin: 0;
   padding: 0;
   width: 800px;
}

#wrapper:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

#history {
   margin: 0;
   padding: 0;
   float: left;
   width: 100%;
}

#twitter {
   margin: 0;
   padding: 0;
   float: right;
   width: 100%;
}

#footer {
   height: 100px;
   padding: 0 20px;
   background-image: url("../Sozai/bghead.jpg");
}

#margin {
   margin-bottom: 25px;
}

#margin-left {
   margin-left: 50px;
}

.twitter-timeline {
   min-width: 300px !important;
}

#counter {
   margin-top: 10px;
   margin-left: 850px;
}

/* ========HEADER CUSTOMIZE======== */
#header h1 {
   display: inline;
   position: relative;
   top: 30px;
   left: 30px;
   font-size: 100%;
}

/* ========MENU CUSTOMIZE======== */
#menu {
   margin: 0px auto;
   padding-left: 40px;
   padding-top: 40px;
   padding-bottom: 20px;
   text-indent: -20px;
   width: 90%;
   line-height: 54px;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu li {
   display: inline;
   margin-bottom: 40px;
   padding-right: 10px;
   font-size: 40px;
}

#menu li a {
   padding-left: 20px;
}

#menu li b {
   padding-left: 20px;
}

#menu li a:hover {
   background: url(../images/mark.gif) top left no-repeat;
}

/* ========MONTHS CUSTOMIZE======== */
#months ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#months li {
   display: inline;
   padding-right: 20px;
}

#months li a {
   padding-left: 20px;
}

#months li a:hover {
   background: url(../images/mark.gif) top left no-repeat;
}

#months p {
   margin: 0;
   font-size: 88%;
}

.hashtag {
   font-weight: bold;
}

.thumbarea {
   text-align: center;
}

.thumbarea img {
   width: 30%;
}

.thumb {
   width: 30%;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
#contents h2 {
   font-size: 40px;
   margin-right: 10px;
   margin-left: 10px;
   margin-bottom: 5px;
   padding-top: 30px;
   padding-left: 10px;
   border-bottom: 5px double #000000;
   color: #000000;
}

#contents h2 a {
   padding-left: 20px;
}

#contents h2 a:hover {
   background: url(../images/mark.gif) top left no-repeat;
}

#contents h2 img {
   margin-bottom: 6px;
}

#contents h3 {
   margin-bottom: 5px;
   padding-top: 30px;
   border-bottom: 1px solid #333;
}

#contents h4 {
   margin-bottom: 5px;
   padding-top: 30px;
   font-weight: normal;
}

#contents h5 {
   margin-bottom: 5px;
   padding-top: 30px;
   font-weight: normal;
   font-size: 75%;
}

#contents h6 {
   margin-bottom: 5px;
   padding-top: 30px;
   font-weight: normal;
   font-size: 75%;
}

#contents dd {
   margin-left: 1em;
}

#contents hr {
   border: none;
   border-top: dashed 1px #000000;
   height: 1px;
   color: #ffffff;
   margin: 0 6 0 6;
}

/* テンプレート概要のためのテーブルデザインですので
   削除されても構いません */
#contents .summary {
   padding: 0;
   border-collapse: collapse;
   line-height: 1.4;
   margin: 0 auto;
   margin-top: 15px;
   margin-bottom: 40px;
   width: 750px;
   background-color: #eeeeee;
}

#contents .summary th {
   width: 20%;
   padding: 5px;
   vertical-align: middle;
   text-align: center;
   /* border:1px solid #999; */
   font-size: 20px;
   font-weight: normal;
}

#contents .summary td {
   width: 80%;
   padding: 15px;
   vertical-align: top;
   /* border:1px solid #999; */
   /* border-left:3px double #999; */
   font-size: 28px;
   font-weight: normal;
}

#contents .imgrow td {
   text-align: center;
}

#contents .travel {
   width: 800px;
   margin: 0 auto;
   margin-bottom: 20px;
   padding: 0;
   border: 1px solid #999;
   background-color: #eff9ff;
}

#contents .travel td {
   padding: 50px 10px;
   line-height: 40px;
   font-size: 32px;
   text-align: center;
}

#contents .travel tr:nth-child(even) {
   background-color: #ffffff;
}

#contents .travelimg {
   width: 720px;
   display: block;
   margin: 0px auto;
   margin-bottom: 20px;
}

#contents .qtbtopimg {
   max-width: 800px;
   display: block;
   margin: 0px auto;
}

#contents .travelimgarea {}

/* ↑↑↑ テーブルデザイン ここまで ↑↑↑ */

/* ========TOTOP CUSTOMIZE======== */
.totop {
   font-size: 54px;
   text-align: right;
   margin: 30px 110px;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding-top: 30px;
   font-size: 70%;
   text-align: center;
}

.big {
   font-size: 150%;
}