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

#main {
	margin-top: 11px;
}


#MainImgBox {
	padding: 0px;
	width: 650px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#eventBox {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
	#eventBox .eventT {
		margin: 0px;
		padding: 0px;
		background-image: url(../../images/stBg.jpg);
		background-repeat: repeat-x;
		border: 1px solid #CCCCCC;
		width: 648px;
	}
	
	#eventBox .eventT:after {
		content : "";
		height : 0;
		display : block;
		clear : both;
	}
	
		#eventBox .eventT h2 {
			margin: 0px;
			padding: 0px;
			float: left;
		}
		
		#eventBox .eventT .textLink {
			float: right;
			background-image: url(../../images/stBackBg.jpg);
			background-repeat: no-repeat;
			display: block;
			width: 80px;
			height: 17px;
			padding-top: 2px;
			padding-right: 3px;
			padding-bottom: 0px;
			padding-left: 20px;
			margin-top: 3px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			font-size:80%;
	/*		border:#FF0000 1px solid;  */
		}
	
		html>/**/body div#eventBox .eventT .textLink {
	float: right;
	background-image: url(../../images/stBackBg.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 13px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
		}
	
	#eventBox ul {
		margin: 0px;
		clear: both;
		width: 648px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: none;
		border-left-style: solid;
		border-top-color: #DDDDDD;
		border-right-color: #DDDDDD;
		border-left-color: #DDDDDD;
		padding: 0px;
	}
	
	#eventBox li {
		padding: 4px;
		background-image: url(../../images/eventBg.jpg);
		background-repeat: repeat-x;
		border-bottom-width: 1px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: dotted;
		border-left-style: none;
		border-bottom-color: #CCCCCC;
		margin: 0px;
		list-style-type: none;
	}
	#eventBox p {
		padding: 0px 0px 0px 18px;
		margin: 0px 0px 0px 0px;
		line-height: 130%;
	}
	
	#eventBox .title {
		display: block;
		background-image: url(../../images/eventPoint.jpg);
		background-repeat: no-repeat;
		padding-left: 18px;
		background-position: 0.4em;
		font-size:120%;
	}
	#eventBox .title .date {
		font-size:70%;
		color:#666666;
		display:none;
	}
	
#newBox {
	float:left;
	width:320px;
	margin: 0px;
	padding: 0px;
}
	#newBox .newT {
		margin: 0px;
		padding: 0px;
		background-image: url(../../images/stBg.jpg);
		background-repeat: repeat-x;
		border: 1px solid #CCCCCC;
		width:318px;
	}
	.newT:after {
		content : "";
		height : 0;
		display : block;
		clear : both;
	}
	
	#newBox .newT h2 {
		margin: 0px;
		padding: 0px;
		float: left;
		background:url(../../images/newT.jpg) no-repeat;
	}
	#newBox .newT h2 img {
		visibility:hidden;
	}
	
	#newBox .newT .textLink {
		float: right;
		background-image: url(../../images/stBackBg.jpg);
		background-repeat: no-repeat;
		display: block;
		width: 80px;
		height: 17px;
		padding-top: 2px;
		padding-right: 3px;
		padding-bottom: 0px;
		padding-left: 20px;
		margin-top: 3px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		font-size:80%;
	}
	
	html>/**/body div#newBox .newT .textLink {
	float: right;
	background-image: url(../../images/stBackBg.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 13px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	#newBox ul {
		margin: 0px;
		clear: both;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: none;
		border-left-style: solid;
		border-top-color: #DDDDDD;
		border-right-color: #DDDDDD;
		border-left-color: #DDDDDD;
		padding: 0px;
	}
	
	#newBox li {
		background-image: url(../../images/newBg.jpg);
		background-repeat: repeat-x;
		border-bottom-width: 1px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: dotted;
		border-left-style: none;
		border-bottom-color: #CCCCCC;
		margin: 0px;
		line-height: 148%;
		list-style-type: none;
		padding-top: 8px;
		padding-right: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
	}
	
	#newBox p {
		display: block;
		background-image: url(../../images/newPoint.jpg);
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 18px;
		background-position: 0.4em 0.4em;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 4px;
		margin-left: 0px;
		font-weight: normal;
	}
	#newBox p .date {
		font-size:78%;
	}

