body {
  margin: 0;
  color: #999999;
  font-size: 12px;
  line-height: 18px;
  background: #ffffff;
  }

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

/*  link 
-----------------------------------------------------------------------------*/
a:link {
  text-decoration: none;
  color: #2DB3E1;
  }

a:visited {
  text-decoration: none;
  color: #2DB3E1;
  }

a:hover {
  text-decoration: underline;
  color: #2DB3E1;
  }

a:active {
  color: #2DB3E1;
  }

a img {
  border: 0;
  }

/*  font 
-----------------------------------------------------------------------------*/
.txt10 {
  font-size: 10px;
  line-height: 14px;
  }

.txt12 {
  font-size: 12px;
  line-height: 18px;
  }

.txt14 {
  font-size: 14px;
  line-height: 20px;
  }

.txt_b {
  font-weight: bold;
  }

/*  color 
-----------------------------------------------------------------------------*/
.bluegreen {
  color: #1aadb2;
  }

.red {
  color: #ff0000;
  }

/*  margin padding 
-----------------------------------------------------------------------------*/
.ma_b5 {
  margin-bottom: 5px;
  }

.ma_t5 {
  margin-top: 5px;
  }

.ma_r15 {
  margin-right: 15px;
  }

.ma_r5 {
  margin-right: 5px;
  }

/*  float 
-----------------------------------------------------------------------------*/
.fl {
  float: left;
  }

.fr {
  float: right;
  clear: right;
  }

.bc {
  clear: both;
  }

/*  common 
-----------------------------------------------------------------------------*/
.w800 {
  width: 800px;
  margin: 0 auto 0;
  }

#menu {
  background: url(../img/menubg.gif) x-repeat;
  clear: both;
  }

#flash_bg {
  background: url(../img/flashbg.gif) x-repeat;
  margin-bottom: 15px;
  }

#footer {
  clear: both;
  margin-top: 15px;
  border-top: 1px solid #d9d9d9;
  background: #f8f8f8;
  text-align: right;
  }

#top_l {
  width: 525px;
  float: left;
  }

#newsbg {
  padding: 15px;
  background: url(../img/newsbg.gif) repeat-y;
  }

#newsbg hr {
  clear: both;
  color: #fff;
  border: 0;
  height: 1px;
  background-color: #fff;
  }

.news_date {
  width: 95px;
  font-size: 10px;
  float: left;
  }

.news_cmt {
  width: 400px;
  float: right;
  clear: right;
  }

.w750 {
  width: 750px;
  margin: 0 auto 50px;
  color: #666;
  }

.w700 {
  width: 700px;
  margin: 0 auto 50px;
  }

#stitle {
  margin-bottom: 30px;
  }

#plist {
  text-align: right;
  padding-bottom: 20px;
  }

.pt {
  font-size: 10px;
  text-align: right;
  padding-top: 20px;
  }

/*  event&campaign 
-----------------------------------------------------------------------------*/
#cam_list TD {
  border-bottom: 1px dotted #ccc;
  padding: 20px 5px 10px;
  }

#cam_list p {
  text-align: right;
  padding: 10px 0 0;
  }

#zoom_title {
  margin-bottom: 5px;
  font-size: 14px;
  background: url(../event/img/cam_tbg.gif) no-repeat;
  line-height: 28px;
  padding-left: 35px;
  }

#zoom_date {
  margin-bottom: 20px;
  text-align: right;
  font-size: 10px;
  padding-right: 5px;
  }

#zoom_cmt {
  width: 730px;
  margin: 0 auto 0;
  }

#zoom_cmt:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
  }

/*  outline 
-----------------------------------------------------------------------------*/
#out {
  background: url(../outline/img/backimg.gif) no-repeat 95% 55%;
  }

#out_tbl TD {
  border-bottom: 1px dotted #ccc;
  }

/*  privacy 
-----------------------------------------------------------------------------*/
#pri dl {
  margin: 0 0 35px;
  padding: 0;
  }

#pri dt {
  margin: 0 0 2px;
  padding: 0 0 3px;
  font-weight: bold;
  border-bottom: 1px dotted #d9d9d9;
  }

#pri dd {
  margin: 12px 10px 0 23px;
  padding: 0;
  }

#pri div {
  margin-top: 12px;
  border: 1px solid #d9d9d9;
  width: 480px;
  background-color: #EFF9FC;
  }

#pri p {
  padding: 12px;
  }

/*  contact 
-----------------------------------------------------------------------------*/
#con_tbl_bg {
  width: 600px;
  margin: 20px auto 20px;
  text-align: center;
  }

#con_tbl {
  width: 600px;
  }

#con_tbl TD {
  background: #fff;
  border-bottom:1px dotted #ccc;
text-align:left;
  }


/*  about 
-----------------------------------------------------------------------------*/
#aboutl {
  float: left;
  width: 340px;
  margin: 5px 0 40px;
  }

#aboutr {
  float: right;
  width: 340px;
  margin: 5px 0 40px;
  }

#aboutr p {
  background: url(../about/img/ac0203.gif) no-repeat;
  padding: 0 22px 0;
  color: #3e3e3e;
  height: 84px;
  }

#about_ex {
  color: #3e3e3e;
  }

#about_ex p {
  margin: 0 6px 30px;
  border-left: 1px solid #BDBDBD;
  padding: 5px 20px 5px;
  }

#about_foot {
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #C4C4C4;
  background: url(../about/img/ex02.gif) no-repeat left top #EAEAEA;
  padding-left: 185px;
  height: 125px;
  color: #3e3e3e;
  }

/*  shoplist 
-----------------------------------------------------------------------------*/
#shop_btn {
  margin-bottom: 20px;
  text-align: right;
  }

#shop_iconl {
  margin: 5px 0 20px;
  text-align: right;
  }

#shop_tbl {
  width: 699px;
  margin-bottom: 20px;
  }

#shop_tbl TD {
  text-align: center;
  border: 1px solid #eee;
  padding: 5px 0 5px;
  }

#shop_tbl p {
  margin: 5px 0 10px;
  border-top: 1px dotted #ccc;
  padding: 7px 7px 0 42px;
  text-align: left;
  height: 40px;
  }

.shop_icon01 {
  background: url(../shoplist/img/p01.gif) no-repeat 7px 7px;
  }

.shop_icon02 {
  background: url(../shoplist/img/p02.gif) no-repeat 7px 7px;
  }

/*  howto
-----------------------------------------------------------------------------*/
#how_m {
  width:680px;
  margin:0 auto 0;
  }
#how_m #hin{
  margin-left:10px;
  }
#how_m #cafe{
  margin:22px 0 20px;
  }
#how_m img{
  margin-right:18px;
  }