@charset "utf-8";

/* ============================== 01 基本設定 */

body{
	margin:0px;
	padding:0px;
	background:#000000;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:75%;
	background:url(../img/share/bodyBg.jpg) repeat-x left top #000000;
	color: #FFFFFF;
	line-height: 160%
}
body#index{
	background:#000000 url(../img/index/bodyBg.jpg) repeat-x scroll left top;
	margin:0;
	padding:0;
}
h1 {
	margin: 0;
	padding: 0;
}
h2 { font-size: 12px; margin: 0; padding: 0; }
h3 { font-size: 12px; margin: 0; padding: 0; }
h4 { font-size: 12px; margin: 0; padding: 0; }
h5 { font-size: 12px; margin: 0; padding: 0; }
img{ margin: 0; padding: 0; border: none; }
form{ margin: 0; padding: 0; }
p {
	margin: 10px 0;
	padding: 0;
	line-height: 160%;
}
ul { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }
.clear {
 clear: both;
 width: 660px;
}


/* リスト */
.li_01 li {
	border-bottom: dotted 1px #C19ECF;
	margin: 5px 12px 0 10px;
	padding: 5px 5px 5px 20px;
	background: url(../img/share/ico01.gif) no-repeat 0 7px;
	text-align: left;
}
.li_02 {
	margin: 10px 0 15px;
	text-align: left;
 }
.li_02 li {
	border-bottom: dotted 1px #C19ECF;
	margin: 5px 12px 0 10px;
	padding: 5px 5px 5px 20px;
}
.li_03 li {
	border-bottom: dotted 1px #C19ECF;
	margin: 5px 12px 0 10px;
	padding: 5px 5px 5px 15px;
	background: url(../img/share/ico02.gif) no-repeat 0 7px;
	text-align: left;
}
ol li {
	border-bottom: dotted 1px #C19ECF;
	margin: 0;
	padding: 10px 0 0;
}
ol .pvc_li li {
	list-style: disc;
	border-bottom: dotted 1px #ABABAB
}

