@charset "utf8";

/* 共通 */
body {
  margin     : 0 auto;
  padding    : 0;
  text-align : center; /* IE6 */
  font-size  : 16px;
}

#wrapper {
  padding    : 0;
  margin     : 0 auto;
  text-align : left;  /* IE6 */
  width      : 1000px;
}

#header {
  padding : 10px 0 0 0;
}
/* 各部品 */
hr.gLine {
  border : #9CBA5A solid 0px;
  color  : #9CBA5A;
  margin : 0px 0;
  clear  : both;
}

div.h1{
  margin      : 0 0 10px 0;
  padding     : 0;
  font-size   : 18px;
  float       : left;
  width      : 880px;
  height     : 40px;
  margin     : 0;
  padding    : 0;
  border     : 0;
/*  text-indent : -9999px;*/
}
div#name_1{
  background : url(/img/shop/1/name.png) no-repeat;
}
div#name_2{
  background : url(/img/shop/2/name.png) no-repeat;
}
div#name_3{
  background : url(/img/shop/3/name.png) no-repeat;
}
div#name_4{
  background : url(/img/shop/4/name.png) no-repeat;
}
div#name_5{
  background : url(/img/shop/5/name.png) no-repeat;
}
div#name_6{
  background : url(/img/shop/6/name.png) no-repeat;
}
div#name_7{
  background : url(/img/shop/7/name.png) no-repeat;
}
div#name_8{
  background : url(/img/shop/8/name.png) no-repeat;
}
#shop_index h1,h2,h3,h4,h5,h6{
  color:black;
  font-size  : 16px;
  height     : 25px;
  padding    : 4px 0 5px 5px;
  margin     : 0;
  background : url(/img/h_back3.gif) repeat-x;
  position   : relative;
}
span#shadow {
  position   : absolute;
  top        : 3px;
  left       : 3px;
  color      : white;
  z-index    : 10;
}

dl,dd{
  margin  : 0;
  padding : 0;
}
/*
#shop_index h1,h2,h3,h4,h5,h6{
  background : url(/img/h_back.gif) repeat-x;
}
*/


div#shop_header {
  border      : 0;
  padding     : 0;
  margin      : 0;
  /*line-height : 0;*/
  background : url(/img/h_backtitle.gif);
}
div#shop_header img {
  width : 880px;
  border : 0;
  padding : 0;
  margin : 0;
}

div#shop_header a#back_to_top {
  text-decoration : none;
  border  : 0;
  padding : 0;
  margin  : 0;
}
div#shop_header a#back_to_top img {
  border : 0;
  padding : 0;
  margin : 0;
  width : 120px;
}

/*-------------------------------------------------------A*/
a {
  text-decoration : none;
  color           : #06b;
  font-weight     : bold;
}

a:hover {
  text-decoration : none;
  color           : #f60;
  font-weight     : bold;
}

a:visited {
  text-decoration : none;
  color           : #06b;
  font-weight     : bold;
}

/*------------------------------------------------------- DIV */
div#logo{
  float:left;
}
div#logo2{
  float:right;
}
div#logo_qr{
  float:right;
  margin: 0 25px 0 0;
}
div.section{
  background:url(/img/top_frame2.gif) no-repeat;
  width  : 212px;
  height:290px;
  float  : left;
  margin : 0 22px 15px 0;
  padding: 2px 0 0 2px;
}

div.clear{
  clear : both;
}
#detail div#contents{
  /*background-color : #CCFFCC;*/
  background-color : #FFFFD0;
  height : 400px;
}
div#left_col{
  float  : left;
  width  : 560px;
  margin : 5px 14px 0 0;
}

div#right_col{
  float  : left;
  width  : 420px;
  margin : 5px 0 0 0;
}
div#recommend{
  width  : 100%;
  border : #aaa 3px solid;
  background-color : #CCFFCC;
  /*background-color : #FFFFD0;*/
  margin : 0 0 5px 0;
  background-image:url(/img/mmk_back.gif);
}
div#recommend table tr td#pict img {
  margin-left: 10px;
  margin-right: 10px;
  border-right:5px solid black;
  border-bottom:5px solid black;
}
div#recommend table tr td {
  /*border: 1px solid black;*/
  border-bottom: 2px solid green;
  vertical-align: top;
  font-size : 11pt;
  padding-left : 10px;
}
div#recommend table tr td p{
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left : 0px;
  padding-left : 0px;
  font-weight: bold;
  font-size : 12pt;
  color : blue;
  /*background-color:gray;*/
  background:url(/img/underline.png) no-repeat bottom;
}
div#recommend p {
  margin: 5px 10px;
}

