div.concertInfoImage{
width:170px;
height:170px;
float:left;
background-image:url("images/cocertInfoImage-bg.png")
}
div.concertInfoText{ width:500px;height:170px; text-align:left;float:right;}

div.Image{
width:170px;
height:170px;
float:left;
}
div.concertInfoText2{width:170px;height:170px;text-align:left;float:right;}

div.ns{
    background-color:#FFF;
    border:1px solid #666;
    width: 600px;
    margin: 0 auto 20px;
    padding:10px;
    
}

/* --- ▼トップpickup設定開始 --- */


/* --- リストエリア --- */
ul.thumbnail {
width: 630px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}
/* --- リストエリア3 --- */
ul.thumbnail3 {
width: 650px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}


/* --- リスト項目 --- */
ul.thumbnail li {
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
line-height: 150%; /* 行の高さ */
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 100%;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
width: 200px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail dt img {
padding: 10px; /* パディング */
border: 1px solid; /* 境界線 */
background-color: #ffffff; /* 背景色 */
border-color: #c0c0c0 #808080 #808080 #c0c0c0; /* 境界線色（上右下左） */
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 0 160px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
}

/* --- リストエリア2 --- */
ul.thumbnail2 {
width: 650px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
background-image:url("https://drastuc.me/img/bg20121103.png");
}

/* --- リスト項目 2--- */
ul.thumbnail2 li {
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail2 dl {
width: 100%;
margin: 0;
font-size: 100%;
}

/* --- 写真エリア --- */
ul.thumbnail2 dt {
width: 200px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail2 dt img {
padding: 10px; /* パディング */
border: 1px solid; /* 境界線 */
background-color: #ffffff; /* 背景色 */
border-color: #c0c0c0 #808080 #808080 #c0c0c0; /* 境界線色（上右下左） */
}

/* --- キャプションエリア --- */
ul.thumbnail2 dd {
margin: 0 0 0 160px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 150%; 
}
.clearFix {
min-height: 1px;
}


/* --- ▲トップpickup設定終了 --- */


/* --- ▼商品ページ設定開始 --- */

ul.smallfont li {
margin: 0 0 3px; /* リストエリアのマージン（上、左右、下） */
line-height: 150%;
font-size: 90%;
font-family: Meiryo UI,Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
p.smallfont{
font-family: Meiryo UI,Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 150%;
font-size: 90%
}

/* --- ▲商品ページ設定終了 --- */


/* --- ▼修理ページ設定開始 --- */
dl.saityousei{margin:20px;width:80%}

dl.saityousei dt {
margin:0 20px 0px 20px; /* リストエリアのマージン（上、左右、下） */
line-height: 150%;
font-weight:bold
}
dl.saityousei dd {
margin:0 20px 10px 20px; /* リストエリアのマージン（上、左右、下） */
line-height: 150%;
}

/* --- ▲修理ページ設定終了 --- */


/* --- ▼修理内容ページ設定開始 --- */
dl.inside-contents{margin:20px;valign="top"}

dl.inside-contents dt {
margin:0 20px 0px 20px; /* リストエリアのマージン（上、左右、下） */
line-height: 150%;
float:none;
font-weight:bold
}
dl.inside-contents dd {
margin:0 20px 10px 20px; /* リストエリアのマージン（上、左右、下） */
width:80%;
line-height: 150%;
float:none
}

/* --- ▲修理内容ページ設定終了 --- */




/* --- ▼音楽教室photo設定開始 --- */


/* --- リストエリア --- */
ul.msphoto {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding:0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.msphoto li {
width: 220px; /* 項目の幅 */
float: left;
}


/* --- 項目内容 --- */
ul.msphoto dl {
width: 200px; /* 内容の幅 */
margin: 0px auto; /* 内容のセンタリング */
font-size: 100%;
}

/* --- 写真エリア --- */
ul.msphoto dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
width: 200px; /* 写真エリアの幅 */
margin-bottom: 10px; /* 写真エリアの下マージン */
}
ul.msphoto dt img {
padding: 10px; /* パディング */
border: 1px solid; /* 境界線 */
background-color: #ffffff; /* 背景色 */
border-color: #c0c0c0 #808080 #808080 #c0c0c0; /* 境界線色（上右下左） */
}

/* --- キャプションエリア --- */
ul.msphoto dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 6.5em; /* キャプションエリアの高さ */
line-height: 150%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲音楽教室photo設定終了 --- */


/* --- ▼リンク設定開始 --- */


/* --- リストエリア --- */
ul.link {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding:10px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.link li {
width: 100px; /* 項目の幅 */
float: left;
}


/* --- 項目内容 --- */
ul.link dl {
width: 100px; /* 内容の幅 */
margin: 0px auto; /* 内容のセンタリング */
font-size: 80%;
}

/* --- 写真エリア --- */
ul.link dt {
/* height: 80px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 4px; /* 写真エリアの下マージン */
}
ul.link dt img {
border: 0px; /* 写真の境界線 */
}


/* --- キャプションエリア --- */
ul.link dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 2.5em; /* キャプションエリアの高さ */
color: #404040; /* 文字色 */
line-height: 100%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}




/* --- ▲リンク設定終了 --- */