/*  
Theme Name: CHOCOLAT
Theme URI: http://www.haifield.jp/
Description: haifield
Version: 1.0
Author: haifield
Author URI:  http://www.haifield.jp/
*/

* {
margin: 0;
padding: 0;
}

body {
  font-size:16px;
/*\*/
  font-size:100%;
/**/
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
/*font-family:"HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体",serif;*/
color: #4B1910;
text-align: center;
}
table {font-size: 100%;}

img {border: none;}
div.entry ul, div.entry ol { margin: 0px 30px;}
a:link, a:visited {color: #69c; text-decoration: none;}
a:hover {color: #69f; text-decoration: underline;}

.float_l { float: left;}
.float_r { float: right;}
.clear {clear: both;}

p img {max-width: 100%;}
.alignright {float: right;}
.alignleft {float: left;}
img.alignright {margin: 0 0 20px 20px;}
img.alignleft {margin: 0 20px 20px 0;}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}


/*----------------------------
             FRAME
----------------------------*/
#page {
width: 900px;
margin: auto;
text-align: left;
font-size: 82%;
}

#content {
width: 730px;
float: right;
line-height: 150%;
}
#content_body {
margin: 0 0 0 50px;
width: 680px;
}


/*----------------------------
             HEAD
----------------------------*/
#head {
width: 900px;
height: 50px;
}
#logo {
float: left;
width: 200px;
}
#head h1 {
color: #555;
font-size: 82%;
font-weight: normal;
padding: 15px 0 0 3px;
float: left;
}
#head div {
text-align: right;
padding: 10px 0 0 3px;
float: right;
}

a#font_s img {
margin: 0 0 0 5px;
background: url(http://www.chocolat2007.jp/img/font_s_off.gif);
}
a:hover#font_s img {
margin: 0 0 0 5px;
background: url(http://www.chocolat2007.jp/img/font_s.gif);
}
a#font_m img {
margin: 0 0 0 5px;
background: url(http://www.chocolat2007.jp/img/font_m.gif);
}
a#font_l img {
margin: 0 0 0 5px;
background: url(http://www.chocolat2007.jp/img/font_l_off.gif);
}
a:hover#font_l img {
margin: 0 0 0 5px;
background: url(http://www.chocolat2007.jp/img/font_l.gif);
}

#main_img {
width: 680px;
height: 170px;
background: url(http://www.chocolat2007.jp/img/cat_main_bg.jpg);
}
h2#page_title {
text-align: right;
color: #FEFFEE;
padding: 140px 15px 0 0;
font-size: 130%; 
}

#path {
clear: both;
padding: 5px 0 0 0;
font-size: 80%;
text-align: right;
}


/*----------------------------
           SIDEBAR
----------------------------*/
#sidebar {
width: 170px;
float: left;
padding: 0 0 30px 0;
}
#sidebar ul {
margin: 20px 0;
background: url(http://www.chocolat2007.jp/img/line.gif) repeat-x;
list-style: none;
}
#sidebar li {
margin: 0;
padding: 13px 0 13px 0;
background: url(http://www.chocolat2007.jp/img/dot.gif) no-repeat bottom;
list-style: none;
}
#sidebar li ul {
background: none;
margin: 5px 0 0 0;
}
#sidebar li li {
border-top: none;
margin: 0 4px;
padding: 8px 0 0 10px;
list-style: none;
background:none;
}

#sidebar li a{
text-decoration: none;
color: #4B1910;
padding: 0 0 0 15px;
background: url(http://www.chocolat2007.jp/img/arrow.gif) no-repeat 0%;
}
#sidebar li a:hover{
text-decoration: none;
color: #4B1910;
padding: 0 0 0 15px;
background: url(http://www.chocolat2007.jp/img/arrow_on.gif) no-repeat 0%;
}

