body {
      margin: 0;
      padding: 0;
      overflow: scroll;
      text-align: center;
	  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
      font-size: 1em;
      color: #000000;
      background-color: #ffffff;
}

ol, ul, li {
      margin: 0;
      padding: 0;
      list-style-type: none;
}

li {
      list-style-type: none;
}

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

#top {
      float: left;
      margin: 100px 208px;
      text-align: center;
      width: 364px;
      height: 364px;
}

#top a{
      display: block;
      width: 364px;
      height: 364px;
}

#top_01 a {
      background: url(../images/top01.gif) no-repeat;
}
#top_01 a:hover {
      background: url(../images/top02.gif) no-repeat;
}


#container {
      margin: 0 auto;
      text-align: left;
      width: 780px;
      height: auto;
      background-color: #ffffff;
}

#header {
      width: 780px;
      height: 100px;
      margin-top: 15px;
      padding: 0;
      color: #000000;
}

#header_a {
      float: left;
      width: 331px;
      height: 44px;
      margin: 8px 0px 20px;
      padding: 0;
}

* html #header_a {
      float: left;
      margin: 8px 0px;
      padding: 0;
}

*:first-child+html #header_a {
      float: left;
      margin: 8px 0px;
      padding: 0;
}

#header img {
      border-style: none;
      margin: 0;
}

#header_b {
      float: right;
      width: 303px;
      height: 52px;
      font-size: 0.7em;
      padding: 0;
      text-align: center;
      background-color: #ffffff;
}

#header_b li{
      float:left;
      color: #000000;
      width: 101px;
      height: 52px;
      text-decoration: none;
}

#header_b a {
      display: block;
      color: #000000;
      width: 101px;
      height: 52px;
      text-decoration: none;
}


#header_c {
      float:right;
      width: 90px;
      height: 21px;
      font-size: 0.7em;
      padding: 0;
      background-color: #ffffff;
}

#header_c li {
      float: left;
      width: 21px;
      height: 21px;
      margin-left: 3px;
      margin-right: 3px;
      text-decoration: none;
}


#header_c a{
      display: block;
      width: 21px;
      height: 21px;
      color: #000000;
      padding: 0;
      text-decoration: none;
}

#header_b01 a {
      background: url(../images/header_mail.gif) no-repeat;
}
#header_b01 a:hover {
      background: url(../images/header_mail2.gif) no-repeat;
}
#header_b02 a {
      background: url(../images/header_sitemap.gif) no-repeat;
}
#header_b02 a:hover {
      background: url(../images/header_sitemap2.gif) no-repeat;
}
#header_b03 a {
      background: url(../images/header_texts.gif) no-repeat;
}
#header_b03 a:hover {
      background: url(../images/header_texts2.gif) no-repeat;
}
#header_b04 a {
      background: url(../images/header_textm2.gif) no-repeat;
}
#header_b04 a:hover {
      background: url(../images/header_textm2.gif) no-repeat;
}
#header_b05 a {
      background: url(../images/header_textl.gif) no-repeat;
}

#header_b05 a:hover {
      background: url(../images/header_textl2.gif) no-repeat;
}

#header hr {
      clear:both;
}


#inner {
      clear: both;
      width: 780px;
      height: auto;
      margin: 0;
      padding: 0;
      color: #000000;
      display: inline;
}

#menu {
      float: left;
      width: 150px;
      height: auto;
      margin: 0;
      padding: 0;
      color: #000000;
      font-size: 14px;
}

#menu a {
      display: block;
      width: 136px;
      height: 36px;
      color: #000000;
      line-height: 35px;
      text-decoration: none;
      text-align: left;
      text-indent: 14px;
      margin: 0px 0px 14px 0px;
}

#menu a:hover {
      color: #ffffff;
}

