@charset "euc-jp";
/* CSS Document */


/* 全ページ共通 */

* {
 margin: 0;
 padding: 0;
}

body {
 margin: 0 auto;
 color: #333;
 font-size: 12px;
 font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka;
 line-height: 1.6;
 background: #FDF9F7;
}
/* */

img {
 border-style: none;
 border-width: 0px;
 text-decoration: none;
 vertical-align: top;
}
a:link{ color: #4FA8C1;}
a:visited { color: #4FA8C1;}
a:hover { color: #DD8284;}


.hidden {
 display: none;
}


#wrap {
 width: 960px;
 margin: 0 auto ;
}


/* ------------------------- ヘッダー ------------------------- */

#head {
 width: 960px;
 height: 80px;
 background: url(../img/head.jpg) no-repeat 0 0;
 margin: 0 auto 10px;
}
#head h1 {
 height: 27px;
 margin: 0 ;
 color: #555;
 font-size: 10px;
 font-weight: normal;
 padding-top: 5px;
}
#head #head_logo {
 width: 252px;
 height: 48px;
 display: block;
}


/* ナビゲーション */

#head_navi {
 width: 960px;
 height: 38px;
 background: url(../img/head_navi.jpg) no-repeat 0 0;
 list-style-type: none;
 margin: 0 ;
}
#head_navi li {
 height: 38px;
 float: left;
}
#head_navi li a {
 height: 38px;
 display: block;
}
#head_navi #head_navi_01 a { width: 129px;}
#head_navi #head_navi_02 a { width: 132px;}
#head_navi #head_navi_03 a { width: 131px;}
#head_navi #head_navi_04 a { width: 132px;}
#head_navi #head_navi_05 a { width: 131px;}
#head_navi #head_navi_06 a { width: 132px;}
#head_navi #head_navi_07 a { width: 173px;}

#head_navi #head_navi_01 a:hover { background: url(../img/head_navi.jpg) no-repeat 0 bottom;}
#head_navi #head_navi_02 a:hover { background: url(../img/head_navi.jpg) no-repeat -129px bottom;}
#head_navi #head_navi_03 a:hover { background: url(../img/head_navi.jpg) no-repeat -261px bottom;}
#head_navi #head_navi_04 a:hover { background: url(../img/head_navi.jpg) no-repeat -392px bottom;}
#head_navi #head_navi_05 a:hover { background: url(../img/head_navi.jpg) no-repeat -524px bottom;}
#head_navi #head_navi_06 a:hover { background: url(../img/head_navi.jpg) no-repeat -655px bottom;}
#head_navi #head_navi_07 a:hover { background: url(../img/head_navi.jpg) no-repeat -787px bottom;}



/* リンク */

#head_link_l {
 float: left;
 padding-top: 5px;
 margin-top: 8px;
}
#head_link_r {
 float: right;
 list-style-type: none;
 margin-top: 8px;
}
#head_link_r li {
 float: left;
 padding-top: 5px;
 padding-left: 25px;
}
#head_link_r #head_link_r_cart { background: url(../img/head_icon_cart.gif) no-repeat 0 0; padding-right: 10px;}
#head_link_r #head_link_r_login { background: url(../img/head_icon_login.gif) no-repeat 0 0; padding-right: 10px;}
#head_link_r #head_link_r_myaccount { background: url(../img/head_icon_myaccount.gif) no-repeat 0 0; padding-right: 10px;}
#head_link_r #head_link_r_mailmaga { background: url(../img/head_icon_mailmaga.gif) no-repeat 0 0;}




/* ------------------------- メインエリア ------------------------- */

#main {
 width: 960px;
 margin: 0 auto;
 float: none;
 clear: both;
}
#main_left {
 width: 200px;
 float: left;
 padding: 15px 0;
}
#main_right {
 width: 745px;
 float: right;
 padding: 15px 0;
}

#main_right_left {
 width: 530px;
 float: left;
}
#main_right_right {
 width: 200px;
 float: right;
}



/* ------------------------- フッター ------------------------- */



/* ページトップへ */

#foot_btn_pagetop {
 width: 960px;
 height: 28px;
 margin: 0 auto;
 float: none;
 clear: both;
 padding-top: 30px;
}
#foot_btn_pagetop a {
 width: 182px;
 height: 28px;
 background: url(../img/foot_btn_pagetop.gif) no-repeat 0 0;
 margin-left: 778px;
 display: block;
}
#foot_btn_pagetop a:hover {
 background: url(../img/foot_btn_pagetop.gif) no-repeat 0 bottom;
}


/* リンク */

#foot {
 height: 250px;
 background: url(../img/foot_bg_link.jpg) repeat-x 0 0;
 padding-top: 20px;
}

#foot_link {
 width: 920px;
 margin: 0 auto 10px;
}

#foot_link .foot_link_box {
 width: 184px;
 float: left;
 padding-bottom: 20px;
}
#foot_link .foot_link_box h3 {
 font-size: 12px;
 color: #DD8284;
 line-height: 1.3;
 padding-left: 12px;
 background: url(../img/icon_arrow_01.gif) no-repeat 0 5px;
 margin-bottom: 5px;
 margin-left: 15px;
}
#foot_link .foot_link_box h3 a { color: #DD8284; text-decoration: none;}
#foot_link .foot_link_box h3 a:hover { color: #DD8284; text-decoration: underline;}

#foot_link .foot_link_box ul {
 list-style-type: none;
 margin-left: 27px;
 margin-bottom: 15px;
}
#foot_link .foot_link_box ul a { color: #555555;}
#foot_link .foot_link_box ul a:hover { color: #555555; text-decoration: none;}

#foot_link address {
 width: 308px;
 height: 11px;
 background: url(../img/foot_copyright.gif) no-repeat 0 0;
 display: block;
 float: none;
 clear: both;
 margin: 0 auto;
}