@charset "utf-8";

@import url("common.css");

div#prBox{
	width:675px;
	height:127px;
	margin-bottom:35px;
}

div#tabs1{
	width:675px;
	height:284px;
	background: transparent url(../images/home/tabs1.jpg) left top no-repeat;
	text-indent:-9999px;
}

div#tabs2{
	width:675px;
	height:284px;
	background: transparent url(../images/home/tabs2.jpg) left top no-repeat;
	text-indent:-9999px;
}

/* switch
----------------------------------------------------*/

div#switch ul{
	position:relative;
	left:0;
	top:0;
	width:675px;
	height:80px;
}

div#switch ul li a{
	display:block;
	overflow:hidden;
}

div#switch ul li#switch_newcomer { position:absolute; top: 0; left: 50px;}
div#switch ul li#switch_replace { position:absolute; top: 0; left: 350px;}

div#switch ul li#switch_newcomer a{
	display:block;
	width:269px;
	height:80px;
	background: transparent url(../images/home/switch.jpg) left top no-repeat;
	text-indent:-9999px;
}

div#switch ul li#switch_newcomer a.selected{
	display:block;
	width:269px;
	height:80px;
	background: transparent url(../images/home/switch.jpg) left -90px no-repeat;
	text-indent:-9999px;
}

div#switch ul li#switch_newcomer a:hover{
	background: transparent url(../images/home/switch.jpg) left -90px no-repeat;
}

div#switch ul li#switch_replace a{
	display:block;
	width:269px;
	height:80px;
	background: transparent url(../images/home/switch.jpg) -270px top no-repeat;
	text-indent:-9999px;
}

div#switch ul li#switch_replace a.selected{
	display:block;
	width:269px;
	height:80px;
	background: transparent url(../images/home/switch.jpg) -270px -90px no-repeat;
	text-indent:-9999px;
}

div#switch ul li#switch_replace a:hover{
	background: transparent url(../images/home/switch.jpg) -270px -90px no-repeat;
}

/* merit
----------------------------------------------------*/
dl.meritBox {
	min-height:90px;
	height: auto !important;
	height: 90px;
	padding-left:90px;
	margin-bottom:20px;
}

dl#merit01{ background: transparent url(../images/home/merit01.jpg) left top no-repeat;}
dl#merit02{ background: transparent url(../images/home/merit02.jpg) left top no-repeat;}
dl#merit03{ background: transparent url(../images/home/merit03.jpg) left top no-repeat;}
dl#merit04{ background: transparent url(../images/home/merit04.jpg) left top no-repeat;}
dl#merit05{ background: transparent url(../images/home/merit05ymark.jpg) left top no-repeat;}

dl.meritBox dt{
	display:block;
	width:300px;
	height:20px;
	text-indent:-9999px;
}

dl#merit01 dt{ background: transparent url(../images/home/merit_dt.gif) left top no-repeat;}
dl#merit02 dt{ background: transparent url(../images/home/merit_dt.gif) left -30px no-repeat;}
dl#merit03 dt{ background: transparent url(../images/home/merit_dt.gif) left -60px no-repeat;}
dl#merit04 dt{ background: transparent url(../images/home/merit_dt.gif) left -90px no-repeat;}
dl#merit05 dt{ background: transparent url(../images/home/merit_dt.gif) left -120px no-repeat;}

dl.meritBox dd{
	margin-left:3px;
	margin-top:5px;
	padding-bottom:1em;
}

dl.meritBox dd a{color:#FF6600; text-decoration:underline; font-weight:bold;}
dl.meritBox dd a:link{ color:#FF6600; text-decoration:underline;}
dl.meritBox dd a:visited{ color:#FF6600; text-decoration:underline;}
dl.meritBox dd a:hover{ color:#FF9900; text-decoration:underline;}
dl.meritBox dd a:active{ color:#FF6600; text-decoration:underline;}