@charset "utf-8";
 @import "reset.css";
@import "common.css";
/*----------------------*/

h3 {
	margin:0 0 10px;
}
#main p {
	padding:10px 0 20px;
}
#container {
	background:url(../img/common/bg_hd_inside.jpg) 0 0 repeat-x;
}
.center {
	text-align:center;
}
#page_list_link {
	float:right;
	margin:15px 0 20px;
}
#page_list_link li {
	float:left;
	margin:0 0 0 10px;
	border:solid 1px #e7dcca;
	padding:3px 8px;
}
#page_list_link li.active {
	background:#e7dcca;
}
/*
-------------------*/
#contents {
	overflow:hidden;
}
#main {
	width:670px;
	float:left;
}
#aside {
	width:214px;
	float:right;
}
/* about
===============================*/
#about {
	padding:0 8px 0 0;
}
#about h4 {
	padding:12px 0 6px;
}
#about p {
	padding:5px 0;
}
#about .text_area {
	float:left;
	margin:0 0 20px;
	width:400px;
}
#about .img_area {
	float:right;
	margin:0 0 20px;
}
#about .img_area img {
	border:solid 3px #e7dfd6;
}
#about .group {
	border:solid 1px #ffce9c;
	color:#3d2d1b;
	margin: 0 0 10px;
	padding: 10px 12px;
}
#about .group li {
	margin:5px 0;
}
#about th {
	background:#f7f4f1;
	width:100px;
}
#about th, #about td {
	padding:5px 20px;
	border:solid 1px #e5ddd6;
}
#about table dd {
	margin:0 0 15px;
}
#about table a {
	color:#ff9510;
}
/* recruit
===============================*/
#recruit h4 {
	margin:20px 0 0;
}
#recruit h4.first {
	margin:0
}
#recruit h5 {
	color:#ff8d23;
	font-weight:bold;
	margin:10px 0 0;
}
#recruit p {
	padding:5px 0;
}
#recruit .section {
	overflow:hidden;
}
#recruit .text_area {
	float:left;
}
#recruit .img_area {
	float:left;
	margin:0 0 0 20px;
}
#recruit .img_area img {
	border:solid 3px #e7dfd6;
}
#recruit table {
	margin:10px 0 0;
	width:662px;
}
#recruit th {
	width:105px;
	background:#f7f4f1;
}
#recruit td {
}
#recruit th, #recruit td {
	border:solid 1px #e5ddd6;
	padding:9px 0 9px 15px;
}
#recruit #btn_voice {
	padding:8px 0 5px;
}
/* contact
===============================*/
#contact .group {
	padding:9px;
	margin:10px 0;
	overflow:hidden;
	width:642px;
	border:solid 1px #eae6e2;
}
#contact .group ul {
	margin-left:-15px;
	width:659px;
}
#contact .group li {
	float:left;
	margin:0 0 0 15px;
}
#contact h4 {
	background:#f2ede4;
	color:#3d2d1b;
	font-weight:bold;
	padding:5px 20px;
	width:622px;
}
#contact form h4 {
	background:#c6b699;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:92%;
	padding:3px 0;
	margin:10px 0;
	width:662px;
}
#contact form table {
	font-size:92%;
	width:662px;
}
#contact form table span {
	font-size:92%;
	color:#F00;
}
#contact form th {
	background:#f7f4f1;
	width:140px;
	padding:10px 20px;
}
#contact form td {
	padding:6px 6px;
}
#contact form th, #contact form td {
	border:solid 1px #e5ddd6;
}
#contact #btn_send {
	text-align:center;
	margin:20px 0;
}
/* access
===============================*/
#access h3 {
	margin-top:35px;
}
#access h3.first {
	margin-top:0;
}
#access h4 {
	background:#f2ede4;
	padding:5px 20px;
	color:#3d2d1b;
	font-weight:bold;
	margin:15px 0 0;
}
/* news
===============================*/

