@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}

table,img,p {
    border: 0;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Pゴシック", "MS PGothic", "Meiryo", Helvetica, Arial, sans-serif;
    color: #555555;
    background-color: #FFFFFF;
    font-size: 85%;
    line-height: 150%;
    letter-spacing:1px;
}

li {
    list-style-type: none;
}

body div {
  text-align: left;
  margin: 0 auto;
}

img {
 margin: 0px;
 padding: 0px;
}
#font-test{
font size: 80%;
}

/* リンク指定 */
a { overflow: hidden;}
a img { border: 0;}
a:link { color: #EB6E8F; text-decoration: underline;}
a:visited { color: #EB6E8F; text-decoration: underline;}
a:hover { color: #9966FF; text-decoration: none;}


/* 全体 */
#container {
 width: 914px;
 margin: 0 auto 0 auto;
 padding:0;
}

/* ヘッダー */
#header {
 width: 914px;
 height: 33px;
 margin: 0;
 background: url(images/img14.gif);
 color: #666666;
}

/* コンテンツ */
#content {
 width: 914px;
 margin: 0;
 padding: 0;
 background: url(images/img15.gif) repeat-y;
 clear: both;
}

/*------------------------- トップ左メニュー -------------------------*/

/* 左メニュー */
#left {
 width: 259px;
 margin-top: 15px;
 margin-left: 8px;
 padding: 0;
 display: inline;
 float: left;
}

/* ハート工房ロゴ */
#logo {
width: 259px;
height: 135px;
margin-bottom: 10px;
background: url(images/img03.gif) no-repeat;
font-size: 65%;
text-align: center;
letter-spacing:0;
}
.logo {
width: 259px;
height: 130px;
margin: 0;
padding: 0;
}

#logo span {
width: 259px;
text-indent:-9999px;
}


.logoin {
margin: 0;
padding: 0 0 0 0;
}
.logoin h1 {
width: 259px;
height: 130px;
margin: 0;
padding: 0;
background: #222222;
text-indent: -9999px;
}


/* ナビゲーション */
#navi {
 width: 239px;
 height: 110px;
 margin: 0 0 0 10px;
 padding: 0px;
 clear: both;
}

#navigation {
 margin: 0;
 padding: 0px;
 list-style: none;
 clear: both;
}

ul#navigation {
 margin: 0;
 text-indent: -9999px;
 float: left;
}

#navigation a {
 margin: 0;
 background: url(images/navi.jpg) no-repeat left center;
 text-decoration: none;
 overflow: hidden;
}


#navi1,
#navi1 a {
 display: block;
 width: 235px;
 height: 55px;
 margin: 0px;
 padding: 0px;

}

#navi2,
#navi2 a {
 display: block;
 width: 235px;
 height: 55px;
 margin: 0px;
 padding: 0px;
}


#navi1 a { background-position: 0px 0px;}
#navi2 a { background-position: 0px -55px;}
#navi1 a:hover { background-position: 0px -311px;}
#navi2 a:hover { background-position: 0px -366px;}




/* 商品カテゴリ */

.category_title {
 width: 231px;
 padding:0;
 margin: 10px 0 0 10px;
}

#shop-categori {
 width: 221px;
 padding: 15px 0 15px 10px;
 margin: 5px 0px 0px 10px;
 background: #FCE7EE;
 border: #CCCCCC solid 1px;
 list-style-position: outside; 
 clear: both;
 font-weight: bold;
overflow:hidden;
}

ul.shop-categori {
 margin: 0;
 padding: 0;
 float: left;

}
.shop-categori li {
 margin: 0px 0px 0px 0px;
 padding: 3px 0 3px 20px;
line-height: 150%;
 list-style-type: none;
 background: url("images/arrow_red.gif") no-repeat;
 background-position: left center;
}

/* お問い合わせ */
#mail-navi {
 width: 239px;
 height: 130px;
 margin: 6px 0 0 8px;
 padding: 0px;
 clear: both;
}

#mail-navigation {
 margin: 0;
 padding: 0px;
 list-style: none;
 clear: both;
}

ul#mail-navigation {
 margin: 0;
 text-indent: -9999px;
 float: left;
}

#mail-navigation a {
 margin: 0;
 background: url(images/navi.jpg) no-repeat;
 text-decoration: none;
 overflow: hidden;
}

#mail-navi1,
#mail-navi1 a {
  display: block;
  width: 235px;
  height: 137px;
  margin: 0px;
  padding: 0px;
}