/* リンク */ 
a:link, a:visited {
	color: #bb9d59;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FFDF62;
	text-decoration: none;
}
a.a1:link, a.a1:visited { color: #000; text-decoration: underline;}
a.a1:hover, a.a1:active { color: #EC7251; text-decoration: none; }

/* 文字サイズ指定 */
.fs10 { font-size: 62%; line-height: 150%;}
.fs11 { font-size: 69%; line-height: 150%;}
.fs12 { font-size: 76%; line-height: 180%;}
.fs14 { font-size: 90%; line-height: 150%;}
.fs16 { font-size: 98%; line-height: 150%;}
.fs17 { font-size: 104%; line-height: 150%;}
.fs18 { font-size: 115%; line-height: 150%; font-weight: bold; }
.fs19 { font-size: 170%; line-height: 140%; font-weight: bold; color:#AD9C4E ;}
.fs20 { font-size: 115%; line-height: 160%; font-weight: bold; color:#572B57 ;}

/* 文字カラー指定 */
.cl_01 {
	color: #ECE8D2;
	font-weight: bold;
}
.atte {
	color: #FF6C00;
	font-weight: bold;
}

/* 簡易スペーサ */
#rightPanel .spacing5 { margin-bottom: 5px; }
#rightPanel .spacing8 { margin: 8px 0; }
#rightPanel .spacing10 { margin: 10px 0; }
#rightPanel .spacing12 { margin: 12px 0; }
#rightPanel .spacing15 { margin: 15px 0; }
#rightPanel .spacing18 { margin: 18px 0; }
#rightPanel .spacing20 { margin-bottom: 20px; }
#rightPanel .spacing22 { margin-bottom: 22px; }
#rightPanel .spacing25 { margin: 25px 0; }
#rightPanel .spacing30 { margin: 30px 0; }
#rightPanel .spacing35 { margin-bottom: 35px; }
#rightPanel .spacingR5{ margin-right: 5px; }
#rightPanel .spacingR8{ margin-right: 8px; }
#rightPanel .spacingR10{ margin: 0 10px 10px 0; }
#rightPanel .spacingL10{ margin: 0 0 10px 10px; }

/* 線 */
.border01 {border-top: solid 1px #C19ECF; padding-top: 25px; margin-top: 10px; }
.border02 {border-bottom: dotted 1px #C19ECF; padding-top: 25px; margin-top: 10px; }
.border03 {border-top: dotted 1px #ECE8D2; padding-top: 25px; margin-top: 10px; }
.border04 {
	border-bottom: dotted 1px #C19ECF;
	margin-top: 10px;
	clear: both;
}
.line01 {
	margin: 20px auto 15px;
	width: 660px;
	clear: both;
}
/* box */
.box01 {
	border: solid 1px #C19ECF;
	padding: 8px;
	margin: 10px 0;
	clear: both;
}
.box02 {
	border: solid 1px #CABF80;
	padding: 6px;
	margin: 20px 0;
	clear: both;
}
#rightPanel .box02 table {
	margin: 0;
}


/* ============================== 02 site-top */
#index #header{
	width:900px;
	height:90px;
	vertical-align:top;
	padding: 0;
	position: relative;
	margin: 0;
}
#index #logo{
	width:360px;
	height:82px;
	background:url(../img/index/logo.jpg) no-repeat left top;
	margin: 0;
	float: left;
	font-size:80%;
	padding-top:8px
}
#index #menu{
	width:490px;
	margin:30px 0 0;
	padding:0px;
	float: right;
}
#index #mainPanel{
	padding:0;
	width:920px;
	margin: 10px auto 0;
	float: none;
	position: relative;
	background-image: none;
}
#index #leftPanel{
	width:220px;
	margin:0;
	padding:0 0 30px 0;
	float:left;
	height: 100%;
	background-image: none;
}
#rightPanel #right_main{
	margin: 20px 0 0;
}
#rightPanel #right_main h2{
	margin: 0 0 8px;
}
#mainWrap .fla-sp{
	padding:0;
	text-align: center;
	width: 920px;
	height: 408px;
}
#rightPanel .mainMenu ul li.miyabinosato, #rightPanel .mainMenu ul li.hananoutage{
	width:213px;
	margin:0 10px 12px 0;
	float:left;
}
#rightPanel .mainMenu ul li.bridal{
	margin: 0 0 12px 0;
	float: left;
	width: 213px;
}
#rightPanel #left{
	width:300px;
	margin:0 0 20px 0;
	float:left;
}
#rightPanel #newbox {
	border-style:none;
	height:290px;
	padding:25px 0 0;
	background: url(../img/index/newBg.jpg) no-repeat;
	width: 300px;
}
#rightPanel #newbox a {
	color: #2F0040;
	text-decoration: underline
}
#rightPanel #newbox a:hover {
	color: #FFDF62;
	text-decoration: none;
}
#rightPanel #newbox .newbox_main {
	height:280px;
	overflow-y:auto;
	margin:0;
	padding:15px 0 0;
	width:300px;
}
#newbox .new {
	display:block;
	margin:0 0 0 12px;
	padding:0 0 5px;
	width:273px;
}
.new dt {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	margin:0 0 3px;
}
.new dd {
	color: #000000;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	margin:0 0 5px 10px;
	padding:0 0 5px;
	border-bottom: dotted 1px #ABABAB;
}
#calendar {
	width: 340px;
	padding: 0;
	float: right;
}
caption {
	font-size:120%;
	font-weight:bold;
	text-align:center;
	color: #FFFFFF;
	height: 22px;
	vertical-align: top;
}
#calendar .schedule {
	border:1px solid #C19ECF;
	border-collapse: collapse;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#calendar .schedule th {
	color: #FFFFFF;
	background: url(../img/index/calendar/calendar_week.jpg) repeat-x;
	border:1px solid #C19ECF;
	border-collapse: collapse;
	padding: 5px 0;
}
#calendar .schedule td {
	border:1px solid #C19ECF;
	border-collapse: collapse;
	vertical-align:top;
	color: #663366;
	padding: 3px 3px 10px;
	width: 14%;
	background: #F5F5F5;
	background: url(../img/index/calendar/ev.jpg) repeat-y
}
#calendar .schedule td.ev2 {
	background: #6F0000;
	background: url(../img/index/calendar/ev2.jpg) repeat-y;
	color: #FFFFFF;
}
#calendar .schedule td.ev3 {
	color: #FFFFFF;
	background: url(../img/index/calendar/ev3.jpg) repeat-y;
}
#calendar .schedule td.ev4 {
	color: #FFFFFF;
	background: url(../img/index/calendar/ev4.jpg) repeat-y
}
#calendar .schedule td.ev5 {
	color: #FFFFFF;
	background: url(../img/index/calendar/ev5.jpg) repeat-y
}
#calendar .schedule td.ev6 {
	color: #FFFFFF;
	background: url(../img/index/calendar/ev6.jpg) repeat-y
}
#calendar .schedule td a {
	color: #FFFFFF;
	text-decoration: underline
}
#calendar .schedule td a:hover {
	color: #FFFFFF;
	text-decoration: none
}
#calendar .cld_li {
 color: #FFFFFF;
}

