@charset "UTF-8";
@import url(reset.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	全体レイアウトに関する設定
 * ---------------------------------------------------------------- */
html, body {
height: 100%;
margin:0;
background: #f9f9f9 url(../images/bg.jpg) repeat-x;
}
#wrapper {
width:974px;
margin:0 auto;
background: #fff;
}
#container {
width:960px;
margin:0 7px;
padding-bottom:30px;
overflow: hidden;
}
#fla {
width:960px;
margin:8px auto;
}
.clr {
clear:both;
}
.red {
color:#CC0000;
}
/* ---------------------------------------------------------------- *
	ヘッダエリア
 * ---------------------------------------------------------------- */
#header {
margin:10px 0 0 0;
}
#logo a {
background:url(../images/logo.gif) no-repeat;
width:330px;
height:40px;
text-indent:-9999px;
display:block;
float:left;
}
.head-navi {
float:right;
}
.head-navi ul li {
float:left;
}
.head-navi ul li a {
height:20px;
text-indent:-9999px;
display:block;
}


.tp-navi {
float:right;
}

.tp-navi ul li a {
height:37px;
text-indent:-9999px;
display:block;
}
a.tp-contact:link {
background:url(../images/tel2.gif) 0 0 no-repeat;
width:168px;
}
a.tp-contact:visited {
background:url(../images/tel2.gif) 0 0 no-repeat;
width:168px;
}



.head-navi ul li a.h-about:link {
background:url(../images/h_menu.gif) 0 -20px no-repeat;
width:65px;
}
.head-navi ul li a.h-about:visited {
background:url(../images/h_menu.gif) 0 -20px no-repeat;
width:65px;
}
.head-navi ul li a.h-about:hover {
background:url(../images/h_menu.gif) 0 0 no-repeat;
width:65px;
}
.head-navi ul li a.h-access:link {
background:url(../images/h_menu.gif) -65px -20px no-repeat;
width:60px;
}
.head-navi ul li a.h-access:visited {
background:url(../images/h_menu.gif) -65px -20px no-repeat;
width:60px;
}
.head-navi ul li a.h-access:hover {
background:url(../images/h_menu.gif) -65px 0 no-repeat;
width:60px;
}
.head-navi ul li a.h-reserve:link {
background:url(../images/h_menu.gif) -125px -20px no-repeat;
width:72px;
}
.head-navi ul li a.h-reserve:visited {
background:url(../images/h_menu.gif) -125px -20px no-repeat;
width:72px;
}
.head-navi ul li a.h-reserve:hover {
background:url(../images/h_menu.gif) -125px 0 no-repeat;
width:72px;
}
.head-navi ul li a.h-sitemap:link {
background:url(../images/h_menu.gif) -197px -20px no-repeat;
width:68px;
}
.head-navi ul li a.h-sitemap:visited {
background:url(../images/h_menu.gif) -197px -20px no-repeat;
width:68px;
}
.head-navi ul li a.h-sitemap:hover {
background:url(../images/h_menu.gif) -197px 0 no-repeat;
width:68px;
}
#contents-navi {
margin-top:15px;
}
#contents-navi ul li {
float:left;
}
#contents-navi ul li a {
height:35px;
text-indent:-9999px;
display:block;
}
#contents-navi ul li a.c-1:link {
background:url(../images/g_navi.gif) 0 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-1:visited {
background:url(../images/g_navi.gif) 0 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-1:hover {
background:url(../images/g_navi.gif) 0 -35px no-repeat;
width:159px;
}
#contents-navi ul li a.c-2:link {
background:url(../images/g_navi.gif) -159px 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-2:visited {
background:url(../images/g_navi.gif) -159px 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-2:hover {
background:url(../images/g_navi.gif) -159px -35px no-repeat;
width:159px;
}
#contents-navi ul li a.c-3:link {
background:url(../images/g_navi.gif) -318px 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-3:visited {
background:url(../images/g_navi.gif) -318px 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-3:hover {
background:url(../images/g_navi.gif) -318px -35px no-repeat;
width:159px;
}
#contents-navi ul li a.c-4:link {
background:url(../images/g_navi.gif) -477px 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-4:visited {
background:url(../images/g_navi.gif) -477px 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-4:hover {
background:url(../images/g_navi.gif) -477px -35px no-repeat;
width:159px;
}
#contents-navi ul li a.c-5:link {
background:url(../images/g_navi.gif) -636px 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-5:visited {
background:url(../images/g_navi.gif) -636px 0 no-repeat;
width:159px;
}
#contents-navi ul li a.c-5:hover {
background:url(../images/g_navi.gif) -636px -35px no-repeat;
width:159px;
}
#contents-navi ul li a.c-6:link {
background:url(../images/g_navi.gif) -801px 0 no-repeat;
width:159px;
margin-left:6px;
}
#contents-navi ul li a.c-6:visited {
background:url(../images/g_navi.gif) -801px 0 no-repeat;
width:159px;
margin-left:6px;
}
#contents-navi ul li a.c-6:hover {
background:url(../images/g_navi.gif) -801px -35px no-repeat;
width:159px;
margin-left:6px;
}
/* ---------------------------------------------------------------- *
	コンテンツレイアウト
 * ---------------------------------------------------------------- */
