* {
  margin: 0;
  padding: 0;
}

/*-------------------------------------------------------------- default body
*/

body {
  font-size: 91.6%;/* 11pt */
}

html>body {
  font-size: 11pt;
}

html {
  overflow-y: scroll;
}

body {
  color: #3F3B3C;
  line-height: 1.5em;
  background: #ffffff;
/*  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;*/
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  text-align: center;
}

h2 {
  width: 768px;
  height: 32px;
  margin: 0 8px 8px;
  font-size: 0;
  text-indent: -1000em;
  overflow: hidden;
}

/*-------------------------------------------------------------- default Anchor
*/

a {
  color: #6688cc;
  text-decoration: none;
}

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

/*-------------------------------------------------------------- style
*/

.red {
  color: #f65050;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 81.8%;
}

.T-Right {
  text-align: right;
}

.T-Center {
  text-align: center;
}

.hidden {
  height: 0;
  display: none;
  visibility: hidden;
}

/*-------------------------------------------------------------- Container & Wrapper
*/

#Container {
  background: url(images/container_bg.gif) repeat-y;
  width: 816px;
  margin: 0 auto;
  text-align: left;
}

/*-------------------------------------------------------------- Header
*/

#Header {
  position: relative;
  zoom: 100%;
  background: url(images/header_bg.gif) no-repeat;
  width: 816px;
  height: 112px;
}

#Header h1 a {
  position: absolute;
  top: 16px;
  left: 16px;
  background: url('images/site_logo.jpg') no-repeat;
  width: 404px;
  height: 96px;
  display: block;
  text-indent: -1000em;
  overflow: hidden;
}

/*
#Header h1 a {
  position: absolute;
  top: 24px;
  left: 16px;
  background: url('images/site_logo.gif') no-repeat;
  width: 360px;
  height: 80px;
  display: block;
  text-indent: -1000em;
  overflow: hidden;
}
*/
#Header ul {
  position: absolute;
  top: 20px;
  left: 444px;
  background: url('images/site_menu_bg.gif') no-repeat;
  width: 364px;
  height: 32px;
  overflow: hidden;
}

#Header li {
  list-style: none;
  float: left;
}

#Header li a {
  display: block;
  text-indent: -1000em;
  overflow: hidden;
}

#SM01 a {width: 104px; height: 24px; margin: 4px 0 0 28px;}
#SM02 a {width: 96px; height: 24px; margin: 4px 0 0 12px;}
#SM03 a {width: 64px; height: 24px; margin: 4px 0 0 12px;}

#SM01 a:hover {background: url(images/site_menu01.gif) no-repeat;}
#SM02 a:hover {background: url(images/site_menu02.gif) no-repeat;}
#SM03 a:hover {background: url(images/site_menu03.gif) no-repeat;}

#HCCopy {
  position: absolute;
  top: 56px;
  left: 468px;
  background: url('images/catchcopy.gif') no-repeat;
  width: 296px;
  height: 48px;
}

#Header p {
  display: none;
}

/*-------------------------------------------------------------- Footer
*/

#Footer {
  clear: both;
  background: url(images/footer_bg_top.gif) no-repeat left top;
  width: 816px;
  margin: 0 auto;
  padding: 32px 0 0;
  overflow: hidden;
}

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

#Footer_In {
  zoom: 100%;
  font-size: 90.9%;
  text-align: center;
  background: url('images/footer_bg_bottom.gif') no-repeat left bottom;
  width: 816px;
  padding: 0 0 32px;
  overflow: hidden;
}

#Footer p {
  margin: 8px 0 4px;
}

/*-------------------------------------------------------------- Navigation
*/

#Navigation {
  position: relative;
  background: url('images/navigation_bg.gif') no-repeat;
  width: 816px;
  height: 40px;
  overflow: hidden;
}

#Navigation ul {
  width: 524px;
  height: 32px;
  margin: 0 0 0 40px;
  overflow: hidden;
}

#Navigation li {
  list-style: none;
  float: left;
}

#Navigation li a {
  display: block;
  text-indent: -1000em;
  overflow: hidden;
}

#NM01 a {width: 52px; height: 32px;}
#NM02 a {width: 64px; height: 32px;}
#NM03 a {width: 120px; height: 32px;}
#NM04 a {width: 56px; height: 32px;}
#NM05 a {width: 84px; height: 32px;}
#NM06 a {width: 76px; height: 32px;}
#NM07 a {width: 72px; height: 32px;}

#NM01 a:hover {background: url(images/navi_menu01.gif) no-repeat;}
#NM02 a:hover {background: url(images/navi_menu02.gif) no-repeat;}
#NM03 a:hover {background: url(images/navi_menu03.gif) no-repeat;}
#NM04 a:hover {background: url(images/navi_menu04.gif) no-repeat;}
#NM05 a:hover {background: url(images/navi_menu05.gif) no-repeat;}
#NM06 a:hover {background: url(images/navi_menu06.gif) no-repeat;}
#NM07 a:hover {background: url(images/navi_menu07.gif) no-repeat;}

#Search {
  position: absolute;
  top: 0;
  left: 576px;
  width: 200px;
  height: 32px;
  overflow: hidden;
}

#Search .textbox {
  border: none;
  background: none;
  width: 120px;
  height: 16px;
  margin: 8px 4px;
  padding: 0 0;
  overflow: hidden;
  float: left;
}

#Search .submit {
  cursor: pointer;
  background: none;
  border: none;
  display: block;
  width: 72px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
  float: left;
}

#Search .submit:hover {
  background: url('images/search_button.gif') no-repeat;
}

/*-------------------------------------------------------------- Contents
*/