#mail-navi1 a { background-position: 0px -175px;}
#mail-navi1 a:hover { background-position: 0px -486px;}


/* ブログボタン */
#blog {
 wigth: 239px;
 height: 220px;
 margin-top: 20px;
 margin-left: 10px;
 margin-bottom: 20px;
 padding: 0px;
 clear: both;
}

ul#blog {
 margin: 0;
 text-indent: -9999px;
 float: left;
}
#blog img {
 margin: 7px 0 0 0;
 padding: 0;
}

/* ECサイトナビゲーション */
#ecnavi {
  wigth: 239px;
  height: 300px;
  margin-right: 10px;
  margin-left: 8px;
  padding: 0px;
  clear: both;
}

#ecnavigation {
  margin: 0;
  padding: 0px;
  list-style: none;
  clear: both;
}

ul#ecnavigation {
  margin: 0;
  float: left;
  text-indent: -9999px;
}

#ecnavigation a {
  margin: 0;
  text-decoration: none;
  overflow: hidden;
  background: url(images/navi02.jpg) no-repeat;
}

#ecnavi1,
#ecnavi1 a {
  display: block;
  width: 235px;
  height: 35px;
  margin: 0px;
  padding: 0px;
}

#ecnavi2,
#ecnavi2 a {
  display: block;
  width: 235px;
  height: 32px;
  margin: 0px;
  padding: 0px;
}

#ecnavi3,
#ecnavi3 a {
  display: block;
  width: 235px;
  height: 34px;
  margin: 0px;
  padding: 0px;
}

#ecnavi4,
#ecnavi4 a {
  display: block;
  width: 235px;
  height: 33px;
  margin: 0px;
  padding: 0px;
}
#ecnavi5,
#ecnavi5 a {
  display: block;
  width: 235px;
  height: 33px;
  margin: 0px;
  padding: 0px;
}
#ecnavi6,
#ecnavi6 a {
  display: block;
  width: 235px;
  height: 33px;
  margin: 0px;
  padding: 0px;
}

#ecnavi1 a { background-position: 0px 0px;}
#ecnavi2 a { background-position: 0px -35px;}
#ecnavi3 a { background-position: 0px -67px;}
#ecnavi4 a { background-position: 0px -101px;}
#ecnavi5 a { background-position: 0px -134px;}
#ecnavi6 a { background-position: 0px -167px;}
#ecnavi1 a:hover { background-position: 0px -198px;}
#ecnavi2 a:hover { background-position: 0px -233px;}
#ecnavi3 a:hover { background-position: 0px -265px;}
#ecnavi4 a:hover { background-position: 0px -299px;}
#ecnavi5 a:hover { background-position: 0px -332px;}
#ecnavi6 a:hover { background-position: 0px -365px;}


/*------------------------- トップ右メニュー -------------------------*/

/* 右メニュー */
#right {
 width: 632px;
 margin: 10px 15px 10px 0px;
 padding: 0;
 float: right;
 display: inline;
}

/* 右メニュー トップFLASH */
#toping {
 width: 615px;
 margin: 0px 17px 0 17px;
}

/* 右メニュー トップイメージリンク */
#topinglink {
 width: 615px;
 margin: 12px 0px 0px 15px;
 padding: 0
}


/* 右メニュー トップ下部左 */
#topmain {
 width: 405px;
 margin: 15px 0 0 15px;
 float: left;
}

/* 新着情報top */
#newstop{
 width: 405px;
 margin: 0;
 padding: 0;
 background: #FFFFFF;
}
#newstop h2 {
 margin: 0;
 padding: 0;
 background: url(images/img17.gif) no-repeat left;
 text-indent: -9999px;
}
ul.newstop {
 margin: 6px 0 5px 2px;
 padding: 0;
 list-style: none;
}
.newstop li {
 margin: 3px 0 0 0;
 padding: 3px 0 0 14px;
 font-size: 85%;
 line-height: 160%;
 background: url("images/img24.gif") no-repeat left 2px ;
}
#newstop p{
 margin: 0;
 padding: 0;
}


#back-button {
 margin: 10px 0 25px 0;
 padding: 0;
 text-align: right;
}

/* トップページ商品ボタン */
#shopgoods{
 width: 420px;
 margin: 0;
 padding: 0;
 background: #FFFFFF;
}