#left-contents {
width:720px;
float:left;
}

#right-contents {
width:200px;
float:right;
}
#style-contents {
margin-left:10px;
}

/* ---------------------------------------------------------------- *
	トップページ
 * ---------------------------------------------------------------- */
.bf-banner a {
background:url(../images/bf_banner.jpg);
width:700px;
height:55px;
margin:15px 0 10px 10px;
color:#000000;
font-family:"Times New Roman", Times, serif;
font-size:32px;
display:block;
padding:45px 0 0 10px;
}
.bf-banner a:visited {
background:url(../images/bf_banner.jpg);
width:700px;
height:55px;
margin:15px 0 10px 10px;
color:#000000;
font-family:"Times New Roman", Times, serif;
font-size:32px;
display:block;
padding:45px 0 0 10px;
}
.bf-banner a:hover {
background:url(../images/bf_banner.jpg);
width:700px;
height:55px;
margin:15px 0 10px 10px;
color:#CC3366;
font-family:"Times New Roman", Times, serif;
font-size:32px;
display:block;
padding:45px 0 0 10px;
}
#left-contents #top-contents dt {
float:left;
/*width:82px;*/
width:300px;
/*height:82px;*/
height:100px;
display:block;
margin:8px 30px 16px 0;
}
#left-contents #top-contents dd {
float:left;
display:block;
/*width:628px;*/
width:380px;
/*height:82px;*/
height:100px;
margin:8px 0 16px 0;
}
#left-contents #top-contents .thumb {
background:url(../event_images/event_thumb.jpg) no-repeat;
}
#left-contents #top-contents .thumb img {
margin:9px;
}

#left-contents #top-contents h3 {
margin:8px 0 8px 0;
border-bottom:1px dotted #666; 
}
#left-contents #top-contents h3 a:link {
color:#000;
text-decoration:none;
}
#left-contents #top-contents h3 a:visited {
color:#000;
text-decoration:none;
}
#left-contents #top-contents h3 a:hover {
color:#B12448;
text-decoration:none;
}
#left-contents #top-contents p {
line-height:1.4;
color:#666;
foont-size:86%;
}

/* ---------------------------------------------------------------- *
	サイドコンテンツ
 * ---------------------------------------------------------------- */

#right-contents #side-plan dl {
display:block;
margin-bottom:5px;
}

#right-contents #side-plan dt {
float:left;
width:40px;
height:41px;
display:block;
margin:5px 0 3px 0;
padding-right:10px;
border-bottom:1px dotted #666;
}
#right-contents #side-plan dd {
float:left;
display:block;
width:150px;
height:40px;
margin:6px 0 3px 0;
font-size:11px;
}
#right-contents #side-plan dd a {
font-size:11px;
}
#right-contents #side-plan dd span {
color:#FF6600;
}
#right-contents #side-plan .thumb {
background:url(../event_images/side_thumb.jpg) no-repeat;
}
#right-contents #side-plan .thumb img {
margin:4px;
}
.side-plantitle {
margin:6px 0 4px 0;
}

#right-contents dd {
font-size:11px;
border-bottom:1px dotted #666; 
margin-bottom:8px;
color:#666;
}


a.bf-button:link {
background:url(../images/bf_bt.gif) no-repeat;
width:200px;
height:21px;
display:block;
text-indent:-9999px;
margin-top:8px;
overflow:hidden;
}
a.bf-button:visited {
background:url(../images/bf_bt.gif) no-repeat;
width:200px;
height:21px;
display:block;
text-indent:-9999px;
margin-top:8px;
overflow:hidden;
}
a.bf-button:hover {
background:url(../images/bf_bt.gif) 0 -21px no-repeat;
width:200px;
height:21px;
display:block;
text-indent:-9999px;
margin-top:8px;
overflow:hidden;
}

