@charset "utf-8";

@import url(reset.css);
@import url(base.css);
@import url(common.css);

/*==================================================
	CONTENT 共通部分
==================================================*/
/* ヘッドライン
------------------------------------------------- */
h3 {
	width: 600px;
	height: 25px;
	line-height: 25px;
	font-size: 1.5em; /* 18px */
	background: url(../image/glo-title-bg01.gif) no-repeat left top;
	text-indent: 25px;
	clear: both;
}
h3.CategoryTitle {
	margin-bottom: 20px;
}
h4 {
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,"MS P Gothic",Arial,Helvetica,sans-serif;
	font-size: 1.167em; /* 14px */
	font-weight: bold;
	padding-bottom: 3px;
	background: url(../image/glo-line.gif) left bottom repeat-x;
	clear: both;
}

/*	ページナビ
------------------------------------------------- */
.pager {
	margin-top: 40px;
	clear: both;
	text-align: center;
}
.pager ul { height: 12px; }
.pager ul li { display: inline; }

/*==================================================
	bridal.html
==================================================*/

/*	ブライダルプラン紹介
------------------------------------------------- */
.bridal01 h3.Bridal {
	margin-bottom: 20px;
}

div.ContentBox {
	margin-bottom: 36px;
}

div.ContentBox h4 {
	margin-bottom: 20px;
}

div.ContentBox p.MainImg {
	width: 280px;
	float: left;
}

div.ContentBox p.MainImg {
	width: 280px;
	float: left;
}

div.ContentBox ul.ImgBox {
	width: 270px;
	float: right;
	display: inline-block;
}

div.ContentBox ul.ImgBox :after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.ImgBox li.LeftImg {
	width: 120px;
	height: 120px;
	overflow: hidden;
	float: left;
	margin-bottom: 30px;
}

ul.ImgBox li.RightImg {
	width: 120px;
	height: 120px;
	overflow: hidden;
	float: right;
	margin-bottom: 30px;
}

div.ContentBox div.ComtentBox {
	clear: both;
}

ul.ImgBox li a {
	text-decoration: none;
}

ul.ImgBox li a:visited {
	text-decoration: none;
}

ul.ImgBox li a:hover {
	text-decoration: none;
}






/*.bridal01 { clear: both; }
.bridal01 div {
	margin-top: 35px;
	clear: both;
}


.bridal01 div.first { margin-top: 20px; }
.bridal01 div p { margin-top: 30px; }
.bridal01 div ul.phtBox {
 height: 280px;
	margin-top: 20px;
}
.bridal01 div ul.phtBox li { float: left; }
.bridal01 div ul.phtBox li.main { margin-right: 51px; }
.bridal01 div ul.phtBox li.center { margin-right: 32px; }
.bridal01 div ul.phtBox li img {
	display: block;
	margin-bottom: 30px;
}
.bridal01 div ul.phtBox li.main img,
.bridal01 div ul.phtBox li img.not { margin-bottom: 0px; }*/

/*==================================================
	produce.html
==================================================*/

/*	プロデュースイベント紹介
------------------------------------------------- */
.produce01 { clear: both; }
.produce01 div {
	margin-top: 35px;
	clear: both;
}
.produce01 div.first { margin-top: 20px; }
.produce01 div p { margin-top: 30px; }
.produce01 div ul.phtBox {
 height: 280px;
	margin-top: 20px;
}
.produce01 div ul.phtBox li { float: left; }
.produce01 div ul.phtBox li.main { margin-right: 51px; }
.produce01 div ul.phtBox li.center { margin-right: 32px; }
.produce01 div ul.phtBox li img {
	display: block;
	margin-bottom: 30px;
}
.produce01 div ul.phtBox li.main img,
.produce01 div ul.phtBox li img.not { margin-bottom: 0px; }

/*==================================================
	make.html
==================================================*/

/*	エステ(01) / メイクアップスクール(02) 共通
------------------------------------------------- */
.make01 { clear: both; }
.make02 { clear: both; margin-top: 40px; }
.make01 div,
.make02 div {
	margin-top: 40px;
	overflow: hidden;
	clear: both;
}
.make01 div.first,
.make02 div.first { margin-top: 20px; }
.make01 div h4,
.make02 div h4 { margin-bottom: 20px; }
.make01 div div.txt {
	width: 300px;
	float: left;
	clear: none ;
	margin-top: -10px;
}
.make02 div div.txt {
	width: 300px;
	float: left;
	clear: none ;
	margin-top: -20px;
}
.make01 div div.txt p { margin-top: 10px; }
.make02 div div.txt p { margin-top: 20px; }
.make01 div img,
.make02 div img {
	display: block;
	margin-left: 20px;
	float: right;
}

.make01 div.side {
	margin-top: 0;
}