.Contents {
  width: 784px;
  margin: 0 auto;
  padding: 8px 8px 12px;
  overflow: hidden;
}

/*-------------------------------------------------------------- Topic Main
*/

.Topic-Main {
  border: 1px solid #ccc;
  width: 780px;
  height: 276px;
  margin: 0 auto;
  padding: 1px;
  overflow: hidden;
}

.Topic-Main img {
  border: none;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- Pickup
*/

.Clmn-Left {
  display: inline;
  width: 224px;
  margin: 16px 0 0;
  float: left;
  overflow: auto;
}

.Pickup,
.P-NewRls {
  background: url('images/pickup_bg.gif') repeat-y;
  width: 224px;
  margin: 16px 0 0;
  overflow: auto;
}

.P-NewRls {
  margin: 0;
}

.Pickup h3,
.P-NewRls h3 {
  width: 224px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}

.Pickup h3 {background: url('images/pickup_header.gif') no-repeat;}
.P-NewRls h3 {background: url('images/newrelease_s_header.gif') no-repeat;}

.Pickup ul,
.P-NewRls ul {
  margin: 0px 8px;
}

.Pickup li,
.P-NewRls li {
  display: inline;
  background: url('images/pickup_title_border02.gif') repeat-x center bottom;
  width: 208px;
  overflow: hidden;
  float: left;
}

.Pickup a,
.P-NewRls a {
  display: block;
  width: 208px;
  margin: 0;
  padding: 7px 0 8px;
  color: #555;
  font-size: 72.7%;
/*  font-size: 81.8%;*/
  line-height: 1.3em;
  overflow: hidden;
}

.Pickup a:hover,
.P-NewRls a:hover {
  color: #eb4646;
  cursor: pointer;
}

.Pickup img,
.P-NewRls img {
  border: none;
  background: url('images/pickup_image_bg.gif') no-repeat;
  margin-right: 6px;
  padding: 2px;
  vertical-align: bottom;
  float: left;
}

.Pickup .ptxt1,
.Pickup .ptxt2,
.P-NewRls .ptxt1,
.P-NewRls .ptxt2 {
  display: block;
  background: url('images/pickup_title_border01.gif') repeat-y left top;
  padding: 0 0 0 10px;
  overflow: hidden;
}

.Pickup .ptxt1,
.P-NewRls .ptxt1 {
  width: 144px;
}

.Pickup .ptxt2,
.P-NewRls .ptxt2 {
  width: 198px;
}

.Pickup-Footer {
  clear: both;
  background: url('images/pickup_footer.gif') no-repeat;
  width: 224px;
  height: 2px;
  margin: 14px 0 0 0;
  overflow: hidden;
}

/*-------------------------------------------------------------- Column Right
*/

.Clmn-Right {
  display: inline;
  width: 552px;
  margin: 16px 0 0;
  float: right;
  overflow: auto;
}

/*-------------------------------------------------------------- Special
*/

.Special {
  width: 552px;
  height: 284px;
  overflow: hidden;
}

.Special h3 {
  display: none;
}

.Sp-Bann {
  width: 552px;
  height: 64px;
  overflow: hidden;
}

.Sp-List {
  background: url('images/special_page_list.gif') no-repeat;
  width: 552px;
  height: 220px;
  overflow: hidden;
}

.Sp-List ul {
  margin: 14px 0 0 0;
}

.Sp-List li {
  display: inline;
  width: 128px;
  height: 85px;
  margin: 0 0 15px 8px;
  overflow: hidden;
  list-style: none;
  float: left;
}

.Sp-List img,
.Sp-Bann img {
  border: none;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- Column R-Right
*/

.Clmn-R-Right {
  display: inline;
  width: 200px;
  margin: 12px 0 0;
  float: right;
  overflow: auto;
}

/*-------------------------------------------------------------- Extension
*/

.Extension {
  background: url('images/box_bg01.gif') repeat-x left bottom;
  width: 200px;
  padding: 0 0 4px;
  overflow: hidden;
}

.Extension li {
  list-style: none;
  margin: 0 0 8px;
  float: left;
}

.Extension a {
  display: block;
}

.Extension img {
  border: none;
  vertical-align: bottom;
}


/*-------------------------------------------------------------- Extra
*/

.Extra {
  background: url('images/box_bg01.gif') repeat-x left bottom;
  width: 200px;
  margin: 10px 0 0;
  padding: 0 0 4px;
  overflow: hidden;
}

.Extra h3 {
  background: url('images/extra_header.gif') no-repeat;
  width: 200px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}

.Extra li {
  list-style: none;
  margin: 0 0 8px;
  float: left;
}

.Extra a {
  display: block;
}

.Extra img {
  border: none;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- Link
*/

.Link {
  background: url('images/box_bg01.gif') repeat-x left bottom;
  width: 200px;
  margin: 16px 0 0;
  padding: 0 0 4px;
  overflow: hidden;
}

.Link h3 {
  background: url('images/link_header.gif') no-repeat;
  width: 200px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}

.Link li {
  list-style: none;
  margin: 0 0 8px;
  float: left;
}

.Link a {
  display: block;
}

.Link img {
  border: none;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- Topic
*/

.Topic {
  background: url('images/box_bg01.gif') repeat-x left bottom;
  width: 344px;
  margin: 12px 0 0;
  padding: 0 0 12px;
  overflow: hidden;
}

.Topic h3 {
  background: url('images/topic_header.gif') no-repeat;
  width: 344px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}

.Topic ul {
  width: 336px;
  margin: 0 4px;
}

.Topic li {
  display: inline;
  position: relative;
  font-size: 81.8%;
  line-height: 1.4em;
  background: url('images/border_dotted01.gif') repeat-x left bottom;
  width: 100%;
  margin: 1px 0 2px;
  padding: 2px 0 4px;
  float: left;
}

.Topic span {
  display: block;
  background: url('images/topic_marker01.gif') no-repeat left center;
  width: 5.5em;
  padding-left: 20px;
  vertical-align: bottom;
}

.Topic p {
  background: url('images/border_dotted02.gif') repeat-x top center;
  margin: 2px 0 0 20px;
  padding: 4px 0 0 0;
  overflow: hidden;
}

.Topic a {
  display: block;
}

/*-------------------------------------------------------------- Category Icon
*/

.C-charasong,
.C-artist,
.C-soundtrack,
.C-dramacd,
.C-radiocd,
.C-livedvd,
.C-remixcd,
.C-etc {
  font-size: 0;
  width: 96px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}

.C-charasong {background: url('images/category_icon_charasong.gif') no-repeat;}
.C-artist {background: url('images/category_icon_artist.gif') no-repeat;}
.C-soundtrack {background: url('images/category_icon_soundtrack.gif') no-repeat;}
.C-dramacd {background: url('images/category_icon_dramacd.gif') no-repeat;}
.C-radiocd {background: url('images/category_icon_radiocd.gif') no-repeat;}
.C-livedvd {background: url('images/category_icon_livedvd.gif') no-repeat;}
.C-remixcd {background: url('images/category_icon_remix.gif') no-repeat;}
.C-etc {background: url('images/category_icon_etc.gif') no-repeat;}

/*-------------------------------------------------------------- New Release
*/

#H2-NewRelease {
  background: url('images/newrelease_header.gif') no-repeat left bottom;
}

.NewRelease {
  width: 768px;
  margin: 0 auto;
  overflow: hidden;
}

html>body .NewRelease h3 {
  padding: 5px 8px 5px 24px;
}

.NewRelease h3 {
  clear: both;
  color: white;
  background: url('images/page_h3.gif') no-repeat left center;
  width: 768px;
  line-height: 1em;
  margin: 16px 0 16px;
  padding: 6px 8px 4px 24px;
  font-size: 90.9%;
  overflow: hidden;
}

/*-------------------------------------------------------------- New Release Box
*/

.NewR-Box {
  position: relative;
  border: 1px solid #bfbfbf;
  background: url('images/newrelease_image_bg.gif') no-repeat 3px 3px;
  width: 766px;
  margin: 8px 0;
  padding: 0 0 3px 0;
  overflow: hidden;
}

.NRB-Img {
  display: inline;
  background: url('images/newrelease_image_bg.gif') no-repeat;
  width: 160px;
  height: 160px;
  margin: 3px;
  padding: 8px;
  float: left;
}

.NRB-Img img {
  border: none;
  vertical-align: bottom;
}


.NRB-In {
  position: relative;
  display: inline;
  width: 576px;
  margin: 7px 7px 4px 0;
  float: right;
}

.NRB-In h4,
.NRB-In h5 {
  color: #527acc;
  font-size: 90.9%;
  border-left: 8px solid #498ff2;
  width: 456px;
  padding-left: 8px;
}

.NRB-H {
  background: url('images/newrelease_border01.gif') no-repeat left bottom;
  width: 576px;
  padding-bottom: 6px;
  overflow: hidden;
}

.NRB-H h4 {
  float: left;
}

.NRB-H .Category {
  display: inline;
  width: 96px;
  margin: 0;
  padding: 0;
  float: right;
}

.NRB-Ex {
  line-height: 0;
}

.NewR-Box p {
  font-size: 81.8%;
  line-height: 1.5em;
  width: 552px;
  margin: 8px 8px 16px 16px;
}

.NRB-DnP {
  background: url('images/newrelease_price.gif') repeat-y;
  width: 576px;
  margin: 16px 0 0;
  overflow: hidden;
}

.NRB-DnP ul {
  display: inline;
  margin: 6px 8px 6px 6px;
  float: right;
}

.NRB-DnP li {
  display: inline;
  background: url('images/newrelease_marker01.gif') no-repeat left center;
  font-size: 81.8%;
  font-weight: bold;
  margin-left: 32px;
  padding-left: 16px;
  float: left;
}

/*-------------------------------------------------------------- Item
*/

.Item {
  border: 1px solid #bfbfbf;
  width: 766px;
  margin: 0 8px 8px 8px;
  overflow: hidden;
}

.Item-Detail {
  border: 1px solid #e6e6e6;
  background: url('images/item_detail_bg.gif');
  width: 750px;
  margin: 7px 7px 8px;
  padding: 0 0 3px 0;
  overflow: hidden;
}

.IDt-Img {
  display: inline;
  background: url('images/item_image_bg.gif') no-repeat;
  width: 192px;
/*  height: 192px;*/
  margin: 3px 3px 0;
  padding: 8px;
  overflow: hidden;
  float: left;
}

.IDt-Img img {
  border: none;
  vertical-align: bottom;
}

.IDt-In {
  position: relative;
  display: inline;
  width: 528px;
  margin: 7px 7px 4px 0;
  float: right;
}

.IDt-Title {
  background: url('images/item_title_bg.gif') no-repeat;
  width: 528px;
}

.IDt-Title h3 {
  color: white;
  font-size: 100%;
  background: url('images/item_title_bottom.gif') no-repeat left bottom;
  padding: 8px;
}

.IDt-DnP {
  font-size: 90.6%;
  margin: 8px;
}

.IDt-DnP .Category {
  display: inline;
  float: right;
}

.IDt-DnP li {
  list-style: none;
}

.IDt-Box {
  border: 1px solid #dbe4f4;
  border-top: 2px solid #dbe4f4;
  background: #fff;
  width: 520px;
  margin: 8px 0;
  padding: 3px;
  overflow: hidden;
}

.IDt-Box h4 {
  color: #527acc;
  font-size: 90.6%;
  background: url('images/item_detail_header.gif') no-repeat left center;
  width: 500px;
  padding: 0 0 0 20px;
}

.IDt-Box p {
  font-size: 81.8%;
  margin: 6px 0 4px 20px;
}

.IDt-PNum {
  font-size: 90.6%;
  border: 1px solid #dbe4f4;
  border-top: 2px solid #dbe4f4;
  border-collapse: collapse;
  background: white;
  width: 528px;
  overflow: hidden;
}

.IDt-PNum th {
  color: white;
  font-weight: normal;
  border: 1px solid #dbe4f4;
  background: url('images/item_table_ht_bg.gif');
  padding: 3px 6px;
}

.IDt-PNum td {
  border: 1px solid #dbe4f4;
  padding: 3px 6px;
}

.IDt-CopyR {
  clear: both;
  color: #777;
  font-size: 72.7%;
  line-height: 1.5em;
  text-align: center;
  padding-top: 12px;
  overflow: hidden;
}

/*
.IDt-CopyR2 {
  clear: both;
  color: #777;
  font-size: 72.7%;
  text-align: center;
  background: url('images/border_dotted02.gif') repeat-x 0 4px;
  width: 736px;
  margin: 0 auto;
  padding-top: 8px;
  overflow: hidden;
}
*/

.Shop-Link {
  text-align: center;
  margin: 8px auto;
}

.Shop-Link img {
  border: none;
  vertical-align: bottom;
}

.Item-Artcl {
  border: 1px solid #e6e6e6;
  background: white url('images/item_article_bg.gif') repeat-x left bottom;
  width: 750px;
  margin: 7px 7px 8px;
  overflow: hidden;
}

.IAt-In {
  font-size: 81.8%;
  border: 2px solid #fff;
  border-top: none;
  background: url('images/item_article_top.gif') no-repeat center top;
  width: 720px;
  padding: 23px 13px 13px 13px;
  overflow: hidden;
}

.Item-TList {
  background: white url('images/item_list_bg.gif') repeat-x left bottom;
  width: 752px;
  margin: 7px 7px 8px;
  padding: 0 0 4px;
  overflow: hidden;
}

.Item-TList h3 {
  background: url('images/item_tracklist_header.gif') no-repeat;
  width: 752px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}

.Item-TList div {
  clear: both;
  margin: 8px 0;
  overflow: hidden;
}

.Item-TList h4 {
  color: #4c6699;
  font-size: 90.9%;
  background: url('images/item_marker01.gif') no-repeat left center;
  width: 724px;
  margin: 0 4px 8px;
  padding-left: 20px;
}

.Item-TList ul {
  width: 744px;
  margin: 0 auto;
}

.Item-TList li {
  zoom: 100%;
  font-size: 81.8%;
  background: url('images/border_dotted01.gif') repeat-x left bottom;
  width: 744px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  list-style: none;
  float: left;
}

.Item-TList li:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.Item-TList li p {
  display: block;
  width: 656px;
  line-height: 1.4em;
  float: left;
}

.Item-TList li p span {
  display: block;
  text-align: right;
  width: 1.5em;
  margin-right: 8px;
  float: left;
}

.ITL-Adtns {
  display: block;
  background: url('images/item_auditions_button.gif') no-repeat;
  width: 72px;
  height: 16px;
  font-size: 0;
  text-indent: -1000em;
  overflow: hidden;
  float: right;
}

/*-------------------------------------------------------------- Title
*/

#H2-PTitle {
  background: url('images/ptitle_header.gif') no-repeat left bottom;
}

.PTitle {
  width: 768px;
  margin: 0 auto;
  overflow: hidden;
}

.PTitle-In {
  zoom: 100%;
  margin: 16px 0 24px;
}

.PTitle-In:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

html>body .PTitle h3 {
  padding: 5px 8px 5px 24px;
}

.PTitle h3 {
  clear: both;
  color: white;
  background: url('images/page_h3.gif') no-repeat left center;
  width: 768px;
  line-height: 1em;
  margin: 0 0 16px;
  padding: 6px 8px 4px 24px;
  font-size: 90.9%;
  overflow: hidden;
}

.PT-AList {
  font-size: 90.9%;
  text-align: center;
  margin: 0 auto 8px;
  padding: 8px 0;
}

.PT-AListI {
  margin: 0 auto;
  padding: 0;
  letter-spacing: 0;
}

.PT-AListI span {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 90.9%;
  text-align: center;
  height: 20px;
}

.PT-AListI a,
.PT-AListI strong {
  color: #555;
  font-weight: normal;
  border: 1px solid #7d8fb3;
  padding: 4px 3px;
}

.PT-AListI a:hover {
  color: #4774b3;
  background: #d8eeff;
  text-decoration: none;
}

.PT-AListI strong {
  color: white;
  background: #5791e2;
  border: 1px solid #5791e2;
}

.PT-TList {
  background: url('images/border_dotted02.gif') repeat-x left top;
  width: 672px;
  margin: 8px auto 0;
  padding-top: 16px;
}

.PT-TList li {
  font-size: 81.8%;
  line-height: 1.3em;
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
/*  background: url('images/border_dotted01.gif') repeat-x left bottom;*/
  width: 672px;
  overflow: hidden;
/*  float: left;*/
}

.PT-TList a {
  display: block;
  background: url('images/title_marker01.gif') no-repeat left center;
  width: 652px;
  padding: 2px 0 2px 20px;
}

/*-------------------------------------------------------------- Search Result
*/

#H2-Search {
  background: url('images/search_header.gif') no-repeat left bottom;
}

.Search {
  width: 768px;
  margin: 0 auto;
  overflow: hidden;
}

.Srch-Result {
  text-align: center;
  margin: 0;
}

.Srch-Result h3 {
  font-size: 109%;
}

.Srch-Result p,
.Srch-Hit {
  font-size: 90.9%;
}

.Srch-Hit {
  text-align: center;
}

.Srch-Border {
  display: block;
  background: url('images/border_dotted02.gif') repeat-x;
  width: 320px;
  height: 1px;
  margin: 8px auto;
  overflow: hidden;
}

.Srch-Ch {
  font-size: 90.9%;
  text-align: center;
  margin: 8px auto;
  padding: 8px 0;
}

.Srch-ChI {
  margin: 0 auto;
  padding: 0;
  letter-spacing: 0;
}

.Srch-ChI span {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 90.9%;
  font-weight: bold;
  text-align: center;
  height: 20px;
}

.Srch-ChI a,
.Srch-ChI strong {
  color: #555;
  border: 1px solid #7d8fb3;
  padding: 5px 4px;
}

.Srch-ChI a:hover {
  color: #4774b3;
  background: #d8eeff;
  text-decoration: none;
}

.Srch-ChI strong {
  color: white;
  background: #5791e2;
  border: 1px solid #5791e2;
}

.Srch-Prev a,
.Srch-Next a {
  color: white;
  background: url('images/search_ends_button.gif');
}

.Srch-Prev a:hover,
.Srch-Next a:hover {
  color: white;
}

.Srch-PBG {
  background: url('images/search_bg.gif');
  width: 736px;
  margin: 0 auto;
  overflow: hidden;
}

.Srch-P {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  background: white;
  width: 736px;
  margin: 8px 0;
  padding-bottom: 3px;
  overflow: hidden;
}

.Srch-Img {
  display: inline;
  background: url('images/search_image_bg.gif') no-repeat;
  width: 84px;
  height: 84px;
  margin: 3px 12px 0 4px;
  padding: 6px;
  overflow: hidden;
  float: left;
}

.Srch-Img img {
  border: none;
  vertical-align: bottom;
}

.Srch-DnP {
  width: 616px;
  margin: 7px 7px 4px 0;
  overflow: hidden;
  float: left;
}

.Srch-DnP .Category {
  display: inline;
  float: right;
  margin: 0;
  padding: 0;
}

.Srch-H {
  zoom: 100%;
  background: url('images/search_title_border.gif') no-repeat center bottom;
  padding-bottom: 6px;
  overflow: hidden;
}

.Srch-DnP a {
  display: block;
  color: #527acc;
  font-size: 90.9%;
  width: 512px;
}

.Srch-DnP a:hover {
  color: #eb4646;
}

.Srch-DnP ul {
  margin: 8px 0 0 0;
}

.Srch-DnP li {
  list-style: none;
  background: url('images/search_marker01.gif') no-repeat left center;
  font-size: 81.8%;
  padding-left: 16px;
}

/*-------------------------------------------------------------- Shop List
*/

#H2-ShopL {
  background: url('images/shoplist_header.gif') no-repeat left bottom;
}

