@charset "utf-8";
/*** animate CSS Document ***************************************

    ver.2009/08/10

    commodity.css

----------------------------------------------------------------***/

/**  commodity.css Menu *********************************************

    1.特典などの説明
        1-1.画像と説明文
        1-2.オリジナル特典その1
        1-3.オリジナル特典その2
        1-4.イベント
    2.商品詳細
        2-1.価格・特価・ポイントなど
        2-2.店長からヒトコト
        2-3.各メディアへ送る
        2-4.商品画像
    3.詳細説明
    4.商品情報
    5.商品にはられたタグ
    6.おすすめ商品
    7.関連商品
    8.ユーザーレビュー
    9.作品説明
    10.エラーメッセージ
    11.アイコン
    12.ページタイトル
    13.ページトップに戻る
    14.詳細情報（フェア・イベント）
    15.ページ送りナビゲーション
    16.共通スタイル
    17.カート
    18.会員規約
    19.印刷用
    20.検索用

*******************************************************************/

/*-----------------------------------------------------------------

    1.特典などの説明

-------------------------------------------------------------------*/

/*-------------------------------------------------- 1-1.画像と説明文*/

div.privilege{
    clear: both;
    padding-top: 14px;
    padding-bottom: 14px;
    background-image: url(../images/common/bg_line01.gif);
    background-repeat: repeat-x;
    background-position: top;
}

div.privilege h2{
    line-height: 0;
    margin-bottom: 13px;
}

div.privilege div.photoArea{
    width: 150px;
    margin-left: 10px;
}

/* For IE6 \*/
* html div.privilege div.photoArea{
    margin-left: 5px;
}

/**/

div.privilege div.photoArea img{
    border: 1px solid #b2b2b2;
}

div.privilege div.txtArea{
    width: 526px;
    margin-left: 169px;
}


/* For IE6 \*/

* html div.privilege div.txtArea{
    margin-left: 169px;
}

/**/

div.privilege div.txtArea h3{
    color: #ff2a67;
    margin-bottom: 9px;
}

div.privilege div.txtArea ul.notes li{
    font-weight: bold;
}

/*-------------------------------------------------- 1-2.オリジナル特典その1*/

div.original01 {
    margin-top: 11px;
    padding-top: 0px;
    padding-bottom: 10px;
    background-image: none;
    border-bottom: 1px solid #0bbfd4;
}

div.original01 h2{
    margin-bottom: 3px;
}

div.original01 div.photoArea{
    width: 150px;
    margin-left: 10px;
}

/* For IE6 \*/
* html div.original01 div.photoArea{
    margin-left: 5px;
}

/**/

div.original01 div.photoArea img{
    border: 1px solid #b2b2b2;
}

div.original01 div.txtArea{
    width: 526px;
    margin-left: 169px;
}


/* For IE6 \*/

* html div.original01 div.txtArea{
    margin-left: 169px;
}

/**/

div.original01 div.txtArea h3{
    color: #ff2a67;
    margin-bottom: 9px;
}

div.original01 div.txtArea ul.notes li{
    font-weight: bold;
}

/*-------------------------------------------------- 1-3.オリジナル特典その2*/

.original02 {
    background-color: #f3fbfc;
}

/*-------------------------------------------------- 1-4.イベント*/

.event h3,
.event p,
.event ul{
    margin: 0px 10px;
}

.event h3{
    color: #ff2a67;
    margin-bottom: 7px;
}

.event p{
    margin-bottom: 5px;
}

div.privilege p.date{
    color: #ff2a67;
    margin-bottom: 4px;
}

.event ul li{
    font-weight: bold;
}

/*-----------------------------------------------------------------

    2.商品詳細

-------------------------------------------------------------------*/

div.details{
    clear: both;
    margin-top: 14px;
    margin-bottom: 14px;
}

/*div.details p.images img {
    float: left;
    width: 143px;
}*/

div.details div.column2A{
    width: 300px;
    margin-right: 13px;
}

div.details div.column2B{
    width: 382px;
}

/*-------------------------------------------------- 2-1.価格・特価・ポイントなど*/

div.details div.column2B div.detailsBox{
    width: 100%;
    margin-bottom: 14px;
    background-image: url(../images/bg_commodity01.gif);
    background-repeat: repeat-y;
}

div.details div.column2B div.detailsBox div.wrapFirst{
    background-image: url(../images/bg_commodity01_top.gif);
    background-repeat: no-repeat;
    background-position: top;
}

