@import '../screen.css';

.side {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 455px;
  background-image: url("../../images/side2.gif");
  background-repeat: no-repeat;
}

.span-5 {
  width:218px;
  height: 292px;
  background-image: url("../../images/renoir.jpg");
  background-repeat: no-repeat;
}

.contents .span-13 {width:480px;font-size:120%;}

.span-18 {width:700px;font-size:120%;}

table {
  border: none;
}

table th {
  border: none;
  text-align: center;
  background-color:#DBD1B7;
  font-weight:normal;
  padding: 0 5px;
}

table td {
  border: none;
  background-color:#F7F7F7;
  padding: 0 5px;
}


table td a {
  color: #0000FF;
  text-decoration: underline;
}

table td a:hover {
  color: #88130b;
  text-decoration: underline;
}


/* room2
-------------------------------------------------------------------------*/


.correlation {
  width:702px;
  height: 541px;
  background-image: url("../../images/correlation.jpg");
  background-repeat: no-repeat;
}

.family_left {
  float:left;
  margin:0;
  padding:48px 0 0 52px;
  width: 171px;
}

.family_right {
  float:right;
  margin:0;
  padding:17px 55px 0 0;
  width: 264px;
}

.family_right img{
  padding:0;
  margin:0 0 5px;
}

a.family_1{
  background-image: url("../../images/family_1.gif");
  background-repeat: no-repeat;
  width: 171px;
  height:81px;
  position:relative;
  display: block;
  margin:0 0 11px;
  padding:0;
}

a.family_1:hover{
  background-image: url("../../images/family_1_on.gif");
  background-repeat: no-repeat;
}

a.family_3{
  background-image: url("../../images/family_3.gif");
  background-repeat: no-repeat;
  width: 264px;
  height:53px;
  position:relative;
  display: block;
  margin:0 0 5px;
  padding:0;
}

a.family_3:hover{
  background-image: url("../../images/family_3_on.gif");
  background-repeat: no-repeat;
}

a.family_6 {
  background-image: url("../../images/family_6.gif");
  background-repeat: no-repeat;
  width: 264px;
  height:53px;
  position:relative;
  display: block;
  margin:0;
  padding:0;
}

a.family_6:hover{
  background-image: url("../../images/family_6_on.gif");
  background-repeat: no-repeat;
}
.association {
  float:left;
  padding:35px 0 0 12px;
  margin:0;
  width: 466px;
}

.association_left {
  float:left;
  margin:0 3px 0 0;
  padding:25px 0 0 5px;
  width: 222px;
}

.association_right {
  float:left;
  margin:0;
  padding:25px 0 0;
  width: 232px;
}

.association img{
  margin:0 0 5px;
  padding:0;
}

a.association_2 {
  background-image: url("../../images/association_2.gif");
  background-repeat: no-repeat;
  width: 222px;
  height:67px;
  position:relative;
  display: block;
  margin:0 0 5px;
  padding:0;
}

a.association_2:hover{
  background-image: url("../../images/association_2_on.gif");
  background-repeat: no-repeat;
}

a.association_3 {
  background-image: url("../../images/association_3.gif");
  background-repeat: no-repeat;
  width: 222px;
  height:67px;
  position:relative;
  display: block;
  margin:0;
  padding:0;
}

a.association_3:hover{
  background-image: url("../../images/association_3_on.gif");
  background-repeat: no-repeat;
}

a.association_5 {
  background-image: url("../../images/association_5.gif");
  background-repeat: no-repeat;
  width: 232px;
  height:67px;
  position:relative;
  display: block;
  margin:0 0 5px;
  padding:0;
}

a.association_5:hover{
  background-image: url("../../images/association_5_on.gif");
  background-repeat: no-repeat;
}

.woman {
  float:left;
  margin:60px 0 0 14px;
  padding:0;
  width: 190px;
}

.woman img{
  margin:0 0 4px;
  padding:0;
}

a.woman_2 {
  background-image: url("../../images/woman_2.gif");
  background-repeat: no-repeat;
  width: 190px;
  height:67px;
  position:relative;
  display: block;
  margin:0 0 4px;
  padding:0;
}

a.woman_2:hover{
  background-image: url("../../images/woman_2_on.gif");
  background-repeat: no-repeat;
}

a.woman_3 {
  background-image: url("../../images/woman_3.gif");
  background-repeat: no-repeat;
  width: 190px;
  height:55px;
  position:relative;
  display: block;
  margin:0;
  padding:0;
}

a.woman_3:hover{
  background-image: url("../../images/woman_3_on.gif");
  background-repeat: no-repeat;
}


.picture {
  float:left;
  margin:0;
  padding:0 10px 0 0;
  width: 158px;
}

.dot_line {padding-top:10px;margin-bottom:5px;}

