@CHARSET "EUC-JP";

/** {{{ ｶｦﾄﾌ */

/*** {{{ ･ｿ･ｰ */

* {
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.2em;
  font-family: "Lucida Grande", "Geneva", "Arial", "Verdana", "Osaka", "･ﾒ･鬣ｮ･ﾎｳﾑ･ｴ Pro W3", "｣ﾍ｣ﾓ ｣ﾐ･ｴ･ｷ･ﾃ･ｯ", sans-serif;
}

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

a {
  color: #0000FF;
}

a:link {
  color: #0000FF;
}

a:visited {
  color: #800080;
}

a:active {
  color: #000080;
}

a:hover {
  color: #000080;
}

/*** }}} */

/*** {{{ ﾈﾆﾍﾑ･ｯ･鬣ｹ */

.dc-float-left {
  float: left;
}

.dc-float-right {
  float: right;
}

.dc-clear-both {
  clear: both;
  float: none;
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

* html .dc-clear-both {
  clear: both;
  width: 0;
  height: 0;
  display: none;
  margin: 0;
  padding: 0;
}

.dc-block-right {
  margin-left: auto;
}

.dc-block-center {
  margin-right: auto;
  margin-left: auto;
}

.dc-block-left {
  margin-right: auto;
}

.dc-inline-left {
  text-align: left;
}

.dc-inline-center {
  text-align: center;
}

.dc-inline-right {
  text-align: right;
}

.dc-inline-top {
  vertical-align: top;
}

.dc-inline-middle {
  vertical-align: middle;
}

.dc-inline-bottom {
  vertical-align: bottom;
}

/*** }}} */

/*** {{{ container */

div#d-container {
  width: 760px;
  margin: 0 auto;
  border: solid 1px #888888;
}

/*** }}} */

/** }}} */

/** {{{ ･ﾑ｡ｼ･ﾄ */

/*** {{{ header */

div.dp-header {
  width: 760px;
  height: 144px;
}

div.dp-header div.d-block {
  width: 760px;
  height: 120px;
}

div.dp-header div.d-block h1.d-shop-name {
  height: 80px;
  line-height: 80px;
  font-size: 3em;
  font-weight: bold;
  overflow: hidden;
}

div.dp-header ul.d-navigation {
  height: 24px;
  list-style: none;
}

div.dp-header ul.d-navigation li {
  width: 190px;
  height: 24px;
  line-height: 24px;
}

div.dp-header ul.d-navigation li a {
  display: block;
  color: #333333;
  background-color: #eeeeee;
  text-align: center;
  text-decoration: none;
}

div.dp-header ul.d-navigation li a:link {
  color: #333333;
  background-color: #eeeeee;
}

div.dp-header ul.d-navigation li a:visited {
  color: #333333;
  background-color: #eeeeee;
}

div.dp-header ul.d-navigation li a:active {
  color: #333333;
  background-color: #eeeeee;
}

div.dp-header ul.d-navigation li a:hover {
  color: #000000;
  background-color: #dddddd;
}

/*** }}} */

/*** {{{ campaign */

div.dp-campaign p.d-campaign {
  margin: 25px 0;
  text-align: center;
}

/*** }}} */

/*** {{{ hot-seller */

div.dp-hot-seller {
  width: 760px;
}

div.dp-hot-seller h2 {
  width: 700px;
  margin: 15px auto;
  padding: 5px 0;
  font-size: 1.5em;
}

div.dp-hot-seller div.d-article-list {
  width: 720px;
  margin: 10px auto;
}

div.dp-hot-seller div.d-article-list div.d-article {
  width: 240px;
}

div.dp-hot-seller div.d-article-list div.d-article p.d-article-image {
}

div.dp-hot-seller div.d-article-list div.d-article p.d-article-image img {
  border: solid 1px #aaaaaa;
}

div.dp-hot-seller div.d-article-list div.d-article p.d-article-name {
  height: 3.6em;
  line-height: 1.2em;
  margin: 5px 10px;
  overflow: hidden;
}

/*** }}} */

/*** {{{ recommend-article */

div.dp-recommend-article {
  width: 760px;
}

div.dp-recommend-article h2 {
  width: 700px;
  margin: 15px auto;
  padding: 5px 0;
  font-size: 1.5em;
}

div.dp-recommend-article table.d-article-list {
  width: 720px;
  margin: 0 auto;
}

div.dp-recommend-article table.d-article-list td.d-article {
  width: 360px;
}

