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

/* paintmap */

#paintmap {
margin-bottom:20px;
}

#paintmap h2 {
color: #fff;
font-family: "Times New Roman";
font-size: 334%;
font-weight: bold;
padding: 8px 0 15px;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}

#paintmap .attention {
color:#fff;
position:absolute;
top:240px;
left:20px;
padding-left:20px;
background:url("/common/img/attention.gif") no-repeat 4px 5px;
}

#paintmap .area {
height:492px;
padding:20px 0 0 20px;
background: url("/common/img/bg_40.png") repeat;
position:relative;
}

#map li {
position:absolute;
}

#map .select {
opacity:0!important;
}

.hokkaido,
.hokkaido a {
width:238px;
height:185px;
}

.hokkaido {
top:24px;
left:696px;
}

.tohoku,
.tohoku a {
width:164px;
height:229px;
}

.tohoku {
top:190px;
left:570px;
z-index:5;
}

.kanto,
.kanto a {
width:80px;
height:91px;
}

.kanto {
top:384px;
left:515px;
z-index:10;
}

.chubu,
.chubu a {
width:203px;
height:162px;
}

.chubu {
top:304px;
left:407px;
}

.kinki,
.kinki a {
width:135px;
height:131px;
}

.kinki {
top:332px;
left:317px;
}

.chugoku,
.chugoku a {
width:149px;
height:73px;
}

.chugoku {
top:310px;
left:173px;
}

.shikoku,
.shikoku a {
width:112px;
height:65px;
}

.shikoku {
top:381px;
left:207px;
}

.kyusyu,
.kyusyu a {
width:115px;
height:129px;
}

.kyusyu {
top:340px;
left:83px;
}

.okinawa,
.okinawa a {
width:154px;
height:46px;
}

.okinawa {
top:280px;
left:793px;
z-index:10;
}

.line {
width:108px;
height:96px;
background: url("/works/img/map_line.gif") repeat;
top:250px;
left:763px;
}

.hokkaido {background: url("/works/img/hokkaido_on.gif") repeat;}
.hokkaido a {background: url("/works/img/hokkaido_off.gif") repeat;}
.tohoku {background: url("/works/img/tohoku_on.gif") repeat;}
.tohoku a {background: url("/works/img/tohoku_off.gif") repeat;}
.kanto {background: url("/works/img/kanto_on.gif") repeat;}
.kanto a {background: url("/works/img/kanto_off.gif") repeat;}
.chubu {background: url("/works/img/chubu_on.gif") repeat;}
.chubu a {background: url("/works/img/chubu_off.gif") repeat;}
.kinki {background: url("/works/img/kinki_on.gif") repeat;}
.kinki a {background: url("/works/img/kinki_off.gif") repeat;}
.chugoku {background: url("/works/img/chugoku_on.gif") repeat;}
.chugoku a {background: url("/works/img/chugoku_off.gif") repeat;}
.shikoku {background: url("/works/img/shikoku_on.gif") repeat;}
.shikoku a {background: url("/works/img/shikoku_off.gif") repeat;}
.kyusyu {background: url("/works/img/kyusyu_on.gif") repeat;}
.kyusyu a {background: url("/works/img/kyusyu_off.gif") repeat;}
.okinawa {background: url("/works/img/okinawa_on.gif") repeat;}
.okinawa a {background: url("/works/img/okinawa_off.gif") repeat;}

#m-name a {
color:#fff;
}

#m-name {
width:270px;
position:absolute;
right:12px;
bottom:45px;
z-index:100;
}

#m-name li {
float:left;
width:90px;
font-size:108%;
padding-bottom:6px;
font-weight:bold;
}

#view {
width:520px;
height:166px;
padding:20px 10px 20px 20px;
background: url("/common/img/bg_50.png");
}

#view article {
display:none;
width:520px;
}

#view .select {
display:block;
}

#view header {
	width:520px;
}

#view header h1 {
color: #FFFFFF;
font-family: "Times new Roman";
font-size: 197%;
font-weight: bold;
width:200px;
float:left;
}

#view header h1 span {
font-size:80%;
}

#view .btn {
float:right;
margin-right:9px;
}

#view .btn,
#view .btn a {
width:80px;
height:22px;
}

#view .btn {background: url("/works/img/btn_view_on.gif") no-repeat;}
#view .btn a {background: url("/works/img/btn_view_off.gif") no-repeat;}

#view ul  {
background: url("/works/img/bg_paint.gif") no-repeat;
min-height:140px;
}

#view li {
width:120px;
height:60px;
padding:0 10px 10px 0;
float:left;
}