@charset "shift_jis";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url(../import.css);

/* CSS Document */

h3{
	width:641px;
	height:36px;
	background-image: url(../../images/crystalhouse/index-img02.gif);
	margin-bottom:15px;
	margin-top:20px;
	padding-left: 12px;
	padding-top: 21px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 25px;
	color: #2097B9;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}
.left-img01{
width:640px;
height:77px;
padding-bottom:10px;
}
.left-img02 {
width:640px;
height:233px;
margin-bottom:30px;
}
.left-img03,
.left-img04 {
width:640px;
height:60px;
margin-bottom:20px;
margin-top:30px;
}


.sub-title {
width:624px;
height:100%;
margin-top:10px;
margin-bottom:15px;

}
.sub-title02 {
width:624px;
height:100%;
margin-top:30px;
margin-bottom:15px;
}
/* ------------ right-menu ---------------- */

#right-img02 {
margin-bottom:20px;
}
#right-img02 ul  {
	background-image: url(../../images/crystalhouse/right-img02.gif);
	background-repeat: no-repeat;
	width:202px;
	height:/*252px*/133px;
	/*margin-left:5px;*/
	text-align:center;
}
#right-img02 ul li a {
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	width:202px;
	vertical-align:top;
	text-decoration: none;
}
#right-img02 #right-img02-1 a {
	height:37px;
	/*margin-bottom:4px;*/
}
#right-img02 #right-img02-1 a:hover {
	background-image: url(../../images/crystalhouse/right-img02.gif);
	background-repeat: no-repeat;
	background-position: -202px 0px;
}
#right-img02 #right-img02-2 a, 
#right-img02 #right-img02-3 a,
#right-img02 #right-img02-4 a,
#right-img02 #right-img02-5 a,
#right-img02 #right-img02-6 a {
	height:41px;
}
#right-img02 #right-img02-2 a:hover {
	background-image: url(../../images/crystalhouse/right-img02.gif);
	background-repeat: no-repeat;
	background-position: -202px -37px;
	padding-top:4px;
}
#right-img02 #right-img02-3 a:hover {
	background-image: url(../../images/crystalhouse/right-img02.gif);
	background-repeat: no-repeat;
	background-position: -202px -78px;
}
#right-img02 #right-img02-4 a:hover {
	background-image: url(../../images/crystalhouse/right-img02.gif);
	background-repeat: no-repeat;
	background-position: -202px -119px;
}
#right-img02 #right-img02-5 a:hover {
	background-image: url(../../images/crystalhouse/right-img02.gif);
	background-repeat: no-repeat;
	background-position: -202px -160px;
}
#right-img02 #right-img02-6 a:hover {
	background-image: url(../../images/crystalhouse/right-img02.gif);
	background-repeat: no-repeat;
	background-position: -202px -201px;
}



/* ------------ column2 ---------------- */
.column2 {
	line-height: 150%;
}
.column2 dt{
	text-indent:1.2em;
	width:153px;
	float:left;
	clear: both;
	margin-bottom: 5px;
	padding-left: 0px;
}
.column2 dd{
	margin-left: 155px;
	margin-bottom: 15px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 10px;
	width:460px;

}
dd.no_border{
	border-width: 0px;
	border-style: none;
}

/*----------category------------*/

#textbox ul {
	line-height:160%;
	list-style-type: square;
	list-style-position: inside;
	margin-top:20px;
}

#textbox li{
	margin-left: 15px;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-bottom: 7px;
	margin-left: 5px;
	margin-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
  }
 #textbox li a{
	font-size: 130%;
	font-weight: bold;
	color: #2097B9;
	letter-spacing: 2px;	
  }
  #textbox p{
  margin-left:25px;
  margin-bottom:0px;
  margin-top:0px;
  }
/*--------------- box00 ----------------*/
 .box00 {
margin-top:20px;
}
.box00 p {
line-height:160%;
}  
 /*--------------- box01 ----------------*/
 .box01 {
margin-top:20px;
margin-left:5px;
margin-right:5px;
}
.box01 p {
/*line-height:160%;*/
}
.box01-left {
float:left;
width:400px;
}

.box01-right {
float:right;
width:220px;
}
 /*--------------- table ----------------*/
table.table-style01 {
width:400px;
border:1px solid #CCCCCC;
border-collapse:collapse;
}

table.table-style01 td {
padding:5px 50px 5px 5px;
text-align:right;
border-right:1px solid #CCCCCC;
border-bottom:1px dashed #CCCCCC;
}

table.table-style01 th {
padding:5px;
background-color:#ECFCFC;
text-align:center;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
/*--------------- box02 ----------------*/
 .box02 {
margin-top:20px;
margin-left:5px;
margin-right:5px;
}
.box02-left {
float:left;
width:220px;
}

.box02-right {
float:right;
width:400px;
}

/*--------------- box03 ----------------*/
 .box03 {
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	}
.box03-left {
	float:left;
	width:290px;
	}

.box03-right {
	float:right;
	width:330px;
	}

/*----------index_bnr---------------*/

#index_bnr {
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	}
#index_bnr ul  {
	background-image:url(../../images/crystalhouse/index-bnr.jpg);
	background-repeat:no-repeat;
	width:630px;
	height:255px;
	/*margin-left:5px;*/
	text-align:center;
	}
#index_bnr ul li p{
	display:block;
	line-height:140%;
	padding-top: 45px;
	padding-right: 250px;
	padding-bottom: 0;
	padding-left: 16px;
	}
#index_bnr ul li a {
	display:block;
	width:630px;
	vertical-align:top;	
	text-decoration:none;
	}
#index_bnr #index_bnr01 a {
	height:120px;	
	}
#index_bnr #index_bnr02 a{
	height:120px;
	margin-top:15px;	
	}
#index_bnr #index_bnr01 a:active,
#index_bnr #index_bnr01 a:focus,
#index_bnr #index_bnr01 a:hover {
	background:url(../../images/crystalhouse/index-bnr.jpg) no-repeat -630px 0px;
	color:#414141;	
	}
#index_bnr #index_bnr02 a:active,
#index_bnr #index_bnr02 a:focus,
#index_bnr #index_bnr02 a:hover {
	background:url(../../images/crystalhouse/index-bnr.jpg) no-repeat -630px -135px;
	color:#414141;	
	}