@charset "utf-8";

/*********************************************************************************
アメニティコーポレーション　基本設定

コンテンツ幅:900px
背景色:#000035
背景色2:#001050
フォントサイズ（標準）：12px
フォント色:#9e9ebd
フォント色(a):#74675b
フォント色(a:hover):#fdf3f2
*********************************************************************************/

/********************************************************************************
 基本設定
*********************************************************************************/

* {
	margin:0;
	padding:0;
}

html {
	background:#000023;
}

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	letter-spacing:1px;
	color:#9e9fbd;
	overflow-x : hidden;
	overflow-y : auto;
}

table,th,td,dl,dt,dd,ul,ol,li {
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	letter-spacing:1px;
}
table {
	border-collapse:collapse;
}
li {
	list-style-type:none;
}

p {
	margin:0 0 8px;
	padding:0;
}

img {
	border:0;
}

/* 見出し */
h1,h2,h3,h4 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}

/* リンク */
a         { color:#897c73;text-decoration:underline; }
/*
a:link    { color:#3a75af; }
a:visited { color:#3a75af; }
*/
a:hover   { color:#fdf3f2; }

/* 回り込み */
.left { float:left; }
.right { float:right; }

/* 回り込みの解除 */
.clear { clear:both; }

.clearfix:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
* html .clearfix {height: 1%;} /* ie6以前対応 */
.clearfix { zoom:1; } /* ie7対応 */


/* ビジュアル */

.ta_left   { text-align:left; }
.ta_center { text-align:center; }
.ta_right  { text-align:right; }

.none { display:none; }

/* リスト */
li.end {
	margin-right:0;
}

/* フォント */
.attention  { color:red; }
.attention2 { color:blue; }

.td_underline { text-decoration:underline; }

.bold { font-weight:bold; }


/********************************************************************************
 レイアウト
*********************************************************************************/

#layout_header,
#layout_footer,
#layout_contents {
	clear:both;
}

#layout_footer {
	padding-top:12px;
	background:url(../img/footer/bg_footer.png) repeat-x left top;
}

#layout_contents.under {
	background:url(../img/common/bg01b.jpg) repeat-x left top;
}
#contents_wrapper.under {
	background:url(../img/common/bg01.jpg) no-repeat center top;
}
#layout_contents.home {
	background-image:none;
}

#footer,
#contents {
	margin:0 auto;
	width:900px;
}

#layout_contents.home #contents {
	padding:30px 0 20px;
	padding:0;
}
#layout_contents.under #contents {
	position:relative;
	z-index:1;
	background-color:#ffffff;
}

/********************************************************************************
 個別設定
*********************************************************************************/

/* ヘッダー
*******************************************************************************/

/* 背景 */
#function_navi {
}
#products_navi {
	background:#ccc;
}
#global_navi {
	background:url(../img/header/bg02.jpg) repeat-x left top;
}

/* 内枠指定 */
#function_navi .inner,
#products_navi .inner,
#global_navi .inner {
	position:relative;
	z-index:1;
	margin:0 auto;
	width:900px;
}
#function_navi .inner { height:78px; }
#products_navi .inner { height:425px; }
#global_navi   .inner { height:50px; }

/* TOPページ用FLASHの設定 */
#products_navi .inner {
	width:100%;
	text-align:center;
}


/* トップロゴ */
div#toplogo {
	position:absolute;
	z-index:10;
	top:30px;
	width:197px;
	height:43px;
}

/* ナビゲーション */

#function_navi li,
#products_navi li,
#global_navi li {
	display:inline;
}

#function_navi ul {
	position:absolute;
	top:0;
	right:0;
}

#function_navi .b_contact {
	position:absolute;
	bottom:8px;
	right:0;
}

#products_navi ul {
	margin-left:3px;
	width:894px;
}
#products_navi li {
	margin-right:3px;
}

#global_navi ul {
	background:#000023;
}


/* フッター
*******************************************************************************/

#footer_navi {
	margin:10px 0 20px;
}
#footer_navi li {
	float:left;
	margin-right:15px;
	padding-left:10px;
	list-style:none;
	background:url(../img/common/icon02.png) no-repeat left 0.5em;
	border:1px solid #000023;
}

#footer_prof p.name {
	margin-bottom:3px;
	font-weight:bold;
}
#footer_prof dl {
	float:left;
	margin-bottom:10px;
	width:50%;
}
#footer_prof dt {
	font-weight:bold;
}

#copyright {
	padding:20px 0 10px;
}

