@charset "utf-8";
h1 {
font-size: 10px;
margin: 5px 0 10px 0;
letter-spacing: 0.2em;
}
h2 {
border-left-width: 5px;
border-left-style: solid;
border-left-color: #FFCC00;
font-size: 14px;
letter-spacing: 0.5pt;
margin-bottom: 7px;
color: #faf1ec;
}
h3 {
border-left-width: 5px;
border-left-style: solid;
border-left-color: #6600FF;
font-size: 12px;
letter-spacing: 0.5pt;
margin: 3px 0 5px 0;
color: #faf1ec;
}
#TravelTop {
height: 550px;
margin: 0px;
padding: 0px;
width: 730px;
background-repeat: no-repeat;
background-image: url(../img/travel/kyoto/travel_top.jpg);
}
#TypeC_Top {
position: relative;
display: block;
height: 550px;
width: 295px;
float: left;
margin: 0 auto 0 auto;
}
#TypeC_Top cite {
top: 0px;
left: 0px;
width: 290px;
padding: 10px 0 10px 5px;
}
#TypeC_Right {
float: right;
height: 550px;
width: 435px;
}
#TypeC_Right1,#TypeC_Right2 {
height: 140px;
width: 405px;
border-bottom-width: 11px;
border-bottom-style: solid;
padding: 18px 15px 18px 15px;
border-bottom-color: #d09b01;
}
#TypeC_Right3 {
height: 140px;
width: 405px;
padding: 18px 15px 18px 15px;
}
#TypeC_div1,#TypeC_div3{
float: right;
width: 187px;
height: 140px;
}
#TypeC_div2{
width: 187px;
height: 140px;
float: left;
}
.TypeC_divp {
overflow: auto;
height: 140px;
width: 215px;
}
#TypeC_divp2 {
overflow: auto;
height: 140px;
width: 190px;
float: right;
}
#TypeC_Right a {
display:block;
height: 140px;
width: 187px;
text-decoration: none;
}
#TypeC_div1 a {
background: url(../img/travel/kyoto/P01.jpg) no-repeat 0px 0px;
}
#TypeC_div1 a:hover {
background: url(../img/travel/kyoto/P01.jpg) no-repeat 0px -140px;
}
#TypeC_div2 a {
background: url(../img/travel/kyoto/P01.jpg) no-repeat -187px 0px;
}
#TypeC_div2 a:hover {
background: url(../img/travel/kyoto/P01.jpg) no-repeat -187px -140px;
}
#TypeC_div3 a {
background: url(../img/travel/kyoto/P01.jpg) no-repeat -374px 0px;
}
#TypeC_div3 a:hover {
background: url(../img/travel/kyoto/P01.jpg) no-repeat -374px -140px;
}
#TypeQ_Left h3 {
height: 20px;
width: 345px;
padding: 10px;
border-bottom-width: thin;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #d09b01;
}
#TypeQ_Right h3 {
height: 20px;
width: 345px;
padding: 10px;
border-top-width: thin;
border-top-style: solid;
border-left-style: none;
border-top-color: #d09b01;
}
#TypeQ_Left p, #TypeQ_Right p{
height: 205px;
width: 345px;
padding: 10px;
overflow: auto;
}
#TypeQ_Left {
height: 550px;
width: 365px;
float: left;
background-color: #603000;
}
#TypeQ_Right {
height: 550px;
width: 365px;
float: right;
background-color: #530061;
}
#TypeQ_Box1 {
height: 275px;
width: 320px;
background: url(../img/travel/kyoto/P02.jpg) no-repeat 0px 0px;
}
#TypeQ_Box2 {
height: 275px;
width: 320px;
float: right;
background: url(../img/travel/kyoto/P02.jpg) no-repeat -320px 0px;
}
#TypeD_Top {
border-bottom-width: 10px;
border-bottom-style: solid;
height: 275px;
width: 730px;
border-bottom-color: #d09b01;
}
#TypeD_Left {
height: 245px;
width: 330px;
float: left;
padding: 10px 20px 0 20px;
}
#TypeD_div1,#TypeD_div2 {
width: 100px;
height: 75px;
float: left;
margin-right: 15px;
}
#TypeD_div3 {
width: 100px;
height: 75px;
float: left;
}
#TypeD_div4,#TypeD_div5,#TypeD_div7,#TypeD_div8 {
width: 100px;
height: 75px;
float: left;
margin: 10px 15px 0 0;
}
#TypeD_div6,#TypeD_div9 {
width: 100px;
height: 75px;
float: left;
margin-top: 10px;
}
#TypeD_Right {
height: 245px;
width: 330px;
float: right;
padding: 10px;
border-left-width: 10px;
border-left-style: solid;
overflow: auto;
border-left-color: #d09b01;
}
#TypeD_Left a {
display:block;
height: 75px;
width: 100px;
text-decoration: none;
}
#TypeD_div1 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat 0px 0px;
}
#TypeD_div1 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -300px 0px;
}
#TypeD_div2 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -100px 0px;
}
#TypeD_div2 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -400px 0px;
}
#TypeD_div3 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -200px 0px;
}
#TypeD_div3 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -500px 0px;
}
#TypeD_div4 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat 0px -75px;
}
#TypeD_div4 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -300px -75px;
}
#TypeD_div5 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -100px -75px;
}
#TypeD_div5 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -400px -75px;
}
#TypeD_div6 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -200px -75px;
}
#TypeD_div6 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -500px -75px;
}
#TypeD_div7 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat 0px -150px;
}
#TypeD_div7 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -300px -150px;
}
#TypeD_div8 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -100px -150px;
}
#TypeD_div8 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -400px -150px;
}
#TypeD_div9 a {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -200px -150px;
}
#TypeD_div9 a:hover {
background: url(../img/travel/kyoto/P03.jpg) no-repeat -500px -150px;
}
.TypeA_Left {
height: 275px;
width: 365px;
float: left;
}
.TypeA_Left1 {
height: 120px;
width: 345px;
padding: 10px;
overflow: auto;
}
.TypeA_Left2 {
height: 125px;
width: 365px;
padding-top: 10px;
background-color: #303030;
}
.TypeA_Box {
margin: 0 auto 0 auto;
height: 115px;
width: 335px;
}
#TypeA_div1,#TypeA_div2,#TypeA_div3,#TypeAA_div1,#TypeAA_div2,#TypeAA_div3 {
width: 80px;
height: 55px;
float: left;
margin-right: 5px;
}
#TypeA_div4,#TypeAA_div4 {
width: 80px;
height: 55px;
float: left;
}
#TypeA_div5,#TypeA_div6,#TypeA_div7,#TypeAA_div5,#TypeAA_div6,#TypeAA_div7 {
width: 80px;
height: 55px;
float: left;
margin: 5px 5px 0 0;
}
#TypeA_div8,#TypeAA_div8 {
width: 80px;
height: 55px;
float: left;
margin-top: 5px;
}
.TypeA_Right {
height: 265px;
width: 330px;
float: right;
padding: 5px 10px 5px 10px;
border-left-width: 15px;
border-left-style: solid;
overflow: auto;
border-left-color: #d09b01;
}
.TypeA_Box a {
display:block;
height: 55px;
width:  80px;
text-decoration: none;
}
#TypeA_div1 a {
background: url(../img/travel/kyoto/P04.jpg) no-repeat 0px 0px;
}
#TypeA_div1 a:hover {
background: url(../img/travel/kyoto/P04.jpg) no-repeat 0px -110px;
}
#TypeA_div2 a {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -80px 0px;
}
#TypeA_div2 a:hover {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -80px -110px;
}
#TypeA_div3 a {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -160px 0px;
}
#TypeA_div3 a:hover {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -160px -110px;
}
#TypeA_div4 a {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -240px 0px;
}
#TypeA_div4 a:hover {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -240px -110px;
}
#TypeA_div5 a {
background: url(../img/travel/kyoto/P04.jpg) no-repeat 0px -55px;
}
#TypeA_div5 a:hover {
background: url(../img/travel/kyoto/P04.jpg) no-repeat 0px -165px;
}
#TypeA_div6 a {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -80px -55px;
}
#TypeA_div6 a:hover {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -80px -165px;
}
#TypeA_div7 a {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -160px -55px;
}
#TypeA_div7 a:hover {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -160px -165px;
}
#TypeA_div8 a {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -240px -55px;
}
#TypeA_div8 a:hover {
background: url(../img/travel/kyoto/P04.jpg) no-repeat -240px -165px;
}
#TypeAA_div1 a {
background: url(../img/travel/kyoto/P05.jpg) no-repeat 0px 0px;
}
#TypeAA_div1 a:hover {
background: url(../img/travel/kyoto/P05.jpg) no-repeat 0px -110px;
}
#TypeAA_div2 a {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -80px 0px;
}
#TypeAA_div2 a:hover {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -80px -110px;
}
#TypeAA_div3 a {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -160px 0px;
}
#TypeAA_div3 a:hover {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -160px -110px;
}
#TypeAA_div4 a {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -240px 0px;
}
#TypeAA_div4 a:hover {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -240px -110px;
}
#TypeAA_div5 a {
background: url(../img/travel/kyoto/P05.jpg) no-repeat 0px -55px;
}
#TypeAA_div5 a:hover {
background: url(../img/travel/kyoto/P05.jpg) no-repeat 0px -165px;
}
#TypeAA_div6 a {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -80px -55px;
}
#TypeAA_div6 a:hover {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -80px -165px;
}
#TypeAA_div7 a {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -160px -55px;
}
#TypeAA_div7 a:hover {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -160px -165px;
}
#TypeAA_div8 a {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -240px -55px;
}
#TypeAA_div8 a:hover {
background: url(../img/travel/kyoto/P05.jpg) no-repeat -240px -165px;
}
#TypeC,#TypeD,#TypeA,#TypeAA {
background-color: #530061;
}
#TypeC p,#TypeQ_Left h3,#TypeQ_Left p,#TypeQ_Right h3,#TypeQ_Right p,#TypeD p,#TypeA p,#TypeAA p {
color: #ffffff;
}
.TypeC_divp a:link,.TypeC_divp a:visited,#TypeC_divp2 a:link,#TypeC_divp2 a:visited,#TypeQ a:link,#TypeQ a:visited,#TypeD_Right a:link,#TypeD_Right a:visited,.TypeA_Left1 a:link,.TypeA_Left1 a:visited,.TypeA_Right a:link,.TypeA_Right a:visited {
color: #33FF00;
text-decoration: underline;
}
.TypeC_divp a:hover,#TypeC_divp2 a:hover,#TypeQ a:hover,#TypeD_Right a:hover,.TypeA_Left1 a:hover,.TypeA_Right a:hover {
color: #FF0000;
text-decoration: none;
}