div.details div.column2B div.detailsBox div.wrapSecond{
    background-image: url(../images/bg_commodity01_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

div.details div.column2B div.detailsBox div.column2AEx{
    width: 206px;
    padding: 10px 0px 4px 0px;
}

div.details div.column2B div.detailsBox div.column2AEx ul{
    margin: 0px 10px;
}

div.details div.column2B div.detailsBox div.column2AEx ul li{
    margin-bottom: 5px;
}

div.details div.column2B div.detailsBox div.column2AEx ul li img {
/*	padding: 0;*/
}

div.details div.column2B div.detailsBox div.column2AEx ul li.date{
/*	margin-top:2px;
    margin-bottom: 0px;*/
}

div.details div.column2B div.detailsBox div.column2AEx ul li strong{
    vertical-align: top;
    font-size: 133.3%;
    margin-left: 3px;
}

div.details div.column2B div.detailsBox div.column2AEx ul li.price{
    color: #666;
}

div.details div.column2B div.detailsBox div.column2AEx ul li strong.specialPrice{
    color: #cc0000;
}

div.details div.column2B div.detailsBox div.column2AEx ul li strong.point{
    color: #ff9900;
}

div.details div.column2B div.detailsBox div.column2AEx ul li strong.stock {
    color: #ff5400;
}

div.details div.column2B div.detailsBox div.column2BEx{
    width: 165px;
    padding: 10px 5px 10px 5px;
    text-align: right;
}

div.details div.column2B div.detailsBox div.column2BEx form{

}

div.details div.column2B div.detailsBox div.column2BEx p{
    margin-bottom: 5px;
}

div.details div.column2B div.detailsBox div.column2BEx select{
    margin-left: 3px;
    width: 45px;
    height: 19px;
}

div.details div.column2B div.detailsBox div.column2BEx input.btn{
    margin-top: 3px;
}


/*-------------------------------------------------- 2-2.店長からヒトコト*/

div.details div.column2B div.managerMess{
    clear: both;
    margin-bottom: 17px;
    background-image: url(../images/bg_commodity02.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

div.details div.column2B div.managerMess h3{
    display: block;
    width: 187px;
    height: 45px;
    text-indent: -9999px;
    overflow: hidden;
}

div.details div.column2B div.managerMess p.mess{
    color: #ff6600;
    margin-left: 78px;
    margin-bottom: 20px;
}


/*-------------------------------------------------- 2-3.各メディアへ送る*/

div.mediaBox{
    clear: both;
    float: right;
    width: 287px;
    background-image: url(../images/bg_commodity03.gif);
    background-repeat: repeat-y;
}

div.mediaBox div.wrapFirst{
    background-image: url(../images/bg_commodity03_top.gif);
    background-repeat: no-repeat;
    background-position: top;
}

div.mediaBox div.wrapSecond{
    background-image: url(../images/bg_commodity03_bottom.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 12px 12px 3px 12px;
}

div.mediaBox div.wrapSecond div.locator{
    padding-bottom: 11px;
}

div.mediaBox div.column2AEx{
    width: 112px;
    border-right: 1px dotted #666;
}

div.mediaBox div.column2AEx ul li{
    display: inline;
    line-height: 0;
}

div.mediaBox div.column2AEx ul li.last{
    margin-right: 0px;
}

div.mediaBox div.column2BEx{
    width: 145px;
}

div.mediaBox div.column2BEx ul{
    margin: 5px 0px 0px 8px;
}

div.mediaBox div.column2BEx ul li{
    display: inline;
    line-height: 0;
    margin-right: 5px;
}

div.mediaBox div.column2BEx ul li.last{
    margin-right: 0px;
}

div.mediaBox div.column2BEx p.code {
    margin: 0px 0px 0px 10px;
    font-size: 90%;
}

div.mediaBox dl{
    clear: both;
}

div.mediaBox dl dt{
    display: block;
    float: left;
    width: 106px;
    line-height: 0;
}

div.mediaBox dl dd{
    width: 246px;
    margin-left: 114px;
    text-align: left;
}

div.mediaBox dl dd textarea,
div.mediaBox dl dd input{
    width: 238px;
    height: 13px;
    border: 1px solid #ccc;
    padding: 4px;
    color: #666;
}

/* For IE6 IE7 \*/

* html div.mediaBox dl dd{
    margin-left: 8px;
}

* html div.mediaBox dl dd textarea{
    height: 21px;
}

*:first-child+html div.mediaBox dl dd{
    margin-left: 8px;
}

/*------------------------------medixBox内がアイコンのみだった場合*/

div.mediaBox_iconOnly{
    clear: both;
    float: right;
    width: 122px;
    background-image: url(../images/bg_commodity03.gif);
    background-repeat: repeat-y;
}

div.mediaBox_iconOnly div.wrapFirst{
    background-image: url(../images/bg_commodity03_top.gif);
    background-repeat: no-repeat;
    background-position: top;
}

div.mediaBox_iconOnly div.wrapSecond{
    background-image: url(../images/bg_commodity03_bottom.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 12px 12px 3px 12px;
}

div.mediaBox_iconOnly div.wrapSecond div.locator{
    padding-bottom: 11px;
}

div.mediaBox_iconOnly div.column2AEx{
    width: 112px;
}

div.mediaBox_iconOnly div.column2AEx ul li{
    display: inline;
    line-height: 0;
}

div.mediaBox_iconOnly div.column2AEx ul li.last{
    margin-right: 0px;
}

/* For IE6 IE7 \*/

* html div.mediaBox_iconOnly div.column2AEx{
    width: 100px;
}

/*-------------------------------------------------- 2-4.商品画像*/

div.details div.column2A p.images{
    margin-bottom: 15px;
}

div.details div.column2A ul li{
    float: left;
    line-height: 0;
    margin-right: 14px;
}

div.details div.column2A ul li.last{
    margin-right: 0px;
}

div.details div.column2A p.copy{
    clear: both;
    text-align: center;
    padding-top: 10px;
}

/* \*/

* html div.details div.column2A p.copy{
    margin-top: -5px;
    padding-top: 0px;
}

*:first-child+html div.details div.column2A p.copy{
    margin-top: -5px;
    padding-top: 0px;
}
/**/

/*-----------------------------------------------------------------

    3.詳細説明

-------------------------------------------------------------------*/

div.privilege dl{
    margin-bottom: 2px;
}

div.privilege dl dt{
    display: block;
    float: left;
    width: 118px;
    line-height: 0;
}

div.privilege dl dd{
    width: 575px;
    margin-left: 118px;
}

div.privilege dl dd p{
    margin-bottom: 15px;
}

div.privilege dl dd p.last{
    margin-bottom: 0px;
}

/*-----------------------------------------------------------------

    4.商品情報

-------------------------------------------------------------------*/
div.commodity{
    clear: both;
    padding-top: 14px;
    background-image: url(../images/common/bg_line02.gif);
    background-repeat: repeat-x;
    background-position: top;
}

div.commodity h2{
    margin-bottom: 14px;
}

.infoArea h2{
    margin-bottom: 12px;
    padding-left: 30px;
    background-image: url(../images/ico_til_commodity01.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    line-height: 160%;
}

.infoArea ul {
    margin-bottom: 26px;
}

.infoArea dl{
    margin-bottom: 26px;
}

.infoArea dl dt{
    display: block;
    float:left;
    width: 50px;
    margin-bottom: 5px;
}

.infoArea dl dt img{
    margin-right: 7px;
}


.infoArea dl dd{
    width: 640px;
    margin-left: 50px;
    margin-bottom: 7px;
    min-height: 20px;
}


/*-----------------------------------------------------------------

    5.商品にはられたタグ

-------------------------------------------------------------------*/
.tagArea{
    margin-bottom: 14px;
}

.tagArea h2{
    margin-bottom: 7px;
}

.tagArea p.tag{
    margin-bottom: 10px;
}

.tagArea p.tag span.delimitation{
    margin: 0px 8px;
}

.tagArea form{
    background-color: #f2f2f2;
    padding: 5px 8px;
}

.tagArea form div.column2A{
    width: 380px;
    margin-right: 19px;
}

.tagArea form input.text{
    width: 288px;
    height: 19px;
    margin-right: 5px;
    border: 1px solid #ccc;
    color: #666;
}

.tagArea form div.column2B{
    width: 280px;
    margin-top:1px;
}

.tagArea form div.column2B ul.links li{
    display: inline;
    margin-right: 12px;
    padding-left: 21px;
    padding-top: 2px;
    padding-bottom: 1px;
    background-image: url(../images/common/ico_arrow_yellow02.gif);
    background-position: 0 0;
}

/* TAG */

#mainContetns .tags
{
    padding-top: 15px;
}

#mainContetns .tags h3
{
    padding: 4px;
    margin-bottom: 10px;
    line-height: 1;
    font-weight: bold;
    font-size: 100%;
    background-color: #e7e7e7;
}

#mainContetns .tags p
{
    line-height: 1.6;
    vertical-align: middle;
}

#mainContetns .tags ul {
    margin-left: 15px;
}

#mainContetns .tags ul li {
    list-style-type: disc;
    margin-bottom: 10px;
}

#mainContetns .tags .rank1
{
    font-size: 220%;
    font-weight: bold;
}

#mainContetns .tags .a.rank1:link {
    color: #1942aa;
}
#mainContetns .tags a.rank1:visited {
    color: #1942aa;
}
#mainContetns .tags a.rank1:hover {
    color: #1942aa;
    text-decoration: none;
}
#mainContetns .tags a.rank1:active {
    color: #1942aa;
    text-decoration: none;
}

#mainContetns .tags .rank2
{
    font-size: 166.7%;
    font-weight: bold;
}

#mainContetns .tags .a.rank2:link {
    color: #307ab3;
}
#mainContetns .tags a.rank2:visited {
    color: #307ab3;
}
#mainContetns .tags a.rank2:hover {
    color: #307ab3;
    text-decoration: none;
}
#mainContetns .tags a.rank2:active {
    color: #307ab3;
    text-decoration: none;
}

