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

/*-----擬似要素(float解除)----*/

div#main_bottom_inner:after,
div#main_bottom_inner_demo:after,
div#local_navi ul:after,
#slidePicture:after,
div#footer:after{
  content : "";
  display : block;
  height : 0;
  clear:both;
}

/*---------------------*/


div.pingpong{
	position:absolute;
	top:160px;
	left:20px;
	width:197px;
	height:295px;
	z-index:100;
}

div#main_bottom_inner_demo{
	width:900px;
	padding:0 11px 30px;
	background:#ffffff  url(../img/bg_main.png) no-repeat center 325px;
}


div#main_bottom h2#top_page{
	float:left;
	width:613px;
	height:325px;
	line-height:1.2;
	margin:0 auto;
	padding-bottom:43px;
	background: url(../img/bg_main.png) no-repeat center bottom;
}

div#main_bottom h2#top_page_demo{
	float:left;
	width:613px;
	height:325px;
	line-height:1.0;
	margin:0 auto;
	padding-bottom:43px;
	background:none;
	position:relative;
}

div#main_bottom h2#top_page_demo strong{
	display:block;
	margin:0 0 -1.0em;
	position:relative;
	z-index:-100;
	font-size:83%;
}

div#main_bottom h2#top_page_demo p#javascript_contents{
	float:right;
	width:250px;
	height:325px;
	display:block;
	margin:-1.2em 0 0;
	position:relative;
}




div#inner_right{
	width:454px;
	float:right;
}

div.boushinnenkai{
	width:446px;
	float:left;
}

div#inner_right ul#info{
	width:422px;
	height:93px;
	margin:-2.0em 0 0;
	padding:44px 0 0 15px;
	background: url(../img/bg_info.gif) no-repeat center;
	position:relative;
}

div#inner_right ul#info li{
	line-height:1.2;
	margin-bottom:20px;
	font-size:93%;
	text-align:left;
}

div#inner_right ul#info li a:hover{
	color:#E5BE00;
}

div#inner_right ul#info li span{
	font-size:93%;
	font-weight:bold;
	color:#646A5B;
	padding-right:5px;
}


div#inner_right ul#banner li{
	float:left;
	margin-right:10px;
	padding-bottom:10px;
	background: url(../img/bg_banner.png) no-repeat center bottom;
	display:block;
}

div#inner_right ul#banner li a{
	width:213px;
	height:136px;
	display:block;
}

div#inner_right ul#banner li a#wedding{
	color:#fffcdd;
}

div#inner_right ul#banner li a#blog{
	color:#bbbfb6;
}

div#inner_right ul#banner li a img{
	display:block;
	margin:-1.3em 0 0;
	position:relative;
}

div#inner_right ul#banner li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
/*------inner_wrap---------*/
#inner_wrap{
	width:100%;
	padding:10px 0;
	}
/*------スライドショー---------*/

#slidePicture{
	float:right;
	width:251px;
	height:325px;
	margin-right:15px;
	overflow:hidden;
	position:relative;
}

*html #slidePicture{
	margin-right:7px;
}

#slidePicture .SlidingPanelsContentGroup{
	width:3000px;
	font-size:0;
}

#slidePicture .SlidingPanelsContentGroup a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#slidePicture .SlidingPanelsContent{
	width:251px;
	text-align:left;
	float:right;
}

/*TOP_catchCopy*/
div.catchCopy{
	float:left;
	width:100%;
	height:266px;
	margin-top:-2.0em;
	padding:2.0em 0 0 192px;
	background: url(../img/bg_top_img.gif) left top no-repeat;
	z-index:1;
}

div.catchCopy h3{
	width:700px;
	margin-bottom:15px;
	padding-top:10px;
}

div.catchCopy h3 img{
	display:block;
	margin:-2.0em 0 0;
}

div.catchCopy p{
	width:700px;
	line-height:1.8em;
	margin-top:10px;
	font-size:13px;
	color:#CA9F52;
	text-align:left;
}


/*TOP_bannerBox*/
div.bannerBoxWrap{
	width:900px;
	display:block;
	margin-top:-2.0em;
	z-index:1;
	float:left;
	
}
div.bannerBoxWrap:after{
	content : "";
  display : block;
  height : 0;
  clear:both;
}

.b_LeftBox{
	width:210px;
	float:left;
	margin:20px 0px;
  display : block;
  overflow:hidden;
}
.b_02Box{
	width:210px;
	float:left;
  display : block;
  overflow:hidden;
	margin:20px 10px 20px 20px;
}
.b_03Box{
	width:210px;
	float:left;
  display : block;
  overflow:hidden;
	margin:20px 20px 20px 10px;
}
.b_RightBox{
	width:210px;
	float:left;
	margin:20px 0px;
  display : block;
  overflow:hidden;
}


