/*  
Theme Name: MIMU de HOMME
Theme URI: 
Description: 
Version: 1.0
Author: HAIFIELD
Author URI:  http://www.haifield.jp/

*/



/* Begin Typography & Colors */
* {
margin: 0;
padding: 0;
}

body {
margin: 5px 0 0 0;
background: #fff;
font-size: 12px;
color: #555;
font-family: sans-serif;
text-align: center;
}

img { border: none;}
hr {
clear: both;
border: 0px;
color: #f3f3f3;
margin-bottom: 30px;
}
a:link, a:visited {color: #36f; text-decoration: none;}
a:hover {color: #58f; text-decoration: underline;}

/*div:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
div {
	display:inline-block;
}*/

.clear { clear: both;}
.m_bottom10 { margin-bottom: 10px;}
.l { text-align: left;}
.r { text-align: right;}
.c { text-align: center;}
img.alignleft { float: left;}
img.alignright { float: right;}

#wrap {
width:780px;
margin: auto;
}
#contents {
margin: 30px 0 0 0;
}
#contents_body {
background: #f3f3f3;
padding: 30px 20px;
text-align: left;
}

/*====================
         HEAD
====================*/
#head {
height: 130px;
text-align: left;
}
#head_body {
height: 100px;
width: 100%;
padding: 5px 0 0 0;
}
#head_body img {
margin: 15px 0 0 0;
}
#head_menu {
padding: 11px 0 0 0;
background: url(http://www.mimu-de-homme.com/img/bg_headmenu.gif) no-repeat;
}
#head_menu div {
float:left;
}
#head_body h1 {
font-size: 85%;
font-weight: normal;
text-align: right;
}
#logo {
float: left;
margin: 10px 0 0 0;
}
#top_news {
width: 380px;
float: right;
padding: 0 10px 5px 10px;
margin: 8px 0 0 0;
border: 3px double #CADBFF;
}
#top_news li{
list-style: none;
border-bottom: 1px dotted #ccc;
margin: 0 0 3px 3px;
}
.news_date {font-size: 11px;}

#top_news a:link,
#top_news a:visited {color: #888; text-decoration: none;}
#top_news a:hover {color: #666; text-decoration: underline;}

/*====================
         FOOT
====================*/
#foot {
width: 100%;
margin: 20px 0 0 0;
text-align: right;
padding: 20px 0 0 0;
background: url(http://www.mimu-de-homme.com/img/bg_foot.gif) no-repeat;
}
#foot p {
font-size: 85%;
letter-spacing: 0.1em;
}

/*====================
       ARCHIVE
====================*/
#entry {
margin: 0;
clear: both;
}
#entry div.entry_title {
height: 62px;
margin: 0;
}
#entry h2 {
padding: 0 0 0 50px;
font-size: 16px;
line-height: 62px;
color: #f90;
}
#entry h3 {
color: #fff;
background: #8DB7F5;
padding: 0 5px;
font-size: 16px;
border-left: 3px solid #36c;
}
#entry div.entry_body {
padding: 10px 5px 10px 5px;
}
#entry p.entry_foot {
text-align: right;
padding: 0 5px 0 0;
font-size: 85%;
margin: 0 0 10px 0;
border-top: 1px solid #999;
}

/*====================
       NEWS
====================*/
div.entry_1 {
padding-left: 30px;
}
.entry_title_1 h2{
font-size: 12px;
font-weight: normal;
text-align: right;
border-bottom: 1px solid #B9D8E7;
}
.entry_1 h2{
font-size: 12px;
color: #39c;
margin: 10px 0px 5px 0
}
.entry_1 h2 span {
font-size: 12px;
color: #555;
font-weight: normal;
margin: 10px 0px 5px 0
}
.entry_body_1 {
line-height: 180%;
margin: 0 0 20px 70px;
border-left: 1px solid #B9D8E7;
border-bottom: 1px solid #B9D8E7;
padding: 10px 10px 0 10px;
background: #fff;
width: 580px;
}

    /* hide from Mac IE \*/
    * html div.entry_body_1 {
margin: 0 0 20px 85px;
}
    /* */ 