#menu01 a {
      background: url(../images/menu_about.gif) no-repeat;
}
#menu02 a {
      background: url(../images/menu_news.gif) no-repeat;
}
#menu03 a {
      background: url(../images/menu_event.gif) no-repeat;
}
#menu04 a {
      background: url(../images/menu_order.gif) no-repeat;
}
#menu05 a {
      background: url(../images/menu_shopping.gif) no-repeat;
}
#menu06 a {
      background: url(../images/menu_weblog.gif) no-repeat;
}
#menu07 a {
      background: url(../images/menu_map.gif) no-repeat;
}
#menu08 a {
      background: url(../images/menu_link.gif) no-repeat;
}

#menu01a a {
      height: 72px;
      color: #000000;
      line-height: 70px;
      background: url(../images/menu_about3.gif) no-repeat;
}
#menu02a a {
      height: 72px;
      color: #000000;
      line-height: 70px;
      background: url(../images/menu_news3.gif) no-repeat;
}
#menu03a a {
      height: 72px;
      color: #000000;
      line-height: 70px;
      background: url(../images/menu_event3.gif) no-repeat;
}
#menu04a a {
      height: 72px;
      color: #000000;
      line-height: 70px;
      background: url(../images/menu_order3.gif) no-repeat;
}
#menu05a a {
      height: 72px;
      color: #000000;
      line-height: 70px;
      background: url(../images/menu_shopping3.gif) no-repeat;
}
#menu06a a {
      height: 72px;
      color: #000000;
      line-height: 70px;
      background: url(../images/menu_weblog3.gif) no-repeat;
}
#menu07a a {
      height: 72px;
      color: #000000;
      line-height: 70px;
      background: url(../images/menu_map3.gif) no-repeat;
}
#menu08a a {
      height: 72px;
      color: #000000;
      line-height: 70px;
      background: url(../images/menu_link3.gif) no-repeat;
}

#menu01 a:hover {
      background: url(../images/menu_about2.gif) no-repeat;
}
#menu02 a:hover {
      background: url(../images/menu_news2.gif) no-repeat;
}
#menu03 a:hover {
      background: url(../images/menu_event2.gif) no-repeat;
}
#menu04 a:hover {
      background: url(../images/menu_order2.gif) no-repeat;
}
#menu05 a:hover {
      background: url(../images/menu_shopping2.gif) no-repeat;
}
#menu06 a:hover {
      background: url(../images/menu_weblog2.gif) no-repeat;
}
#menu07 a:hover {
      background: url(../images/menu_map2.gif) no-repeat;
}
#menu08 a:hover {
      background: url(../images/menu_link2.gif) no-repeat;
}


#main {
      float: right;
      width: 630px;
      height: auto;
      margin: 0;
      padding: 0;
      color: #000000;
}
/* -----------------------ホームトピック-------------------------- */

#main_a {
      width: 618px;
      height: 385px;
      margin: 0;
      padding: 0;
      background-color: #fff;
}

#main_a .tphoto img {
	  border: none;
}

.mainphoto {
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px;
      width:300px;
}

.topick {
      float: left;
      width: 308px;
      height: 220px;
      margin: 10px 0 15px 0;
      padding: 7px 10px 10px 10px;
}

.topick1 {
      list-style-type: none;
      font-size: 0.6em;
      line-height: 160%;
      width: 300px;
      height: 30px;
      margin: 3px 0 0 0;
      text-align: left;
      background: url(../images/line02.gif) no-repeat;
      background-position: 0 25px;
}

.topick2 {
      list-style-type: none;
      font-size: 0.7em;
      width: 300px;
      height: auto;
      margin: 0;
      padding: 5px 0 0 0;
}


.topick_a {
      float: right;
      width: 282px;
      margin: 10px 0 0 0;
      padding: 0;
      background-color: #fff;
      color: #333333;
}

.topick_b {
      list-style-type: none;
      font-size: 11px;
      line-height: 160%;
      width: 260px;
      height: 95px;
      border-style: solid;
      border-width: 1px;
      color: #555555;
      background-color: #eee;
      margin: 0 0 5px 0;
      padding: 10px;
}

