@charset "UTF-8";

/* //////////////////////////////////////////////////
[Base] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
	display: block;
}

/* --------------------------------------------------
	HTML, Body, Anchor
-------------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	height: 100%;
	color: black;
/*	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;*/
	font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
	font-size: 13px;
	line-height: 1.5;	
	word-break: break-all;
	color:#83734b;
} 

a {
	color: #78663e;
	text-decoration: none;
}
a:hover, a:active  {
	color: #78663e;
	text-decoration: none;
}

/* --------------------------------------------------
	Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.15em;
}

h1{font-size: 20px;}
h2{font-size: 17px;}
h3{font-size: 15px;}
h4{font-size: 12px;}
h5{font-size: 11px;}
h6{font-size: 10px;}

img{max-width:100%}
/* p {} */

/* --------------------------------------------------
	List
-------------------------------------------------- */

/* --------------------------------------------------
	Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* --------------------------------------------------
	Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}
object {
	vertical-align: middle;
	outline: none;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
small { font-size: 100%; }
abbr, acronym {
	border: none;
	font-variant: normal;
}
q:before, q:after { content: ''; }
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr { display: none; }

/* ------------------------------------------------------------
	For IE6/7
------------------------------------------------------------ */

/* for IE7: page zoom bug fix */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }


/* ------------------------------------------------------------
	Other
------------------------------------------------------------ */
.group:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.group {
  *zoom: 1;
}

/* //////////////////////////////////////////////////
[COMMON]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	container
-------------------------------------------------- */
#container {
    position: relative;
    width: 850px;
    margin:0 auto;
}

/* --------------------------------------------------
	siteHeader
-------------------------------------------------- */
#siteHeader {
    margin:0 auto;
    width: 850px;
    height:155px;
    z-index: 30;
/*    border-bottom: 1px #DDD solid;*/
    position:relative;
}
#siteName {
    cursor: pointer;
    border-bottom:1px solid #DDD;
    margin:35px 0px 18px;
    padding:10px 0 5px ;
}

#topright{
    position: absolute;
    top: 17px;
    right: 0;
    background: #fc6a7f;
    padding: 5px 10px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 1px;
}

#toiawase{
    position: absolute;
    top: 50px;
    right: 0;
    padding: 10px;
    font-size: 11px;
    color: #8a806d;
    letter-spacing: .018em;

}

#estore{
	letter-spacing:-.4em;
	padding:60px 0;
}
#estore h2{
	letter-spacing:0em;
	font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align:center;
}
#estore .col2{
	display:inline-block;
	width:50%;
	vertical-align:top;
}



#obi{
	width: 850px;
	height: 50px;
	background: #e7cdbc;
	margin: 8px 0 10px;
	text-align:centerl
}

#obi img{margin:3px 0 0}

#sitefooter{
	width: 850px;
	height: 128px;
	background: #FFF;
	z-index: 60;
	text-align: center;
	margin: 68px auto 0;
	position: relative;
	bottom: 0;
}



/* --------------------------------------------------
	navGlobal
-------------------------------------------------- */
#navGlobal {
    width: 850px;
    margin: 0 auto;
}
#navGlobal li {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding: 0 26px;
    margin: 0;
    list-style-type: none;
    background-repeat: no-repeat;
/*    display: inline-block;*/
    border-right: 1px solid #f2d4b9;
    letter-spacing: 2px;
	color: #78663e;
	font-weight:bold;

}
#navGlobal li:last-child {
    border:none;
}

ul.group {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* --------------------------------------------------
	copyright
-------------------------------------------------- */
#copyright {
	position: absolute;
	top: 65px;
	left:0px;
	font-size: 10px;
	text-align: right;
	padding:3px 0 0;
	color: #d7bdac;
	border-top: 1px solid #ddd;
	width: 850px;
}

#copyright a {
    text-decoration: none;
    color:#d7bdac;
}
#copyright a:hover {
    text-decoration: underline;
}

/* --------------------------------------------------
	copyright
-------------------------------------------------- */
.pageBlock {
    display: none;
    width: 100%;
}
.pageBlock.show {
    z-index: 10;
}

/* //////////////////////////////////////////////////
[HOME]
////////////////////////////////////////////////// */

#pageHome {
    display: block;
    background:#FFF;

}
#pageHome > * {
    /*position: absolute;*/
}

