/*----------------------*/
/* 楽譜販売             */
/* 画面表示用CSS        */
/*----------------------*/

/*------------------*/
/* 標準要素         */
/*------------------*/

body {
    background:#ebf9fa;
}

td,p{
    vertical-align:top;
    line-height:1.3em;
    color:#025b5e;
    font-size:82%;
}

p{
    margin-top:0px;
    margin-left:20px;
    margin-right:10px;
}

a{
    color:#3ebac8;
    text-decoration:none;
    font-weight:bold;
}

a:visited{
    color:#44094f;
    font-weight:bold;
}

a:hover{
    color:#ff3300;
    font-weight:bold;
}

img{
	border:0
	}

/*------------------*/
/* 見出し要素       */
/*------------------*/

h1{
    width:60%;
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:medium;
    border-bottom: green solid 2px;
    color:blue;	
}

h2{
    background:green;
    width:70%;
    height:28px;
    padding:7px 0px 0px 5px;
    margin:0px 0px 10px 0px;
    font-size:small;
    color:white	;
}

h3{
    width:80%;
    height:30px;
    padding:6px 0px 0px 5px;
    margin:0px 0px 0px 10px;
    font-size:small;
    color:blue;	
}

h4{
    width:80%;
    height:24px;
    padding:4px 0px 0px 5px;
    margin:0px 0px 0px 20px;
    font-size:small;
    border-bottom: green solid 1px;
    border-left: green solid 1px;
}

/*------------------*/
/* <a href="name"> */
/*------------------*/
.link-name{
    text-decoration:none!important;
	font-weight:normal!important;
	color:#025b5e!important;
}

/*------------------*/
/* 左方向へ回り込み */
/*------------------*/
.c-floatleft{
    float:left;
}

/*------------------*/
/* 右方向へ回り込み */
/*------------------*/
.c-floatright{
    float:right;
}


/*------------------*/
/* 回り込み解除 */
/*------------------*/
.c-clearfloat {
    clear:left;
}

/*------------------*/
/* 上部ブロック */
/*------------------*/
#d-top {
	width:100%;
    padding:20px 10x 2px 10px;
    height:110px;
    background-image:url(logo_m.gif);
    background-position:center top;
    background-repeat:no-repeat;
    background-color:white;
    border-top: black solid 3px;
    border-right: black solid 3px;
    border-bottom: green solid 1px;
    border-left: green solid 1px;
}

#d-top .title{
	/*width:500px;*/
	float:left;
	}

#d-top .link{
	widht:200px;
	float:right;
	}

#d-top iframe{
	width:200px;
	height:105px;
	border:#339966 2px solid;
	}
	

/*------------------*/
/* メニューブロック */
/*------------------*/

/* メニューブロック全体 */
#d-menu {
    font-size:small;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:0px 0px 7px 0px;
}

/* メニューブロック・リンク要素 */
#d-menu li {
    background:white;
    border-top: green solid 1px;
    border-left: green solid 1px;
    float:left;
    padding:3px 10px 3px 10px;
}

/* メニューブロック・リンク要素・最右列 */
#d-menu .c-right{
    border-right: green solid 1px;
}

/*------------------*/
/* メインブロック */
/*------------------*/
#d-main {
    padding:10px 10px 10px 10px;
	width:80%;
	float:left;
}

#d-main-full {
    padding:10px 10px 10px 10px;
	width:95%;
	float:left;
}

/* メルマガ　
----------------------------------*/
#d-main .merumaga{
	width:90%;
	border: #FF0066 3px solid;
	margin:3px 3% 3px 3%;
	padding:3px 1% 3px 1%;
}

#d-main .merumaga p{
	font-size:100%;
	line-height:1.3;
}

#d-main .merumaga strong{
	font-size:110%;
	font-weight:bold;
}

/* 強調　
----------------------------------*/
#d-main .strong,
#d-main-full .strong{
	color:#F2003D;
	font-size:110%;
	font-weight:bold;
}

/* キャンペーン
----------------------------------*/
#d-main .campaign,
#d-main-full .campaign{
    clear:both;
    width:95%;
	color:#F2003D;
	font-size:120%;
	font-weight:bold;
	background-color:#FFE6FF;
    border: #FF3366 solid 2px;
  	padding:5px 2% 5px 2%;
	margin:0px 0% 10px 1%;
}