div#info{
  margin : 0 0 5px;
  padding-bottom:5px;
  width  : 100%;
  height : 100%;
  border : #aaa 3px solid;
  background-color : #CCFFCC;
  /*background-color : #FFFFD0;*/
  background-image:url(/img/mmk_back.gif);
}
div#info div#info_text {
  width : 290px;
  padding : 5px 10px;
  font-size : 12pt;
  margin-right : 10px;
  float : left;
}
div#info div#info_image {
  float : left;
  height : 100%;
  vertical-align:bottom;
}
div#info div#info_image img {
  margin-left:10px;
  margin-right:20px;
  border-right:5px solid black;
  border-bottom:5px solid black;
}

div#event{
  margin : 0 0 5px 0;
  width  : 100%;
  border : #aaa 3px solid;
  padding-bottom:5px;
  /*background-color : #CCFFCC;*/
  background-color : #FFFFD0;
}
div#introduction{
  width  : 100%;
  border : #aaa 3px solid;
  padding-bottom:5px;
  margin : 0 0 5px 0;
  background-color : #CCFFCC;
  /*background-color : #FFFFD0;*/
  background-image:url(/img/mmk_back.gif);
}
div#event_data{
  padding: 0 5px 5px 5px;
}
div#intro_comment{
  line-height : 130%;
  font-size   : 10pt;
  font-weight : nomal;
  color       : blue;
  padding     : 10px 20px;
}
div#intro_comment img#shop {
  margin-left:10px;
  margin-right:20px;
  border-right:5px solid black;
  border-bottom:5px solid black;
}
div#access{
  width  : 100%;
  border : #aaa 3px solid;
  margin : 0 0 5px 0;
  background-color : #CCFFCC;
  /*background-color : #FFFFD0;*/
  text-align : center;
  background-image:url(/img/mmk_back.gif);
}
div#comment{
  width            : 100%;
  border           : #aaa 3px solid;
  background-color : #CCFFCC;
  /*background-color : #FFFFD0;*/
  margin : 0 0 5px 0;
  background-image:url(/img/mmk_back.gif);
}
div#comment div#owner_image {
  float : left;
}
div#comment div#owner_image img {
  margin-left:10px;
  margin-right:20px;
  border-right:5px solid black;
  border-bottom:5px solid black;
}
div#comment div#owner_comment{
  width       : 260px;
  font-size   : 12pt;
  line-height : 140%;
  padding     : 0 5px;
  height      : 100%;
  color       : purple;
  display     : inline;
  float       : left;
}
div#info_comment{
  font-size   : 12pt;
  line-height : 120%;
  padding     : 0 5px;
  height      : 100%;
  display     : inline;
}
div#disp_map{
  /*background-color : #CCFFCC;*/
  background-color : #FFFFD0;
  text-align       : center;
}
div#map{
  border:1px solid #000;
  text-align : center;
  margin     : auto auto;
}
div#detail_text{
  margin : 0 20px 0 600px;
  padding : 20px 0 0 0;
  border-left: dashed 1px #822;
}
div#back_link{
  text-align:right;
  margin : 15px 15px 0 0;
}
div.event_img{
    margin: 5px 0 0 5px;
    text-align:center;
}
div#lefttext{
    float:left;
    width:310px;
    padding: 0px 10px;
}
div#leftimage{
    float:left;
    width:200px;
}
div#righttext{
    float:clear;
}
div#rightimage{
    float:right;
}
div#mobile{
  width            : 100%;
  border           : #aaa 3px solid;
  background-color : #CCFFCC;
  /*background-color : #FFFFD0;*/
  margin : 0 0 5px 0;
  background-image:url(/img/mmk_back.gif);
  padding-bottom : 5px;
}
div#mobile div#mobile_image {
  float : left;
}
div#mobile div#mobile_image img {
  margin-left:10px;
  margin-right:20px;
  border-right:5px solid black;
  border-bottom:5px solid black;
}
div#mobile div#mobile_text{
  font-size   : 12pt;
  line-height : 140%;
  padding     : 0 5px;
  height      : 100%;
  color       : black;
  display     : inline;
  float       : left;
}
/*-----------------------------------------------DD*/
dd#event_title{
  margin  : 0;
  padding : 0 5px;
  width   : 100%;
}
dd.text{
  margin  : 0 0 5px 5px;
  padding : 0;
}