#pageHome .caption{
    display: block;
    background:#FFF;
    margin: 15px auto 0;
    padding:0px 0 8px;


}
.beautymedia{
	margin:20px 0 0;
	width:360px;
	float:right;
}
.beautymedia h1{
	width:360px;
	height:12px;
	background:url(img/media_h1.png) no-repeat;
	margin:5px 0 0;
	padding:0 0 7px;
	border-bottom:1px solid #DDD;
	text-indent:-999em;
}
.beautymedia img{
	margin:10px auto 10px;
}
.beautynews{
	margin:20px 0 0;
	width:450px;
	float:left;
	color:#403105;
}

.beautynews h1{
	width:450px;
	height:12px;
	background:url(img/news_h1.png) no-repeat;
	margin:5px 0 0;
	padding:0 0 7px;
	border-bottom:1px solid #DDD;
	text-indent:-999em;
}
dl.tbl {
    margin:5px;
    font-size:12px;
    width:450px;
}
dl.tbl dt {
    float:left;
    clear: left;
    width:70px;
    padding:5px;
}
dl.tbl dd {
    margin-left:80px;  
    padding:5px;
    width:350px;
}




/*サブページ共通*/
.caption {
	width: 850px;
	margin: 10px auto;
	padding:0px 0 20px;
	min-height: 290px;

}

.caption p{
    padding:10px 5px;
}

.caption ul{
    padding:0px 20px;
    width:350px;
    margin:0 auto;
}

.caption ul li{
    padding:6px 0;
    list-style: circle;
}


/* //////////////////////////////////////////////////
[CONCEPT]
////////////////////////////////////////////////// */
#pageConcept {
	background:#FFF;
}

/* //////////////////////////////////////////////////
[KODAWARI]
////////////////////////////////////////////////// */

#pageKodawari {
	background:#FFF;

}



/* //////////////////////////////////////////////////
[HIBRID]
////////////////////////////////////////////////// */

#pageHibrid {
	background:#FFF;

}

/* //////////////////////////////////////////////////
[ORDER]
////////////////////////////////////////////////// */

#pageOrder {
	background:#FFF;
}

#pageOrder .item{
	width: 250px;
	margin: 10px auto;
}

#pageOrder .buy{
	width: 200px;
	margin: 10px auto;
	
}


#pageOrder p{
	margin:10px auto;
	width: 370px;

}


/* //////////////////////////////////////////////////
[SHOP]
////////////////////////////////////////////////// */

#pageShop {
	background:#FFF;

}

#pageShop .caption{
	width: 624px;
	margin-bottom:30px;
}

#pageShop h2{
	width:100%;
	margin: 13px auto 3px;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-align:center;
	letter-spacing: 0.18em;
}

#pageShop p{
	margin: 0 auto 10px;
	font-family: Georgia,"Times New Roman",Times,serif;
	width:310px;
}


#pageShop .access{width:100%;margin:0 auto;}
#pageShop .access img{float:left;width:374px;}
#pageShop .access iframe{float:right;}

/* //////////////////////////////////////////////////
[NEWS]
////////////////////////////////////////////////// */

#pageNews {
	background:#FFF;

}

#pageNews .caption{
	width: 650px;
}

/* //////////////////////////////////////////////////
[HUMAN]
////////////////////////////////////////////////// */

#pageHuman {
	background:#FFF;

}

#pageHuman .caption{
	width: 800px;
	margin:0 auto;
}

/* //////////////////////////////////////////////////
[PRESS]
////////////////////////////////////////////////// */

#pagePress {
	background:#FFF;

}

#pagePress .caption{
	width: 650px;
}



#pagePress p{
	width:391px;
	margin: 0 auto;

}

#pageHome a,#pageOrder a, #navGlobal li,#pageConcept a{
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
-ms-transition: All 0.3s ease;
transition: All 0.3s ease;

}
#pageHome a:hover,#pageOrder a:hover, #navGlobal li:hover,#pageConcept a:hover{
filter: alpha(opacity=60); /* for IE */
-moz-opacity: 0.6;
opacity: 0.6;

}

.item{width:auto}
.item .ll{float:left;margin:10px 0 4px}
.item .rr{float:right;margin:10px 0 4px}

.clear{clear:both;}