.family_1_back {background-image: url("../../images/family_1_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}
.family_2_back {background-image: url("../../images/family_2_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}
.family_3_back {background-image: url("../../images/family_3_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}
.association_1_back {background-image: url("../../images/association_1_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}
.association_2_back {background-image: url("../../images/association_2_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}
.association_3_back {background-image: url("../../images/association_3_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}
.association_4_back {background-image: url("../../images/association_4_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}
.woman_1_back {background-image: url("../../images/woman_1_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}
.woman_2_back {background-image: url("../../images/woman_2_back.jpg");background-repeat: no-repeat;padding-bottom:5px;}

/* room4
-------------------------------------------------------------------------*/

#main .room4_box{
  background-color: #FFFFCC;
  border: 1px solid #663300;
  padding: 5px;
  width: 600px;
  margin: 0 auto;
}

.contents .room_4 {line-height: 2em;}

/* room5
-------------------------------------------------------------------------*/

#main .room_5 .span-18 {width:660px;font-size:120%;margin: 0 20px;}
#main .room_5 .span-4 {width:160px;padding: 0 5px 0 0; font-size: 80%;}

.room_5_img01 {
  background-image: url("../../images/room5_img01.jpg");
  background-repeat: no-repeat;
  width: 160px;
  height:190px;
}

.room_5_img02 {
  background-image: url("../../images/room5_img02.jpg");
  background-repeat: no-repeat;
  width: 160px;
  height:190px;
}

#main .room_5 .span-4 ul{
  list-style: none;
  margin: 0;
  padding: 15px 0;
}

#main .room_5 .span-4 ul li{
  margin: 0;
  padding: 3px 0 0 15px;
  background: url(../../images/pdf_s.gif) no-repeat left 3px;
}

#main table.room5_info{
  background-color: #F7F6F3;
  padding: 0;
  margin: 0;
}

#main table.room5_info td{
  padding: 5px;
}

#main .room5_box{
  border: 1px solid #000000;
  padding: 10px;
  width: 500px;
  margin: 0 auto;
}

.contents .room_5 {line-height: 2em;}


#main .question{
  padding: 0;
  margin: 0;
  width: 549px;
  float:left;
}

#main .question .question_box,
#main .question .question_box2{
  padding: 0 20px 0 100px;
  margin: 0;
}

#main .question .question_box table {
  padding: 0;
  margin: 50px 0 0;
}

#main .question .question_box table td{
  background-color:#FFFFFF;
}


#main .question .question_box2 table {
  padding: 0;
  margin: 10px 0 0;
}

#main .question .question_box2 table td{
  padding: 5px 0;
  margin: 10px 0 0;
  background-color:#FFFFFF;
}



#main .question_img01{
  padding: 0;
  margin: 0;
  width: 120px;
  float:left;
  background-image: url("../../images/question_img01.jpg");
  background-repeat: no-repeat;
  font-size: 9px;
  line-height: 1em;
}

#main .question_img02{
  padding: 0;
  margin: 0;
  width: 120px;
  float:left;
  background-image: url("../../images/question_img02.jpg");
  background-repeat: no-repeat;
  font-size: 9px;
  line-height: 1em;
}


#main .question_img03{
  padding: 0;
  margin: 0;
  width: 120px;
  float:left;
  background-image: url("../../images/question_img03.jpg");
  background-repeat: no-repeat;
  font-size: 9px;
  line-height: 1em;
}


#main .question_img04{
  padding: 0;
  margin: 0;
  width: 120px;
  float:left;
  background-image: url("../../images/question_img04.jpg");
  background-repeat: no-repeat;
  font-size: 9px;
  line-height: 1em;
}


/* side
-------------------------------------------------------------------------*/

#side_menu {
  display: block;
  height: 169px;
  width: 131px;
  margin: 34px 0 0 10px;
  padding: 0;
}

#side_menu ul,
#side_menu li {
  list-style-type: none;
  display: block;
  padding:0;
  margin: 0;
  float: left;
  position: relative;
}

#side_menu a:link,
#side_menu a:visited	{
  display: block;
  padding:0;
  margin: 0;
  width: 131px;
  background-image: url("../../images/room_menu.gif");
  background-repeat: no-repeat;
}

#side_menu #nav-1 a,
#side_menu #nav-2 a,
#side_menu #nav-3 a,
#side_menu #nav-4 a,
#side_menu #nav-5 a,
#side_menu #nav-6 a,
#side_menu #nav-7 a,
#side_menu #nav-8 a,
#nav-1 a:hover,
#nav-2 a:hover,
#nav-3 a:hover,
#nav-4 a:hover,
#nav-5 a:hover,
#nav-6 a:hover,
#nav-7 a:hover,
#nav-8 a:hover {
  width: 131px;
}

#nav-1 a {height: 28px; background-position: 0px 0px; }
#nav-2 a {height: 29px; background-position: 0px -28px; }
#nav-3 a {height: 28px; background-position: 0px -57px; }
#nav-4 a {height: 28px; background-position: 0px -85px; }
#nav-5 a {height: 28px; background-position: 0px -113px; }
#nav-6 a {height: 28px; background-position: 0px -141px; }
#nav-7 a {height: 28px; background-position: 0px -169px; }
#nav-8 a {height: 28px; background-position: 0px -197px; }

#nav-1 a:hover { background-position: -131px 0px; }
#nav-2 a:hover { background-position: -131px -28px; }
#nav-3 a:hover { background-position: -131px -57px; }
#nav-4 a:hover { background-position: -131px -85px; }
#nav-5 a:hover { background-position: -131px -113px; }
#nav-6 a:hover { background-position: -131px -141px; }
#nav-7 a:hover { background-position: -131px -169px; }
#nav-8 a:hover { background-position: -131px -197px; }

#nav-1-on a {height: 28px; background-position: -131px 0px; }
#nav-2-on a {height: 29px; background-position: -131px -28px; }
#nav-3-on a {height: 28px; background-position: -131px -57px; }
#nav-4-on a {height: 28px; background-position: -131px -85px; }
#nav-5-on a {height: 28px; background-position: -131px -113px; }
#nav-6-on a {height: 28px; background-position: -131px -141px; }
#nav-7-on a {height: 28px; background-position: -131px -169px; }
#nav-8-on a {height: 28px; background-position: -131px -197px; }

.note {
  font-size:80%;
}