.entry_body_1 p {
margin: 0 0 10px 0;
}
div.news_navi {
width: 100%;
clear: both;
padding: 5px 0 0 0;
background: url(http://www.mimu-de-homme.com/img/dot_xxx.gif) repeat-x top;
}
div.news_navi div.next a {
padding: 0 0 0 20px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 0px 2px;
}
div.news_navi div.pre a {
padding: 0 20px 0 0;
height: 20px;
background: url(http://www.mimu-de-homme.com/img/arrow_pre.gif) no-repeat right 2px;
}

/*====================
       SHOP INFO
====================*/
#cat_3 dl, #cat_5 dl {
/*width: 330px;*/
}
#cat_3 dt, #cat_3 dd,
#cat_5 dt, #cat_5 dd {
float: left;
border-top: 1px solid #B9D8E7;
padding: 10px 0;
line-height: 20px;
}
#cat_3 dt.dl_head,
#cat_3 dd.dl_head,
#cat_5 dt.dl_head,
#cat_5 dd.dl_head {
float: left;
border-top: 0px solid #B9D8E7;
padding: 0 0 10px 0;
line-height: 20px;
}
#cat_3 dt, #cat_5 dt {
color: #39c;
width: 80px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 64px 14px;
}

    /* hide from Mac IE \*/
    * html #cat_3 dt {
width: 90px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 71px 14px;
}
    /* */
    /* hide from Mac IE \*/
    * html #cat_5 dt {
width: 90px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 71px 14px;
}
    /* */

#cat_3 dt.dl_head,
#cat_5 dt.dl_head {
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 64px 4px;
}

    /* hide from Mac IE \*/
    * html #cat_3 dt.dl_head {
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 71px 4px;
}
    /* */
    /* hide from Mac IE \*/
    * html #cat_5 dt.dl_head {
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 71px 4px;
}
    /* */

#cat_3 dd, #cat_5 dd {
width: 250px;
}

    /* hide from Mac IE \*/
    * html #cat_3 dd {
width: 240px;
}
    /* */
    /* hide from Mac IE \*/
    * html #cat_5 dd {
width: 240px;
}
    /* */

/*====================
       STAFF
====================*/
div.staff_thumb {
width: 75px;
text-align: center;
float: left;
margin: 20px 20px 0 0;
}
div.staff_thumb img {
border: 1px solid #B9D8E7;
margin: 0 0 5px 0;
}
div.staff_thumb a {
color: #666;
}

div#sidebar {
width: 100px;
float: left;
}
#sidebar li{
list-style: none;
border-bottom: 1px solid #B9D8E7;
line-height: 30px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 80px 10px;
padding: 0 0 0 10px;
}
div.entry_arc {
float: left;
margin: 0 0 0 40px;
width: 600px;
}
div#entry_bod {
width: 100%;
}
div.entry_arc h2 {
margin: 10px 0 20px 0;
border-left: 5px solid #B9D8E7;
border-bottom: 1px solid #B9D8E7;
padding: 0 0 0 10px;
font-size: 12px;
font-weight: normal;
}
div.entry_arc h3 {
margin: 0 0 10px 10px;
font-size: 12px;
font-weight: normal;
padding: 10px 0 10px 0;
line-height: 20px;
border-bottom: 3px double #B9D8E7;
}
div.entry_arc dl {
width: 330px;
padding: 0 0 0 10px;
}
div.entry_arc dt, div.entry_arc dd {
float: left;
line-height: 20px;
}
div.entry_arc dt {
color: #39c;
width: 100px;
}
div.entry_arc dd {
width: 230px;
}
    /* hide from Mac IE \*/
    * html div.entry_arc dd {
width: 220px;
}
    /* */