#blogBox {
	float:right;
	width:320px;
	margin: 0px;
	padding: 0px;
}
	#blogBox .blogT {
		margin: 0px;
		padding: 0px;
		background-image: url(../../images/stBg.jpg);
		background-repeat: repeat-x;
		border: 1px solid #CCCCCC;
		width:318px;
	}
	.blogT:after {
		content : "";
		height : 0;
		display : block;
		clear : both;
	}
	
	#blogBox .blogT h2 {
		margin: 0px;
		padding: 0px;
		float: left;
	}
	#blogBox .blogT .textLink {
		float: right;
		background-image: url(../../images/stBackBg.jpg);
		background-repeat: no-repeat;
		display: block;
		width: 80px;
		height: 17px;
		padding-top: 2px;
		padding-right: 3px;
		padding-bottom: 0px;
		padding-left: 20px;
		margin-top: 3px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		font-size:80%;
	}
	
	html>/**/body div#blogBox .blogT .textLink {
	float: right;
	background-image: url(../../images/stBackBg.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 13px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	#blogBox ul {
		margin: 0px;
		clear: both;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: none;
		border-left-style: solid;
		border-top-color: #DDDDDD;
		border-right-color: #DDDDDD;
		border-left-color: #DDDDDD;
		padding: 0px;
	}
	
	#blogBox li {
		background-image: url(../../images/newBg.jpg);
		background-repeat: repeat-x;
		border-bottom-width: 1px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: dotted;
		border-left-style: none;
		border-bottom-color: #CCCCCC;
		margin: 0px;
		line-height: 148%;
		list-style-type: none;
		padding-top: 8px;
		padding-right: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
	}
	#blogBox p {
		display: block;
		background-image: url(../../images/blogPoint.jpg);
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 18px;
		background-position: 0.4em;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 4px;
		margin-left: 0px;
		font-weight: normal;
	}
	#blogBox p {
		display: block;
		background-image: url(../../images/blogPoint.jpg);
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 18px;
		background-position: 0.4em 0.4em;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 4px;
		margin-left: 0px;
		font-weight: normal;
	}
	#blogBox p .date {
		font-size:78%;
	}



#examples {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	width: 215px;
}
	#examples .examplesT {
		margin: 0px;
		padding: 0px;
		background-image: url(../../images/examplesTbg.jpg);
		background-repeat: no-repeat;
		border: 1px solid #CCCCCC;
		height: 26px;
	}
	
	.examplesT:after {
		content : "";
		height : 0;
		display : block;
		clear : both;
	}
	
	#examples .examplesT img {
		margin: 0px;
		padding-left: 4px;
		width:100px;
		float: left;
	}
	
	#examples .examplesT a {
		float: right;
		background-image: url(../../images/examplesTPoint.jpg);
		background-repeat: no-repeat;
		background-position:0px 2px;
		display: block;
		width: 70px;
		height: 17px;
		padding-top: 4px;
		padding-right: 4px;
		padding-bottom: 0px;
		padding-left: 24px;
		margin-top: 3px;
		margin-right: 2px;
		margin-bottom: 0px;
		margin-left: 0px;
		font-size: 80%;
	}
	
	#examples .examplesT a:link  {
		color:#FFFFFF;
		text-decoration: none;
	}
	
	#examples .examplesT a:visited  {
		color:#FFFFFF;
		text-decoration: none;
	}
	
	#examples .examplesT a:hover  {
		color:#FFFF66; 
		text-decoration: underline
	}
	
	html>/**/body div#examples .examplesT a {
		float: right;
		background-image: url(../../images/examplesTPoint.jpg);
		background-repeat: no-repeat;
		display: block;
		width: 80px;
		height: 13px;
		padding-top: 4px;
		padding-right: 4px;
		padding-bottom: 0px;
		padding-left: 20px;
		margin-top: 3px;
		margin-right: 2px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	#examples .examplesItm {
		margin: 0px;
		padding: 4px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-color: #DDDDDD;
		border-bottom-color: #DDDDDD;
		border-left-color: #DDDDDD;
		width: 205px;
	}
