@charset "UTF-8";

/*
 * reco-der.com
 * /httpdocs/html/pc/css/banner.css
 *
 * all page banner link css
 *
 */

/* product banner */
#p_banner {
	margin: 0px 0px 0px 3px;
	padding: 0px;
}

#p_banner a {
	display: block;
	width: 250px;
	height: 105px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
}

/* reco-der banner */
#p_banner a.bnr_01 {
	float: left;
	background: url("/html/pc/images/intro_rec.png") 0px 0px;
}
#p_banner a.bnr_01:hover {
	background: url("/html/pc/images/intro_rec.png") 0px -105px;
}

/* alkiller banner */
#p_banner a.bnr_02 {
	float: left;
	background: url("/html/pc/images/intro_alk.png") 0px 0px;
}
#p_banner a.bnr_02:hover {
	background: url("/html/pc/images/intro_alk.png") 0px -105px;
}

/* lock banner */
#p_banner a.bnr_03 {
	float: left;
	background: url("/html/pc/images/intro_lock.png") 0px 0px;
}
#p_banner a.bnr_03:hover {
	background: url("/html/pc/images/intro_lock.png") 0px -105px;
}

/* index banner */
#banner {
	margin: 10px auto;
	padding: 5px px;
}

#banner a {
	display: block;
	width: 280px;
	height: 60px;
	margin: 0px 5px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
	float: left;
}

/* login banner */
#banner a.bnr_01 {
	background: url("/html/pc/images/bn_login.png") 0px 0px;
}
#banner a.bnr_01:hover {
	background: url("/html/pc/images/bn_login.png") 0px -60px;
}

/* youtube banner */
#banner a.bnr_02 {
	background: url("/html/pc/images/bn_youtube.png") 0px 0px;
}
#banner a.bnr_02:hover {
	background: url("/html/pc/images/bn_youtube.png") 0px -60px;
}

/* setting banner */
#banner a.bnr_03 {
	background: url("/html/pc/images/bn_faq.png") 0px 0px;
}
#banner a.bnr_03:hover {
	background: url("/html/pc/images/bn_faq.png") 0px -60px;
}

/* consumer banner */
#banner a.bnr_04 {
	height: 70px;
	background: url("/html/pc/images/bn_consumer.png") 0px 0px;
}
#banner a.bnr_04:hover {
	background: url("/html/pc/images/bn_consumer.png") 0px -70px;
}


/* pickup banner */
#pick_banner {
	margin: 10px auto;
	padding: 5px px;
}
#pick_banner a {
	display: block;
	width: 280px;
	height: 60px;
	margin: 0px 5px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
	float: left;
}

#pick_banner a.bnr_01 {
	background: url("/html/pc/images/docomo-F1.png") 0px 0px;
}
#pick_banner a.bnr_01:hover {
	background: url("/html/pc/images/docomo-F1.png") 0px -60px;
}

#pick_banner a.bnr_02 {
	background: url("/html/pc/images/bn_maintenance.png") 0px 0px;
}
#pick_banner a.bnr_02:hover {
	background: url("/html/pc/images/bn_maintenance.png") 0px -60px;
}

#pick_banner a.bnr_03 {
	background: url("/html/pc/images/bn_ittenko.png") 0px 0px;
}
#pick_banner a.bnr_03:hover {
	background: url("/html/pc/images/bn_ittenko.png") 0px -60px;
}



/* news list button */
#nlist {
	margin: 4px 5px 3px 0px;
	padding: 0px;
}

#nlist a {
	display: block;
	width: 120px;
	height: 24px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
	float: right;
}

#nlist a.bnr_01 {
	background: url("/html/pc/images/bns_nlist.png") 0px 0px;
}
#nlist a.bnr_01:hover {
	background: url("/html/pc/images/bns_nlist.png") 0px -24px;
}


/* product banner */
#ps-banner {
	width: 780px;
	margin: 0px auto;
	padding: 0px;
}
#ps-banner a {
	display: block;
	width: 250px;
	height: 60px;
	margin: 0px 2px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
	float: left;
}

