@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2010 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl{
	font-size: 120%;
}
	
h1 {} /* Header内で設定 */
h2 { margin: 0 0 10px; }

h3 {
}
*html h3 { width: 650px; }

h4 {
	font-weight: bold;
}
*html h4 { width: 650px; }



a { color: #333; }
a:hover,
a:active { color: #F4819F; text-decoration: none; }
a:visited {}
/*a:focus{outline:none;}*/


ul {
}
li {
}

dl {
}
dt {
}
dd {
}

p { margin: 0 0 1em; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

/*.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }*/

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}
ul.totop li a {
	display: block;
	width: 100px;
	height: 20px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }

hr { display: none; }
img { vertical-align: top; }


/*---- clear ----*/
.clear{
clear:both;
height:0px;
font-size:0px;
line-height:0;
margin:0;
padding:0;
}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	background: url(../images/body_bg.gif) 0 20px repeat-x #fff;
	color: #333;
	text-align: center;
	padding: 0;
	margin: 0;
}

#wrapper {
	background: url(../images/wrapper_bg.gif) 0 100% repeat-x;
	width: 930px;
	text-align: left;
	margin: 0 auto;
}

#main {
	background: url(../images/main_bg.gif) 0 0 repeat-y;
	width: 920px;
	margin: 0 auto;
}


h1 {
	position: absolute;
	font-size: 100%;
	color: #666;
	top: 4px;
	left: 6px;
	padding-top: 2px;
}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	position: relative;
	background: url(../images/header_bg.gif) 0 0 no-repeat;
	width: 920px;
	height: 175px;
	padding: 0;
	margin: 0 5px 15px;
}

#header p { position: absolute; padding: 0; margin: 0; }

#header p#logo { top: 40px; left: 5px; }
#header p.header-beaubelle { top: 20px; right: 259px; }
#header p.header-tel { top: 20px; right: 0; }

#header ul {
	position: absolute;
	top: 121px;
	left: 0px;
}

#header ul li {
	float: left;
	height: 54px;
	font-size: 0;
	line-height: 0;
}


/*==========================================================================*/
/*                               main-image                                 */
/*==========================================================================*/

#main-image {
	position: relative;
	width: 930px;
	height: 412px;
	margin: 0 0 14px;
}

#main-image p.hd2 { position: absolute; top: 0; left: 0; }
#main-image ul { position: absolute; top: 111px; left: 22px; }
#main-image ul li { position: absolute; }
#main-image ul li.main-image-navi1 { top: 0; left: 0; }
#main-image ul li.main-image-navi2 { top: 70px; left: 0;}
#main-image ul li.main-image-navi3 { top: 141px; left: 0;}
#main-image ul li.main-image-navi4 { top: 141px; left: 150px; }
#main-image ul li.main-image-navi5 { top: 211px; left: 0;}
#main-image ul li.main-image-navi6 { top: 211px; left: 150px; }


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	background: url(../images/footer_bg.gif) 0 23px repeat-x #fff;
	width: 920px;
	height: 52px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

#footer p { text-align: right; padding: 0 15px 0 0; margin: 0; }

address { padding: 11px 0 0; }

#accessTag {
	display: none;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 250px;
	padding: 0;
}

/* under-navi */

#navi #navi-box1{
	padding-top:2px;
	margin-bottom:10px;
}
#navi #navi-box2{
	margin-bottom:15px;
}
#navi #navi-box3{
	margin-bottom:20px;
}




/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#content {
	float: right;
	width: 650px;
	padding: 0;
}

.bn-box { position: relative; width: 650px; height: 157px; margin: 0 0 25px;  }
.bn-box ul li { position: absolute; }
.bn-box ul li.bn-inquiry { top: 0; left: 0; }
.bn-box ul li.bn-shop { top: 13px; left: 530px; }

p.pageTop { margin: 20px 0 0 535px; }
p.pageTop.btm { margin-bottom: 0; }
p.pageTop.mdl { margin-top: 0; }
.top p.pageTop { margin: 50px 0 0 535px; }


/* index
------------------------------------------------------------------------*/
.top h2 { background: none; padding: 0; margin: 0; border: none; }
.top #content p.hd3 { background: none; padding: 0; margin: 0; border: none; }
.top h4 { background: none; padding: 0; margin: 0; border: none; }


