@charset "UTF-8";

/* ----------------------------------------------------------------
    Common
----------------------------------------------------------------- */

/* Reset
----------------------------------------------------------------- */
.content div, .content span,
.content h1, .content h2, .content h3, .content h4,
.content p,
.content ul, .content ol, .content li,
.content dl, .content dt, .content dd,
.content table, .content th, .content td,
.content form{
margin:0;
padding:0;
}

.content ul{
list-style:none;
}

/* Base Settings
----------------------------------------------------------------- */
.content{
margin-bottom:20px;
width:600px;
line-height:1;
font-family:"ＭＳ Ｐゴシック",Osaka;
font-size:12px;
text-align:left;
}

.content table{
font-size:100%;
}

.content img{
vertical-align:bottom;
border:0;
}

.content em{
font-style:normal;
}

.content .layoutimg{
font-size:0;
}

.content div.CageForm td.btn-addfavorite{
padding-left:5px;
}

.content div.CageForm td.balloon img{
vertical-align:middle;
}

/* Common Modules
----------------------------------------------------------------- */
.content .mod-mb-05{
margin-bottom:5px !important;
}

/* Navigation
----------------------------------------------------------- */
ul.nav-branditem{
padding:0;
margin:0;
}

ul.nav-branditem li{
display:inline;
}

ul.nav-branditem li img{
border:none;
}

.brand-navi_wrap {
    width: 660px;
    margin-bottom: 20px;
    *zoom: 1;
}
.brand-navi_wrap:after {
  content: ""; 
  display: block; 
  clear: both;
}
.brand-navi_top{
    width: 660px;
}
#brand-navi {
    float: left;
	width: 660px;
	*zoom: 1;
	position:relative;
}
#brand-navi:after {
  content: ""; 
  display: block; 
  clear: both;
}
#brand-navi li {
	float: left;
}
#brand-navi .navnew{
	position: absolute;
	top: -15px;
	left: 180px;
}

/* ----------------------------------------------------------------
    index.html
----------------------------------------------------------------- */

/* Layout
----------------------------------------------------------------- */
#index{
padding-bottom:4px;
background:url(images/index_bg_main.jpg) no-repeat left bottom;
}

/* div.column-01 */
#index div.column-01{
margin:0;
padding:0;
}


/* div.lyt-wrap-01 */
#index div.lyt-wrap-01{
padding:0;
background:url(images/index_bg_main02.jpg) no-repeat 0 top;
}


/* div.product-02 */
#index div.product-02{
padding-bottom:3px;
margin:0 16px 10px 19px;
width:565px;
background:url(images/index_bg_01.png) no-repeat left bottom;
position:relative;
}

#index div.product-02 h2{
padding-bottom:16px;
}

#index div.product-02 .image{
margin-top:5px;
padding-left:12px;
float:left;
}

#index div.product-02 .image .icon-new{
position:absolute;
top:69px;
left:34px;
}

#index div.product-02 .detail{
float:right;
width:295px;
/width:319px;
margin-bottom:25px;
padding-right:24px;
}

#index div.product-02 .detail p.doc-normal-01{
margin-bottom:8px;
}

#index div.product-02 .detail ul{
margin-bottom:21px;
text-align:right;
}

/* div.product-01 */
#index div.product-01{
padding-bottom:20px;
margin:0 16px 10px 19px;
width:565px;
background:url(images/index_bg_09.png) no-repeat left bottom;
position:relative;
}

#index div.product-01 .image{
margin:20px 17px 0 0;
padding-left:17px;
float:left;
}

#index div.product-01 .image .icon-new{
position:absolute;
top:64px;
left:175px;
_left:192px;
z-index:10;
}

#index div.product-01 .detail{
float:right;
width:298px;
/width:318px;
margin-top:21px;
padding-right:20px;
}

#index div.product-01 .detail p.doc-normal-01{
margin-bottom:20px;
}


/* div.lyt-product */
#index div.lyt-product-01{
margin:0 17px 0px 19px;
}


#index div.lyt-product-01 div.column-L{
padding-bottom:20px;
float:left;
width:280px;
min-height:382px;
height:auto !important;
height:402px;
margin-bottom:22px;
background:url(images/index_bg_07.png) no-repeat left bottom;
}

#index div.lyt-product-01 div.column-R{
padding-bottom:20px;
float:right;
width:280px;
min-height:382px;
height:auto !important;
height:402px;
margin-bottom:22px;
background:url(images/index_bg_08.png) no-repeat left bottom;
}