/* ============================== 03 site-all */
#wrapper{
	background: url(../img/share/kamon_02gatsu.jpg) no-repeat scroll center 100px;
	margin:0 auto;
	padding:0;
	width: 100%;
	float:left;
}
#mainWrap{
	margin:0 auto;
	padding:0;
	width: 920px;
	height: 100%;
}
#mainPanel{
	width:100%;
	margin:0 auto;
	padding:0px;
	height: 100%;
	background: url(../img/index/leftBg.jpg) repeat-y left top;
	float: left;
}
#mainPanel .pan{
 font-size: 88%;
 padding: 0 0 10px
}
#header{
	width:660px;
	height:90px;
	vertical-align:top;
	padding: 0;
	position: relative;
	margin: 0;
}
#logo{
	width:220px;
	margin: 0;
}
#menu{
	width:490px;
	margin:30px 0 0;
	padding:0px;
	float: right;
}
#menu ul{
	margin:0px;
	padding:0px;
	float:right;
	display:block;
}
#menu ul li{
	width:auto;
	margin:0;
	padding:0 5px 0 0;
	float:left;
	display:block;
}
#leftPanel{
	width:220px;
	margin:0;
	padding:0 0 20px;
	float:left;
	background: url(../img/index/leftBg.jpg) repeat-y;
	height: 100%;
}
#leftPanel a{
 text-decoration: none;
}
#leftPanel h2{
	margin:0 auto;
	padding:0px;
	width: 200px;
}
#leftPanel .btn{
	margin:10px auto;
	width: 200px
}
#leftPanel .blog{
	margin:0 auto;
	width: 200px;
	text-align: center;
}
#leftPanel #mobile-link {
	width: 200px;
	margin:20px auto 0;
}
#leftPanel .blog ul{
	margin:10px 0 0 0;
}
#leftPanel .blog ul li{
	margin:8px 0 0 0;
}
#login {
	width: 200px;
	padding: 0;
	margin: 20px auto 15px;
}
#login .login_main {
	width: 170px;
	height: 60px;
	background: url(../img/index/login_bg.jpg) no-repeat;
	padding: 15px 15px 10px;
	margin: 10px auto 0;
}
#login span {
	width:15px;
	margin:0 5px 0 0;
	color: #B79300;
	font-weight: bold;
}
#login p {
	width:60px;
	margin:5px auto;
}
#login input{
	width:123px;
	height:16px;
	margin:0;
	padding:2px 0 0 5px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	border: #D5D5D5 solid 1px;
	background: url(../img/share/form_bg.jpg) repeat-x left top
}
#rightPanel{
	width:660px;
	margin:0 0 0 40px;
	padding:0 0 30px 0;
	float:left;
	line-height: 160%;
	font-size:12px;
}
#rightPanel .pagetop{
 width: 660px;
 clear:both;
 margin: 25px 0;
 text-align: right
}
#rightPanel h1,#rightPanel h2{
	margin: 10px 0 15px;
}
#rightPanel h3, #memberPanel h3{
	margin: 15px 0;
	background: url(../img/share/h3Bg.gif) no-repeat left top;
	padding: 10px 0 5px 15px;
	font-size: 20px;
	font-weight: normal;
	border-bottom: solid 1px #C19ECF;
}
#rightPanel h4, #memberPanel h4{
	background: #655B2E;
	color: #FFFFFF;
	padding: 6px 0 4px 15px;
	margin: 15px 0;
	clear: both
}
#rightPanel .navimenu{
	width: 660px;
	position: relative;
}
#rightPanel .navimenu ul li{
	float: left;
	padding: 0;
	margin: 0;
}
#rightPanel table, #memberPanel table {
	margin: 8px 0;
}
#rightPanel table td, #memberPanel table td{
	padding: 8px 0;
}
#rightPanel .ftr, #memberPanel .ftr{
	margin: 50px auto 20px;
	width: 660px;
	clear: both;

}
#rightPanel .ta_01, #memberPanel .ta_01 {
 border: solid 1px #C19ECF;
 border-collapse: collapse;
 margin: 15px 0 0
}
#rightPanel .ta_01 th, #memberPanel .ta_01 th {
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	padding: 8px;
	width: 20%;
	border: solid 1px #C19ECF;
	border-collapse: collapse;
}
#rightPanel .ta_01 td, #memberPanel .ta_01 td {
 border: solid 1px #C19ECF;
 border-collapse: collapse;
 padding: 8px;
}
#rightPanel .ta_02 {
	border: solid 1px #FFE8FA;
	border-collapse: collapse;
	margin: 15px 0 0
}
#rightPanel .ta_02 th {
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	padding: 7px;
	width: 20%;
	border-left: solid 1px #FFE8FA;
	border-collapse: collapse;
}
#rightPanel .ta_02 td {
	border: solid 1px #FFE8FA;
	border-collapse: collapse;
	padding: 6px 6px 0;
}