#mainContetns .tags .rank3
{
    font-size: 133.3%;
}

#mainContetns .tags .rank4
{
    font-size: 100%;
}



#mainContetns .tag .toList
{
    padding-top: 10px;
}
#mainContetns .tag .more
{
    text-align: right;
}

#mainContetns .tag .more a
{
    padding-left: 18px;
    background: url(../images/ico_commodity18.gif) left center no-repeat;
}



/*-----------------------------------------------------------------

    6.おすすめ商品

-------------------------------------------------------------------*/

div.commodityItem{
    float: left;
    width: 145px;
}

div.commodityItem:hover {
/*	background: #ff0000;*/
}

div.commodityItem ul.icon li{
    float: left;
    margin-right: 5px;
    padding-bottom: 5px;
    line-height: 0;
}

div.commodityItem ul.icon li.last{
    margin-right: 0px;
}

div.commodityItem dl dt{
    clear: both;
    padding-bottom: 3px;
    line-height: 0;
}

div.commodityItem dl dt img{
    border: 1px solid #ccc;
}

div.commodityItem dl dd.txt{
    margin-bottom: 5px;
}

div.commodityItem dl dd.price{
    padding-left: 19px;
    padding-top: 2px;
/*	margin-bottom: 8px;*/
    background-image: url(../images/ico_commodity09.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    color: #cc0000;
    font-weight: bold;
}

div.commodityItem dl dd.stock {
    vertical-align: middle;
    padding-left: 26px;
    background: url(../images/ico_commodity19.gif) center left;
    background-repeat: no-repeat;
    backgrond-position: 0 3px;
    color: #ff5400;
    font-weight: bold;
    margin-bottom: 3px;
}

div.commodityItem dl dd.last select{
    width: 45px;
    height: 19px;
    margin-right: 2px;
}
div.commodityItem dl dd.last input,
div.commodityItem dl dd.last img{
    vertical-align: middle;
}

.recommendation .locator {
    position: relative;
    width: 698px;
}

.recommendation div.leftbtn,
.recommendation div.rightbtn,
.recommendation div.itemWrap{
    float: left;
}

.recommendation div.leftbtn,
.recommendation div.rightbtn{
    width: 35px;
    padding-top: 93px;
}

.recommendation div.leftbtn p,
.recommendation div.rightbtn p{
    line-height: 0;
}

.recommendation div.leftbtn p
{
    display: none;
}

.recommendation div.rightbtn{
    text-align: right;
}

.recommendation div.btn_center {
    padding-top: 40px;
}

.recommendation .itemWrap{
    width: 615px;
}

.recommendation .carouselItem
{
    display: none;
}

.recommendation .commodityItem{
    margin-right: 11px;
/*
    padding-bottom: 41px;
*/
}
.recommendation div.firstView{
    margin-right: 11px;
    padding-bottom: 41px;
}


.recommendation .comLast{
    margin-right: 0px;
}

.recommendation .pageInfo{
clear: both;
padding: 10px 0 15px;
text-align: right;
}

.recommendation #carouselNav .prev
{
    position: absolute;
    top: 93px;
    left: 0px;
}
.recommendation #carouselNav .next
{
    position: absolute;
    top: 93px;
    left: 671px;
}

/*-----------------------------------------------------------------

    7.関連商品

-------------------------------------------------------------------*/
div.commodity div.titleBox div.column2A{
    width: 604px;
}

div.commodity div.titleBox div.column2A h2{
    margin-bottom: 13px;
}

div.commodity div.titleBox div.column2B{
    width: 93px;
    padding-top: 5px;
}


div#relation div.commTile{
    clear: both;
    padding: 7px 0px 0px 50px;
    margin-bottom: 9px;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #e7e7e7;
}

div#relation div.commTile h3{
    float: left;
    width: 584px;
    font-size: 140%;
}

* html div#relation div.commTile h3
{
/*	height: 25px;*/
}

div#relation div.commTile p.btn{
    float: left;
    width: 64px;
    margin-top: 3px;
}


div#relation div.commTile h3 a{
    text-decoration: none;
}

/* 各タイトル　背景画像*/

div#relation #tilCharacter{
    background-image: url(../images/bg_til_commodity01.gif);
}

div#relation #tilMovie{
    background-image: url(../images/bg_til_commodity02.gif);
}

div#relation #tilMusic{
    background-image: url(../images/bg_til_commodity03.gif);
}

div#relation #tilBooks{
    background-image: url(../images/bg_til_commodity04.gif);
}

div#relation #tilFigia{
    background-image: url(../images/bg_til_commodity05.gif);
}

div#relation #tilGame{
    background-image: url(../images/bg_til_commodity06.gif);
}

div#relation #tilCalendar{
    background-image: url(../images/bg_til_commodity07.gif);
}

div#relation #tilCard{
    background-image: url(../images/bg_til_commodity08.gif);
}

div#relation #tilPamphlet{
    background-image: url(../images/bg_til_commodity09.gif);
}

div#relation #tilTicket{
    background-image: url(../images/bg_til_commodity10.gif);
}