div.entry_13 {
height: 31px;
background: url(http://www.chocolat2007.jp/img/rank_1.gif) no-repeat 0%;
margin: 15px 0;
}
div.entry_13 p {
padding: 15px 0 0 60px;
}
div.entry_12 {
height: 31px;
background: url(http://www.chocolat2007.jp/img/rank_2.gif) no-repeat 0%;
margin: 0 0 5px 0;
}
div.entry_12 p,
div.entry_11 p {
padding: 11px 0 0 60px;
}
div.entry_11 {
height: 31px;
background: url(http://www.chocolat2007.jp/img/rank_3.gif) no-repeat 0%;
}

#left_rank a{
text-decoration: none;
color: #4B1910;
}
#left_rank a:hover{
text-decoration: underline;
color: #4B1910;
}

#left_qr {
text-align: center;
}
#left_qr div {
text-align: left;
font-size: 0.8em;
color: #444;
padding: 0 10px;
}


/*----------------------------
           FOOT
----------------------------*/
#foot {
clear: both;
background: url(http://www.chocolat2007.jp/img/line.gif) no-repeat;
height: 150px;
}
#foot h3 {
text-align: right;
font-weight: normal;
font-size: 90%;
padding: 5px 0 10px 20px;
line-height: 130%;
}
#foot span {
font-size: 110%;
}
#foot p {
line-height: 50px;
text-align: center;
color: #888;
font-size: 90%;
}


/*----------------------------
           INDEX
----------------------------*/
div#top_entry {
margin: 30px 0 0px 0;
}
div#top_entry img{
padding: 4px;
border: 1px solid #E4DDCC;
}

