@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html{
	overflow-y:scroll;
	height:100%;
}
body{
	font-size:12px;
	color:#333;
	line-height:1.6;
	margin:0px;
	font-family:"ＭＳ Ｐゴシック", "Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
	background:#FFF;
}
#wrapper{
	width:900px;
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	text-align:left;  /* 内容を左揃えに戻す */
	min-height:100%;
	height:100%;
}
#navi li img,#sidenavi li img{
	vertical-align:bottom;	/* ナビ画像下揃え */
}
body > #wrapper {height: auto}



/* リンク指定
----------------------------------------------- */

a:link,
a:visited,
a:active{
	text-decoration: underline;
	color:#333;
	background:transparent;
}
a:hover{
	text-decoration:none;
}
a{
/**/
 overflow:hidden;
/**/
}
a img{
  border:none;
  color:#fff;
  background:transparent;
}

/* フォント
----------------------------------------------- */
.txt_center {
	text-align: center;
}

/* リスト
---------------------------------------------------- */
li{
	list-style:none;
}
li img{
	vertical-align:bottom;	/* ナビ画像下揃え */
}

/* ヘッダー
---------------------------------------------------- */
#header{
}
#header h1{
	width:650px;
	padding-top:5px;
	float:left;
}

div#header h1 span {
	font-weight:normal;
	font-size:10px;
	margin-left:20px;
	margin-bottom:5px;
	display:block;
}
div#header h1 img {
	margin-left:20px;
	display:block;
}
div#header h1 a{
	width:171px;
	display:block;
}

#header-right{
	float:right;
	width:210px;
}

#header-right .navi-c {
	margin:21px 0 24px 63px;
	height:15px;
}
#header-right .navi-c li{
	float:left;
}

#header-right .navi-s ul{
	text-align:right;
}
#header-right .navi-s li{
	margin-right:12px;
	float:left;
}

/* ナビ（ul）
---------------------------------------------------- */
ul#navi{
	margin:12px 0 10px 0;
}
ul#navi li{
	float:left;
}

/* 見出し
---------------------------------------------------- */
h5 {
	background:url(../images/icon_flower.gif) 0 2px no-repeat;
	padding-left:25px;
	font-weight:bold;
	font-size:12px;
	margin:20px 0 10px;
}

h6 {
	font-size:12px;
	font-weight:bold;
	color:#54baad;
	margin-top:10px;
}



/* main
---------------------------------------------------- */
#main #mainimg{
	padding-bottom:15px;
}
#main #mainimg span.pan{
	font-size:10px;
	margin-bottom:10px;
	display:block;
}
#main .mainimg-top{
	margin:19px 0 0 0;
}


/* What's new
---------------------------------------------------- */
#whatsnew{
	float:left;
	width:500px;
	font-size:10px;
}

#whatsnew ul li a{
	line-height:2;
}

#whatsnew a:link,
#whatsnew a:visited,
#whatsnew a:active{
	text-decoration:none;
	padding-bottom:1px; /*クロムバグ対策*/
}
#whatsnew a:hover{
	text-decoration:underline;
}



/* TOPリンク（右側）
---------------------------------------------------- */

#top-link{
	float:right;
	width:303px;
}
#top-link li{
	margin-bottom:10px;
}

/* シェアリンク（右ぞろえ）
---------------------------------------------------- */

.share_linkbox{
	width:72px;
	margin:0 0 0 auto;
}

.share-link{
	/*text-align:right;*/
	float:left;
}
.share-link img{
	margin-left:5px;
	padding:12px 0 0;
	margin:-12px 0 0 5px;
}

.share_linkbox .insta-link{
	position:relative;
}

.share_linkbox .insta_g{
	position:absolute;
	bottom:30px;
	width:266px;
	right:-25px;
	display:none;
}

.share_linkbox .insta_g .insta_box{
	float:left;
	text-align:center;
	padding:0 10px;
}

.share_linkbox .insta_g .insta_box span{
	display:block;
	text-align:center;
	padding:0 0 3px;
}

/* TOP USDA ORGNIC
---------------------------------------------------- */
#usda-area {
    width: 100%;
    margin:30px 0 0 0;
    padding: 20px 0px;
    background:#F1F1E9;
    font-size: 90%;
    color: #333;
}
#usda-area .inner{
	width:900px;
    text-align:left;
	margin:0 auto;
}
#usda-area h2{
	margin-bottom:10px;
}
#rule_list {
	margin-bottom:20px;
}
#rule_list li {
	background:url(../images/icon_flower.gif) no-repeat 0 2px;
	padding-left:25px;
	margin-bottom:13px;
}