div#relation #tilPainting{
    background-image: url(../images/bg_til_commodity11.gif);
}

div#relation #tilMemberItem{
    background-image: url(../images/bg_til_commodity12.gif);
}

div#relation #tilCostume{
    background-image: url(../images/bg_til_commodity13.gif);
}


div#relation div.commodityItem{
    margin-right: 38px;
    padding-bottom: 7px;
}

div#relation div.comLast{
    margin-right: 0px;
}

div#relation ul.links{
    clear: both;
    width: 90px;
    margin-left: 620px;
    margin-bottom: 12px;
}

.toggleButton,
.allToggleButton
{
    cursor: pointer;
}

/*-----------------------------------------------------------------

    8.ユーザーレビュー

-------------------------------------------------------------------*/
.userReview{
    margin-top: 10px;
    margin-bottom: 11px;
}

.userReview h2{
    margin-bottom: 12px;
}

.userReview div.reviewBox{
    clear: both;
    background-image: url(../images/common/bg_line01.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

div.instructions {
    border: 1px solid #cccccc;
    margin: auto;
    margin-top: 7px;
    padding: 4px;
    width: 96%;
}

div.instructions_write {
    border: 1px solid #cccccc;
    margin-top: 7px;
    padding: 4px;
    width: 96%;
}

.userReview div.thanks_reviewBox {
    padding-left: 230px;
    height: 180px;
    background: url(../images/img_thanksreview.gif) left top no-repeat;
}

.userReview div.thanks_reviewBox div.thanks_reviewBoxtxt {
    border: 1px solid #cccccc;
    padding: 4px;
}

.userReview div.reviewBox_bgblue {
    background-color: #edffff;
    padding: 4px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.userReview div.reviewBox h3{
    margin-bottom: 2px;
}

.userReview div.reviewBox h3 span{
    margin-right: 2px;
}

.userReview div.reviewBox h3 img{
    margin-right: 3px;
}

.userReview div.reviewBox p{
    margin-bottom: 5px;
}

.userReview table.writeReviewbox th.entry,
.userReview table.writeReviewbox th.last {
    text-align: left;
    vertical-align: top;
}

.userReview table.writeReviewbox td.last {
    padding-bottom: 10px;
}

select.reviewSelect {
    color: #FFCC00;
    padding: 0;
    height: 24px;
}

/*.userReview table.writeReviewbox th.entry {
    width: 30%;
}*/

.userReview input.reviewAreaTxtBox,
.userReview table.writeReviewbox textarea {
    padding: 4px;
    margin-bottom: 4px;
}

.userReview table.writeReviewbox select {
    font-size: 130%;
    height: auto;
}

.userReview table.writeReviewbox td.reviewbtnArea {
    text-align: center;
}

.userReview table.writeReviewbox input.reviewAreabtn {
    margin: 4px;
    padding: 2px;
    width: 100px;
    font-weight: bold;
}
.userReview table.writeReviewbox textarea {
    width: 96%;
}

.userReview table.writeReviewbox select {
    margin-bottom: 10px;
    width: 120px;
}

.userReview div.reviewBox dl{
    margin-bottom: 5px;
}

.userReview div.reviewBox dl dt{
    display: block;
    float: left;
    width: 70px;
    color: #666;
}

.userReview div.reviewBox dl dd{
    width: 625px;
    margin-left: 70px;
}

.userReview div.reviewBox dd ul li{
    display: inline;
    margin-right: 3px;
}

.userReview div.reviewBox dd ul li span{
    margin-left: 5px;
}

.userReview div.reviewBox div.column3A{
    width: 259px;
}

.userReview div.reviewBox div.column3B{
    width: 255px;
}

.userReview div.reviewBox div.column3C{
    width: 175px;
    text-align: right;
}

.userReview div.reviewBox div.column3B p{
    margin-left: 7px;
    padding-bottom: 2px;
}

.userReview div.reviewBox div.column3C p{
    font-size: 83.3%;
    padding-top: 2px;
}

.userReview div.reviewBox form{
    background-image: url(../images/bg_commodity04.gif);
    background-repeat: repeat-y;
}

.userReview div.reviewBox form div.wrapFirst{
    background-image: url(../images/bg_commodity04_top.gif);
    background-repeat: no-repeat;
    background-position: top;
}

.userReview div.reviewBox form div.wrapSecond{
    background-image: url(../images/bg_commodity04_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.userReview div.reviewBox form p{
    position: relative;
    margin-left: 5px;
    color: #666;
    font-weight: bold;
}

.userReview div.reviewBox form span.reference_review {
    position: absolute;
    top: 2px;
    right: 2px;
}

.userReview ul.links{
    clear: both;
    margin-left: 8px;
}

.userReview ul.links li{
    float: left;
    margin-right: 13px;
    padding-bottom: 10px;
}

.userReview ul.links li.last{
    margin-left: 300px;
    margin-right: 0px;
}

.userReview ul.links li.links_right {
    float: right;
}

/* \*/
* html .userReview ul.links li.last{
    margin-left: 150px;
}

/**/

.userReview p.btn{
    clear: both;
    text-align: center;
    line-height: 0;
    margin-bottom: 2px;
}

.userReview p.whatreview {
    text-align: center;
    margin-bottom: 12px;
}

/*--------------------------------- 商品注文*/

.userReview div.detailsBox{
    width: 100%;
    background-image: url(../images/bg_commodity05.gif);
    background-repeat: repeat-y;
}

.userReview div.detailsBox div.wrapFirst{
    background-image: url(../images/bg_commodity05_top.gif);
    background-repeat: no-repeat;
    background-position: top;
}

.userReview div.detailsBox div.wrapSecond{
    background-image: url(../images/bg_commodity5_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 9px 0px 9px 13px;
}

.userReview div.detailsBox div.locator{
    background-image: url(../images/bg_commodity06.gif);
    background-repeat: repeat-y;
}

.userReview div.detailsBox div.column3A{
    width: 285px;
    margin-right: 10px;
}

.userReview div.detailsBox div.column3A p.icon{
    line-height: 0;
    margin-bottom: 8px;
}


.userReview div.detailsBox div.column3B{
    width: 200px;
    margin-left: 10px;
    padding: 10px 0px;
}

.userReview div.detailsBox div.column3B ul{
    margin: 0px 10px;
}

.userReview div.detailsBox div.column3B ul li{
    margin-bottom: 5px;
}

.userReview div.detailsBox div.column3B ul li.date{
    margin-top:2px;
    margin-bottom: 0px;
}

.userReview div.detailsBox div.column3B ul li strong{
    font-size: 133.3%;
    margin-left: 3px;
}

.userReview div.detailsBox div.column3B ul li.price{
    color: #666;
}

.userReview div.detailsBox div.column3B ul li strong.specialPrice{
    color: #cc0000;
}

.userReview div.detailsBox div.column3B ul li strong.point{
    color: #ff9900;
}

.userReview div.detailsBox div.column3B ul li strong.stock{
    color: #ff5400;
}

.userReview div.detailsBox div.column3C{
    width: 166px;
    padding: 10px 0px 10px 5px;
    text-align: right;
}

.userReview div.detailsBox div.column3C p{
    margin-bottom: 5px;
}

.userReview div.detailsBox div.column3C select{
    margin-left: 3px;
    width: 45px;
    height: 19px;
}

.userReview div.detailsBox div.column3C input.btn{
    margin-top: 4px;
}

/*-----------------------------------------------------------------

    9.作品説明

-------------------------------------------------------------------*/

div.commodity div.photoArea{
    width: 105px;
    padding-bottom: 12px;
}

div.commodity div.photoArea img{
    border: 1px solid #b2b2b2;
}

div.commodity div.txtArea{
    width: 560px;
    margin-left: 118px;
    padding-bottom: 12px;
}

/* For IE6 \*/

* html div.commodity div.txtArea{
    margin-left: 105px;
}

/**/

div.commodity div.txtArea h3,
div.commodity div.txtArea p{
    margin-bottom: 9px;
}

div.commodity div.txtArea ul li a{
    padding-right: 14px;
    background-image: url(../images/common/ico_arrow_yellow01.gif);
    background-position: right 0px;
    background-repeat: no-repeat;
}

div.commodity div.itemArea{
    clear: both;
    width: 100%;
    padding-top: 6px;
    border-top: 1px solid #ccc;
}

div.commodity div.itemArea ul{
    margin-bottom: 18px;
}

div.commodity div.itemArea ul.last{
    margin-bottom: 25px;
}

div.commodity div.itemArea ul li.win a{
    background-image: url(../images/common/ico_win.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 15px;
}

div.commodity div.itemArea ul span{
    margin: 0px 5px;
}

div.commodity ul.itemArea{
    clear: both;
    padding: 10px 0;
    background-image: url(../images/common/bg_line02.gif);
    background-repeat: repeat-x;
    background-position: top;
}
div.commodity ul.firstItemArea{
    padding-top: 14px;
    background: none;
    border-top: 1px solid #CCC;
}

div.commodity ul.itemArea li {
    float: left;
    width: 174px;
}
div.commodity ul.itemArea li span {
    display: block;
}
div.commodity ul.itemArea li .image{
    float: left;
    width: 75px;
}
div.commodity ul.itemArea li .image img {
    border: 1px solid #b4b4b4;
}
div.commodity ul.itemArea li .text{
    float: left;
    padding-top: 13px;
    width: 85px;
    line-height: 2;
}



/*-----------------------------------------------------------------

    10.エラーメッセージ

-------------------------------------------------------------------*/

div.errorArea{
    margin-bottom: 14px;
    padding: 5px 0px;
    background-color: #ffeeee;
    text-align: center;
}


div.errorArea p{
    color: #cc0000;
    font-weight: bold;
    font-size: 116.7%;
}

/*-----------------------------------------------------------------

    11.アイコン

-------------------------------------------------------------------*/

div.iconArea ul li{
    float: left;
    line-height: 0;
    margin-right: 2px;
    padding-bottom: 3px;
}


/*-----------------------------------------------------------------

    12.ページタイトル

-------------------------------------------------------------------*/

div.pageTitle{
    clear: both;
    background-color: #f2f2f2;
    background-image: url(../images/bg_til01_bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

div.pageTitle div.wrap{
    padding: 5px 6px 8px 6px;
    background-image: url(../images/bg_til01_top.gif);
    background-repeat: repeat-x;
    background-position: top;
}

/* \*/

* html div.pageTitle{
    padding-bottom: 8px;
}

* html div.pageTitle div.wrap{
    padding: 5px 6px 0px 6px;
}

/**/

div.pageTitle div.wrap h1{
    margin-bottom: 2px;
    padding-bottom: 15px;
}

div.pageTitle div.wrap ul {
    clear: both;
    text-align: right;
}

div.pageTitle div.wrap ul li{
    display: inline;
    margin-right: 9px;
    font-size: 83.3%;
}


div.pageTitle div.wrap ul li span{
    color: #cc0000;
    margin-left: 3px;
}

div.pageTitle div.wrap ul li a{
    color: #345ba8;
}

div.commonTitle
{
    position: relative;
    margin-bottom: 10px;
    width: 698px;
    background-color: #fff8d3;
    background-image: url(../images/bg_til02_bottom.gif);
}

div.commonTitle div.wrap
{
    padding-left: 65px !important;
    background-image: url(../images/bg_til02_top.gif);
}
div.commonTitle .icon
{
    position: absolute;
    top: 5px;
    left: 5px;
    height: 50px;
}
div.commonTitle div.noIcon
{
    padding-left: 10px !important;
}

div.commonTitle div.wrap h1.image
{
    padding: 5px 0;
}

h1.image {
    padding: 5px 0;
}

.title .icon
{
    position: absolute;
    top: 5px;
    right: 5px;
    left: auto;
}

.single
{
    position: relative;
    width: 698px;
    padding-bottom: 0 !important;
}

.single .icon
{
    top: 20px !important;
}

div.commonTitle div.wrap h1.noDescription
{
    padding: 15px 0;
    margin-bottom: 0;
}

div.commonTitle div.wrap h1 span
{
    font-size: 80%;
    font-weight: normal;
}

div.commonTitle p.intro
{
    font-size: 83.3%;
    color: #C00;
    margin-bottom: 5px;
}

div.commonTitle p.intro strong
{
    color: #333;
}

.single .update
{
    position: absolute;
    top: auto;
    right: 8px;
    bottom: 5px;
    left: auto;
    margin-bottom: 0;
    font-size: 83.3%;
}

div.commonTitle p.update {
    clear: both;
    float: right;
    font-size: 83.3%;
    margin-right: 9px;
}

div.commonTitle p.updateDetail {
    text-align: right;
    font-size: 83.3%;
    margin-right: 9px;
}

*html div.commonTitle p.update {
    margin-right: 7px;
}

div.commonTitle p.updateLarge,
.single .updateLarge
{
    position: absolute;
    top: auto;
    right: 8px;
    top: 0px;
    left: auto;
    margin-bottom: 0;
    height: 65px;
    line-height: 65px;
}

.single .rss
{
    position: absolute;
    top: 10px;
    right: 6px;
    left: auto;
}

div.commonTitle p.rss
{
    position: absolute;
    top: 22px;
    right: 6px;
    left: auto;
}


/*-----------------------------------------------------------------

    13.ページトップに戻る

-------------------------------------------------------------------*/
div.pagetop
{
    clear: both;
    padding-bottom: 15px;
    margin-top: 30px;
    text-align: right;
}
div.pagetop p
{
    background: url(../images/common/bg_pagetop.gif) 0 0 repeat;
}
div.pagetop p img
{
    vertical-align: top;
    border-left: 10px solid #FFF;
}

p.pagetop
{
    text-align: right;
}
p.pagetop a
{
    padding-left: 17px;
    background: url(../images/ico_pagetop.gif) left center no-repeat;
}


/*-----------------------------------------------------------------

    14.詳細情報（フェア・イベント）

-------------------------------------------------------------------*/
.detail .information
{
}

table.information th,
table.information td
{
    padding-top: 16px;
    padding-bottom: 15px;
    background: url(../images/line_dot_gray.gif) 0 0 repeat-x;
    vertical-align: top;
}

table.information th
{
    width: 130px;
    text-align: left;
}

table.information td strong
{
    font-size: 133.3%;
    font-weight: bold;
}

table.information td em
{
    color: #C00;
    font-style: normal;
}

table.information td p
{
    margin-bottom: 1em;
}

table.information td dl.target ul
{
    margin-bottom: 1em;
}
table.information td dl.target li
{
    margin-left: 1.5em;
    list-style: disc;
}

table.information td dl.prize dt
{
    margin-bottom: .5em;
    font-weight: bold;
}

table.information td dl.prize li
{
    float: left;
    padding-bottom: 4px;
    margin-right: 4px;
    width: 122px;
    height: 122px;
    text-align: center;
}

table.information td dl.prize li.last
{
    height: auto;
}


table.information td dl.prize li img
{
    border: 1px solid #000;
    vertical-align: top;
}

/*-----------------------------------------------------------------

    15.ページ送りナビゲーション

-------------------------------------------------------------------*/
div.paginate {
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center;
    position:relative;
}
div.paginate_top {
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    position:relative;
    height:30px;
}

dl.pageCount {
    position:absolute;
    top:15px;
    right:0px;
    width:220px;
    clear:both;
    }
dl.pageCount dt {
    float: right;
    text-align:right;
    }
dl.pageCount dd {
    float: right;
    text-align:right;
    }

div.paginate p.info,
div.paginate ul,
div.paginate ul li,
div.paginate_top p.info,
div.paginate_top ul,
div.paginate_top ul li

{
    display: inline;
}

div.paginate ul,
div.paginate_top ul
{
    margin-left: 20px;
}

div.paginate p,
div.paginate ul a,
div.paginate ul strong,
div.paginate ul span,
div.paginate_top p,
div.paginate_top ul a,
div.paginate_top ul strong,
div.paginate_top ul span

{
    display: inline-block;
    padding: 0.25em 0.6em;
}

div.paginate ul a,
div.paginate_top ul a
{
    border: 1px solid #cccccc;
    text-decoration: none;
}

div.paginate ul a:hover,
div.paginate_top ul a:hover
{
    text-decoration: underline;
}

div.paginate ul a.next,
div.paginate ul a.prev,
div.paginate_top ul a.next,
div.paginate_top ul a.prev
{
    padding-right: .8em;
    padding-left: .8em;
    margin: -1px;
    border: 2px solid #cccccc;
    background-color: #eff8fb;
}

div.paginate ul strong,
div.paginate_top ul strong
{
    color: #F90;
}

div.paginate ul span,
div.paginate_top ul span
{
    color: #999;
}

div.paginate ul span.next,
div.paginate ul span.prev,
div.paginate_top ul span.next,
div.paginate_top ul span.prev

{
}

/*-----------------------------------------------------------------

    17.共通スタイル

-------------------------------------------------------------------*/
/* Main Banner */

#mainContetns .mainBanner
{
    padding-top: 10px;
    padding-bottom: 19px;
    background: url(../images/line_dot_2tone.gif) left bottom repeat-x;
}
#mainContetns div.mainBanner
{
    padding-bottom: 9px;
}


#mainContetns .mainBanner img
{
    border: 1px solid #CCC;
}


#mainContetns .mainBanner .update
{
    margin-top: 8px;
    text-align: right;
}



/* 青い四角のアイコン付タイトル */
h2.square
{
    padding-left: 20px;
    font-size: 133.3%;
    line-height: 22px;
}

h2.circle
{
    padding-left: 28px;
    font-size: 133.3%;
    line-height: 23px;
    background: url(../images/ico_til_commodity01.gif) left center no-repeat;
}

h2.square span,
h2.circle span
{
    font-size: 75%;
    font-weight: normal;
}

h2.blue
{
    background: url(../images/ico_til_commodity02.gif) left top no-repeat;
}

h2.yellow
{
    background: url(../images/ico_til_commodity03.gif) left top no-repeat;
}

h2.pink
{
    background: url(../images/ico_til_commodity04.gif) left top no-repeat;
}

h2.sky
{
    background: url(../images/ico_til_commodity06.gif) left top no-repeat;
}

h2.icon_anitag {
    padding-left: 60px;
    font-size: 133.3%;
    line-height: 23px;
    height: 50px;
    background: url(../images/ico_til_tag.gif) left top no-repeat;
}

h2.icon_review {
    padding-left: 60px;
    font-size: 133.3%;
    line-height: 23px;
    height: 50px;
    background: url(../images/ico_til_review.gif) left top no-repeat;
}

p.more
{
    text-align: right;
}

a.more,
.more a
{
    padding-left: 20px;
    background: url(../images/ico_commodity18.gif) left center no-repeat;
}

.sortBox
{
    position: relative;
    padding: 10px;
    margin-bottom: 15px;
    width: 678px;
    background-color: #f5f5f5;
}
.sortBox dt
{
    position: absolute;
    left: 10px;
}
.sortBox dt img
{
    vertical-align: middle;
}
.sortBox dd
{
    padding-left: 77px;
}

#mainContetns .anchor
{
    padding: 15px 0;
}

#mainContetns .anchor li
{
    float: left;
    text-align: center;
    width: 53px;
    background: none;
    border: none !important;
}
#mainContetns form.search
{
    position: relative;
    margin-bottom: 15px;
    background: url(../images/bg_ranking_search.gif) 0 0 repeat-y;
}

#mainContetns form.search dl
{
    padding: 15px;
    width: 572px;
}

#mainContetns form.search dl dt,
#mainContetns form.search dl dd
{
    float: left;
}

#mainContetns form.search dl dt
{
    margin-right: 15px;
}

#mainContetns form.search dl dd
{
    margin-right: 25px;
}

#mainContetns form.search dl dd input
{
    margin-right: 5px;
    vertical-align: middle;
}

#mainContetns form.search p
{
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    padding: 15px;
    width: 66px;
    text-align: center;
}

div.turnPage {
    clear: both;
    text-align: center;
    margin-bottom: 10px;
}

div.turnPage p span {
    margin-right: 15px;
}


/*---------------------------------------------------------------------------- clearfix**/

div#localContetns div.localCt div.wrapSecond:after,
div#localContetns .member ul:after,
div.iconArea ul:after,
div.privilege:after,
div.details:after,
div.details div.column2B div.detailsBox div.wrapSecond:after,
div.mediaBox div.wrapSecond:after,
div.infoArea dl:after ,
.recommendation div.itemWrap:after,
div.commodity:after,
div.div.animeigoItem:after,
div.commodity div.titleBox:after,
div#relation div.commTile:after,
.userReview div.reviewBox:after,
.userReview div.reviewBox dl:after,
.tagArea form:after,
div.commodity ul.itemArea:after,
div.commodity ul.itemArea li:after,
div.animeigoItem ul.itemArea:after,
div.animeigoItem ul.itemArea li:after,
#mainContetns .list tbody th div:after,
.detail .define:after,
.detail .otherContent ul:after,
.recommendation .carouselItem:after,
.anchor:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#localContetns div.localCt div.wrapSecond,
div#localContetns .member ul,
div.iconArea ul,
div.privilege,
div.details,
div.details div.column2B div.detailsBox div.wrapSecond,
div.mediaBox div.wrapSecond,
div.infoArea dl,
.recommendation div.itemWrap,
div.commodity,
div.animeigoItem,
div.commodity div.titleBox,
div#relation div.commTile,
.userReview div.reviewBox,
.userReview div.reviewBox dl,
.tagArea form,
div.commodity ul.itemArea,
div.commodity ul.itemArea li,
div.animeigoItem ul.itemArea,
div.div.animeigoItem ul.itemArea li,
#mainContetns .list tbody th div,
.detail .define,
.detail .otherContent ul,
.recommendation .carouselItem,
.anchor{ display:inline-block; }

/*\*/
* html div#localContetns div.localCt div.wrapSecond,
* html div#localContetns .member ul,
* html div.iconArea ul,
* html div.privilege,
* html div.details,
* html div.details div.column2B div.detailsBox div.wrapSecond,
* html div.mediaBox div.wrapSecond,
* html div.infoArea dl,
* html .recommendation div.itemWrap,
* html div.commodity,
* html div.animeigoItem,
* html div.commodity div.titleBox,
* html .userReview div.reviewBox,
* html .userReview div.reviewBox dl,
* html .tagArea form,
* html div.commodity ul.itemArea,
* html div.commodity ul.itemArea li,
* html div.animeigoItem ul.itemArea,
* html div.animeigoItem ul.itemArea li,
* html #mainContetns .list tbody th div,
* html .detail .define,
* html .detail .otherContent ul,
* html .recommendation .carouselItem,
* html .anchor{ height:1%; }

div#localContetns div.localCt div.wrapSecond,
div#localContetns .member ul,
div.iconArea ul,
div.privilege,
div.details,
div.details div.column2B div.detailsBox div.wrapSecond,
div.mediaBox div.wrapSecond,
div.infoArea dl,
.recommendation div.itemWrap,
div.commodity,
div.animeigoItem,
div.commodity div.titleBox,
div#relation div.commTile,
.userReview div.reviewBox,
.userReview div.reviewBox dl,
.tagArea form,
div.commodity ul.itemArea,
div.commodity ul.itemArea li,
div.animeigoItem ul.itemArea,
div.animeigoItem ul.itemArea li,
#mainContetns .list tbody th div,
.detail .define,
.detail .otherContent ul,
.recommendation .carouselItem,
.anchor{ display:block; }
/**/

.addCart,
.addtag,
.reference_review,
.reviewreport {
    position: relative;
}

.addCart .popup,
.addtag .popup,
.reference_review .popup,
.reviewreport .popup {
    position: absolute;
    right: 0;
    left: auto;
}

/*-----------------------------------------------------------------

    17.カート

-------------------------------------------------------------------*/

div.cartBoxArea {
    margin-top: 15px;
    margin-bottom: 15px;
}

h2.cartMessage {
    clear: both;
    background: #ffe168;
    margin-bottom: 10px;
    padding: 8px;
}

div.confirm table {
    padding-left: 8px;
}

div.confirm table .itemNumber {
    text-align: center;
    font-weight: bold;
}

div.cartBoxArea table.confirm,
div.registArea table.confirm {
    margin-bottom: 30px;
}

div.cartBoxArea table.use_partly {
    padding-top: 4px;
}

div.cartBoxArea table th,
div.cartBoxArea table td {
    padding-bottom: 15px;
}

div.cartBoxArea table .cartBtn {
    padding-bottom: 5px;
}

div.cartBoxArea table th {
    text-align: left;
    font-size: 110%;
}

div.cartBoxArea table th.itemTitle {
    padding-left: 10px;
}

div.cartBoxArea table th.deli {
    width: 200px;
}

div.cartBoxArea table .checkbox {
    text-align: left;
    width: 40px;
}

div.cartBoxArea table td.itemTitle {
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
}

div.cartBoxArea table .itemNumber {
    vertical-align: top;
    width: 50px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:right;
}
/* 20091222 added */
div.cartBoxArea table .itemNumber p{}
div.cartBoxArea table .itemNumber ul#quantity_level li{
    display:inline;
}
/* // 20091222 added */

div.cartBoxArea table .itemNumber select {
    width: 50px;
    font-size: 120%;
    height: auto;
}

div.cartBoxArea .itemPrice {
    vertical-align: top;
    text-align: right;
    width: 80px;
    font-weight: bold;
    color: #cc0000;
}

div.cartBoxArea th.itemPrice {
    color: #333333;
}

div.cartBoxArea input.cartBtn {
    padding: 2px;
}

div.cartBoxArea p.totalPrice {
    text-align: right;
    background: #fffde6;
    margin-bottom: 3px;
    padding: 4px;
    font-weight: bold;
}

div.cartBoxArea p.last {
    background: #ffe5ca;
    margin-top: 10px;
    margin-bottom: 15px;
}

div.cartBoxArea p.means span {
    font-weight: bold;
    color: #cc0000;
}

div.cartBoxArea table td input.use_point {
    margin-right: 5px;
    padding: 4px;
    border: 1px solid #cccccc;
}

table.cartBox .prefecture {
    width: 150px;
}

.dateBox {
    width: 70px;
}

.use_partlyBox {
    width: 150px;
}

.itemAddress {
    vertical-align: top;
}

table.cartBox th.itemPrice,
td.itemPrice {
/*	width: 80px;*/
}

td.itemPrice {
/*	font-weight: bold;
    color: #cc0000;*/
}

.itemPrice_right {
    text-align: right;
    font-weight: bold;
    width: 80px;
}

.itemPrice_rightlast {
    text-align: right;
    font-weight: bold;
    color: #cc0000;
}

td.cartBtnRight {
    width: 130px;
}

table.cartBoxRight {
    float: right;
}

div.cartBoxArea input.cartBtn,
div.cartBoxArea input.cartBtnRight {
    margin: 4px 0;
}

div.cartBoxArea input.cartBtnRight {
    text-align: right;
}

div.cartBoxArea p.cartMessage {
    text-align: right;
    color: #ff9000;
    margin-bottom: 15px;
}

div.cartBoxArea p.cartMessage span {
    font-size: 140%;
    font-weight: bold;
    margin-right: 3px;
    margin-left: 3px;
}

div.cartBoxArea p.cartMessage_02 {
    border: 1px solid #ff9000;
    padding: 5px;
    margin-bottom: 5px;
}

div.cartBoxArea p.cartMessage_02 span {
    font-size: 130%;
    font-weight: bold;
    color: #ff0000;
}

div.cartTitle {
    background: url(../images/line_skyblue.gif) bottom repeat-x;
    padding: 8px 0 8px 8px;
    margin-bottom: 5px;
}

div.cartTitle p {
    font-size: 105%;
    font-weight: bold;
}

div.cartBoxArea table td p.cartBtnR {
    font-weight: normal;
    font-size: 100%;
}

div.cartBoxArea table td p.cartBtnR input {
    padding: 2px;
    width: 150px;
}

div.cartNextBox {
    text-align: center;
    margin-bottom: 15px;
}

div.cartNextBox input.cartBtn {
    margin-right: 2px;
    margin-left: 2px;
}

input.rightPlacement {
    float: right;
}

p.rightPlacement {
    float: left;
}

div.cartFlowBox {
    float: left;
    margin-bottom: 10px;
}

ul.cartFlow li {
    float: left;
    margin-right: 10px;
}

ul.cartFlow li.last {
    margin-right: 0;
}

div.thanks_shopping {
    padding-left: 230px;
    background: url(../images/img_thanksreview.gif) left top no-repeat;
}

/*-----------------------------------------------------------------

    18.会員規約

-------------------------------------------------------------------*/

div.iframeArea {
    clear: both;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.registBtnArea {
    text-align: center;
    margin-top: 10px;
}

div.registBtnArea input {
    margin: 0px 4px;
}

div.registBtnArea input.txtBtn {
    width: 100px;
}

*html div.registBtnArea input.txtBtn {
    padding-top: 2px;
}

div.lead div.wrap p.attention {
    font-size: 130%;
    font-weight: bold;
    color: #ff0000;
}

/*---------------------------------------------登録画面*/

div.message_regist,
div.registArea {
    margin-top: 10px;
    margin-bottom: 15px;
}

div.registArea {
    clear: both;
}

div.error_regist {
    border: 1px solid #ff0000;
    padding: 4px;
    color: #ff0000;
    font-weight: bold;
}

div.registArea table th {
    text-align: right;
    width: 115px;
/*	background-color: #d3f9ff;*/
    padding: 5px;
    font-weight: normal;
}

div.registArea table td {
    padding-left: 3px;
}

div.registArea table th.bgGreen {
/*	background-color: #d3ffd3;*/
}

div.registArea table select.registBirth {
    width: 40px;
}

div.registArea table select.registMetro,
div.registArea table select.registCard {
    width: 150px;
}

div.registArea table select.dateBox_02 {
    width: 70px;
}

div.registArea input,
div.registArea select {
    border: 1px solid #cccccc;
    margin: 4px;
    padding: 4px;
    color: #333333;
}

div.registArea .none {
    border: none;
}

div.registArea input {
    font-weight: bold;
}

div.registArea select {
    padding: 0px;
    font-size: 128%;
    height: auto;
}

.registAreaBorder {
/*	border-bottom: 1px solid #9adbe5;*/
}

.regist_confirm {
    padding-left: 5px;
    padding-right: 5px;
}

p.message_registArea {
    margin-bottom: 15px;
}

div.cartBoxArea .noborder,
div.registArea .noborder {
/*	border: none;*/
}

div.attention p {
    margin-bottom: 10px;
}

span.necessary {
    color: #FF0000;
}

span.result {
    font-size: 110%;
}

div.thanks_regist {
    padding-left: 230px;
    height: 260px;
    background: url(../images/img_thanks_regist.gif) left top no-repeat;
}

/*-----------------------------------------------------------------

    19.印刷用

-------------------------------------------------------------------*/

div.printArea {
    overflow: hidden;
    height: 1px;
}

@media print {
div.printArea {
    height: auto;
    visibility: visible;
}
}

/*-----------------------------------------------------------------

    20.検索用

-------------------------------------------------------------------*/
.lt_search_inp {
    width:300px;
    float:left;
    }
.search_details {
    padding:5px 0;
    width:110px;
    float:right;
    }
.searchArea_btm {
    background:url(../images/common/bg_search_btm.gif) top center repeat;
    padding:5px;
    margin:15px 0 0;
    }
/*.searchArea_btm table {
    margin:0 auto;
    }*/
.searchArea_btm input.txt {
    background-color:#F6F6F6;
    border:1px solid #CCCCCC;
    height:19px;
    margin-right:6px;
    padding:3px 7px 2px;
    width:230px;
    }
.searchSort {
    background:url(../images/bg_search_sort_short.gif) top center no-repeat;
    width:160px;
    height:21px;
    position:absolute;
    top:10px;
    left:0px;
    padding:3px 3px 2px 72px;
    }
#form_search_btm {
    width:430px;
    margin:0 auto;
    }