div.img_left{
  text-align : center;
  float      : left;
  width      : 200px;
  padding    : 0;
  margin     : 0;
}

dd.link_left{
  clear : both;
  margin : 5px 0 5px 5px;
}

dd.link_right{
  float  : right;
  margin : 5px 5px 5px 0px;
}

dd.img_right{
  float      : left;
  width      : 205px;
  padding    : 0;
  margin     : 10px 10px 0 0;
  text-align : center;
}

div#info dl dt{
  font-size : 16px;
  display   : inline;
  margin    : 5px 5px 0 5px;
}

div#info dl dd{
  display   : inline;
  font-size : 16px;
}
/*--------------------------------------------------------IMG*/
img#owner_img{
  margin : 0px 5px 5px 5px;
}
img#info_img{
  margin : 0px 5px 5px 5px;
}
img#event_text_img{
  margin : 120px 0 0 0;
}
#detail img#item{
  margin : 20px;
  float :left;
}

table#shop_data{
  margin : 5px auto; /* Except IE6 */
}
table.shop_info{
  margin :0px 0px 5px 2px; /* Except IE6 */
  width:202px;
}
table.shop_info tr,td{
  font-size : 9pt;
}

table#item_info{
  background-color : #fff;
  border-collapse  : collapse;
  width            : 250px;
  margin           : 20px 0 0 0;
}
table#item_info td{
  vertical-align   : top;
  border           : 1px #000 solid;
  padding          : 5px 10px 10px 10px;
  font-size        : 14px;
}
table#item_info th{
  font-weight      : normal;
  vertical-align   : top;
  background-color : #a0522d;
  border           : 1px #000 solid;
  color            : #fff;
  padding          : 0 5px 5px 5px;
}
div#logo img{
  border: 0px;
}



/*---------- added by yagi --------*/

div#catch_top {
  height           : 60px;
  width            : 550px;
  color            : #0000FF;
  font-weight      : bold;
  font-size        : 18pt;
  font-family      : 'ＭＳ Ｐゴシック','平成角ゴシック';
  text-align       : center;
  background-color : #FFFF70;
  float            : left;
  border-top       : 2px solid #aaa;
  border-bottom    : 2px solid #aaa;
  padding : 10px 0 0;
  margin :5px 0 0 35px;
}

div#catch_shop {
  height           : 50px;
  width            : 500px;
  color            : #606060;
  font-weight      : bold;
  font-size        : 16pt;
  font-family      : 'ＭＳ Ｐゴシック','平成角ゴシック';
  text-align       : center;
  background-color : #FFFFFF;
  float            : left;
  border-top       : 2px solid #aaa;
  border-bottom    : 2px solid #aaa;
  padding : 10px 0 0;
  margin:10px 0 0 35px;
}

div#address {
  font-size        : 12pt;
  text-align       : center;
  font-weight      : bold;
}

td#address {
  font-size        : 12pt;
  text-align       : center;
  font-weight      : bold;
}

div#event_title {
  font-size        : 12pt;
  font-weight      : bold;
  color            : #FF20FF;
  margin : 0 0 5px 5px;
}

span#reco_title {
  text-align       : center;
  font-size        : 12pt;
  font-weight      : bold;
  color            : blue;
}

span#off {
  font-size        : 12pt;
  font-weight      : bold;
  color            : #FF0000;
}

span#red {
  font-size        : 12pt;
  color            : #FF0000;
}

span#green {
  font-size        : 12pt;
  font-weight      : bold;
  color            : #00FF00;
}

span#blue {
  font-size        : 12pt;
  font-weight      : bold;
  color            : #0000FF;
}

span#purple {
  font-size        : 12pt;
  font-weight      : bold;
  color            : purple;
}

span#black {
  font-size        : 12pt;
  font-weight      : bold;
  color            : black;
}

span#big {
  font-size        : 18pt;
  font-weight      : bold;
  color            : #FF0000;
}

span#toobig {
  font-size        : 20pt;
  font-style       : italic;
  font-weight      : bold;
  color            : #FF0000;
}

span#small {
  font-size        : 9pt;
  color            : #FF0000;
}

table#info td{
  border           : 0px;
  padding          : 0px;
  font-size        : 12pt;
  font-weight      : bold;
  color            : black;
}