a.bf-button2:link {
background:url(../images/bf_bt2.gif) no-repeat;
width:320px;
height:27px;
display:block;
text-indent:-9999px;
margin-top:8px;
overflow:hidden;
}
a.bf-button2:visited {
background:url(../images/bf_bt2.gif) no-repeat;
width:320px;
height:27px;
display:block;
text-indent:-9999px;
margin-top:8px;
overflow:hidden;
}
a.bf-button2:hover {
background:url(../images/bf_bt2.gif) 0 -27px no-repeat;
width:320px;
height:27px;
display:block;
text-indent:-9999px;
margin-top:8px;
overflow:hidden;
}

a.bf-button3:link {
background:url(../images/bf_bt3.gif) no-repeat;
width:230px;
height:45px;
display:block;
text-indent:-9999px;
margin:0 20px 20px 0;
overflow:hidden;
float:left;
}
a.bf-button3:visited {
background:url(../images/bf_bt3.gif) no-repeat;
width:230px;
height:45px;
display:block;
text-indent:-9999px;
margin:0 20px 20px 0;
overflow:hidden;
float:left;
}
a.bf-button3:hover {
background:url(../images/bf_bt3.gif) 0 -45px no-repeat;
width:230px;
height:45px;
display:block;
text-indent:-9999px;
margin:0 20px 20px 0;
overflow:hidden;
float:left;
}
a.bf-button4:link {
background:url(../images/bf_bt4.gif) no-repeat;
width:230px;
height:45px;
display:block;
text-indent:-9999px;
margin-bottom:20px;
overflow:hidden;
float:left;
}
a.bf-button4:visited {
background:url(../images/bf_bt4.gif) no-repeat;
width:230px;
height:45px;
display:block;
text-indent:-9999px;
margin-bottom:20px;
overflow:hidden;
float:left;
}
a.bf-button4:hover {
background:url(../images/bf_bt4.gif) 0 -45px no-repeat;
width:230px;
height:45px;
display:block;
text-indent:-9999px;
margin-bottom:20px;
overflow:hidden;
float:left;
}


.img-link img:hover {
filter:alpha(opacity=43);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
width:720px;
}

#right-contents #side-plan li {
height:100px;
display:block;
margin-bottom:5px;
}
#right-contents #side-plan li {
float:left;
width:40px;
height:41px;
display:block;
margin:5px 0 3px 0;
padding-right:10px;
}

#right-contents #side-plan li a {
font-size:11px;
}

#right-contents #side-plan .thumb {
background:url(../event_images/side_thumb.jpg) no-repeat;
}
#right-contents #side-plan .thumb img {
margin:4px;
}

/* ---------------------------------------------------------------- *
	ウェディングスタイル
 * ---------------------------------------------------------------- */
#style-contents h3 {
border-bottom:1px solid #333;
background:url(../images/point.gif) no-repeat;
text-indent:45px;
padding-bottom:3px;
font-weight:bold;
margin-bottom:10px;
}

/* ---------------------------------------------------------------- *
	ウェディングプラン
 * ---------------------------------------------------------------- */
#plan-tab {
margin:10px 0 10px 0;
}
#plan-tab li {
float:left;
}

#plan-contents h3 {
border-bottom:1px solid #333;
padding-bottom:3px;
font-weight:bold;
margin-bottom:10px;
}
#plan-contents h3 span {
background:#666666;
font-size:10px;
padding:0 3px 0 3px;
margin-left:10px;
color:#fff;
}
#plan-contents table {
margin-top:20px;
}
#plan-contents table th {
padding:2px 5px;
background:#EEEEEE;
width:130px;
border-bottom:1px dotted #999;
}
#plan-contents table td {
padding:5px 5px;
border-bottom:1px dotted #999;
width:350px;
}
#plan-contents li {
margin-bottom:3px;
}

/* ---------------------------------------------------------------- *
	ウェディングプラン　●　新　●
 * ---------------------------------------------------------------- */
