@charset "shift_jis";

/* ****************************************************

Since : 2011-08-03

Last Modify : 2011-08-03

**************************************************** */



body{

	behavior:url("/resident/common2/css/csshover2.htc");

}



ul.tabs {

	margin: 10px 0;

	padding: 0;

	float: left;

	list-style: none;

	height: 32px; /*--Set height of tabs--*/

	border-bottom: 1px solid #ddd;

	border-left: 1px solid #ddd;

	width: 100%;

	line-height: 31px; /*--IE6-*/

}

ul.tabs li {

	float: left;

	margin: 0;

	padding: 0;

	height: 31px; /*--Subtract 1px from the height of the unordered list--*/

	width:114px;

	line-height: 31px; /*--Vertically aligns the text within the tab--*/

	border: 1px solid #ddd;

	border-left: none;

	margin-bottom: -1px; /*--Pull the list item down 1px--*/

	overflow: hidden;

font-weight:bold;

	position: relative;

/*background:url(/resident/common2/img/tab_recom_bk.gif) repeat-x;

	color: #333333;

font-size:.9em;

	background: #e0e0e0;	*/

}

ul.tabs li span{

	visibility:hidden;

}

ul.tabs li#tab01 {

background:url(/resident/common2/img/tab_01.jpg) no-repeat;

}

ul.tabs li#tab02 {

background:url(/resident/common2/img/tab_02.jpg) no-repeat;

}

ul.tabs li#tab03 {

background:url(/resident/common2/img/tab_03.jpg) no-repeat;

}

ul.tabs li#tab04 {

background:url(/resident/common2/img/tab_04.jpg) no-repeat;

}

ul.tabs li#tab05 {

background:url(/resident/common2/img/tab_05.jpg) no-repeat;

}

ul.tabs li#tab06 {

background:url(/resident/common2/img/tab_06.jpg) no-repeat;

}



ul.tabs li a {

/*	text-align:center;

	font-size: 1.1em;

	padding: 0 20px;

	color: #333333 !important;	*/

	text-decoration: none;

	display: block;

	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/

	outline: none;

}

/*

ul.tabs li a:hover {

background:url(/resident/common2/img/tab_recom_bkon.gif) repeat-x;

	color: #631010 !important;

	text-decoration:underline;

	background: #ccc;

}

*/

	

ul.tabs li#tab01 a:hover {

background:url(/resident/common2/img/tab_01on.jpg) no-repeat;

}

ul.tabs li#tab02 a:hover {

background:url(/resident/common2/img/tab_02on.jpg) no-repeat;

}

ul.tabs li#tab03 a:hover {

background:url(/resident/common2/img/tab_03on.jpg) no-repeat;

}

ul.tabs li#tab04 a:hover {

background:url(/resident/common2/img/tab_04on.jpg) no-repeat;

}

ul.tabs li#tab05 a:hover {

background:url(/resident/common2/img/tab_05on.jpg) no-repeat;

}

ul.tabs li#tab06 a:hover {

background:url(/resident/common2/img/tab_06on.jpg) no-repeat;

}

ul.tabs li.active, ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

/*background:url(/resident/common2/img/tab_recom_bkon.gif) repeat-x;

	color: #631010 !important;

	background: #fff;	*/

	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/

	zoom:1;

}

ul.tabs li#tab02.active a, ul.tabs li#tab02.active a:hover  {

background:url(/resident/common2/img/tab_02on.jpg) no-repeat;

}

ul.tabs li#tab03.active a, ul.tabs li.tab03.active a:hover  {

background:url(/resident/common2/img/tab_03on.jpg) no-repeat;

}

ul.tabs li#tab04.active a, ul.tabs li.tab04.active a:hover  {

background:url(/resident/common2/img/tab_04on.jpg) no-repeat;

}

ul.tabs li#tab05.active a, ul.tabs li.tab05.active a:hover  {

background:url(/resident/common2/img/tab_05on.jpg) no-repeat;

}

ul.tabs li#tab06.active a, ul.tabs li.tab06.active a:hover  {

background:url(/resident/common2/img/tab_06on.jpg) no-repeat;

}

ul.tabs li#tab01.active a, ul.tabs li.tab01.active a:hover  {

background:url(/resident/common2/img/tab_01on.jpg) no-repeat;

}



.ul_tabs_container{

	padding:0;

	margin:0;

background:url(/resident/common2/img/top_recommend_bk.gif) repeat-y;

overflow: hidden;

width: 100%;

}



.ul_tabs_container:after {

content: "";

display: block;

clear: both;

height: 0;

}



.tab_container {

/*	border: 1px solid #999;

	border-top: none;	*/

	overflow: hidden;

	clear: both;

	float: left; width: 100%;

/*	background: #fff;	*/

}

.tab_content {

	padding: 0;

}



.btn_top_tab{

	position:relative;

	height:25px;

}

.btn_top_tab img{

	position:absolute;

	display: block;

	right:10px;

	top: 2px;

}

.btn_top_tab img.new{

	position:absolute;

	display: block;

	right:205px;

	top: 2px;

}



.mt_15{

	margin-top:15px;

}



.btn_top_pickup{

	padding-left:520px;

}



.btn_top_pickup2{

	padding-left:520px;

	margin-top:15px;

}