.ShopL {
  width: 768px;
  margin: 16px auto 0;
  overflow: hidden;
}

.ShopL p {
  font-size: 90.9%;
  margin: 16px 0;
}

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

.Shop-Prfc {
  text-align: center;
  width: 768px;
  margin: 16px auto;
  overflow: hidden;
}

.Shop-Prfc table {
  font-size: 81.8%;
  text-align: left;
  margin: 8px auto;
}

.Shop-Prfc td {
  background: url('images/border_dotted01.gif') repeat-x center bottom;
  padding: 2px 8px;
}

.Shop-Prfc th {
  text-align: left;
  background: url('images/shoplist_marker01.gif') no-repeat left center;
  padding: 2px 8px 2px 16px;
}

.Shop-Prfc a {
  padding: 0 2px;
}

.ShopL-Box {
  zoom: 100%;
  margin: 16px auto;
  overflow: hidden;
}

html>body .ShopL-Box h3 {
  padding: 5px 8px 5px 24px;
}

.ShopL-Box h3 {
  clear: both;
  color: white;
  background: url('images/page_h3.gif') no-repeat left center;
  width: 768px;
  line-height: 1em;
  margin: 0 0 16px;
  padding: 6px 8px 4px 24px;
  font-size: 90.9%;
  overflow: hidden;
}