/* top-content-1 */

.top-content-1 { width: 650px; }
.top-content-1 div { width: 660px; margin: 0 0 10px -10px; }
.top-content-1 div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top-content-1 div { display: inline-block; }
/* Hides from IE-mac \*/
* html .top-content-1 div { height: 1%; }
.top-content-1 div { display: block; }
/* End hide from IE-mac */
.top-content-1 dl { float: left; width:210px; display: inline; font-size: 0; line-height: 0; padding: 0 0 0 10px; }
.top-content-1 dl dt { margin: 0 0 10px; }


/* top-content-2 */

.top-content-2 {
	background: url(../images/top_07.jpg) 100% 100% no-repeat;
	margin: 0 0 18px;
	border-bottom: solid 1px #e3e3e3;
}
* html .top-content-2 { width: 650px; }
.top-content-2 div { padding: 15px 15px 0 15px; }
.top-content-2 div h4 { color:#F3809F; margin-bottom:7px; font-size:130%; width: 615px; }
.top-content-2 p {}

.top .maintext { margin: 40px 0; }
.top .maintext p{ margin: 20px 0; }
.top .maintext p.hd4{ margin-bottom: 5px; }

.top table{
border: solid 1px #D9D9D9;
border-collapse: collapse; 
}
.top table th, 
.top table td{
vertical-align:middle;
padding: 8px;
border: solid 1px #D9D9D9;
}
.top table th{ 
text-align: center;
 }


/* under
------------------------------------------------------------------------*/

/* common */

.topicPath{
	font-size:110%;
	text-align:right;
	padding:6px;
	margin-bottom:18px;
	background-color:#FFF6F8;
}

.topicPath a { color: #F4819F; text-decoration:underline; }
.topicPath a:hover { color: #F4819F; text-decoration: none; }
.topicPath a:active { color: #F4819F; text-decoration: none; }

.under #content h3{
	color:#F4819F;
	font-size:160%;
	font-weight:bold;
	margin-bottom:8px;
	padding:9px 0 13px 44px;
	background:url(../images/sttl_01_01.gif) 0 100% no-repeat;
}
.under #content h3.ver2{ background:url(../images/sttl_01_02.gif) 0 100% no-repeat;}

*html .under #content h3 { width: 430px; }
*html .under #content h3.ver2 { width: 650px; }

.under #content h4{
	color:#4A4A4A;
	font-size:140%;
	font-weight:bold;
	margin-bottom:8px;
	padding:14px 0 15px 45px;
	background:url(../images/sttl_03_01.gif) 0 100% no-repeat;
}
#content h4.ver2{background:url(../images/sttl_03_02.gif) 0 100% no-repeat;}

*html .under #content h4 { width: 430px; }
*html .under #content h4.ver2 { width: 650px; }

.under #content .conBox{ margin-bottom:15px;}
.under #content .conBox.btm{ margin-bottom:0;}

.under #content .conBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.under #content .conBox { display: inline-block; }
/* Hides from IE-mac \*/
* html .under #content .conBox { height: 1%; }
.under #content .conBox { display: block; }
/* End hide from IE-mac */

#content .conBox .lBox01{
	width:430px;
	float:left;
	margin-right:20px;
}


#content .conBox .lBox02{
	width:430px;
	float:left;
	margin-right:20px;
}
#content .conBox .lBox02 p{ margin-left:15px;}
#content .conBox p.marL{ margin-left:15px; margin-bottom:20px;}

#content .conBox .rBox01{
	width:200px;
	float:left;
}

#content .conBox .lBox03{
	width:200px;
	float:left;
	margin-right:20px;
}
#content .conBox .rBox03 p{ margin-left:15px;}

#content .conBox .rBox03{
	width:430px;
	float:left;
}

#content .conBox p img{ border:1px solid #F47595;}
.nonb{border:none !important;}


#content .conBox .textL{ 
	width:430px;
	float:left;
	margin-right:20px;
 }
#content .conBox .picR{ 
	width:200px;
	float:left;
}