/*====================
       HISTORY
====================*/
div.his_entry {
padding: 10px 0 10px 20px;
background: url(http://www.mimu-de-homme.com/img/dot_xxx.gif) repeat-x bottom;
}
div.his_title {
font-family: Courier New;
font-size: 20px;
color: #39c;
width: 80px;
float: left;
line-height: 130%;
}
div.his_body {
float: right;
width: 630px;
padding: 0 0 0 10px;
background: url(http://www.mimu-de-homme.com/img/dot_yyy.gif) repeat-y left;
line-height: 180%;
}
div.navigation {
clear: both;
margin: 0 20px;
padding: 5px 0 0 0;
}
div.navigation div.next a {
padding: 0 0 0 20px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 0px 2px;
}
div.navigation div.pre a {
padding: 0 20px 0 0;
height: 20px;
background: url(http://www.mimu-de-homme.com/img/arrow_pre.gif) no-repeat right 2px;
}

/*====================
       COLLECTION
====================*/
div.collection_navi {
width: 550px;
clear: both;
margin: 0 20px 0 0;
padding: 5px 0 0 0;
background: url(http://www.mimu-de-homme.com/img/dot_xxx.gif) repeat-x top;
}
div.collection_navi div.next a {
padding: 0 0 0 20px;
height: 20px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 0px 2px;
}
div.collection_navi div.pre a {
padding: 0 20px 0 0;
height: 20px;
background: url(http://www.mimu-de-homme.com/img/arrow_pre.gif) no-repeat right 2px;
}

/*====================
       RECRUIT
====================*/
div.entry18 {
float: left;
border-top: 3px solid #B9D8E7;
border-bottom: 1px solid #B9D8E7;
background: #FFF;
margin: 0 0px 20px 20px;
width: 360px;
}

    /* hide from Mac IE \*/
    * html div.entry18 {
margin: 0 10px 20px 10px;
}
    /* */ 

div.entry21 {
border-top: 3px solid #B9D8E7;
border-bottom: 1px solid #B9D8E7;
background: #FFF;
margin: 0 20px 0 20px;
width: 740px;
}
div.entry18 dl {
width: 330px;
margin: 12px;
}
div.entry21 dl {
margin: 12px;
}
div.entry18 dt, div.entry18 dd,
div.entry21 dt, div.entry21 dd {
float: left;
border-top: 1px solid #B9D8E7;
padding: 10px 0;
line-height: 20px;
}
div.entry18 dt.dl_head,
div.entry18 dd.dl_head,
div.entry21 dt.dl_head,
div.entry21 dd.dl_head{
float: left;
border-top: 0px solid #B9D8E7;
padding: 0 0 10px 0;
line-height: 20px;
}
div.entry18 dt {
color: #39c;
width: 80px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 61px 14px;
}
div.entry21 dt {
color: #39c;
width: 120px;
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 101px 14px;
}
div.entry18 dt.dl_head {
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 61px 4px;
}
div.entry21 dt.dl_head {
background: url(http://www.mimu-de-homme.com/img/arrow.gif) no-repeat 101px 4px;
}
div.entry18 dd {
width: 250px;
}
div.entry21 dd {
width: 596px;
}

/*====================
       LUCKY
====================*/
#cat_7 {
margin: 0 50px 20px 50px;
line-height: 120%;
}
#cat_7 p {
margin: 0 0 20px 0;
line-height: 150%;
}
div#cat_7 div.agr {
border-left: 10px solid #99CCFF;
border-top: 1px solid #99CCFF;
border-right: 1px solid #99CCFF;
border-bottom: 1px solid #99CCFF;
padding: 10px;
line-height: 150%;
}
#cat_7 table{
font-size: 12px;
width: 100%;
}
#cat_7 p.coupon {
line-height: 120%;
padding: 0 0 10px 10px;
background: url(http://www.mimu-de-homme.com/img/dot_yyy.gif) repeat-y left;
margin: 0;
}
#cat_7 p.limit {
line-height: 120%;
font-size: 11px;
background: url(http://www.mimu-de-homme.com/img/dot_yyy.gif) repeat-y left;
margin: 0;
}
#coupon {
display: none;
}

/*====================
       PRICE
====================*/
#price_tbl {
font-size: 12px;
line-height: 25px;
color: #666;
width: 680px;
margin: 0 30px;
}
#price_tbl th {
color: #39c;
font-weight: normal;
text-align: center;
}
#price_tbl th.row {
text-align: left;
padding: 0 0 0 10px;
}
#price_tbl th, #price_tbl td {
border-bottom: 1px solid #B9D8E7;
}
#price_tbl td {
text-align: center;
}
#price_tbl a {
color: #39c;
}


/*====================
       LINK
====================*/
div#cat_19 {
width: 100%;
}
#cat_19 a:link, #cat_19 a:visited {
color: #666;
}
#cat_19 a:hover {
color: #39c;
}
#cat_19 li {
margin: 0 100px;
list-style: none;
border-bottom: 1px solid #B9D8E7;
padding: 5px 10px;
line-height: 20px;
}


/*====================
       BLOG
====================*/
ul.blog_list {
list-style: none;
}
ul.blog_list li {
padding-bottom: 10px;
font-size: 12px;
}
ul.blog_list a {
font-weight: bold;
line-height: 20px;
}