.ShopL-Box table {
  font-size: 81.8%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  width: 766px;
  margin: 0 auto;
}

.ShopL-Box th,
.ShopL-Box td {
  border: 1px solid #ccc;
  padding: 2px 5px;
}

.ShopL-Box th {
  background: #ebf3ff;
  text-align: center;
}

.ShopL-Box a {
  display: block;
  font-size: 90.9%;
  margin: 8px 0 0;
  float: right;
}

.SL-Shop {width: 20em;}
.SL-Addr {}
.SL-Tele {width: 7em;}

/*-------------------------------------------------------------- Feature
*/

#H2-Feature {
  background: url('images/feature_header.gif') no-repeat left bottom;
}

.F-Notice {
  font-size: 90.9%;
  width: 640px;
  margin: 16px auto;
}

.Feature {
  background: url('images/search_bg.gif');
  width: 640px;
  margin: 16px auto;
  overflow: hidden;
}

.F-Box {
  zoom: 100%;
  background: white;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  margin: 8px auto;
  overflow: hidden;
}

.F-Box:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.Feature p {
  margin: 8px 0;
}

.Feature a {
  display: block;
  color: #596680;
  overflow: hidden;
}

.Feature a:hover {
  color: #f65050;
  text-decoration: none;
}

.Feature span {
  display: block;
  font-size: 90.9%;
  font-weight: bold;
  border-left: 4px solid #207fef;
  background: url('images/article_h3_header.gif') no-repeat left bottom;
  margin: 8px 0 0;
  padding: 2px 0 2px 8px;
}