div.dp-recommend-article table.d-article-list td.d-article p.d-article-image {
  width: 90px;
}

div.dp-recommend-article table.d-article-list td.d-article p.d-article-image img {
  border: solid 1px #aaaaaa;
  margin: 5px;
}

div.dp-recommend-article table.d-article-list td.d-article div.d-article-text {
  width: 250px;
  padding: 5px;
}

div.dp-recommend-article table.d-article-list td.d-article div.d-article-text p.d-article-name {
  margin: 5px 10px;
}

div.dp-recommend-article table.d-article-list td.d-article div.d-article-text p.d-article-highlight {
  width: 250px;
  height: 80px;
  line-height: 16px;
  overflow: hidden;
}

/*** }}} */

/*** {{{ adwords */

div.dp-adwords {
  width: 760px;
}

div.dp-adwords p.d-title {
  margin: 5px 30px;
  font-size: 1.75em;
  font-family: monospace;
  font-weight: bold;
  color: #FF1A00;
  border-bottom: solid 1px #FF1A00;
}

div.dp-adwords dl.d-user-information {
  margin: 5px 30px;
}

div.dp-adwords dl.d-user-information dt.d-user-name {
  width: 90px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dd.d-user-name {
  width: 240px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dt.d-user-email {
  width: 90px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dd.d-user-email {
  width: 240px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dt.d-user-address {
  width: 90px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dd.d-user-address {
  width: 590px;
  padding: 5px;
}

/*** }}} */

/*** {{{ free-link */

div.dp-free-link {
  width: 760px;
}

div.dp-free-link p {
  width: 700px;
  margin: 0 auto;
  padding: 5px 0;
}

/*** }}} */

/*** {{{ free-section */

div.dp-free-section {
  width: 760px;
}

div.dp-free-section h3 {
  width: 700px;
  margin: 15px auto;
  padding: 5px 0;
  font-size: 1.5em;
}

/*** }}} */

/*** {{{ free-text */

div.dp-free-text {
  width: 760px;
}

div.dp-free-text p {
  width: 640px;
  margin: 20px auto;
  padding: 10px;
  font-size: 1.2em;
}

/*** }}} */

/*** {{{ information */

div.dp-information {
  width: 760px;
}

div.dp-information p.d-go-to-top {
  padding: 5px;
  text-align: left;
}

div.dp-information p.d-campaign {
  margin: 25px 0;
  text-align: center;
}

div.dp-information p.d-information {
  text-align: center;
}

/*** }}} */

/*** {{{ footer */

div.dp-footer {
  width: 760px;
}

div.dp-footer p.d-go-to-top {
  padding: 5px;
  text-align: left;
}

div.dp-footer p.d-navigation {
  height: 24px;
  line-height: 24px;
  background-color: #eeeeee;
  text-align: center;
}

div.dp-footer p.d-link {
  height: 24px;
  line-height: 24px;
  background-color: #dddddd;
  text-align: center;
}

/*** }}} */

/*** {{{ analytics */

div.dp-analytics {
  width: 760px;
}

div.dp-analytics p {
  line-height: 0;
  font-size: 0;
  height: 0;
}

/*** }}} */

/** }}} */

body {/* フォントの色font-size: 80%　太字font-weight:bolder　行間 line-height: 120%*/
}
p.example1 { font-size: 80%; font-weight:bolder; color: #ff0000;　line-height: 120%;
}
p.example2 { font-size: 80%; font-weight:bolder; color: #ffffff;　line-height: 120%;
}




h4
   {
    border:solid 4px #FF0000;          /* 全体の枠線 */
    color:#ffffff;                     /* 全体の文字を白 */
    background-color:#FF0000;          /* 背景色を設定 */
    width:300px;                       /* 全体の幅 */
   }
span
   {
    display:block;                     /* ブロックに変換 */
    border-bottom:solid 3px #FF0000;   /* 下の罫線 */
                /* 文字を中央表示 */
   }
 

#Menu {
height: 18px;/*メニューの高さ*/
}

#Menu ul {
margin: 0;
padding :0;
list-style-type : none;/*リストスタイルはなしにする*/
}

#Menu li {
display : inline;
margin:0;
float:left;/*フロートを左に指定してボタンを横並びにする*/
}


@CHARSET "EUC-JP";

/** {{{ ｶｦﾄﾌ */

/*** {{{ ･ｿ･ｰ */

* {
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.2em;
  font-family: "Lucida Grande", "Geneva", "Arial", "Verdana", "Osaka", "･ﾒ･鬣ｮ･ﾎｳﾑ･ｴ Pro W3", "｣ﾍ｣ﾓ ｣ﾐ･ｴ･ｷ･ﾃ･ｯ", sans-serif;
}

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

a {
  color: #0000FF;
}

a:link {
  color: #0000FF;
}

a:visited {
  color: #800080;
}

a:active {
  color: #000080;
}

a:hover {
  color: #000080;
}

/*** }}} */

/*** {{{ ﾈﾆﾍﾑ･ｯ･鬣ｹ */

.dc-float-left {
  float: left;
}

.dc-float-right {
  float: right;
}

.dc-clear-both {
  clear: both;
  float: none;
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

* html .dc-clear-both {
  clear: both;
  width: 0;
  height: 0;
  display: none;
  margin: 0;
  padding: 0;
}

.dc-block-right {
  margin-left: auto;
}

.dc-block-center {
  margin-right: auto;
  margin-left: auto;
}

.dc-block-left {
  margin-right: auto;
}

.dc-inline-left {
  text-align: left;
}

.dc-inline-center {
  text-align: center;
}

.dc-inline-right {
  text-align: right;
}

.dc-inline-top {
  vertical-align: top;
}

.dc-inline-middle {
  vertical-align: middle;
}

.dc-inline-bottom {
  vertical-align: bottom;
}

/*** }}} */

/*** {{{ container */

div#d-container {
  width: 760px;
  margin: 0 auto;
  border: solid 1px #888888;
}

/*** }}} */

/** }}} */

/** {{{ ･ﾑ｡ｼ･ﾄ */

/*** {{{ header */

div.dp-header {
  width: 760px;
  height: 144px;
}

div.dp-header div.d-block {
  width: 760px;
  height: 120px;
}

div.dp-header div.d-block h1.d-shop-name {
  height: 80px;
  line-height: 80px;
  font-size: 3em;
  font-weight: bold;
  overflow: hidden;
}

div.dp-header ul.d-navigation {
  height: 24px;
  list-style: none;
}

div.dp-header ul.d-navigation li {
  width: 190px;
  height: 24px;
  line-height: 24px;
}

div.dp-header ul.d-navigation li a {
  display: block;
  color: #333333;
  background-color: #eeeeee;
  text-align: center;
  text-decoration: none;
}

div.dp-header ul.d-navigation li a:link {
  color: #333333;
  background-color: #eeeeee;
}

div.dp-header ul.d-navigation li a:visited {
  color: #333333;
  background-color: #eeeeee;
}

div.dp-header ul.d-navigation li a:active {
  color: #333333;
  background-color: #eeeeee;
}

div.dp-header ul.d-navigation li a:hover {
  color: #000000;
  background-color: #dddddd;
}

/*** }}} */

/*** {{{ campaign */

div.dp-campaign p.d-campaign {
  margin: 25px 0;
  text-align: center;
}

/*** }}} */

/*** {{{ hot-seller */

div.dp-hot-seller {
  width: 760px;
}

div.dp-hot-seller h2 {
  width: 700px;
  margin: 15px auto;
  padding: 5px 0;
  font-size: 1.5em;
}

div.dp-hot-seller div.d-article-list {
  width: 720px;
  margin: 10px auto;
}

div.dp-hot-seller div.d-article-list div.d-article {
  width: 240px;
}

div.dp-hot-seller div.d-article-list div.d-article p.d-article-image {
}

div.dp-hot-seller div.d-article-list div.d-article p.d-article-image img {
  border: solid 1px #aaaaaa;
}

div.dp-hot-seller div.d-article-list div.d-article p.d-article-name {
  height: 3.6em;
  line-height: 1.2em;
  margin: 5px 10px;
  overflow: hidden;
}

/*** }}} */

/*** {{{ recommend-article */

div.dp-recommend-article {
  width: 760px;
}

div.dp-recommend-article h2 {
  width: 700px;
  margin: 15px auto;
  padding: 5px 0;
  font-size: 1.5em;
}

div.dp-recommend-article table.d-article-list {
  width: 720px;
  margin: 0 auto;
}

div.dp-recommend-article table.d-article-list td.d-article {
  width: 360px;
}

div.dp-recommend-article table.d-article-list td.d-article p.d-article-image {
  width: 90px;
}

div.dp-recommend-article table.d-article-list td.d-article p.d-article-image img {
  border: solid 1px #aaaaaa;
  margin: 5px;
}

div.dp-recommend-article table.d-article-list td.d-article div.d-article-text {
  width: 250px;
  padding: 5px;
}

div.dp-recommend-article table.d-article-list td.d-article div.d-article-text p.d-article-name {
  margin: 5px 10px;
}

div.dp-recommend-article table.d-article-list td.d-article div.d-article-text p.d-article-highlight {
  width: 250px;
  height: 80px;
  line-height: 16px;
  overflow: hidden;
}

/*** }}} */

/*** {{{ adwords */

div.dp-adwords {
  width: 760px;
}

div.dp-adwords p.d-title {
  margin: 5px 30px;
  font-size: 1.75em;
  font-family: monospace;
  font-weight: bold;
  color: #FF1A00;
  border-bottom: solid 1px #FF1A00;
}

div.dp-adwords dl.d-user-information {
  margin: 5px 30px;
}

div.dp-adwords dl.d-user-information dt.d-user-name {
  width: 90px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dd.d-user-name {
  width: 240px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dt.d-user-email {
  width: 90px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dd.d-user-email {
  width: 240px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dt.d-user-address {
  width: 90px;
  padding: 5px;
}

div.dp-adwords dl.d-user-information dd.d-user-address {
  width: 590px;
  padding: 5px;
}

/*** }}} */

/*** {{{ free-link */

div.dp-free-link {
  width: 760px;
}

div.dp-free-link p {
  width: 700px;
  margin: 0 auto;
  padding: 5px 0;
}

/*** }}} */

/*** {{{ free-section */

div.dp-free-section {
  width: 760px;
}

div.dp-free-section h3 {
  width: 700px;
  margin: 15px auto;
  padding: 5px 0;
  font-size: 1.5em;
}

/*** }}} */

/*** {{{ free-text */

div.dp-free-text {
  width: 760px;
}

div.dp-free-text p {
  width: 640px;
  margin: 20px auto;
  padding: 10px;
  font-size: 1.2em;
}

/*** }}} */

/*** {{{ information */

div.dp-information {
  width: 760px;
}

div.dp-information p.d-go-to-top {
  padding: 5px;
  text-align: left;
}

div.dp-information p.d-campaign {
  margin: 25px 0;
  text-align: center;
}

div.dp-information p.d-information {
  text-align: center;
}

/*** }}} */

/*** {{{ footer */

div.dp-footer {
  width: 760px;
}

div.dp-footer p.d-go-to-top {
  padding: 5px;
  text-align: left;
}

div.dp-footer p.d-navigation {
  height: 24px;
  line-height: 24px;
  background-color: #eeeeee;
  text-align: center;
}

div.dp-footer p.d-link {
  height: 24px;
  line-height: 24px;
  background-color: #dddddd;
  text-align: center;
}

/*** }}} */

/*** {{{ analytics */

div.dp-analytics {
  width: 760px;
}

div.dp-analytics p {
  line-height: 0;
  font-size: 0;
  height: 0;
}

/*** }}} */

/** }}} */



#Menu a {
display: block;/*ブロックにして各ボタン全体をリンクエリアにする*/
text-decoration:none;
border-top:1px solid #69c;/*上線の幅（細）とカラー（薄）*/
border-right:2px solid #369;/*右線の幅（太）とカラー（濃）*/
border-bottom:2px solid #369;/*下線の幅（太）とカラー（濃）*/
border-left:1px solid #69c;/*左線の幅（細）とカラー（薄）*/
text-align:center;/*文字をボタンの中央にする*/
width: 75px;/*各ボタンの幅*/
padding-top: 4px;/*文字上部余白*/
padding-bottom: 2px;/*文字下部余白*/
font-size: 0.85em;/*文字サイズ*/
font-weight: normal;
background: #9ff;/*ボタン背景色*/
color: #369;/*文字色*/
}


<!--
A:link { color: #ff0000 }   /* リンク */
A:visited {                 /* 既に見たリンク */
  color: #ff0000;
  text-decoration: none     /* 下線を消す */
}
A:active { color: #3300cc  } /* クリック時のリンク */
A:hover {                   /* カーソルが上にある時のリンク */
  color: #3300cc ;
  text-decoration: none     /* 下線を消す */
}
-->



body {
font-size: 80%;
}

p.example1 { font-size: 80%; color: #ff0000; line-height:150%}
p.example2 { font-size: 80%; color: #ffffff; line-height:150%}