/* ============================== 04 bridal*/ 
ul#menu_bridalPlan {
	height: 60px;
	margin: 20px 0 10px;
	padding: 0 0 0 10px;
	width: 650px;
	background: url(../img/bridal/plan/plan_menu_bg.gif) repeat-x left top;
}
ul#menu_bridalPlan li {
	float:left;
	width: 154px;
	margin:0;
	overflow:hidden;
	padding: 0;
}
#plan_cts_box {
	margin: 20px 0 30px;
	position: relative;
	width: 660px;
	height: 350px;
}
#plan_cts_box .plan_cont01 {
	float:left;
	width: 130px;
	height: 100%;
}
#plan_cts_box .plan_cont01 .planimgTbl {
 margin: 0;
}
#plan_cts_box .plan_cont01 .planimgTbl td.plan_side {
	width: 120px;
	padding: 4px;
	border: solid 1px #655B2E;
	text-align: center;
}
#plan_cts_box .plan_cont01 .planimgTbl td {
	padding: 0;
}
#plan_cts_box .plan_cont02 {
	float:right;
	height: 100%;
	margin-left: 10px;
}
#plan_cts_box .plan_cont02 table, #plan_cts_box .plan_cont02 table td {
 margin: 0 auto;
 padding: 0;
}
#plan_cts_box .plan_cont02 #main_photo, #plan_cts_box .plan_cont02 #main_photo02 {
	background: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
}
.left {
	float: left;
	width: 320px;
	margin-bottom: 20px;
}
.left_rcp {
	float: left;
	width: 300px;
}
.right {
	float: right;
	margin: 0 0 30px 10px;
	width: 330px;
}
.right_rcp {
	float: right;
	width: 360px;

}

/* ============================== 06 staff*/ 
.kokodake {
	background: url(../img/staff/kokodake_bg.gif) no-repeat;
	font-size:12px;
	height:32px;
	line-height:1.6em;
	margin:10px 0;
	padding:10px 40px 35px 78px;
	width:312px;
	color: #030303
}