.Feature img {
  margin-top: 8px;
  border: none;
  vertical-align: bottom;
}

.Feature .F-Bann {
  display: block;
  margin: 0;
}

.Feature .F-Artc {
  display: block;
  font-size: 81.8%;
}

/*-------------------------------------------------------------- FAQ
*/

#H2-FAQ {
  background: url('images/faq_header.gif') no-repeat left bottom;
}

.FAQ {
  font-size: 90.9%;
  width: 640px;
  margin: 16px auto;
  overflow: hidden;
}

.FAQ-QList {
  zoom: 100%;
  background: url('images/border_dotted02.gif') repeat-x center bottom;
  margin: 0 auto 16px;
  padding-bottom: 16px;
  overflow: hidden;
}

.FAQ-QList ul {
  margin: 16px 0;
}

.FAQ-QList li {
  font-size: 90.9%;
  background: url('images/faq_marker01.gif') no-repeat left center;
  padding-left: 20px;
  float: left;
}

.FAQ-QList li a {
  display: block;
  width: 600px;
}

.FAQ-A div {
  background: url('images/border_dotted02.gif') repeat-x center bottom;
  margin: 16px 0;
  padding-bottom: 16px;
}

.FAQ-A div h3 {
  position: relative;
  color: #8f86bf;
  font-size: 100%;
  background: url('images/faq_q_border.gif') no-repeat center bottom;
  width: 600px;
  margin: 0 0 8px;
  padding-left: 40px;
  padding: 0 0 8px 40px;
}

