/* CSS Document */


.contentsTop img {
	width: auto;
	height: auto;
}


/*======================================================================* 
 *  main-box                                                            *
 *======================================================================*/

#main-box01, #main-box02 {
	width: 980px;
	height: 229px;
}
#main-box01 { background: url(../img/main-bg01.jpg) left top no-repeat; }
#main-box02 { background: url(../img/main-bg02.jpg) left top no-repeat; }

#main-box01 h3, #main-box02 h3 {
	width: 600px;
	text-indent: -9999px;
	float: left;
}
#main-box01 h3 { height: 144px; background: url(../img/h3-title01.gif) 9px 58px no-repeat; }
#main-box02 h3 { height: 154px; background: url(../img/h3-title02.gif) 10px 18px no-repeat; }

#main-box01 .bnr, #main-box02 .bnr {
	padding: 12px 10px 0 0;
	float: right;
}

#main-box01 p, #main-box02 p {
	width: 600px;
	text-indent: -9999px;
	clear: both;
}
#main-box01 p { height: 85px; background: url(../img/main-text01.gif) left top no-repeat; }
#main-box02 p { height: 75px; background: url(../img/main-text02.gif) left top no-repeat; }


/*======================================================================* 
 *  ttl-box                                                             *
 *======================================================================*/

.ttl-box { padding: 30px 10px 20px 10px; }

.ttl-box h4 { float: left; }
.ttl-box p {
	padding-left: 10px;
	float: left;
}


/*======================================================================* 
 *  bnr-box                                                            *
 *======================================================================*/

.bnr-box {
	margin: 10px 10px 0 10px;
	padding: 10px 20px;
	background: #ebebeb;
}
.bnr-box dt { float: left; }
.bnr-box dt strong { font-size: 14px; font-size: 1.4rem; line-height: 160%; }
.bnr-box dd { border: 1px solid #666666; float: right; }



/*======================================================================* 
 *  tb-synthesis                                                        *
 *======================================================================*/

#tb-synthesis { width: 960px; margin: 0 auto; line-height: 120%; }

#tb-synthesis a { color: #000000; }
#tb-synthesis a:hover { color: #2A57A5 !important; text-decoration: underline; }

#tb-synthesis th, #tb-synthesis td {
  padding: 6px 5px 5px 5px;
  border-right: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}

#tb-synthesis th { background: #70ceeb; text-align: center; }

#tb-synthesis td { background: #dedce6; }
#tb-synthesis .top td {
	padding: 15px 5px;
	background: #8797c0;
	border-top: 2px solid #fff;
	font-size: 14px;
	font-size: 1.4rem;
}
#tb-synthesis .top td.number { padding: 15px 10px; background: #324882; color: #ffffff; }
#tb-synthesis td.title { text-align: left; }
#tb-synthesis td.stitle { padding-left: 25px; text-align: left; }
#tb-synthesis td.stitle span { color: #02A1CF; }
#tb-synthesis td.price { text-align: right; white-space: nowrap; }
#tb-synthesis td.price span { font-size: calc(1em - 0.1em); }


/*======================================================================* 
 *  tb-best40                                                        *
 *======================================================================*/

#tb-best40 { width: 960px; margin: 0 auto; line-height: 120%; }

#tb-best40 a { color: #000000; }
#tb-best40 a:hover { color: #2A57A5; }

#tb-best40 th, #tb-best40 td {
  padding: 6px 10px 5px 10px;
  border-right: 1px solid #fff;
  text-align: center;
}

#tb-best40 th { background: #f9ab03; }

#tb-best40 td { background: #fef8d7; }
#tb-best40 .line td { background: #fde4a0; }
#tb-best40 td.title { text-align: left; }
#tb-best40 td.price { text-align: right; }