@charset "Shift_JIS";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   background:fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#0172AB;
   text-decoration:none;
}

a:hover {
   color:#0172AB;
   text-decoration:underline;
}

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

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
div#top {
   width:770px;
   margin:0 auto;
}

div#header {
   position:relative;
   padding:10px 10px 1px;
}

div#contents {
   padding:1px 10px 3px;
}

div#main,
div#main2,
div#main3,
div#shop,
div#ivent,
div#information {
   padding:10px 10px 5px;
   width:730px;
   background:#fffacd;
}

div#menu {
   width:750px;
   margin-bottom:10px;
}

div#secret {
   width:280px;
   text-align:center;
}

div#footer {
   width:750px;
   clear:both;
   padding:1px 10px 0px;
}


/* ========HEADER CUSTOMIZE======== */
div#header p {
   font-size:75%;
}


/* ========MAINCONTENTS CUSTOMIZE======== */
div#main h1 {
   font-size:150%;
   font-weight:bold;
   line-height:1.0;
   color:#ff0000;
   text-align:center;
   padding:10px 0px;
}

div#main p {
   padding:0px 0px 10px;
   font-size:75%;
   text-align:center;
   line-height:1.3;
}

div#main img {
   position:relative;
   top:0;
   left:150px;
}

/* ========MAINCONTENTS2 CUSTOMIZE======== */
div#main2 a {
   color:#0172AB;
}

div#main2 a:hover {
   color:#0172AB;
}

div#main2 h1 {
   font-size:82%;
   font-weight:bold;
}

div#main2 h2 {
   font-size:75%;
   font-weight:normal;
   text-align:right;
   line-height:1.3;
}

div#main2 p {
   font-size:75%;
   line-height:1.3;
}

div#main2 li {
   font-size:75%;
   line-height:1.5;
   list-style:decimal;
}

hr {
   height: 1px;
   border: none;
   border-top: 1px dashed;
}

table {
   margin:10px 0px;
   width: 730px;
   border: 1px #2b2b2b solid;
}

td, th {
   border: 1px #2b2b2b solid;
   font-size:70%;
}


/* ========MAINCONTENTS3 CUSTOMIZE======== */
div#main3 p {
   padding:0px 0px 10px;
   font-size:75%;
   text-align:center;
   line-height:1.3;
}

div#main3 img {
   position:relative;
   top:0;
   left:100px;
   padding:10px 5px;
}

div#main3 h1 {
   font-size:82%;
   text-align:center;
   color:#009900;
}


/* ========MAINCONTENTS4 CUSTOMIZE======== */
div#shop h1 {
   font-size:82%;
   font-weight:bold;
   color:#fff;
   margin:0px 0px 3px;
   padding:0px 0px 0px 10px;
   background:url("images/contents.gif");
}

/* --- リストエリア --- */
div#shop ul.left {
   width: 722px; /* リストエリアの幅 */
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/* --- リスト項目 --- */
div#shop ul.left li {
   padding: 5px; /* リスト項目のパディング（上下、左右） */
}

/* --- 項目内容 --- */
div#shop ul.left dl {
   width: 722px;
   margin: 0;
   font-size: 80%;
   background-color:#ffffff;
}

/* --- 写真エリア --- */
div#shop ul.left dt.photo {
   width: 100px; /* 写真エリアの幅 */
   float: left;
}

/* --- キャプションエリア --- */
div#shop ul.left dt.title,
div#shop ul.left dd {
   margin: 0 0 0 110px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
div#shop ul.left dt.title {
   margin-bottom: 5px; /* タイトルエリアの下マージン */
   line-height: 100%;
   font-weight:bold;
}

/* --- コメントエリア --- */
div#shop ul.left dd {
   line-height: 120%;
}

div#shop ul.right {
   width: 722px;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

div#shop ul.right li {
   padding: 5px; /
}

div#shop ul.right dl {
   width: 722px;
   margin: 0;
   font-size: 80%;
   background-color:#ffffff;
}

div#shop ul.right dt.photo {
   width: 100px;
   float: right;
}

div#shop ul.right dt.title,
div#shop ul.right dd {
   margin:0 110px 0 0px;
   text-align:right;
}

div#shop ul.right dt.title {
   margin-bottom: 5px;
   line-height: 100%;
   font-weight:bold;
}

div#shop ul.right dd {
   line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* ========IVENT CUSTOMIZE======== */
div#ivent h1 {
   width:550px;
   font-size:82%;
   font-weight:bold;
   color:#fff;
   margin:0 auto;
   padding:0px 0px 0px 10px;
   background:url("images/contents.gif");
}

div#ivent h2 {
   width:500px;
   margin:0 auto;
}

/* --- リストエリア --- */
div#ivent ul.left {
   width:550px;
   margin:0 auto;
   padding:0;
   list-style-type: none;
}

div#ivent ul.left li {
   padding:5px;
}

div#ivent ul.left dl {
   width:550px;
   margin:0;
   font-size:80%;
   background-color:#ffffff;
}

div#ivent ul.left dt.photo {
   width:100px;
   float:left;
}

div#ivent ul.left dt.title,
div#ivent ul.left dd {
   margin:0 0 0 110px;
}

div#ivent ul.left dt.title {
   margin-bottom:5px;
   line-height:100%;
   font-weight:bold;
}

div#ivent ul.left dd {
   line-height:120%;
}

.clearFix:after {
   content: ".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.clearFix {
   min-height: px;
}


/* ========INFORMATION CUSTOMIZE======== */
div#information a {
   color:#0172AB;
}

div#information a:hover {
   color:#0172AB;
}

div#information h1 {
   font-size:82%;
   font-weight:bold;
   color:#fff;
   margin:0px 0px 3px;
   padding:0px 0px 0px 10px;
   background:url("images/contents.gif");
}

div#information h2 {
   font-size:100%;
   font-weight:bold;
   padding:3px 0px 0px 0px;
}

/* --- リストエリア --- */
div#information ul.thumbnail {
width: 730px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
div#information ul.thumbnail li {
padding: 5px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
div#information ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 75%;
}

/* --- 写真エリア --- */
div#information ul.thumbnail dt {
width: 340px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail dt img {
border:0px;
}

/* --- キャプションエリア --- */
div#information ul.thumbnail dd {
margin: 0 0 0 328px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* ========MENU CUSTOMIZE======== */
div#menu ul {
   float:left;
   margin:0;
   padding:0;
}

div#menu li {
   margin:0;
   padding:0;
   float:left;
   font-size:0.63em;
   color:#fff;
   text-align:center;
   list-style-type:none;
}

div#menu li span {
   font-family:verdana;
   font-size:140%;
   color:#fff;
}

div#menu li a{
   display:block;
   width:150px;
   padding:5px 0;
   color:#fff;
   background:url(images/menu.gif) 0 100% repeat-x;
}

div#menu li a:hover{
   text-decoration:none;
   background:url(images/menu.gif) 100% 100% repeat-x;
}

/* ========SECRET CUSTOMIZE======== */
div#secret h1 {
   font-size:120%;
   font-weight:bold;
   color:#ff0000;
}

div#secret p {
   font-size:75%;
}

/* ========FOOTER CUSTOMIZE======== */
div#footer h2 {
   font-size:82%;
   font-weight:bold;
   color:#fff;
   margin:0px 0px 3px;
   padding:0px 0px 0px 10px;
   background:url("images/contents.gif");
}

address {
   font-style:normal;
   font-size:75%;
   color:#000;
   border-style:double;
   padding:5px;
}

address img {
   float:right;
}