/* ---------------------------------------------- */
/* ↓ページ全体レイアウト、背景についてここから↓ */
/* ---------------------------------------------- */
body {
      width: 905px;
      margin-top: 20px;
      margin-bottom: 0px;
      margin-right: auto;
      margin-left: auto;

      /*全体幅と罫線*/ 
      border: 0px solid #CCCCCC;
      /*背景色と上下左右のマージン*/ 
      background-color:#ffff99;
      /*全体の文字サイズ、色、行の高さ、フォントの指定*/
      font-size:12px;
      color:#555555;
      line-height:140%;
      font-family:Verdana;

}

/*イメージの枠線設定    */
img {
  border: none;
}

h1 {
	font-size:28px;
	line-height:110%;
}

/*メインスタイルの設定    */
.main {
}

/* --------------------------- */
/*サイトメインヘッダースタイル  */
/* --------------------------- */
.page-header {
         padding:5px 20px 5px 20px;
         color:#ffffff;
         line-height:140%;
         font-family:'ＭＳ Ｐゴシック',Verdana;
         text-align:left;
         background-color:#ff6000;
         background-image:url("./img/shopping_card.jpg");
         background-repeat:no-repeat;
         background-position:right top;
/*
         background-color:#ff99ff;
         background-color:#0977ce;
         background-color:#cc0033;
*/
}
.page-header2 {
         padding:5px 20px 5px 20px;
         color:#ffffff;
         line-height:100%;
         font-family:'HG丸ｺﾞｼｯｸM-PRO',Verdana;
         text-align:center;
         background-color:#ff6000;
/*
         xbackground-image:url("./img/shopping_card.jpg");
         xbackground-repeat:no-repeat;
         xbackground-position:right top;
         xborder: 1px solid #ff6000;
*/
}
div.page-header2 h1 {
        font-size:25px;
}
div.page-header2 h2 {
	font-size:16px;
	font-weight:normal;
	font-family:'HG丸ｺﾞｼｯｸM-PRO',Verdana;
}
div.page-header2 a {
         text-decoration:none;
         color:#ffffff;
}
div.main-contents_1 h3 {
	font-size:24px;
	font-family:Verdana;
	line-height: 28px;
}

/* ---------------------- */
/*サイトメインタイトル文字      */
/* ---------------------- */
.page-title {
        font-size:20px;
        color:#ffffff;
        line-height:140%;
        font-family:'HG丸ｺﾞｼｯｸM-PRO',Verdana;
        font-weight:bold ;
        font-style:italic ;
}


.menu {
	border: 1px solid #cccccc;
	padding:6px 0px 6px 0px;
	background-color:#EEEEEE;
	font-size:12px;
	font-family:Verdana;
	text-align:center;
/*
	xmargin-bottom: 10px;
*/
}

/* ---------------------- */
/*サイト左部分メイン*/
/* ---------------------- */
.sub-contents {
            width:165px;
            float:right;
            text-align:center;
            background-color:#ffd9aa;
            border-top:6px solid #eeeeee;
            border-right:5px solid #cccccc;
            border-left:5px solid #cccccc;
            border-bottom:6px solid #eeeeee;
            margin: 15px auto 15px;
}

/* ---------------------- */
/*左側タイトル文字        */
/* ---------------------- */
.sub-title {
        color:blue;
        font-size:12px;
/*
        background-color:#ffffff;
*/
        font-weight:bold;
        font-family:Verdana,sans-serif;
        margin:10px 0 15px 0;
        width:60%;
        border-top:1.5px solid #3333ff;
        border-bottom:1.5px solid #3333ff;
}

.clear-left {
             clear:left;
}
.clear-right {
             clear:right;
}
.clear-both {
	clear: both;
}

/* ---------------------- */
/*サイト右部分メイン*/
/* ---------------------- */
.main-contents {
            background-color:#ffff99;
            width:720px;
            float:left;
            text-align:center;
	margin: 15px auto 0;
/*
            margin: 10px;
*/
}

/* ---------------------- */
/*メイン商品タイトル設定*/
/* ---------------------- */
.main-title {
/* 背景 */
	background-color:#fff0f5;
	background-position:bottom;
/* 上下ライン */
	padding:2px 0;
	border:1px solid #ccccff;
/* 文字 */
	color:blue;
	font-family:Verdana;
	font-weight:bold ;
	text-align:center;
}
.main-title2 {
/* 背景 */
	margin: 0 auto 0;
	background-color:#fff0f5;
/* 上下ライン */
	padding:2px 0;
	border:1px solid #ccccff;
/* 文字 */
	color:#0000ff;
	font-size:24px;
	line-height:110%;
	font-family:Verdana;
	font-weight:bold ;
	text-align:center;
}

