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

a {
	color:#0000FF;
}
p,dt,dd {
	color:#333333;
}


#conWrap {
	background-color:#f7f5f1;
}

#content {
	width:950px;
	background:url(/site/img/index/content-bg.gif) no-repeat left 271px;
	margin:0 auto;
}

#main-imgarea {
	width:950px;
	height:271px;
	background:url(/site/img/index/main-img-bg.gif) no-repeat left top;
}

#main-imgarea img.mianbi {
	padding-top:20px;
	padding-left:10px;
	float:left;
}

#main-imgarea ul {
	float:right;
	padding-right:10px;
	padding-top:20px;
}

#main-imgarea ul li {
	padding-bottom:7px;
}

#main-imgarea ul li img {
	vertical-align:top;
}


#cont-main {
	width:700px;
	float:left;
/*	margin-bottom:75px;
*/	padding-bottom:75px;
}


#recommend {
	width:700px;
}

#recommend h2 {
	padding-bottom:10px;
}

#recommend .recommend-01 {
	float:left;
	padding:25px 10px 10px;
	width:215px;
}

#recommend .recommend-02 {
	float:left;
	padding:25px 10px 10px;
	width:213px;
}

#recommend .recommend-03 {
	float:left;
	padding:25px 9px 10px;
	width:212px;
}

.rec {
	background:url(/site/img/index/rec-bg-top.gif) no-repeat left top;
	background-color:#FFFFFF;
	margin-bottom:10px;
	height:1%;
	overflow:auto;
	padding-top:5px;
}

.heightLine-group1 {
	height:1%;
	overflow:hidden;
}

.rec-bottom {
	background:url(/site/img/index/rec-bg-bottom.gif) no-repeat left bottom;
	margin-top:5px;
}

.rec img {
	float:left;
}

p.price {
	font-size:93%;
}

p.rectext {
	padding:0 10px 10px;
	font-size:77%;
}

.rec h3 {
	padding-top:5px;
	font-size:93%;
	padding:5px;
}


#ranking {
	width:680px;
	background:url(/site/img/index/ranking-repeat.gif) repeat-y left top;
	margin-left:10px;
	margin-bottom:15px;
}

#rank-area {
	background:url(/site/img/index/ranking-bottom.gif) no-repeat left bottom;
	padding:10px;
}

#rank-area li {
	width:105px;
	float:left;
	padding-left:14px;
	padding-right:13px;
}

#rank-area img.floL {
	float:left;
	height:55px;
}

#rank-area img.floR {
	float:right;
	height:55px;
}

#rank-area dl {
clear:both;
}

#rank-area dt {
	font-size:77%;
}

#rank-area dd {
	font-size:93%;
}



#bn-area {
	margin-bottom:15px;
}

#bn-area li {
	float:left;
	padding-left:10px;
}


#info-area {
	background:url(/site/img/index/info-repeat.gif) repeat-y left top;
	margin-left:10px;
	margin-bottom:15px;

}

#information {
	background:url(/site/img/index/ranking-bottom.gif) no-repeat left bottom;
	width:680px;
	float:left;
}

.infoa-in {
	padding:10px;
	font-size:90%;
}

#information dt {
	float:left;
}

#information dd {
	padding-left:70px;
}

.bn-03 {
	float:right;
	padding-right:10px;
}


#cont_side {
	white-space:230px;
	padding-top:20px;
	float:right;
}

/*mail----------------*/
#mailarea {
	background:url(/site/img/index/mail-bg.gif) no-repeat left top;
	width:200px;
	padding:15px;
	height:177px;
	margin-bottom:15px;
}

.side-bn {
	margin-bottom:10px;
}

.mypagearea {
	padding:10px;
	background:#FFFFFF;
	text-align:center;
}

.mypagearea p {
	padding-top:6px;
	line-height:1.231;
}

p.mini {
	font-size:77%;
}

/*----mail----------------*/

.side-bn02 {
	margin-bottom:15px;
} 


#contact-area {
	background:#FFFFFF;
	border:2px solid #d1ecd7;
	width:226px;
	margin-bottom:15px;
}

#contact-area a {
	color:#333333;
	text-decoration:none;
}

#contact-area dt {
	padding-bottom:2px;
}

#contact-area dt.leftmark {
	background:url(/site/img/index/icon-green.gif) no-repeat left top;
	padding-left:14px;
	padding-bottom:2px;
	line-height:1.4;
}

.calendar-area {
	margin:14px 14px 0;
	padding-bottom:10px;
	border-bottom:1px dashed #999999;
	font-size:77%;
}

.calendar-area table {
	border-collapse:collapse;
	margin:0 auto 10px;
	text-align:center;
}

.calendar-area table caption {
	text-align:center;
	font-weight:bold;
	color:#666666;
	font-size:108%;
}

.calendar-area th {
border:1px solid #FFFFFF;
	background:#ede8dc;
	color:#666666;
	text-align:center;
	padding:3px 4px;
}


.calendar-area td {
	border:1px solid #FFFFFF;
	background:#e7f6c4;
	padding:3px 4px;
	color:#666666;
}

.calendar-area .off {
	background:#cfeac3;
}



.contactin {
	width:194px;
	padding:16px 16px 10px;
	font-size:77%;
	color:#333333;
}

.contactin p {
	padding-bottom:10px;
	line-height:1.3;
}

.contactin dd {
	padding-bottom:5px;
}

.contactform a {
	text-decoration:underline !important;
}