#content .conBox p.bn img{ border:none;}
#content .conBox p.btm{ margin-bottom:25px;}

#content .flowBox{ margin-bottom:25px;}
#content .flowBox p{ text-align:center; padding-top:10px; margin-bottom:0;}
#content .flowBox dl dt{
	color:#4A4A4A;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	padding:9px 0 13px 100px;
}

#content .flowBox dl dt.flow01{ background:url(../images/sttl_02_01.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow02{ background:url(../images/sttl_02_02.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow03{ background:url(../images/sttl_02_03.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow04{ background:url(../images/sttl_02_04.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow05{ background:url(../images/sttl_02_05.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow06{ background:url(../images/sttl_02_06.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow07{ background:url(../images/sttl_02_07.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow08{ background:url(../images/sttl_02_08.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow09{ background:url(../images/sttl_02_09.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow10{ background:url(../images/sttl_02_10.gif) 0 100% no-repeat;}
#content .flowBox dl dt.flow11{ background:url(../images/sttl_02_11.gif) 0 100% no-repeat;}

#content .flowBox dl dd.link{
	color: #F4819F;
	text-align:right;
	padding-top:8px;
}

#content .conBox p.imgR{ float:right; margin-left:20px;}
#content .conBox p.imgL{ float:left; margin-right:20px;}

#content .conBox p.sttl0101{
	font-size:130%;
	color:#4A4A4A;
	font-weight:bold;
	margin-left:0;
	padding:8px 0 11px 46px;
	background:url(../images/sttl_04_01.gif) 0 100% no-repeat;
}
#content .conBox p.sttl0101 span{ color:#F37494;}

#content .conBox p.sttl0102{
	font-size:130%;
	color:#4A4A4A;
	font-weight:bold;
	margin-left:0;
	padding:8px 0 11px 46px;
	background:url(../images/sttl_04_02.gif) 0 100% no-repeat;
}
#content .conBox p.sttl0102 span{ color:#F37494;}

#content .conBox p.sttl0201{
	font-size:130%;
	color:#4A4A4A;
	font-weight:bold;
	margin-left:0;
	padding:8px 0 10px 40px;
	background:url(../images/sttl_05_01.gif) 0 100% no-repeat;
}

table {
	border: solid 1px #D9D9D9;
	border-collapse: collapse;
	background:#FFF;
	width:650px;
	margin-bottom:10px;
}

table th ,
table td {
	text-align: left;
	padding:6px 12px 6px 12px;
}

table td { border-bottom: solid 1px #D9D9D9;}
table th {
	width:27%;
	border-left:2px solid #F683A0;
	border-right: solid 1px #D9D9D9;
	border-bottom: solid 1px #FFF;
	vertical-align:middle;
	background-color:#FFE5EA;
}
table th.btm{ border-bottom:none;}


/* budget */

.budget #content .picupBox{
	padding:1px;
	border:1px solid #FBD9E6;
	background:url(../images/budget_05.gif) 100% 100% no-repeat #FFF6F8;
	margin-bottom:15px;
}
.budget #content .picupBox ul{
	margin:0 0 10px 12px;}
.budget #content .picupBox ul li{
	padding:0 0 5px 20px;
	background:url(../images/icon_01.gif) 0 0 no-repeat;
}


/* dress */

.dress #content h4{ margin-bottom:15px;}
.dress #content .conBox{ margin-bottom:0;}
.dress #content .conBox.btm{ margin-bottom:15px;}


/* bouquet */

.bouquet #content .conBox{ margin-bottom:0;}
.bouquet #content .conBox.btm{ margin-bottom:15px;}


/* invitation */

.invitation #content dl{ margin-left:15px;}
.invitation #content dl dt{
	color:#F47595;
	font-weight:bold;
	padding:4px;
	margin-bottom:6px;
	background-color:#FFE5EA;
}
.invitation #content dl dd{ margin:0 0 10px 3px;}
.invitation #content .conBox p.bn img{ margin-left:2px;}


/* planner */

.planner #content .conBox p.imgR{ float:right;}