table#usda_box {
	margin-left:15px;
}
table#usda_box td {
	vertical-align:middle;
}
table#usda_box img {
	margin-right:20px;
}

/* フッター
---------------------------------------------------- */
#footer {
    width: 100%;
    margin:0 0 30px 0;
    padding: 15px 0px;
    background:#BBE0D3;
    font-size: 90%;
    color: #333;
    text-align: center;
}
#footer .inner{
	width:900px;
    text-align:left;
	margin:0 auto;
}

#footer h2{
	margin-top:30px;
}

#footer table{
    margin:8px 0 20px 0;
    border:none;
    text-align: left;
}
#footer table th{
    padding:0 0 3px 0;
	border:none;
    font-weight: normal;
	background-color:none;
	background:none;
	vertical-align:top;
}
#footer table th span{
	background:#AED9CB;
	display:block;
	padding:0 3px;
}
#footer table td{
    padding:0 0 2px 7px;
    border:none;
}

#footer .f-logo{
	margin:0 0 8px 0;
}

#footer a:link,
#footer a:visited,
#footer a:active{
	color:#333;
	text-decoration:none;
	text-decoration:underline;/* ★テスト用★ */
}
#footer a:hover{
	text-decoration:underline;
}






/* 下層ページ
---------------------------------------------------- */
#main-wrap{
	margin:0 20px 30px 20px;
}
/* サイド */
#side{
	float:left;
	width:172px;
}

#side h2{
	margin:0 0 20px 0;
}

#side .side-navi li a{
	background:url(../images/list_bg01.gif) no-repeat;
	padding:10px 0 8px 10px;
	margin:0 0 2px 0;
	line-height:1;
	display:block;
	width:162px;
	font-weight:bold;
	text-decoration:none;
}
#side .side-navi li a:hover,
#side .side-navi li.over a{
	background:url(../images/list_bg02.gif) no-repeat;
}

#side .side-navi li.long02 a{
	background:url(../images/list_bg01_l.gif) no-repeat;
	padding:8px 0 8px 10px;
	margin:0 0 2px 0;
	line-height:1;
	display:block;
	width:162px;
	height:24px;
	font-weight:bold;
	text-decoration:none;
}
#side .side-navi li.long02 a:hover,
#side .side-navi li.long02_o a{
	background:url(../images/list_bg02_l.gif) no-repeat;
	padding:8px 0 8px 10px;
	margin:0 0 2px 0;
	line-height:1;
	display:block;
	width:162px;
	height:24px;
	font-weight:bold;
	text-decoration:none;
}

/* コンテンツ */
#contents{
	float:right;
	width:665px;
}

#contents h3{
	margin:0 0 20px 0;
}

#contents h4{
	background:url(../images/titlebg01.gif) repeat-x;
	height:41px;
	font-size:12px;
	line-height:1;
	padding:15px 10px 10px 10px;
	margin-bottom:-10px;
}
#contents h4.middle {
	background:url(../images/titlebg01.gif) repeat-x;
	height:41px;
	font-size:12px;
	line-height:1;
	padding:15px 10px 10px 10px;
	margin-top:30px;
	margin-bottom:-10px;
}
#contents strong {
	color:#54baad;
}

#contents h6{
	font-weight:bold;
	color:#946B30;
}


#contents .item-box01{
	width:681px;
	margin-right:-16px;
}

.item-box01 .item{
	float:left;
	width:210px;
	margin:0 16px 16px 0;
	line-height:1.4;
}

.item-box01 .item h4{
	font-weight:normal;
	margin:8px 0 -15px 0;
	font-size:12px;
}
.item-box01 .item h4 img.icon-win{
	margin:0 0 -2px 5px;
}


#contents .item-box02{
	width:665px;
	margin-bottom:10px;
}
#contents .item-box02 td {
	vertical-align:top;
	width:210px;
}

.item-box02 .item{
	float:left;
	width:210px;
	margin:0 15px 10px 0;
	_margin:0 -9px 10px 0;
	font-size:10px;
	line-height:1.4;
}
.item-box02 .item_r{
	float:left;
	width:210px;
	margin:0 0 18px 0;
	line-height:1.4;
	font-size:10px;
}

.item-box02 .h4_title {
	font-weight:bold;
	padding-top:10px;
	margin-top:10px;
	font-size:12px;
	background:url(../images/bg_line02.gif) no-repeat top;
/*	height:34px;*/
}