/* ============================== 05 contact*/ 
#rightPanel .formBox {
 border: solid 1px #655B2E;
 border-collapse: collapse;
}
#rightPanel .formBox td {
 border: solid 1px #655B2E;
 border-collapse: collapse;
 padding: 8px;
}
#rightPanel .formBox .bg, #rightPanel .formBox select {
	margin: 5px 2px;
	background: url(../img/share/form_bg.jpg) repeat-x left top #FFFFFF
}
#rightPanel .formBox th {
	width: 170px;
	border: solid 1px #655B2E;
	border-collapse: collapse;
	padding: 8px 8px 8px 12px;
	text-align: left;
	color: #ECE8D2
}
/* ============================== 05 membersite*/ 
#member_header  {
	width: 900px;
	height: 90px;
}
#member_header #logo  {
	float:left;
	width: 660px;
	height: 90px;
}
#member_header #logout  {
	float:right;
	width: 240px;
	height: 50px;
	text-align: right;
	padding-top: 40px;
}
#memberPanel  {
	width: 700px;
	margin: 30px auto;
	color: #FFFFFF
}
#memberPanel .navimenu{
	width: 700px;
	position: relative;
	height: 60px;
}
#memberPanel .navimenu ul li{
	float: left;
	padding: 0;
	margin: 0;
}
#memberPanel .pan{
 font-size: 88%;
 padding: 0 0 10px
}
#memberPanel .pagetop{
	width: 700px;
	margin: 25px 0;
	text-align: right;
	clear: both;
}
#memberPanel .topics li {
	border-bottom: dotted 1px #C19ECF;
	margin: 5px 12px 0 10px;
	padding: 5px 5px 5px 20px;
	background: url(../img/membersite/ico01.gif) no-repeat 0 7px;
}
#memberPanel .contents  {
	width: 700px;
	clear: both;
}
#memberPanel .contents .menu li  {
	float: left;
	width: 163px;
	padding-right: 12px;
}
#memberPanel .contents .menu li a  {
 text-decoration: none;
 font-size: 120%
}
#memberPanel .contents .menu li a:hover  {
 color: #D2B9DD
}
#memberPanel .contents .menu li span  {
 font-size: 85%
}
#memberPanel .recipe{
	margin: 10px 0;
	border-bottom: dotted 1px #C19ECF;
	padding-bottom: 15px;
	font-size: 90%;
}
#box03  {
	width: 654px;
	margin: 20px auto;
	background: url(../img/share/box_bg.gif) repeat-y left top;
	color: #2D2D2D;
	clear: both;
	padding: 0;
}
#box03 .box {
	background: url(../img/share/box_b.gif) no-repeat left bottom;
	margin: 0;
	padding: 0;
}
#box03 .box .box_main {
	padding:0 40px 30px;
	margin: 0;
}
#box03 .box .box_main a:hover, #box03 .box .box_main a:active {
 color:#7301A9;
}
#box03 .box .box_main table {
	margin: 0;
}
.privilege {
	float: left;
	width: 161px;
	margin-bottom: 15px;
	background: url(../img/member/privilegeBg.jpg) repeat-x left top;
	color: #655B2E;
	font-weight: bold
}
.privilege .privilegeBox {
	border: solid 2px #655B2E;
	padding: 20px 10px;
	height: 100px;
}
.privilege .privilegeBox a {
 color: #572B57
}
#recipe{
	position: relative;
	padding: 10px 0;
	width: 700px;
}
#recipe .ta_01{
	border: solid 1px #C19ECF;
	border-collapse: collapse;
	margin: 0 0 5px
}
#recipe .ta_01 th{
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border: solid 1px #C19ECF;
	background: #804080;
}
#recipe .ta_01 td{
	border: solid 1px #C19ECF;
	border-collapse: collapse;
	padding: 5px;
	font-size: 90%;
}
#recipe .ta_01 .item {
	background:#F6F4E9;
	color:#655B2E;
	font-weight: bold;
}
#recipe .contentsL {
	float:left;
	padding-bottom:25px;
	width:300px;
}
#recipe .contentsR {
	float:right;
	padding-bottom:25px;
	width:400px;
}

