@charset "UTF-8";

@import "default.css";
@import "common.css";
@import "sori.css";


/*----------------------------------------------------------------------------
******************************************************************************
CSS for index
******************************************************************************
----------------------------------------------------------------------------*/

/* mainImg
----------------------------------------------------------------------------*/

.main h2 { margin:9px 10px 0 10px;}

.contents p{
line-height:1.5;
font-size:90%;
margin:0 0 0 10px;}

.contents div.indexBox {
width:590px;
margin:16px 0 0 0;
background: url(../images/index_02.jpg) 0 0 repeat-y;}

.contents div.indexBox p {
line-height:1.5;
font-size:90%;
margin:20px 10px 0 10px;}

.strongred { 
  font-weight: bold;
	color: #FF0000;
	}
.contents .indexBox .strongbrown { 
  font-weight: bolder;
	color: #660033;
	font-size: 16px;  
	
	}


.contents .indexBox .strongred2 { 
  font-weight: bold;
	color: #FF0000;
	font-size: 16px;
	}

.fL { 
  float: left; 
	width: 230px;
	}
.fL img {
  border: #281808 solid 1px; 
	padding: 3px;
  margin: 0 0 0 20px;
	}
.fR { width: 300px;}
.fL2 { 
  float: left;
	width: 300px;
	margin: 0 20px 0 0
	}

.fR2 { 
  float: right; 
	width: 230px;
	margin: 0 10px 0 50px;
	}
.fR2 img {
  border: #281808 solid 1px; 
	padding: 3px;
  margin: 0 -20px 0 0;
	
	}
	
.clr { 
  clear: both; 
	margin-top: 20px;
	width: 580px;
	line-height:1.5;
  font-size:90%;
  margin:20px 10px 0 10px;
	 }

.mTB img {margin: 20px 0;}

.price { 
  width: 550px;
	height: 150px;
  border: #281808 solid 1px;
	border-collapse:collapse;
	margin: 40px 5px 20px 9px;
	}
.price tr { 
  border: #281808 solid 1px;
	border-collapse:collapse;
	}
.price tr td { 
  border: #281808 solid 1px;
	border-collapse:collapse;
	height: 20px;
	text-align: center;
}

.bg { 
  background: url(../images/bg_table.jpg) 0 0 no-repeat;
  color: #FFCCCC;	
	
	}

.mTB2 img {margin: 20px 0 20px 0;}

/*
.contents div.indexBox_01 {
width:555px;
margin: 16px 0 30px 10px;
padding:0;
}

.contents div.indexBox_01 p {
  margin: 0;
	padding: 0;
}
*/

.contents div.indexBox h3.ttl01 {
width:590px;
}


.contents div.indexBox div.indexBoxin {
width:555px;
padding:20px 20px 20px 15px;
background: url(../images/index_03.jpg) 0 100% no-repeat;}

.contents div.indexBox div.indexBoxin p {
line-height:1.5;
font-size:90%;}

/* images
-------------------------------------------------------------*/
.imgL{
float:left;
margin:0 15px 15px 0;}

.contents div.indexBox2 { width:590px; padding:20px 0 0 0; margin:0;}

.contents div.indexBox2 div.left { float:left; width:188px; margin:0; display:inline;}

.contents div.indexBox2 div.right { float:right; width:384px;}

.contents div.indexBox2 div.right h4 {
text-indent:-99999px;
width:274px;
height:39px;
padding-bottom:13px;
background: url(../images/index_08.jpg) 0 0 no-repeat;}

.contents div.indexBox2 div.right dl{
width:350px;}

.contents div.indexBox2 div.right dl dt{
float:left;
width:90px;
font-size:90%;
line-height:1.4;
padding-bottom:10px;}

.contents div.indexBox2 div.right dl dd{
float:right;
width:260px;
font-size:90%;
line-height:1.4;
padding-bottom:10px;}

.contents div.indexBox2 div.right p {
margin:0;
padding:0 0 0 5px;
font-size:90%;
line-height:1.6;}

.contents div.indexBox2 div.right p a { color:#333333; text-decoration:underline;}
.contents div.indexBox2 div.right p a:hover { color:#333333; text-decoration:none;}

.contents div.indexBox p.pointseven {
  width: 555px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.indexBox2 .right .marTB { margin-top: 10px;}

.marT10 {margin-top: 10px;}

.imgL3_02{
float:left;
margin:0 20px 5px 0;
padding:1px;
width:158px;
background:#FFFFFF;
display:inline;
}

.imgL3_02 p, .imgL3_03 p{
margin:0; padding:0;
}
.imgL3_03{
float:left;
margin:0 0px 5px 0;
padding:1px;
width:240px;
background:#FFFFFF;
display:inline;
}

.imgL3_02 img, .imgL3_03 img{
padding:3px;
border:solid 1px #CCCCCC;
}

.imgL3_02 p.txt01{
padding:5px 5px;
width:146px;
border:solid 1px #CCCCCC;
background:#edece7;
margin:5px 0 0px 0px;
}

.imgL3_03 p.txt01{
padding:5px 5px;
width:226px;
border:solid 1px #CCCCCC;
background:#edece7;
margin:5px 0 0px 0px;
min-height:85px;
}

* html .imgL3_02 .txt01{
padding:5px 10px;
width:138px;
border:solid 1px #CCCCCC;
background:#edece7;
margin:5px 0 0px 9px;
height:85px;
}