.item-detail-top {
	background-image:url("./img/item-TOP.JPG");
}
.item-detail-bottom {
	background-image:url("./img/item-BOTTOM.JPG");
	margin:0 0 20px 0;
}


/* 右メイン商品タイトルサブ文字 */
.mini-titl {
            font-size:15px;
            line-height:150%;
            color:red;
}

/* ---------------------- */
/*サブ商品タイトル文字*/
/* ---------------------- */
.point-txt-l {
            margin-top:25px;
            margin-left:40px;
            margin-bottom:30px;
            line-height:90%;
            font-family:Verdana;
            text-align:left;
}
.point-txt-c {
            margin-top:25px;
            margin-bottom:30px;
            line-height:90%;
            font-family:Verdana;
            text-align:center;
}

.info-body {
            clear: both;
            text-align: center;
}
.info-body_1 {
	clear: both;
	text-align: center;
	margin: 20px auto 0;
}
div.info-body img.d-information {
	border:1px solid #ccccff;
	margin: 20px auto 0;
}

.footer-menu {
/*
              background-color:#FFFF7E;
*/
	border:1px solid #ccccff;
	background-color:#EEEEEE;
	padding:10px 0 10px 0;
	font-size:12px;
	font-family:Verdana;
	text-align:center;
}

#to-top {
             clear:both;
}


/* ------------------------------ */
/* メイン商品画像＆価格のスタイル */
/* ------------------------------ */
.item-main {
              padding:20px 0 0 20px;
              text-align:center;
              font-size:13px;
              line-height:150%;
}

.item-main-right {
	margin-top:40px;
	height: 230px;
}

.picture2 {
	border:2px solid #ff77aa;
}

/* ------------------------------ */
/* 商品情報＆スペックのスタイル */
/* ------------------------------ */
.item-detail {
	margin:10px auto 0;
	padding:0 0 0 15px;
	background-color:#ffffff;
	text-align:left;
	font-size:13px;
	line-height:150%;
	border: 1px solid #cccccc;
}

.info {
  padding:0 20px;
}

.pad-T5 {
  padding-top:5px;
}
.pad-T10 {
  padding-top:10px;
}
.pad-T20 {
  padding-top:20px;
}

.pad-LR20 {
  padding:0 20px 0 20px;
}

.pad-DLR20 {
  padding:0 20px 20px 20px;
}

.pad-TLR20 {
  padding:30px 20px 0 20px;
}

.pad-D10 {
  padding-bottom:10px;
}
.pad-D15 {
  padding-bottom:15px;
}
.pad-D20 {
  padding-bottom:20px;
}
.pad-D25 {
  padding-bottom:25px;
}
.pad-D30 {
  padding-bottom:30px;
}
.pad-D35 {
  padding-bottom:35px;
}

.pad-L30 {
  padding-left:30px;
  padding-right:20px;
}
.pad-L35 {
  padding-left:35px;
  padding-right:20px;
}
.pad-L40 {
  padding-left:40px;
  padding-right:20px;
}
.pad-L70 {
  padding-left:70px;
}
.pad-L80 {
  padding-left:80px;
}
.pad-L90 {
  padding-left:90px;
}
.pad-L100 {
  padding-left:100px;
}
.pad-L110 {
  padding-left:110px;
}
.pad-L120 {
  padding-left:120px;
}
.pad-L130 {
  padding-left:130px;
}
.pad-L140 {
  padding-left:140px;
}
.pad-L150 {
  padding-left:150px;
}
.pad-L160 {
  padding-left:160px;
}
.pad-L170 {
  padding-left:170px;
}
.pad-L180 {
  padding-left:180px;
}

#item-cart {
  width: 520px;
  padding: 5px 20px 0;
  margin: 30px 0 30px 40px;
  background-color: #FCFAAE;
}

#item-cart img {
  margin:5px;
}

/* ---------------------- */
/*メニュー文字*/
/* ---------------------- */

.footer-menu a {
         margin-right:4px;
         margin-left:4px;
         padding:6px;
}
/*見ていないリンクのテキスト色*/
.footer-menu a:link {
                 color:#0033cc;
                 text-decoration:none;
}
/*既に見たリンクのテキスト色*/
.footer-menu a:visited {
                 color:#0033cc;
                 text-decoration:none;
}
/*カーソルが上にある時の色*/
.footer-menu a:hover {
                 color:#ffffff;
                 background-color:#0066cc;
                 text-decoration:none;
}
/*クリックした時の色*/
.footer-menu a:active {
                 color:#333399;
                 text-decoration:none;
}

.footer-link {
              padding:10px 0 10px 0;
              color: #cccccc;
              font-size: 10px;
              font-family:Verdana;
              text-align:center;
}
.footer-link a {
         margin-right:4px;
         margin-left:4px;
}