#ps-banner a.p-bnr_01 {
	background: url("/html/pc/images/bns_p-mobile.png") 0px 0px;
}
#ps-banner a.p-bnr_01:hover {
	background: url("/html/pc/images/bns_p-mobile.png") 0px -60px;
}
#ps-banner a.p-bnr_02 {
	background: url("/html/pc/images/bns_p-price.png") 0px 0px;
}
#ps-banner a.p-bnr_02:hover {
	background: url("/html/pc/images/bns_p-price.png") 0px -60px;
}
#ps-banner a.p-bnr_03 {
	background: url("/html/pc/images/bns_p-movie.png") 0px 0px;
}
#ps-banner a.p-bnr_03:hover {
	background: url("/html/pc/images/bns_p-movie.png") 0px -60px;
}

/* product button */
#ps-btn {
	width: 250px;
	padding: 0px;
}
#ps-btn a {
	display: block;
	height: 30px;
	margin: 5px auto;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
}
#ps-btn a.ps-btn_01 {
	width: 220px;
	background: url("/html/pc/images/product/p-button_01.png") 0px 0px;
}
#ps-btn a.ps-btn_01:hover {
	background: url("/html/pc/images/product/p-button_01.png") 0px -30px;
}
#ps-btn a.ps-btn_02 {
	width: 220px;
	background: url("/html/pc/images/product/p-button_02.png") 0px 0px;
}
#ps-btn a.ps-btn_02:hover {
	background: url("/html/pc/images/product/p-button_02.png") 0px -30px;
}
#ps-btn a.ps-btn_03 {
	width: 220px;
	background: url("/html/pc/images/product/p-button_03.png") 0px 0px;
}
#ps-btn a.ps-btn_03:hover {
	background: url("/html/pc/images/product/p-button_03.png") 0px -30px;
}

#ps-btn2 {
	width: 820px;
	margin: 0px auto;
	padding: 0px;
}
#ps-btn2 a {
	display: block;
	width: 200px;
	height: 30px;
	margin: 0px 0px 10px 3px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
	float: left;
}
#ps-btn2 a.ps-btn_00 {
	background: url("/html/pc/images/product/p-button2_00.png") 0px 0px;
}
#ps-btn2 a.ps-btn_00:hover {
	background: url("/html/pc/images/product/p-button2_00.png") 0px -30px;
}
#ps-btn2 a.ps-btn_01 {
	background: url("/html/pc/images/product/p-button2_01.png") 0px 0px;
}
#ps-btn2 a.ps-btn_01:hover {
	background: url("/html/pc/images/product/p-button2_01.png") 0px -30px;
}
#ps-btn2 a.ps-btn_02 {
	background: url("/html/pc/images/product/p-button2_02.png") 0px 0px;
}
#ps-btn2 a.ps-btn_02:hover {
	background: url("/html/pc/images/product/p-button2_02.png") 0px -30px;
}
#ps-btn2 a.ps-btn_03 {
	background: url("/html/pc/images/product/p-button2_03.png") 0px 0px;
}
#ps-btn2 a.ps-btn_03:hover {
	background: url("/html/pc/images/product/p-button2_03.png") 0px -30px;
}

#ps-btn2 a.ps-btn_04 {
	background: url("/html/pc/images/product/p-button2_04.png") 0px 0px;
}
#ps-btn2 a.ps-btn_04:hover {
	background: url("/html/pc/images/product/p-button2_04.png") 0px -30px;
}
#ps-btn2 a.ps-btn_05 {
	background: url("/html/pc/images/product/p-button2_05.png") 0px 0px;
}
#ps-btn2 a.ps-btn_05:hover {
	background: url("/html/pc/images/product/p-button2_05.png") 0px -30px;
}
#ps-btn2 a.ps-btn_06 {
	background: url("/html/pc/images/product/p-button2_06.png") 0px 0px;
}
#ps-btn2 a.ps-btn_06:hover {
	background: url("/html/pc/images/product/p-button2_06.png") 0px -30px;
}




#ps-btn3 {
	width: 820px;
	margin: 0px auto;
	padding: 0px;
}
#ps-btn3 a {
	display: block;
	width: 265px;
	height: 52px;
	margin: 0px 10px 10px 0px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
	float: right;
}
#ps-btn3 a.ps-btn_01 {
	background: url("/html/pc/images/product/p-button3_01.png") 0px 0px;
}
#ps-btn3 a.ps-btn_01:hover {
	background: url("/html/pc/images/product/p-button3_01.png") 0px -52px;
}


