@charset "UTF-8";

/* ***************************************************
* CSS file For hiroo-prime.com
	FileName: bridal.css

■目次 ==========================================
■[00]:common.cssをリセット↓
■[01]:ヘッダー

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

/*-----------------------------------------------------------
■[00]:common.cssをリセット↓
------------------------------------------------------------*/
html{
	width: 100%;
	background: url(/bridal/img/bg_bridal.jpg) top;
}

body {
	width: 100%;
	font-family:/* Osaka, */'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	text-align: center;
	line-height: 140%;
	color: #666;
	/* background: url(/bridal/img/flower_bridal.png) no-repeat 50% 160px ; */
	background: url(/bridal/img/flower_bridal.png) no-repeat 40% 140px ;
	behavior: url(/iepngfix.htc);
}

.red{ color:#990000;}

div#header #logo{
	width: 200px;
	float: left;
	height: 123px; 
	background: url(/img/common/logo02.gif) no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2px;
}
div#header #logo img{
	display: none;
}

#container{
	width: 950px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: url(/campaign/img/container_bg.png) repeat-y;
}

#Cont{
	width: 903px;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	float: left;
	font-size: small;
}

#container .wrapper{
	width: 903px;
	margin: 0 0px 0px 0px;
	padding: 0px 0px 50px 0px;
	background: url(/bridal/img/cont_bg.gif) repeat-y top #fff8e4;
}

/* h2{
	margin: 0px 10px 0px 0px;
	width: 448px;
} */

div.pageTop{
	width: 763px;
	margin: 10px 0px 0px 65px;
	text-align: right; 
}
/*-----------------------------------------------------------
■[000]:タイトル部分
------------------------------------------------------------*/
img.topImage{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#container .wrapper .top{
	width: 816px;
	margin: 0 auto;
	padding: 10px 0px 0px 15px;
	/* border: 1px solid #f00; */
	background: url(/bridal/img/head_bg.jpg) no-repeat right top;
}

img.copy{
	display: block;
	margin: 0px 0px 10px 0px;
}
div.menuText{
	margin: 14px 0px 10px 0px;
}

ul.planBt{
	margin: 0px 0px 0px 0px;
}
ul.planBt li{
	float: left;
	margin: 0px 12px 0px 0px;
}

/*-----------------------------------------------------------
■[000]:オーダーメイドプログラム
------------------------------------------------------------*/
div.ordermade{
	width: 765px;
	margin: 25px 0px 0px 65px;
	padding: 0px;
}
/*-----------------------------------------------------------
■[000]:クリニックデータ
------------------------------------------------------------*/
div.topClinic{
	width: 712px;
	margin: 20px auto 10px;
	padding: 4px;
	border: 1px solid #f3dab1;
}
div.topClinic div.body{
	width: 686px;
	margin: 0px;
	padding: 10px;
	border: 3px solid #f8d8bf;
	font-size: small;
	background: url(/bridal/img/clinic_bg.gif) no-repeat right bottom;
}

div.topClinic div.body div.data{
	width: 353px;
	float: left;
}

div.topClinic div.body div.data h2{
	margin: 0px 0px 5px 0px;
}

div.topClinic div.body div.data p{
	margin: 6px 0px 0px 0px;
	line-height: 130%;
	padding: 0px;
}

div.topClinic div.body div.data img{
	display: block;
}
div.topClinic div.body div.data img.tel{
	margin: 5px 0px 0px 30px;
}
div.topClinic div.body div.data img.access{
	margin: 5px 10px 0px 0px;
	float: left;
}
div.topClinic div.body div.data p.open{
	margin: 6px 0px 0px 0px;
	line-height: 130%;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #e6e5c0;
}
div.topClinic div.body div.data p.open span{
	color: #cc6633;
}


div.topClinic div.body img.photo{
	margin: 10px 0px 0px 20px;
}

/*-----------------------------------------------------------
■[000]:ポイント
------------------------------------------------------------*/
ul.point{
	width: 796px;
	margin: 0 auto;
}
ul.point li{
	width: 236px; 
	height: 62px;
	float: left;
	margin: 0 4px;
	font-size: 105%;
	padding: 160px 10px 0px;
}
ul.point li.point01{ background: url(/bridal/img/top_image01.jpg) no-repeat; }
ul.point li.point02{ background: url(/bridal/img/top_image02.jpg) no-repeat; }
ul.point li.point03{ background: url(/bridal/img/top_image03.jpg) no-repeat; }

/*-----------------------------------------------------------
■[000]:たとえば
------------------------------------------------------------*/
div.example{
	width: 765px;
	background: url(/bridal/img/example_bg.gif) no-repeat;
	margin: 25px 0px 40px 65px; 
}
div.example .title{
	display: block;
	margin: 0px 0px 0px 74px;
}
div.example ul{
	margin: 0px 0px 0px 78px;
}
div.example li{
	float: left;
	margin: 17px 2px 0px 0px;
}