.footer-link2 {
              padding:10px 0 10px 0;
              color: #cccccc;
              font-size: 9px;
              font-family:Verdana;
              text-align:center;
}
.footer-link2 a {
         margin-right:4px;
         margin-left:4px;
}

/* ---------------------------------------------- */
/* ↓リンクについてここから↓ */
/* ---------------------------------------------- */

/* ---------------- */
/*通常のリンク  */
/* ---------------- */
/*見ていないリンクのテキスト色*/
a:link    {
           text-decoration: none;
           color:#0033cc;
}
/*既に見たリンクのテキスト色*/
a:visited {
           text-decoration: none;
           color:#0033cc;
}
/*クリックした時の色*/
a:active  {
           text-decoration:underline;
           color:#333399;
}
/*カーソルが上にある時の色*/
a:hover   {
           text-decoration:underline;
           color:#CC0000;
}

/* ---------------- */
/*メニューのリンク  */
/* ---------------- */
.menu a {
	margin-right:4px;
	margin-left:4px;
	padding:6px 25px;
}
/*見ていないリンクのテキスト色*/
.menu a:link {
	color:#555555;
	text-decoration:none;
}
/*既に見たリンクのテキスト色*/
.menu a:visited {
	color:#555555;
	text-decoration:none;
}
/*カーソルが上にある時の色*/
.menu a:hover {
	color:#ffffff;
	background-color:#0066cc;
	text-decoration:none;
}
/*クリックした時の色*/
.menu a:active {
	color:#333399;
	text-decoration:none;
}

div.menu ul.d-navigation a {
         text-decoration:none;
         margin-right:4px;
         margin-left:4px;
         font-size:12px;
         text-align:center;
}
div.menu ul.d-navigation {
  height: 12px;
  list-style: none;
}

div.menu ul.d-navigation li {
  width: 122px;
}

div.menu ul.d-navigation li a {
  display: block;
  color: #333333;
  line-height: 20px;
  background-color: #eeeeee;
  text-align: center;
  text-decoration: none;
}

/*見ていないリンクのテキスト色*/
div.menu ul.d-navigation a:link {
                 color:#555555;
                 text-decoration:none;
}
/*既に見たリンクのテキスト色*/
div.menu ul.d-navigation a:visited {
                 color:#555555;
                 text-decoration:none;
}
/*カーソルが上にある時の色*/
div.menu ul.d-navigation a:hover {
                 color:#ffffff;
                 background-color:#0066cc;
                 text-decoration:none;
}
/*クリックした時の色*/
div.menu ul.d-navigation a:active {
                 color:#333399;
                 text-decoration:none;
}

#list-none {
	list-style-type:none;
}

/* ############################################################## */
/* ##  TOPページ使用CSS ## */
/* ############################################################## */

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

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

div.dp-hot-seller {
	margin-top:15px;
}

div.seller-title {
	background-color:#fff0f5;
	color:blue;
	text-align:center;
	font-family:Verdana;
	font-weight:bold ;
	padding-top: 15px;
}

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;
}

div.dp-recommend-article {
}

div.dp-recommend-article h2 {
  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: 20px;
  line-height: 16px;
  overflow: hidden;
}
/* ############################################################## */

/* ## Script用  ############################################################ */
div.d-picture {
  width: 330px;
}

div.d-picture p.d-main img {
	border:2px solid #ff77aa;
}

div.d-picture p.d-mini {
  padding: 5px 14px;
}
div.d-picture p.d-mini img {
	border:1px solid #ff77aa;
}

/* ############################################################## */

/* ## 他の商品も見る #################################################### */
.d-link {
  width: 750px;
  margin: 20px auto;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
}

div.d-link ul {
  width: 720px;
  list-style: none;
}

div.d-link ul li {
  width: 340px;
  padding: 5px 5px;
}

div.d-link ul li p.d-article-image {
  width: 80px;
}

div.d-link ul li div.d-article-information {
  width: 240px;
  padding: 10px;
  text-align: left;
}

div.d-link ul li div.d-article-information p.d-article-name {
  height: 2.4em;
  line-height: 1.2em;
  font-size: 1.2em;
  overflow: hidden;
}

div.d-link p.d-title {
  width: 720px;
  margin: 5px;
}

div.d-link table.d-article-links {
  width: 700px;
  margin: 5px auto;
}

div.d-link table.d-article-links td.d-article-link {
  width: 340px;
}

div.d-link table.d-article-links td.d-pipe {
  width: 10px;
}

div.d-link p.d-article-list {
  width: 700px;
  margin: 5px;
}
/* ############################################################## */