/* track  banner */
#bn_track {
	margin: 0px 10px 10px 10px;
	padding: 0px;
}
#bn_track a {
	display: block;
	width: 300px;
	height: 40px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
}
#bn_track a.bnr_01 {
	background: url("/html/pc/images/product/alkiller_05.png") 0px 0px;
}
#bn_track a.bnr_01:hover {
	background: url("/html/pc/images/product/alkiller_05.png") 0px -40px;
}


/* sell small banner */
#sl-banner {
	margin: 0px 10px 10px 10px;
	padding: 0px;
}

#sl-banner a {
	display: block;
	width: 300px;
	height: 40px;
	margin-right: 10px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
	float: left;
}

/* dl banner */
#sl-banner a.s-bnr_00 {
	background: url("/html/pc/images/bns_dl.png") 0px 0px;
}
#sl-banner a.s-bnr_00:hover {
	background: url("/html/pc/images/bns_dl.png") 0px -40px;
}

/* word dl banner */
#sl-banner a.s-bnr_01 {
	background: url("/html/pc/images/bns_dl-w.png") 0px 0px;
}
#sl-banner a.s-bnr_01:hover {
	background: url("/html/pc/images/bns_dl-w.png") 0px -40px;
}

/* pdf dl banner */
#sl-banner a.s-bnr_02 {
	background: url("/html/pc/images/bns_dl-p.png") 0px 0px;
}
#sl-banner a.s-bnr_02:hover {
	background: url("/html/pc/images/bns_dl-p.png") 0px -40px;
}


/* support small banner */
#s-banner {
	margin: 0px 10px 10px 10px;
	padding: 0px;
}

#s-banner a {
	display: block;
	width: 300px;
	height: 40px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
}

/* login banner */
#s-banner a.s-bnr_01 {
	background: url("/html/pc/images/bns_login.png") 0px 0px;
}
#s-banner a.s-bnr_01:hover {
	background: url("/html/pc/images/bns_login.png") 0px -40px;
}

/* faq banner */
#s-banner a.s-bnr_02 {
	background: url("/html/pc/images/bns_faq.png") 0px 0px;
}
#s-banner a.s-bnr_02:hover {
	background: url("/html/pc/images/bns_faq.png") 0px -40px;
}

/* feedback banner */
#s-banner a.s-bnr_03 {
	margin: 5px 0px;
	background: url("/html/pc/images/bns_feedback_01.png") 0px 0px;
}
#s-banner a.s-bnr_03:hover {
	background: url("/html/pc/images/bns_feedback_01.png") 0px -40px;
}
#s-banner a.s-bnr_04 {
	margin: 5px 0px;
	background: url("/html/pc/images/bns_feedback_02.png") 0px 0px;
}
#s-banner a.s-bnr_04:hover {
	background: url("/html/pc/images/bns_feedback_02.png") 0px -40px;
}
#s-banner a.s-bnr_05 {
	background: url("/html/pc/images/bns_feedback_03.png") 0px 0px;
}
#s-banner a.s-bnr_05:hover {
	background: url("/html/pc/images/bns_feedback_03.png") 0px -40px;
}
#s-banner a.s-bnr_06 {
	background: url("/html/pc/images/bns_feedback.png") 0px 0px;
}
#s-banner a.s-bnr_06:hover {
	background: url("/html/pc/images/bns_feedback.png") 0px -40px;
}

/* reco-der consumer iTunes */
#itunes {
	margin: 0px 10px 10px 10px;
	padding: 0px;
}

#itunes a {
	display: block;
	width: 300px;
	height: 40px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
}

#itunes a.s-bnr_01 {
	background: url("/html/pc/images/recoder/bns_itunesdl.png") 0px 0px;
}
#itunes a.s-bnr_01:hover {
	background: url("/html/pc/images/recoder/bns_itunesdl.png") 0px -40px;
}

#itunes a.s-bnr_02 {
	background: url("/html/pc/images/recoder/bns_appstore.png") 0px 0px;
}
#itunes a.s-bnr_02:hover {
	background: url("/html/pc/images/recoder/bns_appstore.png") 0px -40px;
}