/* div.lyt-detail-01 */
#index div.lyt-detail-01{
height:141px;
}


#index #index_extra{
margin:0px 0px 0 8px;
width:257px;
}

#index div.lyt-detail-01 p.doc-normal-01{
margin-left:5px;
margin-top:15px;
width:111px;
}

#index div.lyt-detail-02 p.doc-normal-01{
margin-left:5px;
margin-top:15px;
width:143px;
}


#index #index_extra div{
float:right;
}

#index #index_extra div.image{
float:left;
}


/* .div.CageForm */
#index div.CageForm p.itemname{
line-height:1.5;
}

#index div.CageForm p.itemname a:link,
#index div.CageForm p.itemname a:visited{
color:#006699;
}

#index div.CageForm p.itemname a:hover,
#index div.CageForm p.itemname a:active{
color:#006699;
}

#index div.lyt-product-01 div.CageForm,
#index div.lyt-product-02 div.CageForm{
width:257px;
margin:0 0 0 8px;
_margin-bottom:5px;
}

#index div.lyt-product-01 div.CageForm-inner,
#index div.lyt-product-02 div.CageForm-inner{
padding:0 0 0 18px;
}

#index div.lyt-product-01 dl.list-addfavorite-02,
#index div.lyt-product-02 dl.list-addfavorite-02{
margin-left:32px;
}

#index dl.list-addfavorite-02 dt{
float:left;
width:16px;
}

#index dl.list-addfavorite-02 dd{
margin:0 0 0 20px;
padding-top:5px;
width:195px;
line-height:1.45;
font-size:0.91em;
}


/* Text
----------------------------------------------------------------- */
#index p.doc-point-01{
margin-left:9px;
padding:8px 15px 0;
width:235px;
height:114px;
_width:265px;
_height:130px;
background:url(images/index_bg_02.gif) no-repeat left top;
line-height:2.4;
}

#index p.doc-normal-01{
line-height:1.5;
color:#32141e;
}

/* for Safari
----------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#index div.lyt-product-02 div.CageForm{
	font-size:0.91em;
	}
}


/* ----------------------------------------------------------------
    organic.html
----------------------------------------------------------------- */

/* Layout
----------------------------------------------------------------- */
#organic #section01{
position:relative;
zoom:1;
}

/* -01 */
#organic div-01{
width:600px;
background:url(images/organic_bg_lyt-detail-01.jpg) no-repeat left top;
}

#organic div-01 div.image{
float:left;
width:296px;
}

#organic div-01 div{
float:right;
width:304px;
color:#ffffff;
}

/* .box-ingredient */
#organic div.box-ingredient{
width:600px;
background:url(images/organic_bg_box-ingredient.jpg) no-repeat left top;
}

#organic div.box-ingredient-inner{
position:relative;
margin:0 30px 20px 32px;
height:334px;
background-color:#3d1404;
}

/* .column-01 */
#organic div.column-01{
width:600px;
}

#organic div.column-01 div.column-L{
float:left;
width:272px;
height:293px;
background:url(images/organic_bg_column-01.jpg) no-repeat left bottom;
}

#organic div.column-01 div.column-R{
float:right;
width:328px;
}

/* .div.CageForm */
#organic div.CageForm{
margin:12px 0 0 7px;
padding-top:10px;
background:url(images/organic_cageform_top.gif) no-repeat left top;
width:277px;
}

#organic div.CageForm-inner{
padding:0 20px 10px;
background:#421912 url(images/organic_bg_cageform_bottom.gif) no-repeat left bottom;
}

#organic div.CageForm table{
color:#ffffff;
}

#organic div.CageForm table a:link,
#organic div.CageForm table a:visited{
color:#4f9cf2;
}

#organic div.CageForm table a:hover,
#organic div.CageForm table a:active{
color:#ff6600;
}

#organic div.CageForm p.itemname{
line-height:1.66;
color:#a8b204;
}


/* Text
----------------------------------------------------------------- */
#organic p.doc-normal-01{
line-height:1.66;
}

#organic div-01 p.doc-normal-01{
margin:0 22px 0 4px;
}

#organic div.column-01 p.doc-normal-01{
margin:9px 3px 0 39px;
}

#organic em.em-style-01{
padding-bottom:4px;
background:url(images/organic_bg_em-style-01.gif) repeat-x left bottom;
}

#organic em.em-style-02{
padding-bottom:4px;
background:url(images/organic_bg_em-style-02.gif) repeat-x left bottom;
}