/* コンテンツ
*******************************************************************************/

/* リンク */
#layout_contents.under a       { color:#3b2f24; }
#layout_contents.under a:hover { color:#ff7903; }


/* コンテンツ見出し */
#contents h1 {
	position:relative;
	margin:0;
	width:100%;
	height:65px;
	z-index:1;
}
#contents h1 img {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#contents h2 {
	position:relative;
	margin:5px 0 10px;
	width:831px;
	height:42px;
	background:url(../img/common/title1.jpg) no-repeat left top;
	z-index:10;
}
#contents h2 span {
	position:absolute;
	top:12px;
	left:15px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	z-index:20;
}

#contents h3 {
	position:relative;
	margin:5px 0 10px;
	width:764px;
	height:28px;
	background:url(../img/common/title2.jpg) no-repeat left top;
	z-index:10;
}
#contents h3.short {
	width:384px;
	background:url(../img/common/title2b.jpg) no-repeat left top;
}
#contents h3 span {
	position:absolute;
	top:6px;
	left:35px;
	font-size:12px;
	font-weight:bold;
	color:#333487;
	z-index:20;
}


/* ページTOPリンク */
.pagetop {
	margin:10px 0 20px;
	width:100%;
	text-align:right;
}

/* 下層ページ用ブロック */

.static {
	margin:0 0 50px 30px;
	width:835px;

	color:#000;
}

.static .pagetop {
	margin-left:-30px;
	width:900px;
}

.static ul {
	margin-left:8px;
}
.static ul.menu li {
	display:inline;
	margin-right:5px;
}

/* メニュー */

.static ul#menu li {
	display:inline;
}

/* リスト */

.static ol.nu li {
	list-style-type:decimal;
	margin-left:1.5em;
}



/* セクションボックス（2パーツ構成） */
#contents .box {
	margin:10px 0;
	margin-left:5px;
	width:821px;
	background:url(../img/common/box1a.png) no-repeat left top;
}
#contents .box_wrap {
	position:relative;
	padding:20px 0;
	width:821px;
	background:url(../img/common/box1b.png) no-repeat left bottom;
}

#contents .box_wrap img.bg {
	position:absolute;
	z-index:1;
	top:10px;
	right:10px;
}

#contents .box_wrap .inner {
	position:relative;
	z-index:10;
	width:764px;
	margin-left:25px;
}

/* セクションボックス（3パーツ構成） */
#contents .box2 {
	margin:10px 0;
	margin-left:5px;
	width:821px;
}
#contents .box2-wrap {
	margin:0 auto;
	padding:20px 0 10px;
	width:760px;
}
#contents .box2 img.box2-edge {
	display:block;
}
#contents .box2.bg1 {
	background:url(../img/common/box4b.png) repeat-y left top; /* 淡い赤 */
}
#contents .box2.bg2 {
	background:url(../img/common/box5b.png) repeat-y left top; /* 薄いグレー */
}


/* セクション（共通） */
.section {
	margin:0 0 30px;
}
.section.end {
	margin:0;
}

.section.small {
	width:384px;
}
.section.small p {
	margin-left:5px;
	width:380px;
}




/* HOMEページ
*******************************************************************************/

#top {
	width:100%;
}
#top .leftbloc {
	float:left;
	padding-top:20px;
	width:645px;
}

#top ul.rightbloc {
	float:right;
	margin:0 10px 0 0;
	padding:5px 0;
	width:220px;
	background:url(../img/top/bg_bloc.png) repeat left top;
}
#top ul.rightbloc li {
	text-align:center;
	padding:5px 0;
}

#top .title {
	position:relative;
	z-index:1;
	margin-bottom:20px;
	width:643px;
	height:21px;
}
#top .title img {
	position:absolute;
	z-index:10;
	top:0;
	left:0;
}

#top dl#news {
	margin:0 0 0 10px;
	width:620px;
}
#top dl#news dt {
	padding-left:10px;
	background:url(../img/common/icon01.png) no-repeat left center;
}
#top dl#news dd {
	margin-left:10px;
	margin-bottom:20px;
}

/* 商品・ブランド情報ページ
*******************************************************************************/

/*
.products h1 {
	margin-bottom:30px;
}*/

/**** トップ */
#products_top {
	position:relative;
	margin-top:-40px;
}

#products_top ul {
	margin:10px 0;
	width:830px;
}

/* 商品ブランド詳細ページ */