#plan-contents2 h3 {
font-weight:bold;
margin-bottom:5px;
color: #990000;
font-size:14px;
}
.p-price {
font-weight:bold;
color: #0066CC;
font-size:14px;
}
#plan-contents2 table {
margin-top:10px;
}
#plan-contents2 table th {
padding:2px 0px;
width:55px;
font-size:11px;
color: #990000;
}
#plan-contents2 table td {
padding:2px 0px;
width:495px;
font-size:11px;
}
#plan-contents2 li {
margin-bottom:3px;
}
.p-item {
font-size:11px;
}
.p-item .on {
/*width:50px;*/
background-color: #CC9999;
color:#FFFFFF;
padding:0 12px;
display:inline-block;
margin:2px 0;
}
.p-item .off {
/*width:50px;*/
background-color: #ccc;
color:#FFFFFF;
padding:0 12px;
display:inline-block;
margin:2px 0;
}
.p-price {
font-weight:bold;
color:#CC9900;
font-size:18px;
}
.p-price2 {
font-weight:bold;
color:#000;
font-size:18px;
}
/* ---------------------------------------------------------------- *
	イベント・ニュース
 * ---------------------------------------------------------------- */
#style-contents #side-fair dl {
width:470px;
margin-left:10px;
}
#style-contents #side-fair dt {
border-bottom:1px dotted #666; 
margin-bottom:8px;
float:left;
width:120px;
}
#style-contents #side-fair dd {
border-bottom:1px dotted #666; 
margin-bottom:8px;
float:left;
width:350px;
}
.fair-contents dd {
font-size:11px;
margin-bottom:8px;
text-indent:1em;
color:#666;
}

#special-plan {
width:430px;
float:left;
}

#special-plan dl {
height:100px;
display:block;
margin-bottom:5px;
}
#special-plan dt {
float:left;
width:40px;
height:41px;
display:block;
margin:5px 0 3px 0;
padding-right:30px;
border-bottom:1px dotted #666;
}
#special-plan dd {
float:left;
display:block;
width:360px;
height:40px;
margin:6px 0 3px 0;
font-size:11px;
}
#special-plan dd a {
font-size:11px;
}
#special-plan dd span {
color:#FF6600;
}
#special-plan .thumb {
background:url(../event_images/side_thumb.jpg) no-repeat;
}
#special-plan .thumb img {
margin:4px;
}
.special-plantitle {
margin:6px 0 4px 0;
}

#special-plan dd {
font-size:11px;
border-bottom:1px dotted #666; 
margin-bottom:8px;
color:#666;
}
#side-fair li {
width:480px;
line-height:1.6;
}
.line {
border-bottom:1px dotted #666; 
margin-bottom:8px;
}
/* ---------------------------------------------------------------- *
	お問い合わせ
 * ---------------------------------------------------------------- */
#contact-contents {
margin:15px 0 15px 10px;
}
#contact-contents h4 {
margin-top:20px;
}

#contact-contents table {

}
#contact-contents table {
border-top:1px dotted #999;
}
#contact-contents table th {
padding:8px;
background:#EEEEEE;
width:150px;
border-bottom:1px dotted #999;
}
#contact-contents table td {
padding:8px;
border-bottom:1px dotted #999;
width:550px;
}

/* ---------------------------------------------------------------- *
	ページタイトル
 * ---------------------------------------------------------------- */
#left-contents h2 {
display:block;
text-indent:-9999px;
}
#right-contents h2 {
display:block;
text-indent:-9999px;
}
.title-event {
background:url(../images/title_event.gif) no-repeat;
height:32px;
}
.title-fair {
background:url(../images/title_bf.gif) no-repeat;
height:32px;
}
.title-features {
background:url(../images/title_ft.gif) no-repeat;
height:32px;
}
.title-style {
background:url(../images/title_style.gif) no-repeat;
height:32px;
}
.title-plan {
background:url(../images/title_plan.gif) no-repeat;
height:32px;
}
.title-gallery {
background:url(../images/title_gallery.gif) no-repeat;
height:32px;
}
.title-wplan {
background:url(../images/title_wplan.gif) no-repeat;
height:32px;
}
.title-news {
background:url(../images/title_news.gif) no-repeat;
height:32px;
}
.title-access {
background:url(../images/title_access.gif) no-repeat;
height:32px;
}
.title-contact {
background:url(../images/title_contact.gif) no-repeat;
height:32px;
}
.title-other {
background:url(../images/title_other.gif) no-repeat;
height:32px;
}
/* ---------------------------------------------------------------- *
	コンテンツフッター
 * ---------------------------------------------------------------- */