.FAQ-A div h3 span {
  background: url('images/faq_icon_q.gif') no-repeat;
}

.FAQ-A div p {
  position: relative;
  width: 600px;
  padding-left: 40px;
}

.FAQ-A div p span {
  background: url('images/faq_icon_a.gif') no-repeat;
}

.FAQ-A span {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 20px;
  text-indent: -1000em;
  line-height: 0;
  overflow: hidden;
}

/*-------------------------------------------------------------- Site Map
*/

#H2-SiteMap {
  background: url('images/sitemap_header.gif') no-repeat left bottom;
}

.SiteMap {
  width: 672px;
  margin: 16px auto;
  overflow: hidden;
}


.SM-Box {
  background: url('images/sitemap_box_bg.gif') repeat-y;
  width: 672px;
  margin: 16px 0;
}

.SM-BoxTp {
  background: url('images/sitemap_box_top.gif') no-repeat;
  width: 672px;
  height: 8px;
  overflow: hidden;
}

.SM-BoxIn {
  background: url('images/sitemap_box_bottom.gif') no-repeat left bottom;
  width: 672px;
  overflow: hidden;
  padding: 0 0 16px 0;
}

.SM-BoxIn h3 {
  font-size: 100%;
  background: url('images/sitemap_title_border.gif') no-repeat center bottom;
  width: 656px;
  padding: 0 0 4px 16px;
}

.SM-BoxIn p {
  font-size: 90.9%;
  margin: 8px 16px 0;
}

.SM-BoxIn ul {
  margin: 8px 16px 0;
}

.SM-BoxIn li {
  font-size: 90.9%;
  list-style: none;
  background: url('images/sitemap_marker01.gif') no-repeat 0 0.25em;
  margin: 2px 0 0;
  padding-left: 20px;
  float: left;
}

.SM-BoxIn a {
  display: block;
  border-bottom: 1px solid #eaeaea;
/*  background: url('images/border_dotted01.gif') repeat-x left bottom;*/
  width: 620px;
}

.SM-BoxIn li span {
  display: block;
  width: 620px;
}

/*-------------------------------------------------------------- Inquiry
*/

#H2-Inquiry {
  background: url('images/inquiry_header.gif') no-repeat left bottom;
}

.Inquiry {
  width: 540px;
  margin: 16px auto;
  overflow: hidden;
}

.Inquiry p {
  font-size: 90.9%;
  margin: 8px 0;
}

td>input,td>textarea {
  font-size: 100%;
}

.Inquiry .Inq-Tbl {
  border-top: 2px solid #5c95e5;
  border-bottom: 2px solid #5c95e5;
  padding: 8px 0;
}

.Inquiry table {
  clear: both;
  font-size: 81.8%;
  border-top: 1px solid #dfdfdf;
  background: url('images/inquiry_table_bg.gif') repeat-y;
  width: 538px;
  margin: 0 auto;
  border-collapse: collapse;
}

.Inquiry th {
  background: url('images/border_dotted01.gif') repeat-x center bottom;
  padding: 2px 2px;
  width: 12em;
  padding: 2px 2px 3px;
  vertical-align: top;
  white-space: nowrap;
}

.Inquiry td {
  background: url('images/border_dotted01.gif') repeat-x center bottom;
  padding: 2px 4px 3px 2px;
}

.Inquiry td input,
.Inquiry td textarea,
.Inquiry td select {
  font-size: 90.9%;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  border: 1px solid #ccc;
  margin: 1px;
  padding: 1px;
}

.Inquiry .cname {width: 12em;}
.Inquiry .name {width: 12em;}
.Inquiry .email {width: 16em;}
.Inquiry .comment {width: 99%;height: 6em;}

.Inquiry .submit {
  width: 540px;
  margin: 0 auto 8px;
  padding: 8px 0 0;
  text-align: center;
}

.Inquiry .submit input {
  width: 8em;
  padding: 2px 0;
}