/* 商品グループの外枠 */
#products .products_group {
	margin-left:3px;
	margin-bottom:20px;
	width:825px;
}
#products .products_group.end {
	margin-bottom:0;
}

/* 商品情報の外枠 */
#products .item-left,
#products .item-right {
	width:409px;
	background:url(../img/common/box2b.png) repeat-y left top;
}
#products .item-left {
	float:left;
}
#products .item-right {
	float:right;
}
#products .item-wrap {
	margin:0 auto;
	padding:5px 0 10px;
	width:389px;
}

/* 商品名 */
#products .product_name {
	width:389px;
	background:url(../img/common/title3a.jpg) no-repeat left top;
}
#products .product_name .product_name-wrap {
	padding:5px 0;
	height:100%;
	background:url(../img/common/title3b.jpg) no-repeat left bottom;
}
#products .product_name span {
	display:block;
	margin-left:30px;
	width:350px;
}

/* キャッチコピー */
#products .catchy {
	margin:3px 0 10px;
	padding:1px 0 1px;
	width:100%;
	background-color:#fff;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}
#products .catchy span {
	display:block;
	padding:4px 0 2px;
	text-align:center;
	background:url(../img/products/bg_catchy.jpg) repeat-x left center;
}

/* 説明文 */
#products .expl {
	display:block;
	margin:10px auto;
	width:96%;
}

/* 備考 */
#products .note {
	margin:0 auto;
	width:358px;
	background:url(../img/common/box3b.png) repeat-y left top;
}
#products .note-left,
#products .note-right {
}
#products .note-left {
	float:left;
	margin-left:10px;
	width:235px;
}
#products .note-right {
	float:right;
	margin-right:10px;
	width:91px;
}

/* brand_id:8　GFパワーラッシュページ */

#brand8-inner {
	margin:0 auto;
	padding:20px 0 15px;
	width:770px;
}

.box-b8 {
	margin:0 auto;
	width:759px;
	background:url(../img/products/brand-8/box-b8b.png) repeat-y left top;
}
.box-b8-inner {
	margin-left:9px;
	padding:0 0 10px;
	width:740px;
}
.box-b8 h3 {
	width:739px !important;
	background:url(../img/products/brand-8/title.png) no-repeat left top !important;
}



/* AMENITY Co.,Ltd とは
*******************************************************************************/

#aboutus dt {
	font-weight:bold;
	color:#4545b3;
}

/* OEM/PB事業 */
#oembiz {
	margin:15px 0 20px;
}
#oembiz dl {
	float:left;
	width:460px;
}
#oembiz img {
	float:right;
	width:272px;
}


/* WEB展開事業 */
dl.webbiz {
	float:left;
	margin:0 0 10px;
	width:355px;
}
dl.webbiz.end {
	margin-right:0;
	width:400px;
}

dl.webbiz dt {
	float:left;
	width:237px;
}
dl.webbiz dd {
	float:left;
	margin-left:10px;
	width:98px;
}
dl.webbiz.end dd {
	width:143px;
}

dl.webbiz img.b_web {
	display:block;
	vertical-align:text-bottom;
}

/* サロンコンサルティング事業 */
#aboutus dl.tab1 {
	float:left;
	margin-right:20px;
	width:365px;
}
#aboutus dl.tab1.end {
	margin-right:0;
}

#aboutus dl.tab1 dt {
	padding:4px 0 1px 4px;
	background:url(../img/common/bg_tab1th.jpg) repeat-x left top;
	border:1px solid #ccc;
}
#aboutus dl.tab1 dd {
	background:url(../img/common/bg_tab1td.jpg) repeat-x left top;
	border:1px solid #ccc;
	border-top:0;
}

#aboutus dl.tab1 dd ul {
	margin:0 auto;
	padding:10px 0 15px;
	width:95%;
}
#aboutus dl.tab1 dd li {
	padding:4px 5px;
	border-bottom:1px solid #bbb;
}
#aboutus dl.tab1 dd li.end {
	border:0;
}

/* イベント */
#aboutus .section {
	margin-left:10px;
	width:810px;
}

#aboutus .section dl {
	float:left;
	margin-right:10px;
	width:262px;
}
#aboutus .section dl.end {
	margin-right:0;
}
#aboutus .section dl dd {
	margin-left:8px;
}


/* 化粧品へのこだわり
*******************************************************************************/

#concept #menu {
	margin-bottom:20px;
}

#concept #sec1-wrap {
	min-height:306px;
	height:auto !important;
	height:306px;
	background:url(../img/concept/bg_sec1.jpg) no-repeat center top;
}
#concept #sec1-wrap p {
	width:440px;
}