.make01 h5,
.make02 h5 {
	margin-top: 20px;
	font-size: 1.167em; /* 14px */
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,"MS P Gothic",Arial,Helvetica,sans-serif;
 clear: both;
}
.make01 table,
.make02 table {
	width: 100%;
	margin-top: 10px;
	clear: both;
}
.make01 table {
	margin-bottom: 40px;
}
.make01 table tr th,
.make01 table tr td,
.make02 table tr th,
.make02 table tr td {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6em;
	text-align: left;
	padding: 4px 0 4px 10px;
	border: 1px solid #EDC7C7;
}

.make01 table tr th,
.make02 table tr th {
	width: 188px; /* 200px */
	background: #F8ECEC;
}

/*==================================================
	beauty.html
==================================================*/
.beauty01 { clear: both; }
.beauty01 div {
	margin-top: 40px;
	overflow: hidden;
	clear: both;
}
.beauty01 div.first { margin-top: 20px; }
.beauty01 div h4 { margin-bottom: 20px; }
.beauty01 div div.txt {
	width: 300px;
	float: left;
	clear: none ;
	margin-top: -10px;
}
.beauty01 div div.Notxt {
	margin-top: -10px;
}

.beauty01 div div.txt p { margin-top: 10px; }
.beauty01 div img {
	display: block;
	margin-left: 20px;
	float: right;
}
.beauty01 h5 {
	margin-top: 20px;
	font-size: 1.167em; /* 14px */
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,"MS P Gothic",Arial,Helvetica,sans-serif;
 clear: both;
}
.beauty01 table {
	width: 100%;
	margin-top: 10px;
	clear: both;
}
.beauty01 table tr th,
.beauty01 table tr td {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6em;
	text-align: left;
	padding: 4px 0 4px 10px;
	border: 1px solid #EDC7C7;
}

.beauty01 table tr th {
	width: 188px; /* 200px */
	background: #F8ECEC;
}

/*==================================================
	photo.html
==================================================*/

/*	フォトギャラリー
------------------------------------------------- */
element.style {
	display: inline;
}

div.phtGallery p.PhotImgBox {
	margin: 0;
	width: 280px;
	height: 280px;
	text-align: left;
}

.photo01 { clear: both; }
.photo01 div.first { margin-top: 20px; }

