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



/*-- topBox ---------------------------------------------------------------*/


#searchButton a{ /*リンクの色---------------------------------*/
	text-decoration:none;
	color:#10415e;
}

#searchButton{
	position:absolute;
	top:290px;
	left:60px;
	z-index:10;
}

.searchButton{
	position:relative;
	width:264px;
	height:124px;
	margin-right:16px;
}

.searchButtonBack{/* 3ボタンメニューの説明用 */
	position:absolute;
	top:0px;
	left:0px;
}

.searchButtonDes{/* 3ボタンメニューの説明用 */
	position:absolute;
	width:244px;
	height:100px;
	margin:15px 0 0 10px;
	top:0px;
	left:0px;
}

/* .top40{
	margin:20px 0 0 40px;
	font-size:18px;
} */

.searchButton a{
	display:block;
}
 
.searchButton a:hover .visiNone{
	visibility:visible;
	top:-40px;
}

/*-- mainBox ------------------------------------------------------------*/

#recommend{/*---------------------------------------*/
	width:720px;
	background-image:url(../images/recommendBack.png);
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:0px 100px;
	/* height:1120px; */
}


#recommendTab{
	position:relative;
	overflow:hidden;
	top:0px;
	left:0px;
	background-image:url(../images/recommendTabBack.png);
	width:720px;
	height:30px;
}

#recommendTabButton{
	display:inline;
	position:absolute;
	top:0px;
	left:10px;
}

#recommendTabButton li{
	display:inline;
	position:absolute;
	top:0px;
		
}

/* 細かいタブ設定 */

#recommendTabFlesh{
	left:0px;
	z-index:5;
}

#recommendTabNew{
	left:130px;
	z-index:4;
}

#recommendTabZero{
	left:270px;
	z-index:3;
}

#recommendTabTower{
	left:410px;
	z-index:2;
}

#recommendTabPet{
	left:550px;
}

/* 細かいタブ設定 ここまで */


#recommendMainBox{
	background-image:url(../images/recommendMainBack.png);
	background-repeat:repeat-x;
	padding-top:20px;
	margin-left:10px;
	width:700px;
}

#recommendMain{
	/* width:700px; for IE7バグ*/
	height:990px;
	overflow:hidden;
	position:relative;
}

.recommendMain{
	margin-left:20px;
	width:690px;
	height:992px;
}

.recommendSubTitle{
	margin-bottom:10px;
	padding-left:20px;
	border-bottom:#4c4c4c 1px solid;
	border-left:#4c4c4c 10px solid;
}

.recommendSubTitle h3{
	line-height:20px; 
 	height:20px; 
 	vertical-align:top;
	font-size:14px;
}

.recommendSubDes{
	padding-right:20px;
	font-size:12px;
	text-align:right;
}

.recommendEach{
	background-image:url(../images/recommendEachBack.png);
	background-repeat:no-repeat;
	float:left;
	width:340px;
	height:240px;
	position:relative;
	overflow:hidden;
}

.recommendMoreInfoButton{
	background-image: url(../images/recommendMoreInfoButtonOn.png) ;
	background-repeat:no-repeat;
	position:absolute;
	width:60px;
	height:40px;
	top:0px; 
	right:20px;
}

.recommendEachTable{
	/* margin:20px 10px 10px 10px; */
	margin:20px 5px 5px 10px;
	font-size:11.5px;
	line-height:16px;
	width:315px;
	height:205px;
	color:#ededed/* #33251d */;
}

.recommendEachPhoto{
	width:120px;
	height:120px;
	border-right:#333 solid 1px/* #999 solid 1px */;
	border-bottom:#333 solid 1px/* #999 solid 1px */;
	background-color:#fff/* #fff */;
	vertical-align:middle;
}

.recommendEachPhoto .wrap1{
	width:100px;
	height:120px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.recommendEachPhoto .wrap2{
	width:500px;
	height:120px;
	position:absolute;
	top:0;
	left:-200px;
	text-align:center;
}

.recommendEachItem{
	border-bottom:#333 1px solid !important/* #444 solid  */;
}

.recommendEachItem.alignCenter{
	width:14%;
	color:#fff/* #111 */;
}

.recommendEachItem.left10p{
	width:52%;
	border-left:#333 1px dotted/* #888 dotted 1px */;
	padding-left:3px;
}

.recommendEachItem.small{
	line-height:13px;
	font-size:10.5px;
	vertical-align:middle; 
}

.recommendEachDes{
	line-height:15px;
	height:70px;
	vertical-align:middle; 
	padding:0 5px;
}



#news{/*--------------------------------------*/
	background-image:url(../images/newsBack.png);
	width:730px;
	padding-bottom:10px;
}

#newsMain{
	margin:10px 20px 0 20px;
	padding-bottom:10px;
	overflow:auto;
	height:250px;
}

.newsDate{
	border-left:#42352e solid 10px;
	padding-left:5px;
	margin:10px 30px;
	font-size:14px;
}

.newsItem{
	padding:0 30px 10px;
	margin-top:10px;
	border-bottom:#42352e dotted 1px;
}




#side{/*--------------------------------------*/
	background-image:url(../images/sideBack.png);
	background-repeat:no-repeat;
	background-position:0px 70px;
	position:absolute;
	top:0;
	right:0;
	width:220px;
	height:1000px;
	padding-top:60px;
	text-align:center;
}

#savedataFlesh{/* --------------- */
	margin:0 10px 10px 10px;
	background-image:url(../images/savedataFleshBack.png);
	text-align:left;
}

#savedataFleshDate{
	background-image:url(../images/savedataFleshTopBack.png);
	background-repeat:no-repeat;
	padding:20px 10px 0 10px;
}

#savedataFleshDate td{
	height:50px;
	width:180px;
	padding:0 10px;
	vertical-align:middle;
	border-bottom:#95b7cb dotted 1px;
}

#savedataFleshButton{
	background-image:url(../images/savedataFleshBottomBack.png);
	background-repeat:no-repeat;
	background-color:#95b7cb;
	padding:20px 0px 5px 10px;
}



#Emergency{
	width:860px;
	border:#999 solid 3px;
	padding:20px;
	margin:10px auto;
}