@charset "utf-8";
/**
 * 05-layout.css
 * サイト毎レイアウト用CSS
 *
 * @author  H.Kikuuchi<kikuuchi@anagram-works.jp>
 * @version 1.0
 */

.red {
    color:#ff0000;
    font-size:11px;
}
.notice {
    font-size:11px;
}

/* エラーメッセージ */
span.dcbError {
    color: #ff0000;
    font-size:11px;
}

/* ボタン関連 */
.btnBuy {
    background:url(../images/cart/btnBuy.png) no-repeat left top;
}
.btnBuyBulk {
    background:url(../images/cart/btnBuyBulk.png) no-repeat left top;
}
.btnBuyLogin {
    background:url(../images/cart/btnBuyLogin.png) no-repeat left top;
}
.btnBuySplit {
    background:url(../images/cart/btnBuySplit.png) no-repeat left top;
}
input[type='button'].btnBuy,
input[type='button'].btnBuyBulk,
input[type='button'].btnBuySplit,
input[type='button'].btnBuyLogin {
    display:inline;
    *display:inline;
    *zoom:1;
    width:250px;
    height:0;
    padding-top:46px;
    overflow:hidden;
    border:none;
    margin:0;
    cursor:pointer;
}
input[type='button'].btnBuy:hover,
input[type='button'].btnBuyBulk:hover,
input[type='button'].btnBuySplit:hover,
input[type='button'].btnBuyLogin:hover {
    background-position:right top;
}
a.btnProductsBuy {
    background:url(../images/products/btnBuy.gif) no-repeat left top;
}
a.btnProductsEntry {
    background:url(../images/products/btnEntry.gif) no-repeat left top;
}
a.btnProductsLogin {
    background:url(../images/products/btnLogin.gif) no-repeat left top;
}
a.btnProductsOrder {
    background:url(../images/products/btnOrder.gif) no-repeat left top;
}
a.btnProductsSubmit {
    background:url(../images/products/btnSubmit.gif) no-repeat left top;
}
a.btnProductsStock {
    background:url(../images/products/btnStock.gif) no-repeat left top;
}
p.btnProductsComingsoon {
    background:url(../images/products/btnComingsoon.gif) no-repeat left top;
}
p.btnProductsDiscontinued {
    background:url(../images/products/btnDiscontinued.gif) no-repeat left top;
}
p.btnProductsOut {
    background:url(../images/products/btnOut.gif) no-repeat left top;
}
p.btnProductsSoldout {
    background:url(../images/products/btnSoldout.gif) no-repeat left top;
}
a.btnProductsBuy,
a.btnProductsEntry,
a.btnProductsLogin,
a.btnProductsOrder,
a.btnProductsSubmit,
a.btnProductsStock,
p.btnProductsComingsoon,
p.btnProductsDiscontinued,
p.btnProductsOut,
p.btnProductsSoldout {
    width:140px;
    height:0;
    padding-top:38px;
    overflow:hidden;
    display:block;
}
a.btnProductsBuy:hover,
a.btnProductsEntry:hover,
a.btnProductsLogin:hover,
a.btnProductsOrder:hover,
a.btnProductsSubmit:hover,
a.btnProductsStock:hover {
    background-position:right top;
}

/* 商品一覧 */
.search_img {
    float:left;
    height:231px;
    margin:0 11px 25px 11px;
    width:150px;
}
.search_img p.img {
    height:191px;
}
.search_img p.txt {
    height:40px;
}

/* 会員登録関連 */
div#member h3.entry {
    background:url(../images/form/step.gif) no-repeat #DCDDDD;
    height:0;
    overflow: hidden;
    padding-top:25px;
    margin-bottom:10px;
}
div#member h3.step1 {
    background-position:left top;
}
div#member h3.step2 {
    background-position:0 -30px;
}
div#member h3.step3 {
    background-position:0 -60px;
}

/* カート関連 */
div#cart h2.digicon {
    background:url(../images/cart/step_cart_digicon.png) no-repeat #DCDDDD;
    height:0;
    overflow: hidden;
    padding-top:25px;
    margin-bottom:10px;
}
div#cart h2.fanclub1 {
    background:url(../images/cart/step_cart_fanclub1.png) no-repeat #DCDDDD;
    height:0;
    overflow: hidden;
    padding-top:25px;
    margin-bottom:10px;
}
div#cart h2.fanclub2 {
    background:url(../images/cart/step_cart_fanclub2.png) no-repeat #DCDDDD;
    height:0;
    overflow: hidden;
    padding-top:25px;
    margin-bottom:10px;
}
div#cart h2.marketcomm {
    background:url(../images/cart/step_cart_marketcomm.png) no-repeat #DCDDDD;
    height:0;
    overflow: hidden;
    padding-top:25px;
    margin-bottom:10px;
}
div#cart h2.nonmember {
    background:url(../images/cart/step_cart_nonmember.png) no-repeat #DCDDDD;
    height:0;
    overflow: hidden;
    padding-top:25px;
    margin-bottom:10px;
}
div#cart h2.step1 {
    background-position:left top;
}
div#cart h2.step2 {
    background-position:0 -30px;
}
div#cart h2.step3 {
    background-position:0 -60px;
}
div#cart h2.step4 {
    background-position:0 -90px;
}
div#cart h2.step5 {
    background-position:0 -120px;
}
div#cart h3 {
    background-color:#DCDDDD;
    border-left:5px solid #999;
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
    padding:5px 10px;
    width:925px;
}
div#cart h4 {
    background-color:#DCDDDD;
    padding:5px 10px;
}
div#cart ul.delivery li {
    display:inline;
}
div#cart ul.btnBuy li {
    float:right;
    height:46px;
    padding:0 0 0 10px;
}