.Inquiry .error h3 {
  color: #f28585;
}

div.error {
  border: 2px dotted #ffbfbf;
  font-size: 90.9%;
  margin: 8px 0;
}

div.error ul {
  margin: 8px 8px 8px 24px;
}

div.error li {
  color: #f65050;
}

.Inquiry input.error,
.Inquiry select.error,
.Inquiry textarea.error {
  background: #ffffd8;
  border: 1px solid #ccc;
}

/*-------------------------------------------------------------- Help
*/

#H2-Help {
  background: url('images/help_header.gif') no-repeat left bottom;
}

.Help {
  width: 440px;
}

.Help-Adit {
  zoom: 100%;
  text-align: center;
  background: url('images/border_dotted02.gif') repeat-x center bottom;
  overflow: hidden;
}

/*-------------------------------------------------------------- About
*/

#H2-About {
  background: url('images/about_header.gif') no-repeat left bottom;
}

.About {
  width: 640px;
}

/*-------------------------------------------------------------- Terms
*/

#H2-Terms {
  background: url('images/terms_header.gif') no-repeat left bottom;
}

.Terms {
  width: 640px;
}

/*-------------------------------------------------------------- Copyright
*/

#H2-Copyright {
  background: url('images/copyright_header.gif') no-repeat left bottom;
}

.Copyright {
  width: 640px;
}

/*-------------------------------------------------------------- Article
*/

.Article {
  margin: 16px auto 8px;
  overflow: hidden;
}

.Article h3 {
  color: #596680;
  font-size: 90.9%;
  border-left: 4px solid #207fef;
  background: url('images/article_h3_header.gif') no-repeat left bottom;
  margin: 16px 0;
  padding-left: 8px;
}

.Article p {
  font-size: 90.9%;
/*  font-size: 81.8%;*/
  margin: 16px 0;
}

.Article img {
  border: none;
  vertical-align: bottom;
}

.Article ul {
  margin: 16px 0;
}

.Article li {
  list-style: none;
  background: url('images/article_marker01.gif') no-repeat 0 0.4em;
  padding-left: 16px;
}

/*-------------------------------------------------------------- Radio
*/

#H2-Radio {
  background: url('images/radio_header.gif') no-repeat left bottom;
}

.Ra-Comment {
  font-size: 90.9%;
  width: 640px;
  margin: 16px auto;
}

.Radio {
  background: url('images/search_bg.gif');
  width: 640px;
  margin: 16px auto;
  overflow: hidden;
}

.Ra-Box {
  zoom: 100%;
  background: white;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  margin: 8px auto;
  overflow: hidden;
}

.Ra-Box:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.Radio p {
  margin: 8px 0;
  background: white;
}

.Radio a {
  display: block;
  overflow: hidden;
}

.Radio span {
  display: block;
  background: url('images/feature_title_border.gif') no-repeat center bottom;
  margin-bottom: 8px;
  padding-bottom: 4px;
}

.Radio strong {
  display: block;
  background: url('images/feature_marker01.gif') no-repeat left center;
  font-size: 81.8%;
  font-weight: bold;
  padding: 0 0 0 18px;
}

.Radio img {
  background: url('images/feature_img_bg.gif') repeat-y top right;
  padding-right: 340px;
  border: none;
  vertical-align: bottom;
}

.Ra-Bann {
  display: block;
}

.Ra-Artc {
  display: block;
  font-size: 81.8%;
}

/*-------------------------------------------------------------- News
*/

#H2-News {
  background: url('images/news_header.gif') no-repeat left bottom;
}

.News {
  width: 640px;
}

.News .blog-entry {
  zoom: 100%;
  background: url('images/border_dotted01.gif') repeat-x center bottom;
  margin: 0 0 16px;
  overflow: hidden;
}

.News .blog-entry:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.News h3 {
  padding: 2px 240px 2px 8px;
}

.News .blog-article {
  font-size: 90.9%;
}

.News .blog-article h3 {
  border: none;
  background: url('images/news_marker01.gif') no-repeat left center;
  width: auto;
  padding: 0 0 0 20px;
}

.News p,
.News strong {
  font-size: 100%;
}

.News address {
  font-size: 72.7%;
  margin: 16px 0 8px;
  float: right;
}

.News address span {
  margin-left: 4px;
}

.News .blog-top-image,
.News .blog-bottom-image {
  display: block;
  margin: 16px 0;
  overflow: hidden;
}


.News .News-Ch {
  font-size: 90.9%;
  text-align: center;
  margin: 8px auto;
  padding: 0;
}

.News .News-Ch P {
  margin: 0;
  padding: 0;
}

.News .News-ChI {
  margin: 0 auto;
  padding: 0;
  letter-spacing: 0;
}

.News .News-ChI p {
  margin: 0;
  padding: 0;
}

.News-ChI span {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 90.9%;
  font-weight: bold;
  text-align: center;
  height: 20px;
}

.News-ChI a,
.News-ChI strong {
  color: #555;
  border: 1px solid #7d8fb3;
  padding: 5px 4px;
}

.News-ChI a:hover {
  color: #4774b3;
  background: #d8eeff;
  text-decoration: none;
}

.News-ChI strong {
  color: white;
  background: #5791e2;
  border: 1px solid #5791e2;
}

.News-Prev a,
.News-Next a {
  color: white;
  background: url('images/search_ends_button.gif');
}

.News-Prev a:hover,
.News-Next a:hover {
  color: white;
}

/*-------------------------------------------------------------- Mobile
*/

#H2-Mobile {
  background: url('images/mobile_header.gif') no-repeat left bottom;
}

.Mobile {
  width: 640px;
  margin: 16px auto;
  overflow: hidden;
}