/* ---------------------------------------------- */
/* ↓背景色の指定ここから↓ */
/* ---------------------------------------------- */
/*背景色：濃いブルー（ヘッダ部分の色）*/
.bg-color1 {
         background-color:#9FB4E4;
}
/*背景色：薄いグレー（ヘッダ下メニューの背景色）*/
.bg-color2 {
         background-color:#EEEEEE;
}
/*背景色：薄いブルー（見出し帯の色）*/
.bg-color3 {
         background-color:#C9D4EF;
}
/*背景色：ブルー（TOP見出し帯の色）*/
.bg-color4 {
         background-color:#0066cc;
}

/* ---------------------------------------------- */
/* ↓枠罫線の指定ここから↓ */
/* ---------------------------------------------- */
/* 点線の設定（色・太さ）*/
.box-line1 {
        border-color:#969696;
        border-width:1px;
        border-style:dashed;
}
/* 直線の設定（色・太さ）*/
.box-line2 {
        border-color:#969696;
        border-width:1px;
        border-style:solid;
}

.border-line-tb {
  border-top:2px solid #cc0033;
  border-bottom:2px solid #cc0033;
  width: 720px;
}
/* ---------------------------------------------- */
/* ↓文字の指定ここから↓ */
/* ---------------------------------------------- */

/* ---------------------- */
/* 文字位置  */
/* ---------------------- */
.inline-center {
	text-align: center;
}

.inline-left{
	text-align: left;
}
.inline-left-fl{
	text-align: left;
	float:left;
}

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

/* ---------------------- */
 /* フォントのスタイル */
/* ---------------------- */
.bold {
	font-weight: bold;
}

/* ---------------------- */
 /* フォントの色 */
/* ---------------------- */
.red {
	color: #FF0000;
}

.blue {
	color: blue;
}

.white {
	color:#FFFFFF;
}

.dilute-gray {
	color:#444444;
}

/* ---------------------- */
 /* フォントのサイズ */
/* ---------------------- */
.font-14 {
	font-size: 14px;
	line-height: 20px;
}

.font-16 {
	font-size: 16px;
}

.font-18 {
	font-size: 18px;
}

.font-20 {
	font-size: 20px;
}

/* ---------------------- */
/* 値段表示スタイル       */
/* ---------------------- */
.price-box {
            width:100%;
            line-height:1.5em;
            margin:10px 0;
            text-align:center;
}

#price1 {
         font-size:20px;
         color:red;
}

#price2 {
         font-size:14px;
         color:#444444;
}

.price3 {
         font-size:14px;
         color:red;
}

.price4 {
         font-size:10px;
         color:#444444;
}

/* ---------------------- */
/* コピーライト  */
/* ---------------------- */
.copyright {
            padding:20px 0 0 0;
            font-size:13px;
            font-family:Arial,sans-serif;
            text-align:center;
	clear: both;
}

/* ---------------------- */
/* 強調フレーズ       */
/* ---------------------- */
.catch1 {
        font-size:20px;
        color:#ffffff;
}

.catch2 {
         color:#333333;
         font-size:14px;
         font-weight:bold;
         font-family:Verdana,'ＭＳ Ｐゴシック';
         line-height:150%;
}

.catch3 {
         color:blue;
         font-size:18px;
         font-weight:bold;
         font-family:Verdana,'ＭＳ Ｐゴシック';
}

.catch4 {
         color:blue;
         font-size:18px;
         font-family:Verdana,'ＭＳ Ｐゴシック';
         padding:10px 0 5px 0;
         line-height:130%;
}

.catch5 {
         color:red;
         font-size:18px;
         font-weight:bold;
         font-family:Verdana,'ＭＳ Ｐゴシック';
         line-height:70%;
}

.catch5b {
         color:blue;
         font-size:18px;
         font-weight:bold;
         font-family:Verdana,'ＭＳ Ｐゴシック';
         line-height:70%;
}

.catch5n {
         font-size:18px;
         font-weight:bold;
         font-family:Verdana,'ＭＳ Ｐゴシック';
         line-height:70%;
}

.catch6 {
         color:red;
         font-size:16px;
         font-weight:bold;
         font-family:Verdana,'ＭＳ Ｐゴシック';
         line-height:150%;
}

.catch6b {
         color:blue;
         font-size:16px;
         font-weight:bold;
         font-family:Verdana,'ＭＳ Ｐゴシック';
         line-height:150%;
}

.catch6n {
         font-size:16px;
         font-weight:bold;
         font-family:Verdana,'ＭＳ Ｐゴシック';
         line-height:150%;
}

div.a-text p.art-text {
  height: 135px;
  width: 370px;
  padding:0px 0px 0px 20px;
  line-height: 1.4em;
  font-size: 14px;
  text-align:left;
  overflow: hidden;
}
div.a-text p.next-text {
  padding:0px 75px 0px 0px;
  line-height: 1.2em;
  font-size: 14px;
  text-align:right;
  overflow: hidden;
}