/* テーブル カート（帳票） */
table.cart {
    border:1px solid #999;
    border-collapse:collapse;
    margin-bottom:20px;
    width:100%;
}
table.cart tr {
    border:1px solid #999999;
}
table.cart th {
    background-color:#DCDDDD;
    border:1px solid #999;
    padding:3px;
}
table.cart td {
    border:1px solid #999;
    padding:3px;
    word-break:break-all;
    word-wrap:break-word;
}
table.cart th.check {
    width:50px;
}
table.cart th.image {
    width:150px;
}
table.cart th.stock {
    width:60px;
}
table.cart th.price {
    width:120px;
}
table.cart th.num {
    width:55px;
}
table.cart th.play {
    width:160px;
}

/* テーブル 入力フォーム1（点々） */
table.entryForm1 {
    border-collapse:collapse;
    margin:0 auto 20px;
    width:100%;
}
table.entryForm1 tr {
    border-bottom:1px dotted #999999;
}
table.entryForm1 th {
    font-weight:normal;
    padding: 10px 5px;
    text-align:right;
    vertical-align:top;
    width:250px;
}
table.entryForm1 td {
    padding: 10px 5px;
    vertical-align:top;
    word-break:break-all;
    word-wrap:break-word;
}
table.entryForm1 .notice {
    font-size:83.33%;
}
table.entryForm1 .red {
    color:#ed0007;
}
table.entryForm1 input,
table.entryForm1 select,
table.entryForm1 textarea {
    margin:0 5px 3px 0;
    border:solid 1px #ccc;
    padding:5px;
}
table.entryForm1 input:focus,
table.entryForm1 select:focus,
table.entryForm1 textarea:focus {
   border-color:#000;
}
table.entryForm1 input.dcbError,
table.entryForm1 select.dcbError,
table.entryForm1 textarea.dcbError {
    background-color:#FFCCCC;
}

/* テーブル 入力フォーム2（実線） */
table.entryForm2 {
    border:1px solid #999;
    border-collapse:collapse;
    margin-bottom:20px;
    width:100%;
}
table.entryForm2 tr {
    border:1px solid #999;
}
table.entryForm2 th {
    background-color:#DCDDDD;
    border:1px solid #999;
    padding:5px 10px;
    text-align:left;
    width:200px;
}
table.entryForm2 td {
    border:1px solid #999;
    padding:5px 10px;
    word-break:break-all;
    word-wrap:break-word;
}
table.entryForm2 .notice {
    font-size:83.33%;
}
table.entryForm2 input,
table.entryForm2 select,
table.entryForm2 textarea {
    margin:0 5px 3px 0;
    border:solid 1px #ccc;
    padding:5px;
}
table.entryForm2 input:focus,
table.entryForm2 select:focus,
table.entryForm2 textarea:focus {
   border-color:#000;
}
table.entryForm2 input.dcbError,
table.entryForm2 select.dcbError,
table.entryForm2 textarea.dcbError {
    background-color:#FFCCCC;
}

/* テーブル 商品詳細一覧 */
table.itemList {
    border-collapse:collapse;
    border-right:solid 1px #999;
    border-top:solid 1px #999;
    border-left:solid 1px #999;
    background-color:#F2F2F2;
    width:100%;
}
table.itemList td {
    border-bottom:solid 1px #999;
    padding:3px 5px;
    word-break:break-all;
}
table.itemList td.price {
    text-align:right;
    width:130px;
}
table.itemList td.point {
    text-align:right;
    width:120px;
}
table.itemList td.num {
	text-align:right;
    width:50px;
}
table.itemList td.button {
    width:140px;
}
table.itemList td img {
    vertical-align:middle;
    margin-right:1px;
}

/* テーブル スタイル無 */
table.noStyle {
}
table.noStyle tr {
    border-style:none;
}
table.noStyle th {
    padding:0;
}
table.noStyle td {
    padding:0;
}

/* Form スタイル1 */
.focusOn {
    margin:0 5px 3px 0;
    border:solid 1px #ccc;
    padding:5px;
}
.focusOn:focus {
    border-color:#000;
}