@charset "utf-8";
/* CSS Document */

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
	vartical-align:bottom;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

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

a:focus{
	outline:none;
}

html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

h1, h2, h3 {
margin:0;
padding:0;
font-size:xx-small;
}

div#top_line01 {
width:870px;
margin:0 auto;
padding:12px 0;
clear:both;
}

div#top_second 
{
	width:870px;
	margin-top:10px;
	padding:0 10px;
	margin:0;
}

/* ウエディングスタイル */ 

.wedding5
{
	width:448px;
	height:150px;
	float:left;
}

.w5_navi {
margin:0;
width:448px;
}

.w5_navi ul {
     width: 448px;
     margin:0;
     padding: 0;
}
.w5_navi ul li {
	float: left;
    list-style-type: none;
	text-indent: -9999px;
	text-align:left;
}
.w5_navi ul li a#chapel { /* ここから 『 チャペル 』 の設定 */ 
     display: block;
     width: 88px;
     height: 150px;
     margin-left: 0px;
     background: transparent url(../img/index/5wedding.jpg) no-repeat 0px 0px;
}
.w5_navi ul li a#chapel:hover,
.w5_navi ul li a#chapel:active {
     background-position: 0px -150px;
}

.w5_navi ul li a#garden { /* ここから 『 ガーデン 』 の設定 */ 
     display: block;
     width: 88px;
     height: 150px;
     margin-left: 2px;
     background: transparent url(../img/index/5wedding.jpg) no-repeat -90px 0px;
}
.w5_navi ul li a#garden:hover,
.w5_navi ul li a#garden:active {
     background-position: -90px -150px;
}

.w5_navi ul li a#atrium { /* ここから 『 アトリウム 』 の設定 */ 
     display: block;
     width: 88px;
     height: 150px;
     margin-left: 2px;
     background: transparent url(../img/index/5wedding.jpg) no-repeat -180px 0px;
}
.w5_navi ul li a#atrium:hover,
.w5_navi ul li a#atrium:active {
     background-position: -180px -150px;
}

.w5_navi ul li a#hawaiian { /* ここから 『 ハワイアン 』 の設定 */ 
     display: block;
     width: 88px;
     height: 150px;
     margin-left: 2px;
     background: transparent url(../img/index/5wedding.jpg) no-repeat -270px 0px;
}
.w5_navi ul li a#hawaiian:hover,
.w5_navi ul li a#hawaiian:active {
     background-position: -270px -150px;
}

.w5_navi ul li a#shinzen { /* ここから 『 神前式 』 の設定 */ 
     display: block;
     width: 88px;
     height: 150px;
     margin-left: 2px;
     background: transparent url(../img/index/5wedding.jpg) no-repeat -360px 0px;
}
.w5_navi ul li a#shinzen:hover,
.w5_navi ul li a#shinzen:active {
     background-position: -360px -150px;
}

/* イベントカレンダー */ 

div#calendar
{
	height:180px;
	width:385px;
	float:right;
}

.eventbox {
padding:0 1px;
}

/* メインコンテンツ */ 

div#top_main 
{
	width:870px;
}

/* バナー */ 

.top_bannar {
width:282px;
float:left;
text-align:left;
}

.top_bannar p {
margin:0 0 6px 0;
}

.banner_line {
margin:0;
paddin:0;
}

/* モバイル */ 

#movile {
	margin:5px 0 0 0;
	width:282px;
	text-align:center;
	}

#movile dl {     
width:220px; 
margin:0 auto;  
}   

#movile dt {   
float:left;   
width:60px;   
padding:0;   
clear:both;     
}   

#movile dd {   
height:60px;
margin-left:70px;   
padding:2px 0 0 0;
vertical-align:middle; 
text-align:left; 
color:#3d3d3d;
}  

/* メイン右 */ 
.top_otherc {
width:568px;
float:right;
}

.top_otherc p {
margin:15px 0 0 0;
}

