@charset "UTF-8";
/*
-----------------------------------------------------
YAMAHA MUSIC MEDIA CORPORATION
FileName:   common.css
-----------------------------------------------------
*/

/*
----------- INDEX --------------
01 Layout
02 Header
03 Navigation
04 Contents
05 Footer
--------------------------------
*/

/*追加*/
.s12p    {font-size: 12px;line-height: 125%;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12b    {font-size: 12px;line-height: 125%;font-weight: bold;color: #505050;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12bc01 {font-size: 12px;line-height: 125%;font-weight: bold;color: #000040;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12bc02 {font-size: 12px;line-height: 125%;font-weight: bold;color: #000000;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12pc01 {font-size: 12px;line-height: 125%;color: #505050;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12pc02 {font-size: 12px;line-height: 125%;color: #333399;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12pc03 {font-size: 12px;line-height: 125%;color: #FF0000;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12pc04 {font-size: 12px;line-height: 125%;color: #000040;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif" }
.s12pc05 {font-size: 12px;line-height: 125%;color: #400040;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif" }
.s12pc06 {font-size: 12px;line-height: 125%;color: #000099;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif" }
.s14b    {font-size: 14px;line-height: 125%;font-weight: bold;color: #505050;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s14bc01 {font-size: 14px;line-height: 125%;font-weight: bold;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s14p    {font-size: 14px;line-height: 125%;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s16p    {font-size: 16px;line-height: 125%;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s16br   {font-size: 16px;line-height: 125%;font-weight: bold;color: #ff00000;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s16bc01 {font-size: 16px;line-height: 125%;font-weight: bold;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.cr      {font-size: 12px;line-height: 125%;color: #808080;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12brd    {font-size: 12px;line-height: 125%;font-weight: bold;color: #ff0000;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12prd    {font-size: 12px;line-height: 125%;color: #ff0000;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s24bc01 {font-size: 24px;line-height: 125%;font-weight: bold;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}

.p10c01  {font-size: 10px;line-height: 12px;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif" }
.p11c01  {font-size: 11px;line-height: 12px;color: #666666;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p11c02  {font-size: 11px;line-height: 12px;color: #333399;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p11c03  {font-size: 11px;line-height: 13px;color: #ffffff;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12c01  {font-size: 12px;line-height: 13px;color: #666666;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12c02  {font-size: 12px;line-height: 13px;color: #0a3a8f;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12c03  {font-size: 12px;line-height: 13px;color: #646464;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12c04  {font-size: 12px;line-height: 14px;color: #646464;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12c05  {font-size: 12px;line-height: 14px;color: #4c4c4c;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12c06  {font-size: 12px;line-height: 14px;color: #4b4b4b;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12bc01 {font-size: 12px;line-height: 13px;font-weight: bold;color: #666666;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12bc02 {font-size: 12px;line-height: 13px;font-weight: bold;color: #1c4a9e;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12bc03 {font-size: 12px;line-height: 13px;font-weight: bold;color: #646464;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12bc04 {font-size: 12px;line-height: 14px;font-weight: bold;color: #1c4a9e;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12bc05 {font-size: 12px;line-height: 14px;font-weight: bold;color: #646464;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12bc06 {font-size: 12px;line-height: 14px;font-weight: bold;color: #4c4c4c;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12bc07 {font-size: 12px;line-height: 14px;font-weight: bold;color: #524695;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p12bc08 {font-size: 12px;line-height: 14px;font-weight: bold;color: #575757;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p14bc01 {font-size: 14px;line-height: 15px;font-weight: bold;color: #646464;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p14bc02 {font-size: 14px;line-height: 16px;font-weight: bold;color: #4c4c4c;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.p16bc01 {font-size: 16px;line-height: 17px;font-weight: bold;color: #646464;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s11p    {font-size: 11px;line-height: 125%;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}

.class   { color: #666; font-size: 12px; line-height: 13px; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka }
.class2  { color: #222222; font-weight: bold; font-size: 12px; line-height: 13px; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka }
.class3  { color: #222222; font-weight: bold; font-size: 11px; line-height: 13px; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka }
.class4  { color: #666; font-size: 10px; line-height: 13px; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka }
.class5  { color: #666; font-size: 9px; line-height: 13px; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka }
.class6  { color: #222222; font-size: 12px; line-height: 13px; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka }
.class7  { color: #222222; font-weight: bold; font-size: 10px; line-height: 13px; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka }

.s11p    {font-size: 11px;line-height: 125%;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s11bw    {font-size: 11px;line-height: 125%;font-weight: bold;color: #ffffff;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s11b    {font-size: 11px;line-height: 125%;font-weight: bold;color: #505050;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s18b   {font-size: 18px;line-height: 125%;font-weight: bold;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}

.subsubnavi{color:#FFFFFF;font-size:11px;text-decoration:none;line-height:14px;}
.subsubnavi a:hover{text-decoration:underline;}
.subsubnavi a,
.subsubnavi a:visited,
.subsubnavi a:active{color:#C6DEE6;font-size:11px;text-decoration:none;}
.subsubnavi a:hover{color:#C6DEE6;text-decoration:underline;}

.s11pc01 {font-size: 11px;line-height: 125%;color: #505050;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}

.s12pw    {font-size: 12px;line-height: 125%;color: #ffffff;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}
.s12bw    {font-size: 12px;line-height: 125%;font-weight: bold;color: #ffffff;font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka,"sans-serif";}




/*追加*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,p,blockquote,legend,em,strong{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,pre,code,dfn,h1,h2,h3,h4,th,var,em{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
a{text-decoration:none;}
ul,ol {list-style-type:none;}
li {line-height: 1.2;}
input, textarea {/*font-family: Verdana,sans-serif;*/ font-size:12px;}
h1, h2, h3, h4, h5 {line-height: 1.2; font-size: 12px;}


*{zoom:1;}

html{
  height:100%;
}
html>/**/body{
  overflow:-moz-scrollbars-vertical;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
}


/*------------------------------ ------------------------------*/


body {
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	text-decoration:none;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	background-color:#FFFDF6;
}

a {color:#273BFF;}

a:link {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover, active {text-decoration: underline;}


a.ranking {/*リンクされた文字*/
    color:fa2700;
    text-decoration:none;
}
a:link.ranking {/*未訪問のリンク*/
    color:fa2700;
    text-decoration:none;
}
a:visited.ranking {/*訪問後のリンク*/
    color:#5800fa;
    text-decoration:none;
}
a:hover.ranking {/*マウスをのせたとき*/
    color:#fa2700;
    text-decoration:none;
}
a:active.ranking {/*クリック中*/
    text-decoration:none;
}


.clearFloat {
line-height:0;
clear:both;
}


.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */



/* --------------------------
Layout
--------------------------- */

#wrapper {
	width:960px !important;
	width /**/: 980px;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
background:#FFFDF6 url(/shared/img/body_bg.gif) left top repeat-y;
}


/* --------------------------
Header
--------------------------- */
#header{
	margin:20px 10px 5px 10px;
}

#btnGuide {
	width: 120px;
}

#btnGuide a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 20px;
	padding-top: 20px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_guide.gif) 0 0 no-repeat;
}

#btnGuide a:hover {background-position: 0 -20px;}


#btnSupport {
	width: 120px;
}

#btnSupport a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 20px;
	padding-top: 20px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_support.gif) 0 0 no-repeat;
}

#btnSupport a:hover {background-position: 0 -20px;}


#btnMailMagazine {
	width: 120px;
}

#btnMailMagazine a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 20px;
	padding-top: 20px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_mail_magazine.gif) 0 0 no-repeat;
}

#btnMailMagazine a:hover {background-position: 0 -20px;}


#deliGuide {
	width: 194px;
}

#deliGuide a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 18px;
	padding-top: 18px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/ymm_tri-lg_03.gif) 0 0 no-repeat;
}

#deliGuide a:hover {background-position: 0 -18px;}


/* --------------------------
Navigation
--------------------------- */

/*-- ナビゲーションの設定 --*/

#btnScoreA,
#btnImportScoreA,
#btnMagazineA,
#btnBookA,
#btnCddvdA,
#btnLessonA,
#btnChairA,
#btnContentA,
#btnAdvertisingA {
	display: block;
	width: 100%;
	color: #FFFFFF;
	overflow: hidden;
	height: 0 !important;
	height /**/: 30px;
	padding-top: 30px;
	background: url(../img/navi_btn.gif) left top no-repeat;
	text-indent: -9999px;
	text-decoration:none;
}

#btnScore {float: left; width: 106px;}
#btnImportScore,
#btnMagazine,
#btnBook,
#btnCddvd,
#btnLesson,
#btnChair,
#btnContent {float: left; width: 107px;}
#btnAdvertising {float: left; width: 105px;}


#btnScoreA { background-position: 0 0;}
#btnImportScoreA { background-position: -106px 0;}
#btnMagazineA { background-position: -213px 0;}
#btnBookA { background-position: -320px 0;}
#btnCddvdA { background-position: -427px 0;}
#btnLessonA { background-position: -534px 0;}
#btnChairA { background-position: -641px 0;}
#btnContentA { background-position: -748px 0;}
#btnAdvertisingA { background-position: -855px 0;}

/*-- over --*/
a#btnScoreA:hover { background-position: 0 -30px;}
a#btnImportScoreA:hover { background-position: -106px -30px;}
a#btnMagazineA:hover { background-position: -213px -30px;}
a#btnBookA:hover { background-position: -320px -30px;}
a#btnCddvdA:hover { background-position: -427px -30px;}
a#btnLessonA:hover { background-position: -534px -30px;}
a#btnChairA:hover { background-position: -641px -30px;}
a#btnContentA:hover { background-position: -748px -30px;}
a#btnAdvertisingA:hover { background-position: -855px -30px;}

/*-- プルダウンの設定 --*/
.navmenu > li {
	float: left;
}
.navmenu li {
	list-style-type: none;
/*	border: 1px solid #3366cc;
	color: black;
	background-color: #6699FF;
	padding: 2px;
*/}
/* 2階層目のの設定 */
.btnPulldown {
	font-size: 12px;
	/*display: none;*/
	/*position: absolute;*/
	width:84px !important;
	width /**/: 106px;
	padding: 15px 10px 0 10px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	/*z-index: 10;*/
}

*:first-child+html .btnPulldown {padding-bottom: 15px;}

.btnPulldown li {
	padding: 0 0 0 0;
	margin-bottom: 15px;
	width: 100%;
}

.btnPulldown li a {
	padding: 0 0 0 8px;
	color:#333333;
	display: block;
}

.btnPulldown li a:link {text-decoration:none;}

.btnPulldown li a:visited {text-decoration:none;}

.btnPulldown li a:hover,
.btnPulldown li a:active {
	text-decoration: underline;
	background: url(../img/img_arrow.gif) 0 4px no-repeat;
}

.navmenu li:hover > ul {
	display: block;
}


.breadcrumbsBg {
	background: #FFFFFF url(/shared/img/breadcrumbs_bg.gif) left bottom repeat-x;
}


/* --------------------------
Contents
--------------------------- */

.btnGoodsSearch {
	width: 138px;
}

.btnGoodsSearch  a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 13px;
	padding-top: 13px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_goods_search.gif) 0 0 no-repeat;
}

.btnGoodsSearch  a:hover {
	background-position: 0 -13px;
}


.pagetop  {
	width: 120px;
}

.pagetop  a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 13px;
	padding-top: 13px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_pagetop.gif) 0 0 no-repeat;
}

.pagetop  a:hover {
	background-position: 0 -13px;
}


.secondBorder {
	background: url(/shared/img/second_ttl_line.gif) left top repeat-x;
}



/* --------------------------
Footer
--------------------------- */
#footer{
	border-top:#9CA3FF solid 1px;
	border-bottom:#CCCCCC solid 1px;
	padding:10px;
}

#footerBorder {
	background-color:#6CAEFF;
}

#btnCompany {
	width: 58px;
}

#btnCompany a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 13px;
	padding-top: 13px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_company.gif) 0 0 no-repeat;
}

#btnCompany a:hover {
	background-position: 0 -13px;
}


#btnPolicy {
	width: 107px;
}

#btnPolicy a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 13px;
	padding-top: 13px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_policy.gif) 0 0 no-repeat;
}

#btnPolicy a:hover {
	background-position: 0 -13px;
}

#btnagreement {
	width: 107px;
}

#btnagreement a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 13px;
	padding-top: 13px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_agreement.gif) 0 0 no-repeat;
}

#btnagreement a:hover {
	background-position: 0 -13px;
}


#btntrans {
	width: 152px;
}

#btntrans a {
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 13px;
	padding-top: 13px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/btn_trans.gif) 0 0 no-repeat;
}

#btnagreement a:hover {
	background-position: 0 -13px;
}