/*-----------------------------------------------------------
■[000]:ブライダルプラン
------------------------------------------------------------*/
h2.planBar{ width: 830px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 37px;}
h3.priceBar{ width: 797px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 45px;}
div.planCopy{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 65px; }

table.priceTable{ width: 787px; margin: 5px auto 0; color: #996600; border-width: 0px 1px 0px 1px; border-style:solid; border-color: #fcdcb7;}
table.priceTable th{ color: #fff; background: #f15a5b; font-weight: bold; padding: 5px 1px; text-align: center; line-height: 120%;}
table.priceTable td{ border-width: 0px 1px 2px 1px; border-style:solid; border-color: #fcdcb7; padding: 5px 0px 5px 10px; line-height: 120%;}
table.priceTable td.views{ text-align: center;}
table.priceTable td.menu{ font-weight: bold; vertical-align: center; }
table.priceTable td.time{ font-weight: bold; vertical-align: center; background: #fffded; text-align: center; line-height: 120%;}

div.priceContact{ width: 787px; margin: 5px auto; text-align: right;}
/*-----------------------------------------------------------
■[000]:メニューボックス
------------------------------------------------------------*/
div.boxMenu{
	width: 763px;
	padding: 3px;
	margin: 20px 0px 0px 65px;
	border: 1px solid #fde795;
}
div.boxMenu .body{
	width: 100%;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	background: #fffded;
}

div.boxMenu .body h3{
	margin: 0px 0px 15px 0px;
}

div.boxMenu .body .menu{
	width: 364px;
	/* float: left; */
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 16px;
	float: left;
}
div.boxMenu .body .menu .text{
	margin: 0px 0px 15px 0px;
}

div.boxMenu .body .menu .contact{
	margin-top: 3px;
	text-align: center;
}

/* 料金表 */
table.price{
	width: 361px;
	float: left;
	margin: 0px 0px 0px 0px;
	border-spacing: 2px;
}
table.price caption{
	width: 361px;
	background: #f8e6d1;
	font-weight: bold;
	color: #a3492c;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.price td{
	margin: 0px 0px 0px 0px;
	padding: 5px 12px 5px 10px;
	background: #fff;
	color: #960;
	line-height: 120%;
}
table.price td.price{
	text-align: right;
}
table.price .time{
	text-align: center;
}
table.price th{
	margin: 0px 0px 0px 0px;
	padding: 4px 12px 4px 10px;
	color: #fff;
	background: #fc8d56;
	line-height: 120%;
}
table.price th.price{
	text-align: right;
	padding: 2px 6px 2px 4px;
	font-weight: bold;
}
table.price th.price span{
	text-decoration: line-through;
	font-weight: normal;
}
table.price th.price img{
	display: block;
	float: left;
}

div.boxMenu .body img.other{
	margin: 10px 0px 0px 16px;
}
div.boxMenu .body p{
	margin: 5px 0px 0px 16px;
}

/*-----------------------------------------------------------
■[000]:出席されるお母様
------------------------------------------------------------*/
div.boxAged{
	width: 763px;
	padding: 3px;
	margin: 20px 0px 0px 65px;
	border: 1px solid #eccbbb;
}
div.boxAged .body{
	width: 100%;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	background: #fdf8ee;
}

div.boxAged .body h3{
	margin: 0px 0px 15px 0px;
}


div.boxAged .body .menu{
	width: 364px;
	/* float: left; */
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 16px;
	float: left;
}
div.boxAged .body .menu .text{
	margin: 0px 0px 15px 0px;
}

/* 料金表 */
div.boxAged table.price{
	width: 361px;
	float: left;
	margin: 0px 0px 0px 0px;
	border-spacing: 2px;
}
div.boxAged table.price caption{
	width: 361px;
	background: #f8e6d1;
	font-weight: bold;
	color: #f8e1c3c;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.boxAged table.price td{
	margin: 0px 0px 0px 0px;
	padding: 5px 12px 5px 10px;
	background: #fff;
	color: #960;
	line-height: 120%;
}
div.boxAged table.price td.price{
	text-align: right;
}
div.boxAged table.price .time{
	text-align: center;
}
div.boxAged table.price th{
	margin: 0px 0px 0px 0px;
	padding: 4px 12px 4px 10px;
	color: #fff;
	background: #e8a292;
	line-height: 120%;
}
div.boxAged table.price th.price{
	text-align: right;
	padding: 2px 6px 2px 4px;
	font-weight: bold;
}
div.boxAged table.price th.price span{
	text-decoration: line-through;
	font-weight: normal;
}
div.boxAged table.price th.price img{
	display: block;
	float: left;
}

div.boxAged .body img.other{
	margin: 10px 0px 0px 16px;
}
div.boxAged .body p{
	margin: 5px 0px 0px 16px;
}

div.boxAged .body .menu .contact{
	margin-top: 3px;
}

img.mensEpi{
	margin: 10px 0px 0px 5px;
}