#contents-footer {

}
#contents-footer ul li {
float:left;
}
#contents-footer ul li a {
height:37px;
text-indent:-9999px;
display:block;
}
#contents-footer ul li a.cf-contact:link {
background:url(../images/tel.gif) 0 0 no-repeat;
width:168px;
}
#contents-footer ul li a.cf-contact:visited {
background:url(../images/tel.gif) 0 0 no-repeat;
width:168px;
}
#contents-footer ul li a.cf-home:link {
background:url(../images/raffinato.gif) 0 0 no-repeat;
width:204px;
}
#contents-footer ul li a.cf-home:visited {
background:url(../images/raffinato.gif) 0 0 no-repeat;
width:204px;
}

/* ---------------------------------------------------------------- *
	フッター
 * ---------------------------------------------------------------- */
#footer {
margin-top:15px;
background:url(../images/f_navi_bg.gif);
}
#footer ul {
background:url(../images/f_navi_bg.gif);
}
#footer ul li {
float:left;
}
#footer ul li a {
height:28px;
text-indent:-9999px;
display:block;
}
#footer ul li a.f-1:link {
background:url(../images/f_navi.gif) -892px 0 no-repeat;
width:68px;
margin-left:410px;
}
#footer ul li a.f-1:visited {
background:url(../images/f_navi.gif) -892px 0 no-repeat;
width:68px;
margin-left:410px;
}
#footer ul li a.f-1:hover {
background:url(../images/f_navi.gif) -892px -28px no-repeat;
width:68px;
margin-left:410px;
}
#footer ul li a.f-2:link {
background:url(../images/f_navi.gif) 0 0 no-repeat;
width:121px;
}
#footer ul li a.f-2:visited {
background:url(../images/f_navi.gif) 0 0 no-repeat;
width:121px;
}
#footer ul li a.f-2:hover {
background:url(../images/f_navi.gif) 0 -28px no-repeat;
width:121px;
}
#footer ul li a.f-3:link {
background:url(../images/f_navi.gif) -121px 0 no-repeat;
width:109px;
}
#footer ul li a.f-3:visited {
background:url(../images/f_navi.gif) -121px 0 no-repeat;
width:109px;
}
#footer ul li a.f-3:hover {
background:url(../images/f_navi.gif) -121px -28px no-repeat;
width:109px;
}
#footer ul li a.f-4:link {
background:url(../images/f_navi.gif) -230px 0 no-repeat;
width:110px;
}
#footer ul li a.f-4:visited {
background:url(../images/f_navi.gif) -230px 0 no-repeat;
width:110px;
}
#footer ul li a.f-4:hover {
background:url(../images/f_navi.gif) -230px -28px no-repeat;
width:110px;
}
#footer ul li a.f-5:link {
background:url(../images/f_navi.gif) -340px 0 no-repeat;
width:60px;
}
#footer ul li a.f-5:visited {
background:url(../images/f_navi.gif) -340px 0 no-repeat;
width:60px;
}
#footer ul li a.f-5:hover {
background:url(../images/f_navi.gif) -340px -28px no-repeat;
width:60px;
}
#footer ul li a.f-6:link {
background:url(../images/f_navi.gif) -400px 0 no-repeat;
width:82px;
}
#footer ul li a.f-6:visited {
background:url(../images/f_navi.gif) -400px 0 no-repeat;
width:82px;
}
#footer ul li a.f-6:hover {
background:url(../images/f_navi.gif) -400px -28px no-repeat;
width:82px;
}
/* ---------------------------------------------------------------- *
	ハック
 * ---------------------------------------------------------------- */

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #leftside {
  margin-top: 0;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-Mac */

/* ---------------------------------------------------------------- *
	入力チェック
* ---------------------------------------------------------------- */
 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;/*(06)*/
	color: #CC3333;
	border: 1px solid #CC3333;
	padding: 0 3px 0 3px;
	margin-left:15px;
}

.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;/*(07)*/
	border: 1px solid #99CC00;
	padding: 1px;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;/*(08)*/
	border: 1px solid #CC3333;
	padding: 1px;
}


.textfieldFocusState input, input.textfieldFocusState {

}

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
	padding: 1px;
}

.textfieldHintState input, input.textfieldHintState {

}

.focus {

}

.normal {

}


/* プランタイトル */
.rp {
font-size:108%;
background:#FEE9F2;
padding:6px;
}
#plan-contents2 th {
background:#FEE9F2;
text-align:center;
}
#plan-contents2 table {
border:1px solid #FF9999;
}