#news .more {
	float:right;
	padding:20px 0 0 0;
}
#news #category {
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0 0 6px 0;
	border-bottom:solid 2px #e3cdb6;
}
#news #category li {
	float:left;
	margin:0 10px 0 0;
}
#news .icon {
	margin:0 0 0 20px;
}
#news .icon a {
	color:#FFF;
	padding:3px 0 2px;
	text-align:center;
	width:100px;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
}
#news .article .icon {
	color:#FFF;
	padding:3px 0 2px;
	text-align:center;
	width:100px;
	display:inline-block;
	font-weight:bold;
}
#news .icon.magazine {
	background:#7fb3b2;
}
#news .icon.media {
	background:#ea9848;
}
#news .icon.all {
	background:#e2c840;
}
#news h3 {
	background:#f5f1ea;
	color:#3a0c0c;
	padding:5px 20px;
	margin:10px 0;
}
#news h3 span {
	margin:0 20px 0 0;
}
#news .img_area {
	width:250px;
	float:left;
	margin: 0 0 0 20px;
}
#news .img_area img{
	border:solid 2px #ede6d9;
}
#news .img_area div {
	margin:0 0 10px;
}
#news .text_area {
	width:360px;
	float:right;
	margin:0 20px 0 0;
}
#news .text_area p {
	width:360px;
}
#news .article {
	border:solid 1px #ddd4c6;
	overflow:hidden;
	padding:10px 0 20px;
	margin:0 0 20px 0;
}
#news #page_link {
	margin:15px 0 0 160px;
}
#news #page_link li {
	float:left;
}
#news #page_link a {
	color:#ff861a;
}
/* voice
===============================*/
#voice .president h4 {
	font-size:115%;
	font-weight:bold;
	width:380px;
	height:40px;
	top:55px;
	left:23px;
}
#voice .president p.text {
	bottom:10px;
	left:23px;
	width:380px;
	height:60px;
}
#voice .president a {
	position:relative;
	width: 663px;
	height: 171px;
	margin: 5px 0 10px;
	display:block;
	text-decoration:none;
}
#voice .president p, #voice .president h4 {
	position:absolute;
	padding:0;
}
#voice #staff h4 {
	background:url(../img/common/arrow.gif) 0 50% no-repeat;
	border-top:solid 2px #e3cdb6;
	padding:7px 0 7px 10px;
	color:#3d2d1b;
	margin:20px 0 0;
	width:651px;
	font-weight:bold;
}
#voice #staff .staff_list img {
	border:solid 3px #eaddd1;
}
#voice #staff .list_wrap {
	width:661px;
}
#voice #staff .staff_list {
	width:676px;
	margin:20px 0 0 -15px;
	overflow:hidden;
}
#voice #staff .staff_list li {
	margin:0 0 15px 15px;
	float:left;
}
#voice_detail .staff_detail {
	width:590px;
	margin:0 auto;
	padding:25px;
	overflow:hidden;
	height:100%;
	color:#37291a;
	background:#fff;
}
#voice_detail .staff_detail h2 {
	font-weight:bold;
	font-size:167%;
	margin:3px 0 10px;
}
#voice_detail .staff_detail h3 {
	font-size:108%;
	font-weight:bold;
	margin:12px 0;
}
#voice_detail .staff_detail .message {
	text-align:center;
	background:#ffeb66;
	font-size:85%;
	padding:4px 0;
}
#voice_detail .staff_detail .img_area img {
	border:solid 3px #efe0d2;
}
#voice_detail .staff_detail .img_area {
	width:210px;
	float:left;
}
#voice_detail .staff_detail .text_area {
	width:360px;
	float:right;
}
/*
===============================*/
#brands .ul_wrap p {
	padding:0;
}
#brands .ul_wrap {
	width:660px;
}
#brands .ul_wrap ul {
	width:670px;
	margin-left:-8px;
	overflow:hidden;
}
#brands .ul_wrap li {
	float:left;
	width:159px;
	margin:0 0 10px 8px;
}
#brands li img {
	width:159px;
}
#brands h4 {
	margin:2px 0 10px;
	font-size:85%;
	text-align:center;
}
#brands h4 a {
	background:url(../img/index/news_arrow.gif) 0 50% no-repeat;
	padding:0 0 0 8px;
}
/*privacy
===============================*/
#privacy .colored {
	margin:10px 0 0;
	padding:10px 15px;
	background:#fbf6e0;
}
#privacy ol {
	margin:20px 0;
}
#privacy ol li {
	padding:10px 0 20px 25px;
	border-top:solid 1px #e7dfd1;
}
#privacy ol ul li {
	padding:0;
	border:none;
	list-style:disc;
	margin:1px 0 0 20px;
}
#privacy #no1 {
	background:url(../img/privacy/no1.gif) 0 10px no-repeat;
}
#privacy #no2 {
	background:url(../img/privacy/no2.gif) 0 10px no-repeat;
}
#privacy #no3 {
	background:url(../img/privacy/no3.gif) 0 10px no-repeat;
}
#privacy #no4 {
	background:url(../img/privacy/no4.gif) 0 10px no-repeat;
}
#privacy #no5 {
	background:url(../img/privacy/no5.gif) 0 10px no-repeat;
}
#privacy #no6 {
	background:url(../img/privacy/no6.gif) 0 10px no-repeat;
}
#privacy #no7 {
	background:url(../img/privacy/no7.gif) 0 10px no-repeat;
}
#privacy #no8 {
	background:url(../img/privacy/no8.gif) 0 10px no-repeat;
}
/* 各ブランド
===============================*/

#brand-detail #bread {
	position:absolute;
	top:125px;
	font-size:85%;
}
#brand-detail #main_img {
	padding:0 0 10px 0;
}
#brand-detail h3 {
	margin:10px 0;
}
#brand-detail h3#h_youtube {
	margin-bottom:0;
}
#brand-detail h3.adj {
	margin-bottom:0;
}
#brand-detail h3.text {
	margin:0 0 10px;
	background:#c6b699;
	padding:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