div#top_recommend {
clear: both;
}
div#top_recommend h2{
margin: 0;
}
div.top_recommend {
width: 115px;
float: left;
background: url(http://www.chocolat2007.jp/img/dot.gif) no-repeat bottom;
margin: 0 10px 0 10px;
text-align: center;
}
    /* hide from Mac IE \*/
    * html div.top_recommend { margin: 0 8px 0 8px; }
    /* */ 

div.top_recommend div.entry {
padding: 0;
margin: 0;
}
div.top_recommend div.entry p {
padding: 5px 0;
}
div.top_recommend p {
padding: 0 0 5px 0;
}
div.top_recommend img {
width: 115px;
height: 115px;
}
div.top_recommend h3 {
font-size: 100%;
padding: 0;
font-weight: normal;
}

div#top_news {
padding: 20px 0 0 0;
clear: both;
}
div.top_news {
width: 330px
}
ul.index_news {
list-style: none;
margin: 10px 0 30px 0;
}
ul.index_news li{
padding: 8px 0;
background: url(http://www.chocolat2007.jp/img/dot.gif) no-repeat bottom;
}
ul.index_news span{
font-size: 90%;
padding: 0 10px 0 0;
}
ul.index_news li a{
text-decoration: none;
padding: 0 0 0 15px;
background: url(http://www.chocolat2007.jp/img/arrow.gif) no-repeat 0%;
}
ul.index_news li a:hover {color: #69f; text-decoration: underline;}


/*----------------------------
           ARCHIVE
----------------------------*/
h2.entry_title {
line-height: 47px;
padding: 0 0 0 40px;
background: url(http://www.chocolat2007.jp/img/bg_h2.gif) no-repeat;
font-weight: normal;
color: #c00;
font-size: 18px;
clear: both;
}
div.entry {
padding: 20px 5px;
line-height: 180%;
}
div.entry h3{
margin: 10px 0 0 0;
color: #930;
padding: 0 0 0 16px;
background: url(http://www.chocolat2007.jp/img/bg_h3.gif) no-repeat ;
line-height: 30px;
font-size: 110%;
clear: both;
font-weight: normal;
}
div.entry p{
padding: 10px 0;
}

div.news_date {
text-align: right;
}

div.more_link {
text-align: right;
background: url(http://www.chocolat2007.jp/img/line.gif) no-repeat;
}


/*----------------------------
           CAKE
----------------------------*/
div.post_cake {
width: 310px;
float: left;
background: url(http://www.chocolat2007.jp/img/dot.gif) no-repeat bottom;
margin: 0 0 10px 20px;
}
div.post_cake div.entry {
padding: 5px 20px 10px 0;
float: left;
}
div.post_cake p {
padding: 0 0 10px 0;
}
div.post_cake h3 {
font-size: 100%;
padding: 10px 0 0 0;
}

div.post_entremets {
background: url(http://www.chocolat2007.jp/img/dot.gif) no-repeat bottom;
margin: 0 0 10px 20px;
clear: both;
min-height: 160px;
height: auto !important;
height: 160px;
}
div.post_entremets div.entry {
padding: 5px 20px 0 0;
float: left;
}
div.post_entremets p {
padding: 0 0 10px 0;
}
div.post_entremets h3 {
font-size: 100%;
padding: 10px 0;
}

div.entremets_info {
margin: 10px 0 10px 20px;
clear: both;
}
div.entremets_info h3 {
background: url(http://www.chocolat2007.jp/img/dot.gif) no-repeat bottom;
padding: 0 0 5px 0;
font-size: 100%;
}
div.entremets_info p {
padding: 0 0 10px 0;
}
div.entremets_info ul {
float: left;
list-style: none;
width: 300px;
line-height: 180%;
padding: 0 0 30px 0;
}


/*----------------------------
           IMG
----------------------------*/
img.align-left {
float: left;
margin: 5px 20px 10px 0;
}
img.align-right {
float: right;
margin: 5px 0 10px 20px;
}


/*----------------------------
           TABLE
----------------------------*/
table#inq {
width: 620px;
}
table#inq th,
table#inq td {
text-align: left;
padding: 10px 5px;
vertical-align: top;
font-weight: normal;
background: url(http://www.chocolat2007.jp/img/dot.gif) no-repeat bottom;
}
table#inq th.line,
table#inq td.line {
background: url(http://www.chocolat2007.jp/img/line.gif) no-repeat bottom;
}
table#inq th.none,
table#inq td.none {
background: none;
}
table#inq th span {
color: #c00;
font-size: 120%;
}
table#inq input.wpcf7-validates-as-required,
table#inq input.txt {
width: 300px;
height: 20px;
border: 1px solid #ccc;
margin: 3px;
}
table#inq input.cake, table#inq input.size {
height: 20px;
border: 1px solid #ccc;
margin: 3px;
}
table#inq input.cake {width: 150px;}
table#inq input.size {width: 50px;}
table#inq textarea {
width: 400px;
height: 150px;
border: 1px solid #ccc;
margin: 3px;
}
table#inq input.sub_btn {
border-top: 3px double #AD958F;
border-left: 3px double #AD958F;
border-bottom: 3px double #7B554D;
border-right: 3px double #7B554D;
background: #fff;
padding: 10px 100px;
font-weight: bold;
color: #c00;
}

table#tbl_corp,
table.showroom {
margin: 10px 20px;
}
table#tbl_corp th {
text-align: right;
color: #99CC00;
letter-spacing: 0.1em;
}
table#tbl_corp th,
table#tbl_corp td {
vertical-align: top;
border-bottom: 1px solid #ccc;
padding: 8px;
}
table#tbl_corp td {
background: url(http://www.ryukyu-ina.co.jp/img/arrow_bl.gif) no-repeat 0 18px;
padding: 8px 8px 8px 15px;
}

div.googlemaps {
border: 1px solid #E4DDCC;
padding: 4px;
}


/*----------------------------
           ETC
----------------------------*/
br.spacer_ {
margin: 0 0 -20px 0;
}

#post-1707 p.clear {
background: url(http://www.chocolat2007.jp/img/dot.gif) repeat-x top;
padding-top: 20px;
}