.item-box02 .h4_title img.icon-win{
	margin:0 0 0 5px;
	
}

.item-box02 .h4_title02 {
	font-weight:bold;
	margin:8px 0;
	font-size:12px;
}

#contents .item-box03{
	width:681px;
	margin-right:-16px;
}

.item-box03 .item{
	float:left;
	width:327px;
	margin:0 10px 16px 0;
	line-height:1.4;
}




/* News */
.back {
	text-align:left;
	margin-top:10px;
}
.media_list {
	width:100%;
	margin-bottom:20px;
}

h5.media {
	padding:0;
	margin:0;
	background:none;
	line-height:130%;
}
h6.keisai {
	margin:10px 0 7px 0;
}
.results-box{
	width:210px;
	float:left;
	padding:0 15px 15px 0;
	line-height:140%;
}
.results-box02 {
	width:210px;
	float:left;
	padding:15px 15px 15px 0;
	line-height:140%;
}
.b_line {
	background:url(../images/bg_line.gif) repeat-x bottom;
}
.m_title_s {
	margin-bottom:4px;
	font-size:10px;
}



/* コンセプト */
#concept_list {
	width:558px;
	margin-left:60px;
}
#concept_list li {
	float:left;
	margin:0 60px 60px 0;
}
#concept_list li.c_list_r {
	margin:0 0 60px 0;
}

#photo_box {
	margin:10px 0;
}
#photo_box li {
	float:left;
	margin-right:6px;
	margin-bottom:6px;
}
#photo_box img {
	border:1px solid #ccc;
	padding:2px;
}


#photo_box_r{
	float:right;
}
#photo_box_r li {
	float:right;
	margin-left:6px;
	margin-bottom:6px;
}
#photo_box_r img {
	border:1px solid #ccc;
	padding:2px;
}



/* よくある質問 */
#faq_box_q {
	margin:0 0 15px 0;
}
#faq_box_q th {
	width:40px;
	text-align:left;
	vertical-align:top;
}
#faq_box_q td {
	text-align:left;
	vertical-align:top;
}

#faq_box_a {
	margin:0 0 20px 40px;
}
#faq_box_a th {
	width:40px;
	text-align:left;
	vertical-align:top;
}
#faq_box_a td {
	text-align:left;
	vertical-align:top;
}

/* サイトマップ */
#sitemap {
	width:100%;
}
#sitemap .sitemap_l {
	float:left;
	width:320px;
	margin-right:25px;
}
#sitemap .sitemap_r {
	float:left;
	width:320px;
}

#sitemap a:link,
#sitemap a:visited,
#sitemap a:hover,
#sitemap a:active{
	text-decoration:none;
}
#sitemap a:hover{
	text-decoration:underline;
}



/* ショップリスト */
#shop_rap {
	width:100%;
}
#shop_rap .sho_txt {
	float:left;
}
#shop_rap .sho_img {
	float:right;
}



#shop_box th {
	vertical-align:top;
	text-align:left;
	color:#333;
}
#shop_box td.shop_info {
	color:#858585;
	line-height:1.7;
	vertical-align:top;
	text-align:left;
	width:85px;
}
#shop_box td.shop_date {
	vertical-align:top;
	text-align:left;
	line-height:1.7;
}
.line {
	background:url(../images/bg_line.gif) repeat-x;
	width:100%;
	height:1px;
	margin:14px auto;
}

#shop_list_box {
	width:100%;
	margin-bottom:20px;
}
#shop_list_box th {
	background:url(../images/bg_line.gif) repeat-x bottom;
	vertical-align:top;
	text-align:left;
	color:#333;
	padding:10px 0;
}
#shop_list_box td.shop_info {
	color:#858585;
	line-height:1.7;
	background:url(../images/bg_line.gif) repeat-x bottom;
	vertical-align:top;
	text-align:left;
	padding:10px 0;
}
#shop_list_box td.shop_date {
	background:url(../images/bg_line.gif) repeat-x bottom;
	vertical-align:top;
	text-align:left;
	padding:10px 0;
	line-height:1.7;
}
.shop_btn {
	margin-top:15px;
}

/* 製品案内 */
#product_list {
	margin-top:30px;
}
#product_list li {
	float:left;
	margin:0 45px 60px 0;
}


/* 製品案内_香水コンセプトぺージ */


.p_box01 {
	margin:20px 0 30px 0;
}

.photo_box_r02{
	float:right;
	margin:20px 90px 0 30px;
}

.photo_box_r03{
	float:right;
	margin:20px 40px 0 30px;}