/* List
----------------------------------------------------------------- */
/* .list-addfavorite */
#organic #section01 dl.list-addfavorite{
position:absolute;
left:254px;
bottom:3px;
color:#ffffff;
font-size:0.86em;
}

#organic #section01 dl.list-addfavorite dt{
float:left;
width:15px;
}

#organic #section01 dl.list-addfavorite dd{
margin:10px 0 0 16px;
padding-top:3px;
width:325px;
}

/* .list-ingredient-01 */
#organic ul.list-ingredient-01{
margin-left:13px;
padding-top:201px;
}

#organic ul.list-ingredient-01 li{
margin-right:8px;
display:inline;
}

#organic ul.list-ingredient-01 li#organic_olieve{
position:absolute;
top:23px;
left:15px;
}

#organic ul.list-ingredient-01 li#organic_orange{
position:absolute;
top:23px;
left:166px;
}

/* .list-explanation-01 */
#organic dl.list-explanation-01{
position:absolute;
top:0;
left:318px;
}

#organic dl.list-explanation-01 dd{
padding:0 10px 8px 10px;
width:186px;
height:107px;
_width:206px;
_height:115px;
background:url(images/organic_bg_list-explanation-01.jpg) no-repeat left top;
line-height:1.5;
color:#32141e;
}

/* for Safari
----------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
    #organic #section01 dl.list-addfavorite{
    font-size:0.75em;
    }
	
    #organic div.box-ingredient p.doc-normal-01{
    font-size:0.91em;
    }
}


/* ----------------------------------------------------------------
    extra.html
----------------------------------------------------------------- */

/* Layout
----------------------------------------------------------------- */
#extra #section01{
position:relative;
zoom:1;
}

/* -01 */
#extra div-01{
width:600px;
background:url(images/extra_bg01.jpg) no-repeat left bottom;
}

#extra div-01 div.left-column{
float:left;
margin-bottom:60px;
width:284px;
background:url(images/extra_bg02.jpg) no-repeat left bottom;
}

#extra div-01 div.right-column{
float:right;
margin-bottom:60px;
}


/* .box-ingredient */
#extra div.box-ingredient{
width:600px;
background:url(images/extra_bg03.jpg) no-repeat left top;
}

#extra div.box-ingredient-inner{
width:540px;
position:relative;
margin:0 30px 5px 30px;
}

/* .fig */
#extra div.fig{
float:right;
display:inline;
margin-top:35px;
}

#extra div.box-ingredient-inner .fukidashi{
width:135px;
position:absolute;
top:12px;
left:275px;
}


/* .use */
#extra div.use{
width:550px;
position:relative;
margin:0 25px 0px 25px;
}

/* .div.CageForm */
#extra div.CageForm{
margin:0 0 10px 45px;
padding-top:2px;
width:220px;
}

#extra div.CageForm-inner{
padding:0;
}

#extra div.CageForm p.itemname strong{
line-height:1.66;
color:#0b4fa7;
}


/* Text
----------------------------------------------------------------- */
#extra p.doc-normal-01{
line-height:1.66;
}

#extra div.right-column p.doc-normal-01{
width:240px;
margin:10px 0 0 30px;
}

#extra div.use p.doc-normal-01{
position:absolute;
top:30px;
left:160px;
width:272px;
line-height:1.5;
}



#extra em.em-style-01{
padding-bottom:4px;
background:url(images/organic_bg_em-style-01.gif) repeat-x left bottom;
}

#extra em.em-style-02{
padding-bottom:4px;
background:url(images/organic_bg_em-style-02.gif) repeat-x left bottom;
}

/* List
----------------------------------------------------------------- */
/* .list-ingredient-01 */
#extra dl.list-ingredient-01{
padding-top:25px;
float:right;
width:315px;
}

#extra dl.list-ingredient-01 dt{
display:block;
padding-top:10px;
}

#extra dl.list-ingredient-01 dt.moisture{
margin-top:20px;
}

#extra dl.list-ingredient-01 dd{
line-height:1.4;
margin-left:5px;
}


/* .list-ingredient-notes */
#extra ul.list-ingredient-notes{
padding-top:10px;
}

#extra ul.list-ingredient-notes li{
font-size:80%;
line-height:1.5;
color:#999999;
}








#extra dl.list-ingredient-01 li#organic_olieve{
position:absolute;
top:23px;
left:15px;
}



/* .list-explanation-01 */
#organic dl.list-explanation-01{
position:absolute;
top:0;
left:318px;
}