.photo01 div .phtBox01 {
	width: 600px;
	margin-top: 20px;
	overflow: hidden;
	clear: both;
}
.photo01 div .phtBox01 .phtGallery {
	margin-top: 0px;
	width: 280px;
	float: left;
}
.photo01 div .phtBox01 .phtList {
	margin-top: 0px;
	width: 280px;
	float: right;
}
.photo01 div .phtBox01 .phtList ul {
	width: 280px;
}
.photo01 div .phtBox01 .phtList ul li {
	width: 80px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.photo01 div .phtBox01 .phtList ul li.Last {
	margin-right:0;
	float: right;
}
.photo01 div p { margin-top: 20px; }
.photo01 div h5 {
	margin-top: 25px;
	font-size: 1.167em; /* 14px */
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,"MS P Gothic",Arial,Helvetica,sans-serif;
 clear: both;
}
.photo01 div .voice {
	margin-top: 5px;
	margin-bottom: 40px;
	border: 1px solid #EDC7C7;
	background: #F8ECEC;
	padding: 10px;
	clear: both;
}
.photo01 div .voice p { margin-top: 0px; }

/*==================================================
	staff.html
==================================================*/

/*	スタッフ紹介
------------------------------------------------- */
.staff01 { clear: both; }
.staff01 div {
	margin-top: 40px;
	overflow: hidden;
	clear: both;
}
.staff01 div.first { margin-top: 20px; }
.staff01 div h4 {
	margin-bottom: 20px;
	clear: both;
}
.staff01 div img {
	display: block;
	width: 150px;
	margin-right: 20px;
	float: left;
}
.staff01 div .txt {
	width: 430px;
	float: right;
	clear: none ;
	margin-top: -10px;
}
.staff01 div .txt p { margin-top: 10px; }

/*==================================================
	news_list.html
==================================================*/

/*	新着情報一覧
------------------------------------------------- */
.news_list01 { clear: both; }
.news_list01 table {
	width: 100%;
	border: 1px solid #EDC7C7;
	margin-top: 19px;
	clear: both;
}
.news_list01 table tr th,
.news_list01 table tr td {
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.6em;
	padding: 4px 0 4px 15px;
}
.news_list01 table tr th { width: 88px; } /* 103px */
.news_list01 table tr.even th,
.news_list01 table tr.even td { background: #F8ECEC; }

/*==================================================
	news_list.html
==================================================*/

/*	新着情報詳細
------------------------------------------------- */
.news_details01 { clear: both; }
.news_details01 p.date {
	margin-top: 20px;
	text-align: right;
	clear: both;
}
.news_details01 div {
	margin-top: 20px;
 overflow: hidden;
	clear: both;
}
.news_details01 div img {
	display: block;
	margin-left: 20px;
	float: right;
}
.news_details01 div .txt {
	width: 380px;
	float: left;
	clear: none;
	margin-top: 0;
}
.news_details01 div .txt p { margin-top: 10px; }
.news_details01 p.back {	margin-top: 10px; }

/*==================================================
	links.html
==================================================*/

/*	提携先リンク集
------------------------------------------------- */
.links01 { clear: both; }
.links01 dl {
	margin-top: -1px;
	width: 588px; /* 600px */
	border: 1px solid #EDC7C7;
	padding: 4px 0 20px 10px;
	clear: both;
}
.links01 dl.first { margin-top: 20px; }
.links01 dl dd {
 margin-top: 4px;
}

/*==================================================
	company.html
==================================================*/

/*	代表プロフィール
------------------------------------------------- */
.company01 { clear: both; }
.company01 h4 { margin-top: 20px; }
.company01 p.name {
	margin: 20px 0;
	font-size: 1.167em; /* 14px */
	font-weight: bold;
}
/* プロフィール/プライベートプロフィール/メッセージ */
.company01 dl {
	margin-top: 40px;
	clear: both;
}
.company01 dl dt {
	font-size: 1.167em; /* 14px */
	font-weight: bold;
}
.company01 dl dd {
	width: 578px; /* 600px */
	margin-top: 10px;
	border: 1px solid #EDC7C7;
	background: #F8ECEC;
	padding: 10px;
}
.company01 dl dd ul {
	width: 279px;
	margin: -5px 0 0 4px;
	float: left;
}
* html .company01 dl dd ul { margin: -5px 0 0 2px; } 
.company01 dl dd ul li{
	margin-top: 5px;
	background: url(../image/glo-icon01.gif) no-repeat left center;
	padding-left: 11px;
}

/*	経営理念
------------------------------------------------- */
.company02 {
	margin-top: 40px;
	clear: both;
}
.company02 p { margin-top: 20px; }

/*	会社情報
------------------------------------------------- */
.company03 {
	margin-top: 40px;
	clear: both;
}

.company03 table {
	width: 100%;
	margin-top: 19px;
	clear: both;
}
.company03 table tr th,
.company03 table tr td {
	text-align: left;
	line-height: 1.6em;
	font-weight: normal;
	font-size: 1.0em;
	border: 1px solid #EDC7C7;
	padding: 4px 0 4px 10px;
	vertical-align: top;
}
.company03 table tr th {
	width: 158px;
	background: #F8ECEC;
}

/*	アクセスマップ
------------------------------------------------- */
.company04 {
	margin-top: 40px;
	clear: both;
}
#map {
	margin-top: 20px;
	width: 600px;
	height: 395px;
}

/*==================================================
	contact.html
==================================================*/

/*	お問い合わせ
------------------------------------------------- */
.contact01 {	clear: both; }
.contact01 p { margin-top: 20px; }

/*	お問い合わせフォーム
------------------------------------------------- */
.contact01 table {
	width: 100%;
	margin: 30px 0 20px 0;
	clear: both;
}
.contact01 table tr th,
.contact01 table tr td {
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	line-height: 1.6em;
	padding: 5px 0 5px 10px;
	vertical-align: top;
	border: 1px solid #EDC7C7;
	background: #FFFBFA;
}
.contact01 table tr th {
	width: 158px;
	background: #F8ECEC;
}
.contact01 table tr th img {
	margin-left: 10px;
 vertical-align: text-top;
}

.contact01 table tr td .tel{
	display: block;
	margin-top: 7px;
	border: 1px solid #7F9DB9;
	width: 198px;
}
.contact01 table tr td .address{
	display: block;
	margin: 3px 0 ;
	border: 1px solid #7F9DB9;
	width: 398px;
}
.contact01 table tr td .name{
	display: block;
	margin-top: 7px;
	border: 1px solid #7F9DB9;
	width: 198px;
}
.contact01 table tr td .mail{
	display: block;
	margin-top: 7px;
	border: 1px solid #7F9DB9;
	width: 298px;
}
.contact01 table tr td .zip{
	display: block;
	margin-top: 7px;
	border: 1px solid #7F9DB9;
	width: 148px;
}
.contact01 table tr td textarea{
	display: block;
	margin-top: 7px;
	border: 1px solid #7F9DB9;
	width: 398px;
	height: 198px;
}

/*	プライバシーポリシー
------------------------------------------------- */
.contact02 {
	clear: both;
	margin-top: 40px;
}
.contact02 p { margin-top: 20px; }