.topick3 {
      list-style-type: none;
      font-size: 14px;
      width: 100%;
      height: 30px;
      background: url(../images/line02.gif) no-repeat;
      background-position: 0 25px;
      color: #666666;
}

span.text01 {
      font-size: 14px;
      color: #555555;
      text-align: center;
}


span.text03 {
      font-size: 1em;
      color:#555555;
}

a.toplink {
      font-size: 12px;
      color: #f17c24;
      text-decoration: none;
}

a:hover.toplink {
      font-size: 12px;
      color: #3fbbda;
      text-decoration: none;
}


a.blue {
      color: #ff6600;
      text-decoration: underline;
}

a:hover.blue {
      color: #ffee00;
      text-decoration: underline;
}

/* -----------------------／ホームトピック-------------------------- */

#main p {
      font-size: 0.9em;
      line-height: 160%;
      font-weight: lighter;
      margin: 20px;
}

#attention01 {
      clear: both;
      display: block;
      width: 602px;
      height: 47px;
      color: #000000;
      text-decoration: none;
      margin: 0 0 15px 15px;
      padding: 0;
      background: url(../images/attention01.gif) no-repeat;
}

#attention01 p.attention {
      padding-top: 3px;
      margin-left: 60px;
}

* html #attention01 p.attention {
      margin-top: 0px;
      margin-left: 60px;
}

*:first-child+html #attention01 p.attention {
      margin-top: 0px;
      margin-left: 60px;
}

#main p.red {
      font-size: 12px;
      line-height: 20px;
      color: #ff7e00;
}

.clr {
      clear: both;
}

#map img{
      float: right;
      margin: 10px 0px;
}

#ephoto {
      width: 600px;
      height: 90px;
      margin: 0 0 0 30px;
      padding: 0;
}

#ephoto li {
      float: left;
      width: 120px;
      height: 90px;
      margin: 0 20px 0 0;
      padding: 0;
} 

#ephoto img {
      border-style: none;
}

#category {
      width: 630px;
      height: auto;
      margin: 0;
      padding: 0;
      color: #000000;
}

#category h1 {
      font-size: 24px;
      font-weight: lighter;
} 

#main h2 {
      font-size: 1.3em;
      font-weight: lighter;
      margin: 20px;
} 

#main h3 {
      font-size: 0.9em;
      font-weight: lighter;
      text-align: right;
      margin: 0px 20px;
}

#main h4 {
      font-size: 10px;
      font-weight: lighter;
      text-align: center;
      margin: 10px;
}

#category a {
      clear: both;
      display: block;
      width:602px;
      height: 62px;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      line-height: 62px;
      margin: 0px 0px 0px 14px;
      padding: 0;
}

#category a:hover {
      color: #000000;
}

#category01 a {
      background: url(../images/category_about2.gif) no-repeat;
}
#category02 a {
      background: url(../images/category_news2.gif) no-repeat;
}
#category03 a {
      background: url(../images/category_event2.gif) no-repeat;
}
#category04 a {
      background: url(../images/category_order2.gif) no-repeat;
      margin-bottom: 20px;
}
#category05 a {
      background: url(../images/category_shopping2.gif) no-repeat;
}
#category06 a {
      background: url(../images/category_weblog2.gif) no-repeat;
}
#category07 a {
      background: url(../images/category_address2.gif) no-repeat;
}
#category08 a {
      background: url(../images/category_link2.gif) no-repeat;
}

#category01 a:hover {
      background: url(../images/category_about.gif) no-repeat;
}
#category02 a:hover {
      background: url(../images/category_news.gif) no-repeat;
}
#category03 a:hover {
      background: url(../images/category_event.gif) no-repeat;
}
#category04 a:hover {
      background: url(../images/category_order.gif) no-repeat;
      margin-bottom: 20px;
}
#category05 a:hover {
      background: url(../images/category_shopping.gif) no-repeat;
}
#category06 a:hover {
      background: url(../images/category_weblog.gif) no-repeat;
}
#category07 a:hover {
      background: url(../images/category_address.gif) no-repeat;
}
#category08 a:hover {
      background: url(../images/category_link.gif) no-repeat;
}