#goods01{
 width: 420px;
 margin: 0;
 padding: 0 0 10px 0;
 background: #FFFFFF;
}

#goods02{
 width: 210px;
 margin: 0;
 padding: 0;
 background: #FFFFFF;
 float: left;
 display: inline;
}

#goods03{
 width: 210px;
 margin: 0;
 padding: 0;
 background: #FFFFFF;
 float: right;
 display: inline;
}


/* 右メニュー トップ下部右 */
#toplink {
 width: 182px;
 margin: 15px 0px 10px 0px;
 padding: 0;
 float: right;
}
ul.toplink {
 width: 187px;
 margin: 0;
 padding: 0;
 list-style: none;
}
.toplink li {
 margin: 0 0 10px 0;
 padding: 0;
}



/*-------------------- ハート工房page（ブログで作成） --------------------*/

/* 新着情報・お知らせ */
#newspage-titleunder {
 width: 600px;
 height: 30px;
 margin: 1px 0px 0px 10px;
 background: #FFC0CB;
}
#newspage-title {
 width: 594px;
 height: 24px;
 margin: 2px 2px 2px 2px;
 padding: 0;
 background: #EEA2AD;
 border: solid 1px #FFFFFF;
}

#newspage-title h2{
 width: 574px;
 margin: 4px 0px 0px 20px;
 font-size: 16px;
 color: #FFFFFF;
}
#newspage{
 width: 575px;
 margin-left: 10px;
 background: #FFFFFF;
 font-size: 80%;
 list-style-type: none;
}


/* ショッピングガイド */
#shopping-titleunder {
 width: 600px;
 height: 30px;
 margin-left: 10px;
 padding-top: 1px;
 background: #FFC0CB;
}
#shopping-title {
 width: 594px;
 height: 24px;
 margin: 2px 2px 2px 2px;
 padding: 0;
 background: #EEA2AD;
 border: solid　1px #FFFFFF;
}
#shopping-title h2{
 width: 580px;
 margin: 4px 0px 0px 20px;
 font-size: 16px;
 color: #FFFFFF;
}
#shopping-page {
 width: 570px;
 margin: 0px 15px 0px 15px;
 font-size: 80%;
 background: #FFFFFF;
 list-style-type: none;
}


/*-------------------- ハート工房page（ウェブページで作成） --------------------*/

/* リンクページ */
#link-titleunder {
 width: 600px;
 height: 30px;
 margin-left: 10px;
 padding-top: 1px;
 background: #FFC0CB;
}
#link-title {
 width: 594px;
 height: 24px;
 margin: 2px 2px 2px 2px;
 padding: 0;
 background: #EEA2AD;
 border: solid　1px #FFFFFF;
}
#link-title h2{
 width: 577px;
 margin: 4px 0px 0px 20px;
 font-size: 16px;
 color: #FFFFFF;
}
#linkpage{
 width: 577px;
 margin-left: 10px;
 font-size: 80%;
 background: #FFFFFF;
 list-style-type: none;
}


/* pageサイトポリシー */
#policy {
 width: 570px;
 margin: 10px 10px 0px 20px;
 font-size: 100%;
 float: left;
}
#policy-t h1{
 width: 550px;
 height: 20px;
 margin: 10px;
 font-size: 100%;
 text-align: center;
 color: #EB6E8F;
 clear:both;
}
#policy-m {    
 width: 570px;
 margin-bottom: 20px;
 font-size: 90%;
 line-heigh: 250%;
 border-top: 3px #FFC0CB dotted;
 border-bottom: 3px #FFC0CB dotted;
 padding-bottom:20px;
 clear:both;
}
.asset-footer {
 clear:both;
}


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

/* フッター */
#footer {
 width: 914px;
 height: 60px;
 margin: 0;
 padding:0;
 background: url(images/img12.gif) no-repeat;
 font-size: 100%;
 text-align: center;
 clear: both;
}
#footernavi {
 width: 914px;
 height: 20px;
 margin: 0;
 padding: 5px 0 0 0;
 font-size: 70%;
 text-align: center;
 color: #EB6E8F;
}
#footernavi ul {
 margin: 0;
 padding-bottom:10px;
 list-style-type: none;
overflow:hidden;
}
#footernavi li {
 margin: 0;
padding:0;
 display: inline;
}

/* コピーライト */
#copyright {
 color: #FFFFFF;
 height: 10px;
 width: 914px;
 margin: 0;
 padding: 0;
 font-size: 70%;
 color: #FFFFFF;
 text-align: center;
}
#copyright p {
 margin: 5px 0 0 0;
 padding: 0;
}