#concept #sec2-wrap {
	min-height:315px;
	height:auto !important;
	height:315px;
	background:url(../img/concept/bg_sec2.jpg) no-repeat center top;
}
#concept #sec2-wrap p {
	width:530px;
}
#concept #sec2-wrap p.long {
	width:740px;
}

#concept #sec3-wrap {
	min-height:353px;
	height:auto !important;
	height:353px;
	background:url(../img/concept/bg_sec3.jpg) no-repeat center top;
}
#concept #sec3-wrap p {
	width:490px;
}

#concept .attention {
	font-weight:bold;
	color:#bb0000;
}

/* よくある質問
*******************************************************************************/

/* メニュー */
#faq {
	position:relative;
	margin-top:-130px;
}

#faq .menu {
	margin-bottom:20px;
}
#faq .menu .leftside {
	float:left;
	width:409px;
}
#faq .menu .rightside {
	float:right;
	width:409px;
}
#faq .menu .rightside img { width:408px; } /* IE6対応 */

#faq .menu ul {
	margin-top:5px;
	margin-left:1em;
}
#faq .menu li {
	display:inline;
	float:left;
	margin:2px 5px 1px;
	padding-left:20px;
	width:100px;
	background:url(../img/common/icon04.png) no-repeat left 0.5em;
}
#faq .menu li.long {
	width:260px;
}

/* FAQレイアウト */
#faq .answer {
	margin-left:5px;
}

#faq .answer dl {
	margin:10px auto;
	width:745px;
	border-bottom:1px solid #ccc;
}
#faq .answer dl.end {
	border-bottom:0;
}

#faq .answer dt {
	padding-top:3px;
	width:100%;
	min-height:50px;
	height:auto !important;
	height:50px;
	background:url(../img/faq/icon01.jpg) no-repeat left top;
}
#faq .answer dd {
	padding-top:3px;
	width:100%;
	min-height:50px;
	height:auto !important;
	height:50px;
	background:url(../img/faq/icon02.jpg) no-repeat left top;
}
#faq .answer dt span,
#faq .answer dd p {
	margin-left:60px;
}


/* 企業情報
*******************************************************************************/

#company {
	margin-top:-10px;
}

/* 会社概要の背景 */
#company.static img.bg {
	position:absolute;
	z-index:1;
	top:10px;
	right:10px;
}

/* 会社概要 */
#company.static .section.small table {
	margin-left:5px;
	width:375px;
}
#company.static .section.small tr {
/*	border-bottom:1px solid #bbb; IE6,7で未対応*/
	background:url(../img/common/border01.png) repeat-x left bottom;
}
#company.static .section.small th,
#company.static .section.small td {
	padding:4px 0 1px;
}
#company.static .section.small th {
	padding-left:5px;
	width:80px;
}



/* オフィス、直営サロン */
#company.static .section dl {
	float:left;
	margin:0 0 10px 5px;
	width:49%;
}
#company.static .section dt {
	margin-bottom:3px;
	font-weight:bold;
	color:#4545b3;
}
#company.static .section dd img {
	margin-top:10px;
}
#company.static .section dd a.map {
	margin-left:5px;
}
#company.static .section dd a.map img {
	vertical-align:text-bottom;
}
#company.static .section dd span.web {
	float:left;
	margin:2px 0 0 10px;
	width:66px;
	height:19px;
}


/* ブランド */
#company.static table#brand {
	table-layout:fixed;
	margin-left:10px;
}

#company.static table#brand th,
#company.static table#brand td {
	padding:8px 5px;
	border:1px solid #bbb;
}
#company.static table#brand th {
	width:150px;
	vertical-align:middle;
	font-weight:bold;
	color:#4545b3;
	background:url(../img/company/bg_th1.jpg) repeat-x left top;
}
#company.static table#brand td {
	width:640px;
}

/* お問い合わせページ
*******************************************************************************/

#contact #section1,
#contact #section1 p {
	margin:0 0 20px;
}


#contact-bloc {
	padding:10px 0;
	width:760px;
	background-color:#e2e9f9;
}
#contact-bloc-inner {
	margin:0 auto;
	width:750px;
}

#contact-bloc #leftside {
	float:left;
	width:390px;
}
#contact-bloc #leftside dl {
	display:block;
	margin-bottom:9px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
}
#contact-bloc #leftside dl.last {
	margin-bottom:0;
	padding-bottom:0;
	border:0;
}