.planner #content .lBox{
	width:488px;
	float:left;
}
.planner #content dl dt{
	color:#F47595;
	font-weight:bold;
	padding:8px 0 6px 8px;
	margin-bottom:10px;
	background-color:#FFE5EA;
}
.planner #content dl dd{
	margin:0 0 10px 10px;
}
.planner #content .conBox p.imgL{ float:left; margin:0 22px 0 0;}


/* voice */

.voice #content .voiceBox{ margin-bottom:5px;}

.voice #content .voiceBox table td{
	border: solid 1px #FBD9E6;
	padding-left:7px;
	vertical-align:top;
	background-color:#FFFAFB;
}
.voice #content .voiceBox table td a{ margin-left:200px;}

.voice #content .voiceBox table td span.txtmCollar{
	color:#F37494;
	font-weight:bold;
	display:block;
}
.voice #content .voiceBox table td p.imgL{ float:left; margin-right:10px;}


.voice #content .voiceBox div{
	width:296px;
	float:left;
	padding:10px 10px 10px 12px;
	margin-bottom:10px;
	border:1px solid #FBD9E6;
	background-color:#FFFAFB;
}
.voice #content .voiceBox div.lBox{ margin-right:10px;}
.voice #content .voiceBox div dl{ float:left; width:110px;}
.voice #content .voiceBox div dl.lBox{ width:186px;}

.voice #content .voiceBox div dl dt{ padding:0 0 5px 0;}
.voice #content .voiceBox div dl dd{ width:170px;}
.voice #content .voiceBox div dl dd.ttl{
	color:#F37494;
	margin-bottom:10px;
	font-weight:bold;
}

#content .voiceBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content .voiceBox { display: inline-block; }
/* Hides from IE-mac \*/
* html #content .voiceBox { height: 1%; }
#content .voiceBox { display: block; }
/* End hide from IE-mac */

#content .voiceBox div :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content .voiceBox div  { display: inline-block; }
/* Hides from IE-mac \*/
* html #content .voiceBox div  { height: 1%; }
#content .voiceBox div  { display: block; }
/* End hide from IE-mac */

.voice #content .bn-box{ margin-bottom:25px;}


/* concept */

.concept #content .conBox p.bn{ padding-bottom:10px;}


/* company */

.company #content table th{ width:19%;}

.company #content .picupBox{
	padding:1px;
	border:1px solid #FBD9E6;
	background:url(../images/budget_05.gif) 100% 50% no-repeat #FFF6F8;
	margin-bottom:15px;
}
.company #content .picupBox ul{
	margin:0 0 10px 12px;}
.company #content .picupBox ul li{
	padding:0 0 5px 20px;
	background:url(../images/icon_01.gif) 0 0 no-repeat;
}

.company #content #map{
	border:1px solid #FBD9E6;
	width:648px;
	height:248px;
}


/* inquiry */

.inquiry .conBox p span { color: #F37494; }
.inquiry table { width: 650px; margin-bottom: 30px; }
.inquiry table th { width: 30%; vertical-align: middle; border-bottom: solid 1px #D9D9D9;}
.inquiry table th ,
.inquiry table td {}
.inquiry table textarea { width: 400px; }

.inquiry table input { max-width: 300px; }
.inquiry table input { width: 300px; }
.inquiry table ol input { width: auto; }

.inquiry table input#en1240790938{ width:100px;}
td#d_en1240790938 input{ width:200px;}

.inquiry table input#en1269406494 ,
.inquiry table input#en1269407240 ,
.inquiry table input#en1269407376 { width: 50px; }

.inquiry select { font-size: 12px; }

span#fmail_title_default,
span#fmail_title_confirm,
span#fmail_title_error,
span#fmail_title_thanks {
	width: 650px;
	height: 110px;
}

.inquiry .conBox .privacyBox{
	overflow:auto;
	padding:8px 12px 8px 12px;
	height:154px;
	border:1px solid #FBD9E6;
	background-color:#FFFAFB;
}

.inquiry .conBox .privacyBox dl dt{
	color:#333;
	font-weight:bold;
	padding:4px;
	margin-bottom:6px;
	background-color:#FFE5EA;
}
.inquiry .conBox .privacyBox dl dd{ margin:0 0 15px 3px;}
.inquiry .conBox .privacyBox dl dd ul{ padding-top:8px;}