/* ボックスリンク
----------------------------------*/
#d-main .box-link,
#d-main-full .box-link{
    clear:both;
    display:block;
	width:70%;
	color:#0041A2;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	background-color:#C4E3FD;
	border-top:#999999 solid 1px;
	border-right:#999999 solid 2px;
  	padding:5px 2% 5px 2%;
	margin:0px 0% 10px 0%;
}

/* 解説風リンク　
----------------------------------*/
#d-main .comment{
    clear:both;
    width:90%;
	background-color:#C4E3FD;
    border-top: black solid 3px;
    border-right: black solid 3px;
    border-bottom: #0041A2 solid 1px;
    border-left: #0041A2 solid 1px;
	padding:5px 2% 5px 1%;
	margin:0px 0% 0px 1%;
}

#d-main .comment h3{
    width:95%;
	background-color:#3333FF;
	padding:6px 2% 2px 2%;
}

#d-main .comment h3 a{
	color:#C4E3FD;
	text-decoration:none;
}

#d-main .comment .comment-p{
	color:#0041A2;
	padding:5px 0% 5px 5%;
	margin:0px 0% 0px 0%;
}

#d-main .comment .comment-p a{
	color:#0041A2;
	text-decoration:none;
	font-weight:normal;
}


/*------------------*/
/* 重要クラス */
/*------------------*/
.notice{
    padding:5px 5px 5px 5px;
    font-size:90%;
	color:#FF3300;
	background-color:#FFFFCC;
	border:#FF0000 solid 2px;
	width:95%;
}

/*------------------*/
/* パターンクラス */
/*------------------*/
.pattern {
    width:610px;
}

/*------------------*/
/* リンクブロック */
/*------------------*/
#d-link {
    background-color:white;
    float:right;
    padding:5px 0x 5px 0px;
    margin:0px 0x 0px 0px;
    border: green double 1px;
    width:19%;
    text-aLign:center;
}

#d-link .azu_item{
    background-color:white;
    padding:3px 3x 3px 3px;
    margin:4px 2x 4px 2px;
    border: green double 1px;
    text-aLign:center;
	font-size:80%;
	line-height:1.2em;
}

#d-link .azu_item p{
    padding:3px 3x 3px 3px;
    margin:0px 0x 0px 0px;
	text-align:left;
}

#d-link .azu_item a{
    color:#FF0066;
	font-weight:bold;
	background-color:#FFCCFF;
}

#d-link .azu_item a:hover{
    color:#FF6600;
}

/*------------------*/
/* 商品ブロック */
/*------------------*/
.d-item {
    clear:left;
    padding:0px 0px 0px 0px;
    margin:5px 0px 0px 0px;
    border-top: green solid 1px;
    width:99%;
}

/*------------------*/
/* 商品名ブロック */
/*------------------*/
.d-songname {
    background-color:white;
    padding:0px 5px 0px 5px;
    width:220px;
    float:left;
}

/*------------------*/
/* 単価ブロック */
/*------------------*/
.d-price {
    float:left;
    padding:0px 5px 0px 5px;
    width:70px;
}

/*------------------*/
/* ＭＩＤＩブロック */
/*------------------*/
.d-midi {
    background-color:white;
    float:left;
    padding:0px 5px 0px 5px;
    width:170px;
}

/*------------------*/
/* カートブロック */
/*------------------*/
.d-cart {
    float:left;
    padding:0px 5px 0px 5px;
    width:170px;
}

/*------------------*/
/* @payブロック */
/*------------------*/
.d-atpay {
    background-color:white;
    float:left;
    padding:0px 5px 0px 5px;
    width:120px;
}

/*------------------*/
/* 底部ブロック */
/*------------------*/
#d-bottom {
	clear:both;
    padding:2px 2px 2px 2px;
    color:black;
    text-aLign:center;
    border-top: blue dotted 3px;
}

/*------------------*/
/* 小文字クラス */
/*------------------*/
.c-small {
    font-size:0.8em;
}

/*------------------*/
/* テーブル列 */
/*------------------*/
td {
    border:solid 1px green;
	text-align:center;
    padding:2px 2px 2px 2px;
}