#organic dl.list-explanation-01 dd{
padding:0 10px 8px 10px;
width:186px;
height:107px;
_width:206px;
_height:115px;
background:url(images/organic_bg_list-explanation-01.jpg) no-repeat left top;
line-height:1.5;
color:#32141e;
}

/* for Safari
----------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
    #organic #section01 dl.list-addfavorite{
    font-size:0.75em;
    }
	
    #organic div.box-ingredient p.doc-normal-01{
    font-size:0.91em;
    }
}


/* ----------------------------------------------------------------
    colorlip.html
----------------------------------------------------------------- */
#colorlip{
margin-bottom:15px;
border-left:2px #a72038 solid;
border-right:2px #a72038 solid;
border-bottom:2px #a72038 solid;
width:596px;
line-height:1.4;
color:#5a5250;
background-color:#fef4e5;
}

#colorlip #CommonCage{
width:242px;
/width:256px;
}
#colorlip #CommonCage .checkBox td p{
font-size:100%;
}

#colorlip ul.nav-branditem{
margin:0 -2px;
/margin-right:-6px;
/position:relative;
/zoom:1;
}

#colorlip div.content-header{
padding-bottom:13px;
position:relative;
min-height:365px;
height:auto !important;
height:365px;
background:url(images/colorlip_bg_01.png) no-repeat left 362px #fef4e5;
}
#colorlip div.content-header h1{
	text-align:center;
	background-color:#fff;
	padding:21px 0 15px;
}
#colorlip div.content-header p.txt-01{
text-align:center;
padding:18px 0 16px;
background-color:#fef4e5;
font-size:120%;
}
#colorlip div.content-header p.txt-01 span{
	color:#FF376D;
	font-weight:bold;
}

#colorlip div.content-body dl.box-01{
margin:0 0 22px 11px;
}

#colorlip div.content-body div.section-02 h2{
margin-bottom:14px;
}

#colorlip div.content-body div.section-02 div.box-02{
margin:0 0 23px 19px;
padding-bottom:1px;
width:564px;
background:url(images/colorlip_bg_02.png) no-repeat left bottom;
}
#colorlip div.content-body div.section-02 div.box-02 h3{
margin-bottom:19px;
}

#colorlip div.content-body div.section-02 div.box-02 div.lyt-product{
margin:0 16px 0 12px;
position:relative;
}
#colorlip div.content-body div.section-02 div.box-02 div.lyt-product div.column-L{
padding-left:62px;
float:left;
width:207px;
/width:269px;
}
#colorlip div.content-body div.section-02 div.box-02 div.lyt-product div.column-R{
float:right;
width:256px;
}

#colorlip div.content-body div.section-02 div.box-02 div.lyt-product p.img-item{
position:absolute;
top:0;
left:0;
}

#colorlip div.content-body div.section-02 div.box-02 div.lyt-product dl{
margin-bottom:20px;
width:202px;
}
#colorlip div.content-body div.section-02 div.box-02 div.lyt-product dl dt{
margin-bottom:0;
padding-bottom:29px;
background:url(images/colorlip_bg_03.gif) no-repeat left bottom;
}
#colorlip div.content-body div.section-02 div.box-02 div.lyt-product dl dd{
padding:0 15px 15px;
min-height:48px;
height:auto !important;
height:48px;
background:url(images/colorlip_bg_04.gif) no-repeat left bottom;
}

#colorlip div.content-body div.section-02 dl dt{
margin-bottom:-57px;
position:relative;
}
#colorlip .bn_happybox{
  text-align: center;
  margin-bottom: 20px;
}

/* ----------------------------------------------------------------
    Float Clearing
----------------------------------------------------------------- */
.content div.lyt-image:after,
.content div.lyt-column:after,
.content div.lyt-detail-01:after,
.content div.lyt-detail-02:after,
#index div.product-02:after,
#index div.product-01:after,
#index div.lyt-product-01:after,
#index div.lyt-product-02:after,
#colorlip div.content-body div.section-02 div.box-02 div.lyt-product:after{
clear:both;
visibility:hidden;
display:block;
height:0;
content:" ";
}

.content div.lyt-image,
.content div.lyt-column,
.content div.lyt-detail-01,
.content div.lyt-detail-02,
#index div.product-02,
#index div.product-01,
#index div.lyt-product-01,
#index div.lyt-product-02,
#colorlip div.content-body div.section-02 div.box-02 div.lyt-product{
zoom:1;
}