#order {
      width: 620px;
      height: 102px;
      margin: 0;
      padding: 0;
      color: #000000;
      font-size: 14px;
      display: inline;
}

#order li {
      float: left;
      width: 102px;
      height: 102px;
      margin: 10px 12px 20px;
}      

#order a {
      display: block;
      width: 102px;
      height: 102px;
      color: #000000;
      line-height: 35px;
      text-decoration: none;
}


#order01 a {
      background: url(../images/order_01.gif) no-repeat;
}
#order02 a {
      background: url(../images/order_02.gif) no-repeat;
}
#order03 a {
      background: url(../images/order_03.gif) no-repeat;
}
#order04 a {
      background: url(../images/order_04.gif) no-repeat;
}
#order01 a:hover {
      background: url(../images/order_01a.gif) no-repeat;
}
#order02 a:hover {
      background: url(../images/order_02a.gif) no-repeat;
}
#order03 a:hover {
      background: url(../images/order_03a.gif) no-repeat;
}
#order04 a:hover {
      background: url(../images/order_04a.gif) no-repeat;
}

#ordersample {
      float: left;
      width: 71px;
      height: 100px;
      margin: 0px 20px;
      padding: 0;
      display: inline;
}

#ordersample a {
      display: block;
      width: 71px;
      height: 71px;
      text-decoration: none;
      margin-bottom: 10px;
}

#sample01 a {
      background: url(../images/order_01c.gif) no-repeat;
}
#sample02 a {
      background: url(../images/order_02c.gif) no-repeat;
}
#sample03 a {
      background: url(../images/order_03c.gif) no-repeat;
}
#sample01a a {
      background: url(../images/order_01b.gif) no-repeat;
}
#sample02a a {
      background: url(../images/order_02b.gif) no-repeat;
}
#sample03a a {
      background: url(../images/order_03b.gif) no-repeat;
}

#sample01 a:hover {
      background: url(../images/order_01b.gif) no-repeat;
}
#sample02 a:hover {
      background: url(../images/order_02b.gif) no-repeat;
}
#sample03 a:hover {
      background: url(../images/order_03b.gif) no-repeat;
}

#orderphoto {
      float: left;
      width: 510px;
      height: auto;
      margin: 0;
      padding: 0;
}

#orderphoto li {
      float: left;
      width: 90px;
      height: 148px;
      margin-right: 12px;
      margin-bottom: 10px;
} 


#orderphoto a {
      display: block;
      width: 90px;
      height: 148px;
      text-decoration: none;
      background: url(../images/orderphoto01.gif) no-repeat;
}

#orderphoto img {
      margin: 15px 1px;
      border: none;
}

#shopping {
      width: 600px;
      height: auto;
      margin-left: 20px;
      padding: 0;
      color: #000000;
}

#shopping .sp {
      margin-right: 20px;
      margin-bottom: 150px;
      border-style: none;
      float: left;
}

#shopping .spclr {
      clear: both;
      margin: 20px 0px;
}

#shopping h1.spfont {
      font-size: 14px;
      font-weight: lighter;
      margin-bottom: 15px;
}

#shopping p.sptext {
      font-size: 12px;
}
#shopping p.sptext2 {
      font-size: 10px;
}


#footer_top {
      clear: both;
      width: 780px;
      height: auto;
      text-align: center;
      margin: 10px 0px;
      padding: 0;
      font-size: 0.6em;
}
#footer {
      clear: both;
      width: 780px;
      height: auto;
      text-align: left;
      margin: 10px 0px;
      padding: 0;
      font-size: 0.7em;
}

#renewal {
      text-align: center;
      margin-top: 150px;
      width: 780px;
      height: 340px;
}
#renewal img{
      border: 0;
}