/*------------------------- page（別ブログで作成） -------------------------*/

/* pageハートブログ */
#heartblog-title {
 width: 600px;
 height: 50px;
 margin-left: 15px;
 padding-top: 10px;
 background: #FFC0CB;
}
#heartblog-title h2{
　width: 580px;
 margin-left: 20px;
 margin-top: 20px;
 font-size: 17px;
 color: #FFFFFF;
}
#heartblog{
 width: 600px;
 margin-left: 15px;
 padding-bottom: 10px;
 font-size: 90%;
 background: #FFFFFF;
 list-style-type: none;
 border-top: 3px #FFC0CB double;
 border-bottom: 3px #FFC0CB double;
}

#heart-archive {
 width: 600px;
 height: 25px;
 margin-left: 15px;
 padding-top: 10px;
 font-size: 75%;
 font-family: sans-serif;
}
#heart-archive h2{
 font-size: 100%;
 margin: 5px;
 color: #EB6E8F;
}


#heartblogh2{
 width: 600px;
 background: #FFFFFF;
 margin-bottom: 5px;
 padding-top: 10px;
 padding-bottom: 3px;
 border-bottom: 2px #FFC0CB dotted;
}

#heartblogh2 h2{
 font-size: 110%;
 margin: 5px;
 color: #EB6E8F;
}
#heartblog-m {
 width: 550px;
 margin-bottom: 5px;
 padding-bottom: 20px;
 padding-right: 20px;
 background: #FFFFFF;
}

#newblog {
 width: 220px;
 margin: 20px 10px 10px 10px;
 padding: 5px;
 background: #FFFFFF;
 border: #CCCCCC solid 1px;
 font-size: 80%;
}
#newblog h3{
 width: 210px;
 height: 17px;
 background: #FFC0CB;
 border: #FFC0CB solid 1px;
 font-size: 120%;
 margin: 0 0 5px 0;
 padding: 3px 0 0 10px;
 color: #444444;
}
#newblog dl {
 margin: 2px 0 2px 0;
 padding: 0;
}
#newblog dt {
 margin: 0 0 0 3px;
 padding: 0 0 0 12px;
 background: url("images/img24.gif") no-repeat left center;
}
#newblog dd {
 margin: 0;
 padding: 0;
}
#newblog dd.entry-meta {
 margin: 0 0 5px 0;
 padding: 0 0 0 15px;
}

#categori {
 width: 220px;
 margin: 20px 10px 10px 10px;
 padding: 5px;
 background: #FFFFFF;
 border: #CCCCCC solid 1px;
 font-size: 80%;
}
#categori h3{
 width: 210px;
 height: 17px;
 background: #FFC0CB;
 border: #FFC0CB solid 1px;
 font-size: 120%;
 margin: 0 0 5px 0;
 padding: 3px 0 0 10px;
 color: #444444;
}
#categori ul {
 margin: 0 0 0 7px;
 padding: 0;
 list-style-type: none;
}
#categori li {
 margin: 0 0 5px 0;
 padding: 2px 0 0 15px;
 background: url("images/img24.gif") no-repeat left center;
}


#side-archive {
 width: 220px;
 margin: 20px 10px 10px 10px;
 padding: 5px;
 background: #FFFFFF;
 border: #CCCCCC solid 1px;
 font-size: 80%;
}
#side-archive h3{
 width: 210px;
 height: 17px;
 background: #FFC0CB;
 border: #FFC0CB solid 1px;
 font-size: 120%;
 margin: 0 0 5px 0;
 padding: 3px 0 0 10px;
 color: #444444;
}
#side-archive ul {
 margin: 0 0 0 7px;
 padding: 0;
 list-style-type: none;
}
#side-archive li {
 margin: 0 0 5px 0;
 padding: 2px 0 0 15px;
 background: url("images/img24.gif") no-repeat left center;
}


/* 写真館 */

#photo {
 width: 620px;
 margin-left: 10px;
 padding: 0;
}
#photo-titile {
 width: 615px;
 height: 20px;
 border-bottom: 1px #888888 solid;
}

#card {
 width: 620px;
 margin-top: 20px;
 padding: 0;
 border-bottom: 1px #888888 solid;
}


/*-------------------- ＥＮＤ --------------------*/

.clearfix: after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */