/* =============================================
	ショッピングカート設定
==============================================*/
#orderform {}

#orderform h3{
    position:relative;
    font-size:medium;
    color:#0366cc;
    border-bottom:1px solid #0366cc;
    padding:0px;
    margin-bottom:10px;
}
#orderform h4{
    position:relative;
    font-size:medium;
    color:#333333;
    padding:0px;
    margin-bottom:5px;
}
#orderform h5{
    position:relative;
    font-size:medium;
    color:#ff6600;
    padding:0px;
    margin:0px;
}
#orderform div.info{
    text-align:left;
    font-size:small;
}
/*必須の文字*/
#orderform span.require{
    color: red;
    font-size:x-small;
    text-decoration:none;
}

/* 注文手続きの案内 */
#order_process * {
    margin:0;
    padding:0;
}
#order_process ul li
{
    padding-left:3px;
    font-size: small;

}
#order_process ul li.arrow
{
    text-align: center;
}
#order_process ul li.menuselected
{
    color:#F00;
    font-weight: bold;
}

/*カートテーブル*/
#carttable{
    width:100%;
    padding:0px;
    margin:0px;
    border-collapse:collapse;
    border:solid 1px #999999;
}
#carttable th{
    background-color:#dddddd;
    border:solid 1px #999999;
    padding:3px;
    font-weight:normal;
    text-align:left;
}
#carttable td{
    background-color:#ffffff;
    border:solid 1px #999999;
    padding:3px;
}


/*入力テーブル*/
#inputtable{
    width:100%;
    padding:0px;
    margin:0px;
    border-collapse:collapse;
    border:solid 1px #dddddd;
}
#inputtable th{
    background-color:#ddeeff;
    border:solid 1px #dddddd;
    padding:5px;
    font-weight:normal;
    text-align:left;
}
#inputtable td{
    background-color:#ffffff;
    border:solid 1px #dddddd;
    padding:5px;
}
#inputtable td.comment{
    background-color:#ffffff;
    border:solid 1px #dddddd;
    padding:2px;
}

/*確認テーブル*/
#checktable{
    width:100%;
    padding:0px;
    margin:0px;
    border-collapse:collapse;
    border:solid 1px #999999;
}
#checktable th{
    background-color:#ffffdd;
    border:solid 1px #999999;
    width:20%;
    padding:3px;
    font-weight:normal;
    text-align:left;
    white-space:nowrap;
}
#checktable td{
    background-color:#ffffff;
    border:solid 1px #999999;
    padding:3px;
}
#checktable td.comment{
    background-color:#ffffdd;
    border:solid 1px #999999;
    padding:2px;
}
/* クレジットカード*/
#orderform ul {
    list-style-type : none; /*必須*/
    padding:0px; /*必須*/
    margin:0px; /*必須*/
}
#orderform ol {
    padding:0px; /*必須*/
    margin:0px; /*必須*/
}
#orderform ol li,#orderform ul li{
    line-height:150%;
}
#orderform div.input{
    background-color:#dddddd;
    margin:5px 0px;
    padding:5px;
}
#orderform div.comment{
    color:#666666;
    font-size:small;
    padding-left:8px;
}
/*=====================================
             商品詳細画面               
====================================== */
#products{}
#products p.catchcopy{
    font-weight:bold;
    font-size:medium;
}
#products div.image{
    text-align:center;
}
#products div.description{
    color:#333333;
}
#products div.descriptiontext{
}
/* カートボタンパーツ */
#cart_button {
    padding: 5px;
    border:1px solid #CCC;
}
#cart_button div.variation_title{
    line-height:150%;
}
#cart_button div.variation_item{
    line-height:150%;
}
/* 商品詳細　サブ画像 */
#products div.products-more{
}
/* 商品詳細　関連商品 */
#products-relation{}
#products-relation div.relationarticle{
    height:auto; /*必須 */
    float:left;
    width:250px;
    text-align:left;
    margin:10px 20px 20px 0;
    border:outset 1px #99ffff;
}
#products-relation div.relationimage{
    float:left;
    text-align:center;
    vertical-align:top;
    background-color:#ffffff;
    height:110px;
    margin:5px;
}

#products-relation div.relationtext{
    background-color:#eeeeee;
    text-align:left;
    color:#333333;
    height:110px;
    padding:10px;
}

#products-relation div.relationtext a{
    text-decoration:underline;
}
#products-relation div.relationtext a:hover{
    color:#ff0000;
    text-decoration:underline;
}
#products-relation span.Itemkakaku{
    color:#333333;
    font-weight:bold;
}
/* 商品リスト */

#Itemlist{
    position:relative;
    margin:5px;
}
#Itemlist div.listarticle{
    height:auto; /*必須 */
    float:left;
    width:250px;
    text-align:left;
    margin-bottom:20px;
    margin-right:20px;
    border:outset 1px #99ffff;
}
#Itemlist div.Itemimage{
    float:left;
    text-align:center;
    vertical-align:middle;
    background-color:#ffffff;
    height:110px;
    margin:5px;

}
#Itemlist div.Itemtext{
    background-color:#eeeeee;
    text-align:left;
    color:#333333;
    height:110px;
    padding:5px;
}

#Itemlist span.Itemkakaku{
    color:#333333;
    font-weight:bold;
}
#Itemlist a{
    text-decoration:underline;
}
#Itemlist a:hover{
    color:#ff0000;
    text-decoration:underline;
}

/*=====================================
      カテゴリーツリー(サイドエリア)    
====================================== */
#category_tree *{
    padding:0;
    margin:0;
}

#category_tree ul,
#order_process ul
{
    list-style-type : none; /*必須*/
    margin:0;
    padding:0;
}
#category_tree ul li{
    display : inline; /*必須*/
    font-size: small;
}

#category_tree ul li div.title,
#order_process ul li div.title
{
    display:block; /*必須*/
    background:url(../images/sidemenu.gif) no-repeat right top;
    border-bottom: 1px solid #999999;
    background-color:#ffffff;
    padding:5px 0px 5px 5px;
    font-size: 10pt;
    font-weight:bold;
    color:#ffffff;
}

/* １階層目 */
#category_tree ul li a{
    display:block; /*必須*/
    width:170px; /*必須*/
    padding:3px 0px 3px 10px;
    line-height:120%;
    color:#333333;
    text-decoration:none;
}
/* ２階層目 */
#category_tree ul li ul li a{
    display:block; /*必須*/
    width:150px; /*必須*/
    background-image: url(../images/indent03.gif);
    background-repeat: no-repeat;
    background-position: 15px 4px;
    padding-left: 30px;
    color: #333333;
}
/* ３階層目 */
#category_tree ul li ul li ul li a{
    display:block; /*必須*/
    width:130px; /*必須*/
    background-image: url(../images/indent03.gif);
    background-repeat: no-repeat;
    background-position: 35px 4px;
    padding-left: 50px;
    color: #333333;
}
#category_tree ul li a:hover,
#category_tree ul li ul li a:hover,
#category_tree ul li ul li ul li a:hover{
    text-decoration:underline;
    color:#ff0000;
    background-color:#ccffff;
}