/**
 *    後方互換モード(XML宣言なし)のボックスモデル
 *    │←------width-------→│
 *   ⇔margin
 *      ⇔padding
 *    ↓border
 *    ┏━━━━━━━━━━━┓
 *    ┃　┌───────┐　┃
 *    ┃　│　　　　　　　│　┃
 *    ┃　│　　　　　　　│　┃
 *    ┃　└───────┘　┃
 *    ┗━━━━━━━━━━━┛
 *
 */
	
	.examplesItm:after {
		content : "";
		height : 0;
		display : block;
		clear : both;
	}
		
		.examplesItm .examplesP {
			margin: 0px;
			padding: 0px;
			float: left;
			width: 104px;
			font-size: 80%;
		}
		
		.examplesItm .examplesP .link  {
			background-image: url(../../images/examplesMoreBg.jpg);
			background-repeat: no-repeat;
			display: block;
			width: 66px;
			height: 22px;
			padding-top: 4px;
			padding-right: 4px;
			padding-bottom: 0px;
			padding-left: 30px;
			margin-top: 3px;
			margin-right: 2px;
			margin-bottom: 0px;
			margin-left: 0px;
		}

		.examplesItm .examplesP .link:hover {
			background-image: url(../../images/examplesMoreBg_f2.jpg);

		}

		.examplesItm .examplesData {
			margin: 0px;
			padding: 0px;
			line-height: 148%;
			width:100px;
			float: right;
		}
			
			.examplesData .examplesArea {
				margin: 0px;
				background-image: url(../../images/examplesAreaBg.jpg);
				background-repeat: no-repeat;
				color: #FFFFFF;
				height: 17px;
				padding-top: 1px;
				padding-right: 0px;
				padding-bottom: 6px;
				padding-left: 8px;
				font-size: 80%;
			}
			
			.examplesData p {
				line-height:110%;
				padding-bottom: 0.2em;
			}
			.examplesArea:after {
				content : "";
				height : 0;
				display : block;
				clear : both;
			}
			
#realestate {
	padding: 0px;
	width: 215px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
	#realestate .realestateT {
		margin: 0px;
		padding: 0px;
		background-image: url(../../images/examplesTbg.jpg);
		background-repeat: no-repeat;
		border: 1px solid #CCCCCC;
		height: 26px;
		font-size: 80%;
	}
	.realestateT:after {
		content : "";
		height : 0;
		display : block;
		clear : both;
	}
	
	#realestate .realestateT img {
		margin: 0px;
		padding-left: 4px;
		float: left;
		width: 100px;
	}
	
	#realestate .realestateT a {
		float: right;
		background-image: url(../../images/examplesTPoint.jpg);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		display: block;
		width: 70px;
		height: 17px;
		padding-top: 4px;
		padding-right: 4px;
		padding-bottom: 0px;
		padding-left: 24px;
		margin-top: 3px;
		margin-right: 2px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	#realestate .realestateT a:link  {
		color:#FFFFFF;
		text-decoration: none;
	}
	
	#realestate .realestateT a:visited  {
		color:#FFFFFF;
		text-decoration: none;
	}
	
	#realestate .realestateT a:hover  {
		color:#FFFF66; 
		text-decoration: underline
	}
	
	html>/**/body div#realestate .realestateT a {
		float: right;
		background-image: url(../../images/examplesTPoint.jpg);
		background-repeat: no-repeat;
		font-size: 90%;
		display: block;
		width: 80px;
		height: 13px;
		padding-top: 4px;
		padding-right: 4px;
		padding-bottom: 0px;
		padding-left: 20px;
		margin-top: 3px;
		margin-right: 2px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	#realestate .realestateItm {
		margin: 0px;
		padding: 4px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-color: #DDDDDD;
		border-bottom-color: #DDDDDD;
		border-left-color: #DDDDDD;
		width: 205px;
	}
	
	.realestateItm:after {
		content : "";
		height : 0;
		display : block;
		clear : both;
	}
		
		.realestateItm .realestateP {
			margin: 0px;
			padding: 0px;
			float: left;
			width: 104px;
		}
		
			.realestateItm .realestateP .link {
				background-image: url(../../images/examplesMoreBg.jpg);
				background-repeat: no-repeat;
				font-size: 80%;
				display: block;
				width: 66px;
				height: 22px;
				padding-top: 4px;
				padding-right: 4px;
				padding-bottom: 0px;
				padding-left: 30px;
				margin-top: 3px;
				margin-right: 2px;
				margin-bottom: 0px;
				margin-left: 0px;
			}
		
			.realestateItm .realestateP .link:hover {
				background-image: url(../../images/examplesMoreBg_f2.jpg);

			}

		.realestateItm .realestateData {
			margin: 0px;
			padding: 0px;
			line-height: 148%;
			width:100px;
			float: right;
			font-size: 85%;
		}
			
			.realestateData .realestateIcon {
				padding: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 4px;
				margin-left: 0px;
			}
			
			.realestateData p {
				line-height:110%;
				padding-bottom: 0.2em;
			}

