@charset "utf-8";
/* CSS Document */

/* ブラウザ用CSS */

@media screen {
h1#art {
background:url(../art/img/art_h1_bg1.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#222;
}
h1#art-summer {
background:url(../art/img/art_h1_bg2.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#222;
text-indent:7px;
}
h1#art-heart {
background:url(../art/img/art_h1_bg3.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#222;
}
h1#art-int {
background:url(../art/img/art_h1_bg9.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-musical {
background:url(../art/img/art_h1_bg4.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-ex {
background:url(../art/img/art_h1_bg1.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-festa {
background:url(../art/img/art_h1_bg5.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-college {
background:url(../art/img/art_h1_bg6.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-world {
background:url(../art/img/art_h1_bg7.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-act {
background:url(../art/img/art_h1_bg8.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}

h1#art-art {
background:url(../art/img/art_h1_bg10.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#222;
}

h1#art-festival {
background:url(../art/img/art_h1_bg11.jpg) no-repeat 0 0;
padding:133px 0 5px 7px;
margin:0 0 15px 0;
width:560px;
border-bottom:2px solid #06c;
font-size:140%;
color:#222;
}

.festa-table {
width:530px;
margin:0 0 20px 10px;
background:#06c;
}
.festa-table th{
color:#06c;
font-size:90%;
vertical-align:top;
background:#fff;
padding:5px;
white-space:nowrap;
}
.festa-table td{
background:#fff;
padding:5px;
}
.festa-table ul{
}
.festa-table li{
}
.art-navi {
clear:both;
float:left;
width:120px;
padding:0;
margin:-5px 0 10px 10px;
}
.art-navi li{
background:url(../common/img/list_2.gif) no-repeat left center;
font-size:80%;
border-bottom:#ebeff7 1px dotted;
padding:3px 0 3px 11px;
margin:0;
}
.art-navi a {
text-decoration:none;
display:block;
}
.art-navi a:hover {
text-decoration:underline;
color:#ff9600;
}
.photo-box {
clear:both;
margin-bottom:15px;
text-align:center;
}
.profile-box {
clear:both;
background:#fff1cf;
}
#main-contents .profile-box h3 {
}
.profile-box dl{
padding:5px 5px 10px 5px;
}
.profile-box dt{
border-left:5px solid #f60;
color:#222;
background:#fff1cf;
padding-left:7px;
font-weight:bold;
margin:0 0 10px 0;
line-height:20px;
height:20px;
font-size:90%;
clear:both;
border-bottom:1px dotted #222;
}
.summer-list {
width:260px;
float:left;
}
/* =========================================
　　　　　　　▼インタビュー▼  
==========================================*/
.intaerview-box {
width:100%;
margin-bottom:15px;
}
.intaerview-box td{
width:33%;
vertical-align:top;
text-align:center;
}
.intaerview-box td h3 {
text-align:left;
}
.intaerview-box2 {
width:100%;
}
.intaerview-box2 td{
width:25%;
vertical-align:top;
padding:5px;
border:4px solid #eee;
}

.intaerview-box td img {
text-align:center;
}
.border-solid {
border:1px solid #06c;
padding:10px;
}


/* =========================================
　　　▼全国の障害者芸術・文化活動▼ 
==========================================*/

.inv-table {
background:#06c;
width:100%;
font-size:90%;
margin-bottom:15px;
}

.inv-table th{
background:#06c;
padding:3px;
color:#fff;
font-weight:normal;
text-align:left;
vertical-align:top;
white-space:nowrap;
}

.inv-table td{
background:#fff;
padding:3px;
vertical-align:top;
}
}

/* =========================================
　　　　　　　▼アートフェスタ▼  
==========================================*/
dt.w220{width:220px;}
dd.w220{width:320px;}

dt.w200{width:200px;}
dd.w200{width:340px;}

dt.w180{width:180px;}
dd.w180{width:360px;}

dt.w120{width:120px;}
dd.w120{width:420px;}











/* 印刷用CSS */


@media print {
h1#art {
background:url(../art/img/art_h1_bg1.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#222;
}
h1#art-summer {
background:url(../art/img/art_h1_bg2.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#222;
text-indent:7px;
}
h1#art-heart {
background:url(../art/img/art_h1_bg3.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#222;
}
h1#art-int {
background:url(../art/img/art_h1_bg9.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-musical {
background:url(../art/img/art_h1_bg4.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-ex {
background:url(../art/img/art_h1_bg1.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-festa {
background:url(../art/img/art_h1_bg5.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-college {
background:url(../art/img/art_h1_bg6.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-world {
background:url(../art/img/art_h1_bg7.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-act {
background:url(../art/img/art_h1_bg8.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
h1#art-act {
background:url(../art/img/art_h1_bg11.jpg) no-repeat 0 0;
padding:160px 0 5px 7px;
margin:0 0 15px 0;
border-bottom:2px solid #06c;
font-size:140%;
color:#000;
}
.festa-table {
width:530px;
margin:0 0 20px 10px;
background:#06c;
}
.festa-table th{
color:#06c;
font-size:90%;
vertical-align:top;
background:#fff;
padding:5px;
white-space:nowrap;
}
.festa-table td{
background:#fff;
padding:5px;
}
.festa-table ul{
}
.festa-table li{
}
.art-navi {
clear:both;
float:left;
width:120px;
padding:0;
margin:-5px 0 10px 10px;
}
.art-navi li{
background:url(../common/img/list_2.gif) no-repeat left center;
font-size:80%;
border-bottom:#ebeff7 1px dotted;
padding:3px 0 3px 11px;
margin:0;
}
.art-navi a {
text-decoration:none;
display:block;
}
.art-navi a:hover {
text-decoration:underline;
color:#ff9600;
}
.photo-box {
clear:both;
margin-bottom:15px;
text-align:center;
}
.profile-box {
clear:both;
background:#fff1cf;
}
#main-contents .profile-box h3 {
}
.profile-box dl{
padding:5px 5px 10px 5px;
}
.profile-box dt{
border-left:5px solid #f60;
color:#222;
background:#fff1cf;
padding-left:7px;
font-weight:bold;
margin:0 0 10px 0;
line-height:20px;
height:20px;
font-size:90%;
clear:both;
border-bottom:1px dotted #222;
}
.summer-list {
width:260px;
float:left;
}
/* =========================================
　　　　　　　▼インタビュー▼  
==========================================*/
.intaerview-box {
width:100%;
margin-bottom:15px;
}
.intaerview-box td{
width:33%;
vertical-align:top;
text-align:center;
}
.intaerview-box td h3 {
text-align:left;
}
.intaerview-box2 {
width:100%;
}
.intaerview-box2 td{
width:25%;
vertical-align:top;
padding:5px;
border:4px solid #eee;
}

.intaerview-box td img {
text-align:center;
}
.border-solid {
border:1px solid #06c;
padding:10px;
}


/* =========================================
　　　▼全国の障害者芸術・文化活動▼ 
==========================================*/

.inv-table {
background:#06c;
width:100%;
font-size:90%;
margin-bottom:15px;
}

.inv-table th{
background:#06c;
padding:3px;
color:#fff;
font-weight:normal;
text-align:left;
vertical-align:top;
white-space:nowrap;
}

.inv-table td{
background:#fff;
padding:3px;
vertical-align:top;
}

/* =========================================
　　　　　　　▼アートフェスタ▼  
==========================================*/
dt.w220{width:220px;}
dd.w220{width:320px;}

dt.w200{width:200px;}
dd.w200{width:340px;}

dt.w180{width:180px;}
dd.w180{width:360px;}

dt.w120{width:120px;}
dd.w120{width:420px;}


}