#contact-bloc #leftside dt {
	display:block;
	clear:both;
	float:left;
	width:150px;
	text-align:right;
}
#contact-bloc #leftside dd {
	display:block;
	float:right;
	width:230px;
}

#contact-bloc #rightside {
	float:right;
	width:340px;
}

#contact-bloc #bottom-bloc {
	clear:both;
	padding-top:20px;
	text-align:center;
}

/* フォームパーツ */
#contact-bloc select,
#contact-bloc option,
#contact-bloc input[type='text'],
#contact-bloc textarea {
	padding:3px 1px 1px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:normal;
	font-size:12px;
	_font-size:11px;	/* IE6対応 */
	border:1px solid #e0e0e0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#contact-bloc select,
#contact-bloc option,
#contact-bloc input[type='text'],
#contact-bloc textarea,
x:-moz-any-link {
	/* FireFox対応 */
	padding:0;
}
#contact-bloc select,
#contact-bloc option,
#contact-bloc input[type='text'],
#contact-bloc textarea,
x:x {
	/* FireFox対応 */
	padding:3px 1px 1px;
}


#contact-bloc select {
	display:block;
}
#contact-bloc option {
	border:0;
}

#contact-bloc textarea {
	width:95%;
	height:20em;
	line-height:1.25;
}

#contact-bloc #bottom-bloc input {
	margin:0 15px;
}

#contact-bloc dl#content span#textarea {
/*
	display:block;
	min-height:250px;
	height:250px !important;
	height:250px;
	background-color:#f0f0f0;
	border:1px solid #e0e0e0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
*/
}

form#contact-validation label.error {
	display:block;
	font-size:95%;
	color:red;
}

/*
#contact ul {
	margin-bottom:15px;
}

#contact dt span {
	color:red;
}

#contact #form {
	width:680px;
	padding:20px 0;
	background-color:#eee;
	border:1px solid #ccc;
}
#contact #form dl {
	margin:5px 0 10px;
	padding-left:1px;
}
#contact #form dl dt {
	clear:both;
	float:left;
	margin:0 20px 10px 10px;
	width:175px;
}

#contact #form dl dd {
	float:left;
	margin-bottom:10px;
	width:450px;
}

#contact p#btn {
	padding:10px 0 0;
	text-align:center;
}

#contact ul#used {
	margin-left:0;
}

#contact ul#used input {
	vertical-align:middle;
	margin-right:5px;
}

#contact input[type='text'] {
	width:100%;
}
#contact textarea {
	width:98%;
}
#contact textarea {
	padding:5px;
	line-height:1.25;
}

#contact span#grouptel input[type='text'] {
	width:auto !important;
}

#contact dl#form p#content {
	padding:2px 5px;
	background:#fff;
	border:1px solid #ccc;
}
*/


/* サイトご利用について
*******************************************************************************/

#guide h3 {
	margin-top:30px;
}

/* プライバシーポリシー
*******************************************************************************/

#privacy h3 {
	margin-top:30px;
}
#privacy h3.first {
	margin-top:0;
}

#privacy div#co_ltd {
	position:relative;
	z-index:1;
	width:100%;
	height:5em;
}
#privacy div#co_ltd ul {
	position:absolute;
	z-index:10;
	right:0;
}

/* ニュース＆トピックス
*******************************************************************************/

#news .post-inner {
	margin-left:8px;
	margin-bottom:30px;
	width:750px;
}

#news h3 > span.h-title {
	width:525px;
}
#news h3 > span.h-date {
	top:6px;
	left:auto;
	right:80px;
}
#news h3 > span.h-cate {
	top:5px;
	left:auto;
	right:10px;
	width:60px;
	height:18px;
}

#news .left-bloc {
	float:left;
	width:470px;
}
#news .right-bloc {
	float:right;
	margin-right:5px;
	width:250px;
	text-align:right;
}
#news .all-bloc {
	width:100%;
}


/* サイトマップページ
*******************************************************************************/

#sitemap div#sitemap-inner {
	padding:20px 0;
}

#sitemap ul {
	margin:10px 0;
	margin-left:40px;
	width:300px;
	color:#897c73;
}
#sitemap li {
	font-size:120%;
}
#sitemap li.ca1 {
	margin-left:0;
	padding-left:8px;
	background:url(../img/common/icon03.png) no-repeat left 0.5em;
}
#sitemap li.ca2 {
	margin-left:2em;
/*	list-style-type:square;*/
}


/*******************************************************************************/