#staff {
	clear: both;
	background-image: url(../../images/staffBg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFCC;
	border: 1px solid #DDDDDD;
	width: 200px;
	padding: 5px 6px 5px 6px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
/*	height:66px; */
}
	
	#staff p{
		line-height: 130%;
	}
	
	#staff:after {
		content : "";
		height : 0;
		display : block;
		clear : both;
	}
	
	#staff img {
		padding: 0px;
		float: right;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 1px;
		margin-left: 2px;
	}
	
#custom {
	border: none;
}


.bnBoxWide {
	padding: 0px;
	margin-top: 5px;
	margin: 5px 0px 10px 0px;
}

.bnBox {
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
.bnBox p{
	margin-bottom:10px;
	}
.bnBox img {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.bnBox table a {
	display:block;
	height: 65px;
	width: 210px;
	text-indent:-9999px;
}
.bnBox table a:hover{
	background-position:0px -65px;
}

	.bnBox table .melma{
		background-image:url(../../bnrImages/melma.jpg);
		background-repeat:no-repeat;
	}
	
	.bnBox table .examples{
		background-image:url(../../bnrImages/examples.jpg);
		background-repeat:no-repeat;
	}
	.bnBox table .jios{
		background-image:url(../../bnrImages/jios.jpg);
		background-repeat:no-repeat;
	}
	

	
	
	
	
	
	
#wowslider-container1  .ws_bullets {
	top:12px;
    right: 12px;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	top:20px;
}#wowslider-container1 { 
/*	overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:650px;
	height:230px;
	margin:0 auto;
	z-index:100;
	/*background-image: url(../../jsCommon/jQuery/plugins/wowslider/bg.png);*/
}
* html #wowslider-container1{
	background-image: none;
}
#wowslider-container1 .ws_images{
	position: absolute;
	left:0px;
	top:0px;
	width:650px;
	height:230px;
	overflow:hidden;
}
#wowslider-container1 .ws_images a{
	color:transparent;
}

#wowslider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	padding: 0px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container1 .ws_bullets a { 
	margin-left: 10px; 
	width:8px;
	height:8px;
	background: url(../../jsCommon/jQuery/plugins/wowslider/bullet.png) left top no-repeat;
	float: left; 
	text-indent: -1000px; 
	position:relative;
}
* html #wowslider-container1 .ws_bullets a {
	background-image: url(../../jsCommon/jQuery/plugins/wowslider/bullet.gif);
}
#wowslider-container1 .ws_bullets a.ws_selbull{
	background-position: right top;
}
#wowslider-container1 .ws_bullets a:hover{
	background-position: right top;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	margin-top:-20px;
	opacity:0.7;
	z-index:60;
	height: 50px;
	width: 40px;
	background-image: url(../../jsCommon/jQuery/plugins/wowslider/arrows.png);
}
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev{
	background-image: url(../../jsCommon/jQuery/plugins/wowslider/arrows.gif);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0; 
	right:0px;
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 50px; 
}

#wowslider-container1 a.ws_prev {
	left:0px;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_prev:hover {
	background-position: 0 50px; 
}

* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}


#wowslider-container1 .ws-title{
	position: absolute;
	bottom:55px;
	left: 25px;
	margin-right:30px;
	z-index: 50;
	padding:10px;
	color: #000000;
	background:#FFF;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: left;
    text-shadow: 0 0 2px #FFFFFF;	
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	border-radius:0 8px 8px 0;
	font-size: 14px;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
}
#wowslider-container1 .ws-title div{
	padding-top:5px;
	font-size: 12px;
}
#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:20px;
	left:-60px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #d6d6d6;
    box-shadow: 0 0 5px #d6d6d6;
    border: 3px solid #d6d6d6;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:42px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:120px;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #d6d6d6;
    box-shadow: 0 0 5px #d6d6d6;
    border: 3px solid #d6d6d6;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	top:-7px;
	margin-left:-1px;
	left:60px;
	background:url(../../jsCommon/jQuery/plugins/wowslider/triangle.png);
	width:15px;
	height:6px;
}