/* CSS Document */

* {box-sizing: content-box;}

body { margin: 0px; padding: 0; background: url("../images/common/back_body.gif"); text-align:center; font-family:"Hiragino Kaku Gothic Pro", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;}

form { margin:0;}

img { border: none;}

.clear { clear: both;}

h1,h2,h3,h4,h5,h6,b,DT,caption {
    font-family: "Hiragino Kaku Gothic Pro", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
    font-weight: bold;
    }

a:link, a:visited { color:#11F}
a:active, a:hover { color:#F06;}


#sheet{
    position: relative;
    width:856px;
    padding-bottom: 20px;
    margin: 0 auto;
    text-align: left;
    background: #FFF url("../images/common/back_sheet.gif") repeat-y;
    }

a.small_news {
    display: block;
    position: absolute;
    margin: 8px 0 0 602px;
    padding: 1px 1px 0px 1px;
    font-size:11px;
    background: #FFF;
    }
    
#main #foot {
    margin: 5px 15px 15px 0;
    _margin-top:20px;
    padding: 6px;
    font-size: 12px;
    line-height: 150%;
    color: #222;
    text-align: center;
    border-top: double 0px #aaa;
    background: #f8f8f6;
    }

#main div.foot_banner {
    margin:10px 0 15px 30px;
    _margin:0px 0 5px 30px;
    } 
#main div.foot_banner a {
    display: block;
    margin-right: 5px;
    float: left;
    margin-bottom: 0;
    }


/*　ヘッドメニュー　-------------------------------------------------------------------------*/

.hide {
    visibility: hidden;
    }

#headmenu a {
    display: block;
    width: 100%;
    height: 45px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }

#totop {
    background: url("../images/common/head/head_menu_top.gif") no-repeat;
    }
#tocart {
    background: url("../images/common/head/head_menu_cart.gif") no-repeat;
    }
#topay {
    background: url("../images/common/head/head_menu_pay.gif") no-repeat;
    }
#topresent {
    background: url("../images/common/head/head_menu_member.gif") no-repeat;
    }
  
#totop:hover {
    background-position: 0px -45px;
    }
#tocart:hover {
    background-position: 0px -45px;
    }
#topay:hover {
    background-position: 0px -45px;
    }
#topresent:hover {
    background-position: 0px -45px;
    }

div#small_navi {
    float: right;
    }
div#small_navi a {
    display: block;
    width: 6.5em;
    margin: 0 20px 18px 0;
    padding: 1px 2px 2px 2px;
    font-size:8px;
    text-decoration: none;
    text-align: center;
    font-family: "MS Gothic", "ＭＳ ゴシック";
    color:#FFF;
    background: #FF92b0;
    }

/*　サイドメニュー　-------------------------------------------------------------------------*/

#side {
    display: inline;
    width: 175px;
    margin: 10px 0 0 20px;
    float: left;
    }

#side DT,#side ul,#side ul li {
    margin: 0;
    padding: 0;
    }
    
#side DL.menu {
    margin: 0 0 4px 0;
    padding: 0;
    width: 175px;
    background: url("../images/common/side/side_menu_back.gif") repeat-y;
    }
    
#side DL.menu DT {
    display: block;
    background: url("../images/common/side/side_menu_top.gif") no-repeat;
    }
    
#side DL.menu DT img {
    margin: 9px 0 2px 10px; 
    }

#side DL.menu DD {
    margin: 0px;
    padding: 0 0 15px 0;
    background: url("../images/common/side/side_menu_bottom.gif") 0% 100% no-repeat;
    }

#side ul li {
    display: inline;
    list-style-type: none;
    }    

#side DL.menu DD a {
    display: block;
    margin: 0;
    padding: 4px 0 3px 0;
    text-decoration: none;
    color: #714F32;
    background: url("../images/common/side/side_menu_step.gif") 10px 45% no-repeat;
    }
    
#side DL.menu DD a:hover {
    background-position: 8px 45%;
    color: #f00;
    text-decoration: underline;
    }
    
#side DL.menu DD a span {
    display: block;
    margin: 0 0 0 25px;
    padding: 0;
    font-size: 12px;
    font-family: "ＭＳ ゴシック";
    line-height: 1.0em;
    }
    
#side DL.menu DD div.menu_line {
    margin:0 15px 0 10px;
    padding:10px 0 0 0;
    background:url("../images/common/line_side.gif") center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_hit {
    display: inline;
    padding-right:30px;
    background:url("../images/common/hit.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_new {
    display: inline;
    padding-right:35px;
    background:url("../images/common/new4.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_sale {
    display: inline;
    padding-right:35px;
    background:url("../images/common/sale.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_pickup {
    display: inline;
    padding-right:35px;
    background:url("../images/common/pickup.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_susume {
    display: inline;
    padding-right:34px;
    background:url("../images/common/susume.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_beginner {
    display: inline;
    padding-right:11px;
    background:url("../images/common/side/beginner.gif") right center no-repeat;
    }


#side DL.sub {
    width: 175px;
    padding: 10px 0;
    margin:0;
    border: solid 0px #ddd;
    font-size: 11px;
    line-height: 120%;
    color:#444;
    _overflow: hidden;
    }
#side DL.sub DT {
    margin: 0 0 0 0;
    }
#side DL.sub DD {
    margin: 0 23px 15px 10px;
    }
#side DL.sub DD a {
    color: #444;
    }

/*　サイドアイテムメニュー　-----------------------------------------*/

#side DL.menu_items {
    margin: 0 0 9px 0;
    padding: 0;
    width: 175px;
    }
    
#side DL.menu_items DT {
    display: block;
    }
    
#side DL.menu_items DT img {
    margin: 3px 0 2px 7px; 
    }
#side DL.menu_items DD {
    margin: 0px ;
    }

#side DL.menu_items DD a {
    display: block;
    margin: 0;
    padding: 3px 0 2px 0;
    text-decoration: none;
    color: #714F32;
    background: url("../images/common/side/side_menu_step_blue.gif") 7px 45% no-repeat;
    }
#side DL.menu_items DD a:hover {
    background-position: 5px 45%;
    color: #f00;
    text-decoration: underline;
    }
#side DL.menu_items DD a span {
    display: block;
    margin: 0 0 0 22px;
    padding: 0;
    font-size: 12px;
    font-family: "ＭＳ ゴシック";
    line-height: 1.0em;
    }





/* カレンダー -------------------------------------------------------------------------*/
#calendar {
    font-size: 11px;
    color: #444;
    border-collapse: collapse;
    border:none;
    }
#calendar CAPTION {
    font-size: 12px;
    font-weight:bold;
    text-align: center;
    padding-bottom:5px;
    color:#f90;
    }
#calendar CAPTION small {
    font-weight: normal;
    }
#calendar TD {
    text-align: center;
    width: 20px;
    padding: 3px 0 1px 0;
    border-bottom: solid 2px #f9f6f3;
    }
#calendar TH {
    font-weight: normal;
    text-align:center;
    }
#calendar .holi {
    color: #c00;
    }
#calendar TD.holi {
    background: #fc9;
    }
#calendar .gray {
    color: #999;
    background: #eee;
    }
    
/*　ページメイン　-------------------------------------------------------------------------*/

#main {
	position: relative;
	display: inline;
	width: 645px;
	float: right;
	margin: 10px 7px 0 0;
	font-size: 12px;
	_font-size: 75%;
    _overflow: hidden;
	}

hr {
    margin: 0;
    padding: 0;
    visibility: hidden;
    }