/* プラン */ 
.plan {
background:url(../img/index/plan_bg.jpg) no-repeat top left;
width:568px;
height:286px;
text-align:left;
}

.planm {
margin:0 0 0 18px;
width:531px;
text-align:left;
}

.planm ul {
     width: 531px;
     margin:0;
     padding: 0;
}
.planm ul li {
	list-style-type: none;
	text-indent: -9999px;
	text-align:left;
}
.planm ul li a#plan1 { /* ここから 『 @プラン 』 の設定 */ 
     display: block;
     width: 531px;
     height: 26px;
     margin-bottom: 0px;
     background: transparent url(../img/index/plan_menu.jpg) no-repeat 0px 0px;
}
.planm ul li a#plan1:hover,
.planm ul li a#plan1:active {
     background-position: -531px 1px;
}

.planm ul li a#plan2 { /* ここから 『 会費制プラン 』 の設定 */ 
     display: block;
     width: 531px;
     height: 26px;
     margin-top: 5px;
     background: transparent url(../img/index/plan_menu.jpg) no-repeat 0px -31px;
}
.planm ul li a#plan2:hover,
.planm ul li a#plan2:active {
     background-position: -531px -30px;
}

.planm ul li a#plan3 { /* ここから 『 フェアリープラン 』 の設定 */ 
     display: block;
     width: 531px;
     height: 26px;
     margin-top: 5px;
     background: transparent url(../img/index/plan_menu.jpg) no-repeat 0px -62px;
}
.planm ul li a#plan3:hover,
.planm ul li a#plan3:active {
     background-position: -531px -61px;
}

.planm ul li a#plan4 { /* ここから 『 お披露目プラン 』 の設定 */ 
     display: block;
     width: 531px;
     height: 26px;
     margin-top: 6px;
     background: transparent url(../img/index/plan_menu.jpg) no-repeat 0px -94px;
}
.planm ul li a#plan4:hover,
.planm ul li a#plan4:active {
     background-position: -531px -93px;
}

.planm ul li a#plan5 { /* ここから 『 おめでたプラン 』 の設定 */ 
     display: block;
     width: 531px;
     height: 26px;
     margin-top: 5px;
     background: transparent url(../img/index/plan_menu.jpg) no-repeat 0px -125px;
}
.planm ul li a#plan5:hover,
.planm ul li a#plan5:active {
     background-position: -531px -124px;
}

.planm ul li a#plan6 { /* ここから 『 選べるプラン 』 の設定 */ 
     display: block;
     width: 531px;
     height: 26px;
     margin-top: 5px;
     background: transparent url(../img/index/plan_menu.jpg) no-repeat 0px -156px;
}
.planm ul li a#plan6:hover,
.planm ul li a#plan6:active {
     background-position: -531px -155px;
}

/* NEWS */ 
.top_news{
background:url(../img/index/news_bg.jpg) no-repeat top left;
width:568px;
height:226px;
margin:20px 0 0 0;
text-align:center;
}

.news_title, .blog_title {
display: block;
padding:15px 0 16px 15px;
text-align:left;
}

.newsbox {
width:538px;
margin:0 auto;
padding:0;
}

/* BLOG */ 
.top_blog{
background:url(../img/index/blog_bg.jpg) no-repeat top left;
width:568px;
/*height:106px;*/
height:126px;
margin:20px 0 0 0;
text-align:center;
}

.news_blog {
padding:15px 0 18px 0;
width:538px;
text-align:left;
}

.blogbox {
width:538px;
margin:0 auto;
padding:0;
}

.otoiawase {
padding:15px 0 0 0;
}

.size12 {
font-size:12px;
}

#footer {
clear:both;
width:100%;
text-align:center;
border-top:1px solid #add1e5;
margin:60px 0 0 0;
padding:14px 0 40px 0;
color:#7e7e7e;
font-size:11px;
}