/* ============================== 06 event*/ 
.course_li {
 margin: 15px 0 0 ; 
}
.course_li li {
 text-align: center;
 margin-bottom: 10px;
 font-weight: bold
}
.course_li li span {
 color: #AD9C4E;
 font-weight: normal;
}
#rightPanel .ta_02 th#ev_day {
	padding: 6px 0 6px 7px;
	background: url(../img/event/10/spring/bg_ev_day.jpg)  repeat-x;
	color: #FFFFFF;
	width: 110px;
}
#rightPanel .ta_02 td.bg655 {
	background: #655B2E;
}
.bg_ev {
	margin: 0;
	text-align: center;
	background: #C19ECF url(../img/event/10/spring/bg_ev_sch.jpg) repeat-x;
	color: #512B51;
	height: 30px;
	padding: 5px;
	font-weight: bold;
}
.bg_fl {
font-size: 10px;
}
#rightPanel .ta_02 td#far {
	margin: 0;
	text-align: center;
	background: #C19ECF url(../img/event/10/spring/bg_ev_sch.jpg) repeat-x;
	color: #512B51;
	height: 30px;
	padding: 5px;
	font-weight: bold;
	font-size: 10px
}
#bg_fes {
	background: url(../img/event/10/spring/bg_fes.jpg) no-repeat right top;
	height: 145px;
}
#bg_found {
	background: url(../img/event/10/spring/bg_found.jpg) no-repeat right top;
	height: 145px;
}
#bg_bridal {
	background: url(../img/event/10/spring/bg_bridal.jpg) no-repeat right top;
	height: 145px;
}
#bg_pillow {
	background: url(../img/event/10/spring/bg_pillow.jpg) no-repeat right top;
	height: 145px;
}
#bg_photo {
	background: url(../img/event/10/spring/bg_photo.jpg) no-repeat right top;
	height: 145px;
}
#rightPanel .ta_02 .mds {
	font-size: 18px;
	font-weight: bold;
	color: #CABF80;
	margin: 0;
	padding-left: 5px;
}
#bg_bridal p, #bg_pillow p, #bg_found p, #bg_photo p, #bg_fes p {
	margin: 5px 0 0;
	color: #FFFFFF;
	width: 320px;
	padding-left: 5px;
}


/* ============================== 07 sitemap */
#sitemap {
 margin: 30px 0;
}
#sitemap dl dt {
	display:block;
	font-size:12px;
	font-weight:bolder;
	line-height:13px;
	margin:0 0 13px 10px;
	padding:13px 0 0 17px;
	text-decoration:none;
	background: url(../img/share/ico02.gif) no-repeat left bottom;
	border-color:#BEBCB6;
	border-style:dotted none none;
	border-width:1px;
}
#sitemap dd{
	border:1px none #BEBCB6;
	display:block;
	font-size:12px;
	line-height:180%;
	margin:0 0 10px;
	padding:0 0 0 28px;
}
#sitemap dd a{
 color: #ECE8D2;
 padding-right: 15px
} 

/* ============================== 08 footer*/ 
#footPanel{
	margin:0 auto;
	padding:10px 0 50px 0;
	border-top: solid 1px #C19ECF;
	width: 100%;
	clear: both;
	text-align: center;
}
#footPanel_main{
	margin:0 auto;
	width: 900px;
}
#footPanel .nav{
	margin:0;
	padding:0px;
	width: 600px;
	float: left
}
#footPanel .nav ul{
	margin:0 auto;
	padding:0px;
}
#footPanel .nav ul li{
	border-right:1px solid #bb9d59;
	float:left;
	margin-right:10px;
	padding-right:10px;
}
#footPanel .copyright{
	width:300px;
	margin:3px auto 0;
	padding:0px;
	font-family:Arial;
	font-size:12px;
	color:#bb9d59;
	line-height:15px;
	text-align:right;
	float: right;
}