.Mb-Tktn {
  zoom: 100%;
  background: url('images/mobile_tokuten_bg.jpg') no-repeat 0 152px;
  width: 640px;
  margin: 16px 0 0;
}

.Mb-Tktn:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.Mb-Tktn h3,
.Mb-Read,
.Mb-TktnH h4,
.Mb-TktnS h4 {
  font-size: 0;
  line-height: 0;
  text-indent: -1000em;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.Mb-Tktn h3 {
  background: url('images/mobile_tokuten_header.jpg') no-repeat;
  width: 640px;
  height: 80px;
}

.Mb-Read {
  background: url('images/mobile_tokuten_read.jpg') no-repeat;
  width: 640px;
  height: 72px;
}

.Mb-TktnA {
  width: 608px;
  margin: 16px auto;
  overflow: hidden;
}

.Mb-TktnA p {
  font-size: 81.8%;
}

.Mb-QR {
  display: inline;
  width: 144px;
  margin: 16px 16px 0;
  float: left;
}

.Mb-QR img {
  border: none;
  vertical-align: bottom;
}

.Mb-QR p {
  display: none;
}

.Mb-TktnH {
  background: url('images/mobile_haishin_bg.gif') repeat-y;
  width: 608px;
  margin: 16px auto;
  overflow: hidden;
}

.Mb-TktnH h4 {
  background: url('images/mobile_haishin_header.gif') no-repeat;
  width: 608px;
  height: 24px;
}

.Mb-TktnA .Mb-TktnH ul {
  color: #6b89b2;
  font-size: 81.8%;
  font-weight: bold;
  background: url('images/mobile_haishin_footer.gif') no-repeat left bottom;
  margin: 12px 8px 0 8px;
  padding: 0 24px 12px 24px;
}

.Mb-TktnA .Mb-TktnH li {
  background: url('images/mobile_marker02.gif') no-repeat 0 0.5em;
  list-style: none;
  padding-left: 20px;
}

.Mb-TktnA ul {
  color: #6293d9;
  font-size: 81.8%;
  margin: 8px 0;
  margin-left: 1em;
  list-style: none;
}

.Mb-TktnA li {
  text-indent: -1em;
}

.Mb-TktnS {
  position: relative;
  background: url('images/mobile_sample_bg.jpg') no-repeat 0 32px;
  width: 640px;
  height: 240px;
  overflow: hidden;
}

.Mb-TktnS h4 {
  background: url('images/mobile_sample_header.gif') no-repeat;
  width: 640px;
  height: 24px;
}

.Mb-TktnS h5,
.Mb-TktnS p {
  display: none;
}

.Mb-TS1 {position: absolute;top: 76px;left: 45px;}
.Mb-TS2 {position: absolute;top: 76px;left: 128px;}
.Mb-TS3 {position: absolute;top: 76px;left: 268px;}
.Mb-TS4 {position: absolute;top: 76px;left: 496px;}

.KStyle {
  zoom: 100%;
  background: url('images/mobile_kstyle_main.jpg') no-repeat;
  margin: 16px 0;
  overflow: hidden;
}

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

.KStyle p {
  font-size: 81.8%;
  background: url('images/mobile_kstyle_border02.gif') repeat-y left center;
  margin-bottom: 16px;
  padding-left: 12px;
}

.KS-Text {
/*  width: 288px;*/
  margin: 208px 24px 0 24px;
  padding-bottom: 8px;
  overflow: hidden;
}

.KS-Access {
  width: 618px;
  height: 360px;
  margin: 0 auto 8px;
}

.KS-Access li {
  display: none;
}

.KS-Access-ss img {
  display: inline;
  vertical-align: bottom;
  margin: 4px;
  float: right;
}

.KS-Access-au {
  background: url('images/mobile_kstyle_cmenu_au.gif') no-repeat;
  width: 206px;
  height: 360px;
  float: left;
}

.KS-Access-au a {
  display: block;
  background: url('images/mobile_kstyle_mailto_au.gif') no-repeat;
  width: 176px;
  height: 32px;
  margin: 312px 0 0 15px;
  text-indent: -1000em;
  overflow: hidden;
}

.KS-Access-au a:hover {
  background-position: bottom;
}

.KS-Access-softbank {
  background: url('images/mobile_kstyle_cmenu_softbank.gif') no-repeat;
  width: 206px;
  height: 360px;
  float: left;
}

.KS-Access-softbank a {
  display: block;
  background: url('images/mobile_kstyle_mailto_softbank.gif') no-repeat;
  width: 176px;
  height: 32px;
  margin: 312px 0 0 15px;
  text-indent: -1000em;
  overflow: hidden;
}

.KS-Access-softbank a:hover {
  background-position: bottom;
}

.KS-Access-docomo {
  background: url('images/mobile_kstyle_cmenu_docomo.gif') no-repeat;
  width: 206px;
  height: 360px;
  float: left;
}

.KS-Access-docomo a {
  display: block;
  background: url('images/mobile_kstyle_mailto_docomo.gif') no-repeat;
  width: 176px;
  height: 32px;
  margin: 312px 0 0 15px;
  text-indent: -1000em;
  overflow: hidden;
}

.KS-Access-docomo a:hover {
  background-position: bottom;
}

.KS-Email {
  background: url('images/mobile_style_box_bg.gif') no-repeat;
  width: 640px;
  height: 64px;
  overflow: hidden;
}

.KS-Email a {
  display: block;
  background: url('images/mobile_kstyle_mailto.gif') no-repeat;
  width: 344px;
  height: 32px;
  margin: 20px 0 0 148px;
  text-indent: -1000em;
  overflow: hidden;
}

.KS-Email a:hover {
  background-position: bottom;
}