#perfume_list {
	margin-top:15px;
}
#perfume_list li {
	float:left;
	margin:0 50px 20px 0;
}

.perfume_box{
	padding:0 20px 35px 20px;
	background:url(../images/t_perfume_b.jpg) no-repeat bottom;
	margin-bottom:35px;
}
.imgflotright_p {
	float:right;
	margin:0 0 15px 15px;
}
.imgflotleft_p {
	float:left;
	margin:0 15px 15px 0;
}
.photo_box_perfume {
	margin:15px 0 0 -10px;
}
.photo_box_perfume li {
	float:left;
	margin-left:10px;
	*margin-left:5px;
}
.photo_box_perfume li p {
	width: 300px;
	font-size: 11px;
}


/* 肌タイプ別製品ガイド */
.advice_box {
	border:#C7E5DC 3px solid;
	padding:10px;
	margin-top:10px;
}

.advice_box a:link,
.advice_box a:visited,
.advice_box a:hover,
.advice_box a:active{
	text-decoration:underline;
	font-weight:bold;
	color:#54baad;
}
.advice_box a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#54baad;
}


/* 汎用
---------------------------------------------------- */

.m_r15 {
	margin-right:15px;
}
.m_r30 {
	margin-right:30px;
}
.m_t10 {
	margin-top:10px;
}
.m_b6 {
	margin-bottom:6px;
}
.m_b10 {
	margin-bottom:10px;
}
.m_b20 {
	margin-bottom:20px;
}
.m_b30 {
	margin-bottom:30px;
}
.m_tb5 {
	margin:5px 0 5px 0;
}
.long{
	letter-spacing:-0.1em;
}

.txt_b {
	font-weight:bold;
}
.txt_g {
	color:#858585;
	font-weight:bold;
}
.txt_r {
	color:#946B30;
}
.txt_s {
	font-size:10px;
	line-height:140%;
}

.underline {
	text-decoration:underline;
}

.attention {
	color:#900;
	font-weight:bold;
}
#bg_flower {
	background:url(../images/bg_flower.gif) no-repeat top right;
}

/* 画像 */
.imgfloatleft {float: left; margin: 0 12px 8px 0;}
.imgfloatright {float: right; margin: 0 0 8px 12px;}

.iconfloatleft {float: left; margin: -2px 4px 0 0;}
.imgstep {float: left; margin: -8px 0px 0 0;}

/* ページtopへ */
.top {
	text-align:right;
}

/* リスト */
.list01 a:link,
.list01 a:visited,
.list01 a:active{
	text-decoration:none;
}
.list01 a:hover{
	text-decoration:underline;
}

.list01 li {
	background:url(../images/arw01.gif) 0 1px no-repeat;
	padding-left:15px;
	line-height:100%;
	margin-bottom:10px;
}

.list02 li {
	background:url(../images/arw01.gif) 0 4px no-repeat;
	padding-left:15px;
	line-height:120%;
	margin-bottom:5px;
}

.list03 li {
	float:left;
	margin-right:35px;
}

/* テーブル */
.box01 {
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
	background-color:#FFF;
	width:100%;
}
.box01 td {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	text-align:left;
	vertical-align:top;
	color:#666;
	padding:5px;
}
.box01 th {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	background-color:#FBF9F4;
	text-align:left;
	vertical-align:top;
	color:#666;
	padding:5px;
}


.box02 {
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
	background-color:#FFF;
	width:100%;
	font-size:10px;
	margin-bottom:15px;
}
.box02 td {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	vertical-align:middle;
	color:#666;
	padding:5px;
	line-height:130%;
}
.box02 th {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	background-color:#FBF9F4;
	vertical-align:top;
	color:#666;
	padding:5px;
	line-height:130%;
}
.box02 td.org_100 {
	background-color:#F4FBFA;
}
.box02 th.org_100 {
	background-color:#F0F5EF;
}

.box03 {
	width:100%;
	margin-bottom:20px;
}
.box03 td.img_item{
	padding:5px 10px 5px 0;
	vertical-align:top;
}
.box03 td.txt_item{
	font-size:10px;
	vertical-align:top;
	padding-right:5px;
	line-height:130%;
}

.box04 td {
	padding-right:10px;
}
.form_box td {
	padding:10px 10px 0 0;
	vertical-align:top;
}



/* float対策
---------------------------------------------------- */
.clear{
	clear:both;
}

.box-clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0.1em;
}

.box-clear{
    display:inline-block;  /* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .box-clear{height: 1%;}
.box-clear{display: block;}
/*--ここまでMAC IEは非適用 */