#brand-detail #category h4 {
	background:url(../img/brand_detail/heading.gif) 0 0 no-repeat;
}
#brand-detail #category h4 a {
	color:#fff;
	text-decoration:none;
	width:181px;
	font-size:92%;
	padding:4px 10px 3px 20px;
	display:block;
}
#brand-detail #category.inner h4 {
	color:#fff;
	width:181px;
	font-size:92%;
	padding:4px 10px 3px 20px;
}
#brand-detail .item_list h5 {
	font-weight:bold;
	border-bottom: solid 1px #ECE6DE;
	margin: 0 0 6px 0;
	padding: 0 0 1px 0;
}
#brand-detail #youtube_wrap {
	width:640px;
	border:solid 1px #e6d9c1;
	border-top:none;
	background:#f4f2ee;
	padding: 10px 10px 5px;
	margin:0 0 20px 0;
}
#brand-detail #youtube {
	overflow:hidden;
	margin:0 0 0 -11px;
}
#brand-detail #youtube li {
	float:left;
	margin:0 0 0 11px;
}
#brand-detail .ul_wrap {
	width:662px;
}
#brand-detail #category {
	overflow:hidden;
	margin:0 0 0 -13px;
	padding:10px 0 5px;
}
#brand-detail #category li {
	float:left;
	margin:0 0 6px 13px;
}
#brand-detail .item_list {
	overflow:hidden;
	margin-left:-20px;
}
#brand-detail .item_list li {
	border:solid 1px #ece6de;
	padding:10px;
	width:303px;
	float:left;
	margin:0 0 15px 20px;
}
#brand-detail .item_list .img_area {
	float:left;
	display:inline;
}
#brand-detail .item_list .text_area {
	float:right;
	width:185px;
}
#brand-detail .item_list .text_area p {
	padding:0;
	font-size:92%;
}
/* 各ブランドのメイン画像定義
---------------*/
#brand-detail #main_img {
	position:relative;
	width:inherit;
}
#main_img h2 {
	position:absolute;
}
/* Kate Ruber */
#main_img h2#kateruber {
	color: white;
	top: 221px;
	left: 266px;
	height: 80px;
	width: 363px;
}
/* カラダ温暖化 */
#main_img h2#karada-ondanka {
	color: #727171;
	top: 137px;
	left: 432px;
	height: 120px;
	width: 132px;
	font-size: 85%;
}
/* ZeMON式 */
#main_img h2#zemon {
	color: #444;
	top: 190px;
	left: 281px;
	width: 290px;
	font-size: 92%;
}
/* ACO */
#main_img h2#aco {
	color: #4C332E;
	top: 135px;
	left: 269px;
	width: 370px;
	font-size: 92%;
}
/* sunnyskinny */
#main_img h2#sunnyskinny {
	color: #775C2F;
	top: 158px;
	left: 202px;
	font-size: 92%;
	text-align: center;
	line-height: 1.6;
}
/* Toratani */
#main_img h2#toratani {
	color: #595757;
	top: 252px;
	left: 262px;
	font-size: 92%;
}
/* 京都プレミアム */
#main_img h2#kyoto-premium {
	color: white;
	top: 188px;
	left: 158px;
	font-size: 92%;
	text-align: center;
}
/* リゲッタ */
#main_img h2#regeta {
}
/* BM */
#main_img h2#bm {
}
/* HOT BURNING */
#main_img h2#hot-burning {
}
/* Hollywood Eyes */
#main_img h2#hollywoodeyes {
}
/* FACIAL-YOGA */
#main_img h2#facial-yoga {
}
/* 時見 */
#main_img h2#tokimi-kobe {
}
/* 姿勢ボーテ */
#main_img h2#shisei-beaute {
}
/* OTHERS */
#main_img h2#others {
}
/*
---------------*/
#info_wrap {
	clear:both;
	background:#f3eee6;
	margin:10px 0;
	padding:10px;
	overflow:hidden;
	position:relative;
}
#info_wrap #bnr_section {
	border-top:solid 1px #e7dcca;
	margin:10px 0 0 0;
}
#info_wrap p {
	padding:0;
}
#info_wrap #tel {
	font-size:154%;
	color:#ffa03d;
	font-weight:bold;
	letter-spacing:-1px;
}
#info_wrap #btn {
	position:absolute;
	right:10px;
	top:54px;
}
#brand-detail h3.text.info {
	background:#382309;
}
#info_wrap #bnr_section div {
	float:left;
	margin:0 14px;
	padding:5px 0;
}
#info_wrap .bnr_text {
	background:url(../img/brand_detail/arrow.gif) 0 50% no-repeat;
	padding:0 0 0 10px;
	margin: 3px 0;
	display: inline-block;
}
/* footer 上書き
===============================
#info_section {
	height: 160px;
}
#info_section p {
	text-align:left;
	margin: 17px 0 0 0;
}
#info_section table {
	margin: 70px 0 0;
}
#info_section table th, #info_section table td {
	padding: 0 15px 0 0;
}
#btn_contact {
	top: 140px;
}




#info_section {
	position:relative;
}
#info_section p {
	position:absolute;
	top: 151px;
	left:0;
	text-align:left;
	margin:0;
}
#info_section table {
	position:absolute;
	top: 87px;
	left:0;
	margin:0;
}*/
