@charset "utf-8";
h1 {
font-size: 10px;
margin-top: 5px;
margin-bottom: 10px;
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-top: 3px;
margin-bottom: 5px;
color: #faf1ec;
}
h4 {
padding-bottom: 5px;
padding-top: 3px;
text-align: center;
}
#TravelTop {
height: 550px;
margin: 0px;
padding: 0px;
width: 730px;
background-repeat: no-repeat;
background-image: url(../img/travel/itsukushima/travel_top.jpg);
}
#TypeQ_Left h3,#TypeQ_Left p {
color: #FFFFFF;
}
#TypeQ_Right h3,#TypeQ_Right p {
color: #330099;
}
#TypeQ_Left h3 {
height: 20px;
width: 345px;
padding: 10px;
border-bottom-width: thin;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #ffffff;
}
#TypeQ_Right h3 {
height: 20px;
width: 345px;
padding: 10px;
border-top-width: thin;
border-top-style: solid;
border-left-style: none;
border-top-color: #330099;
}
#TypeQ_Left p, #TypeQ_Right p{
height: 205px;
width: 345px;
padding: 10px;
overflow: auto;
}
#TypeQ_Left {
height: 550px;
width: 365px;
float: left;
background-color: #330099;
}
#TypeQ_Right {
height: 550px;
width: 365px;
float: right;
background-color: #FFFFFF;
}
#TypeQ_Box1 {
height: 275px;
width: 320px;
background: url(../img/travel/itsukushima/P1.jpg) no-repeat 0px 0px;
}
#TypeQ_Box2 {
height: 275px;
width: 320px;
float: right;
background: url(../img/travel/itsukushima/P1.jpg) no-repeat -320px 0px;
}
#TypeQ_Left  a:link,#TypeQ_Left a:visited {
color: #FFFFFF;
text-decoration: underline;
}
#TypeQ_Right  a:link,#TypeQ_Right a:visited {
color: #330099;
text-decoration: underline;
}
#TypeQ_Right a:hover {
color: #ff0000;
text-decoration: underline;
}
#TypeN {
background-color: #000000;
}
#TypeN p {
color: #FFFFFF;
}
#TypeN_div1 {
height: 180px;
width: 360px;
float: left;
margin-top: 1px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 3px;
background-color: #a20010;
}
#TypeN_div2 {
height: 180px;
width: 360px;
float: left;
margin-top: 1px;
margin-bottom: 4px;
background-color: #a20010;
}
#TypeN_div3 {
height: 364px;
width: 180px;
float: left;
clear: left;
margin-bottom: 1px;
margin-left: 3px;
background-color: #a20010;
}
#TypeN_Box {
float: left;
height: 364px;
width: 356px;
margin-right: 4px;
margin-bottom: 1px;
margin-left: 4px;
}
#TypeN_div4 {
height: 160px;
width: 336px;
margin-bottom: 4px;
padding: 10px;
background-color: #6d9b5c;
}
#TypeN_div5 {
height: 180px;
width: 356px;
margin-bottom: 1px;
background-color: #6d9b5c;
}
#TypeN_div6 {
height: 364px;
width: 180px;
float: left;
margin-bottom: 1px;
background-color: #6d9b5c;
}
#TypeN_div1 p,#TypeN_div2 p,#TypeN_div3 p {
height: 170px;
width: 160px;
overflow: auto;
padding: 5px;
margin: 2px;
}
#TypeN_div5 p {
height: 170px;
width: 160px;
overflow: auto;
float: right;
margin: 2px;
padding: 5px;
}
#TypeN_div6 p {
height: 161px;
width: 160px;
overflow: auto;
padding: 5px 5px 14px 5px;
margin: 2px;
}
#TypeN_div1 a,#TypeN_div2 a,#TypeN_div3 a,#TypeN_div5 a,#TypeN_div6 a {
display:block;
height: 180px;
width: 180px;
text-decoration: none;
padding: 0px;
margin: 0px;
}
#TypeN_div1 a {
float: right;
background: url(../img/travel/itsukushima/P2.jpg) no-repeat 0px 0px;
}
#TypeN_div1 a:hover {
background: url(../img/travel/itsukushima/P2.jpg) no-repeat 0px -180px;
}
#TypeN_div2 a {
float: right;
background: url(../img/travel/itsukushima/P2.jpg) no-repeat -180px 0px;
}
#TypeN_div2 a:hover {
background: url(../img/travel/itsukushima/P2.jpg) no-repeat -180px -180px;
}
#TypeN_div3 a {
background: url(../img/travel/itsukushima/P2.jpg) no-repeat -360px 0px;
}
#TypeN_div3 a:hover {
background: url(../img/travel/itsukushima/P2.jpg) no-repeat -360px -180px;
}
#TypeN_div5 a {
float: left;
background: url(../img/travel/itsukushima/P2.jpg) no-repeat -540px 0px;
}
#TypeN_div5 a:hover {
background: url(../img/travel/itsukushima/P2.jpg) no-repeat -540px -180px;
}
#TypeN_div6 a {
background: url(../img/travel/itsukushima/P2.jpg) no-repeat -720px 0px;
}
#TypeN_div6 a:hover {
background: url(../img/travel/itsukushima/P2.jpg) no-repeat -720px -180px;
}
#TypeA {
background-color: #24201d;
}
#TypeA p {
color: #c8b18b;
}
#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: #4c413f;
}
#TypeA_Box {
margin-right: auto;
margin-left: auto;
height: 115px;
width: 335px;
}
#TypeA_div1,#TypeA_div2,#TypeA_div3 {
width: 80px;
height: 55px;
float: left;
margin-right: 5px;
}
#TypeA_div4 {
width: 80px;
height: 55px;
float: left;
}
#TypeA_div5,#TypeA_div6,#TypeA_div7 {
width: 80px;
height: 55px;
float: left;
margin-top: 5px;
margin-right: 5px;
}
#TypeA_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: #694f47;
}
#TypeA_Box a {
display:block;
height: 55px;
width:  80px;
text-decoration: none;
}
#TypeA_div1 a {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat 0px 0px;
}
#TypeA_div1 a:hover {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat 0px -110px;
}
#TypeA_div2 a {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -80px 0px;
}
#TypeA_div2 a:hover {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -80px -110px;
}
#TypeA_div3 a {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -160px 0px;
}
#TypeA_div3 a:hover {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -160px -110px;
}
#TypeA_div4 a {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -240px 0px;
}
#TypeA_div4 a:hover {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -240px -110px;
}
#TypeA_div5 a {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat 0px -55px;
}
#TypeA_div5 a:hover {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat 0px -165px;
}
#TypeA_div6 a {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -80px -55px;
}
#TypeA_div6 a:hover {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -80px -165px;
}
#TypeA_div7 a {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -160px -55px;
}
#TypeA_div7 a:hover {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -160px -165px;
}
#TypeA_div8 a {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -240px -55px;
}
#TypeA_div8 a:hover {
background: url(../img/travel/itsukushima/P3.jpg) no-repeat -240px -165px;
}
#TypeC {
background-color: #211231;
}
#TypeC p {
color: #c8b18b;
}
#TypeC_Top {
position: relative;
display: block;
height: 550px;
width: 295px;
float: left;
margin-right: auto;
margin-left: 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: #4a4252;
}
#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/itsukushima/P4.jpg) no-repeat 0px 0px;
}
#TypeC_div1 a:hover {
background: url(../img/travel/itsukushima/P4.jpg) no-repeat 0px -140px;
}
#TypeC_div2 a {
background: url(../img/travel/itsukushima/P4.jpg) no-repeat -187px 0px;
}
#TypeC_div2 a:hover {
background: url(../img/travel/itsukushima/P4.jpg) no-repeat -187px -140px;
}
#TypeC_div3 a {
background: url(../img/travel/itsukushima/P4.jpg) no-repeat -374px 0px;
}
#TypeC_div3 a:hover {
background: url(../img/travel/itsukushima/P4.jpg) no-repeat -374px -140px;
}
#TypeK {
background-color: #5b423b;
}
#TypeK p {
color: #c8b18b;
}
#TypeK_div1,#TypeK_div2 {
padding: 10px;
float: left;
height: 160px;
width: 345px;
overflow: auto;
}
#TypeO p {
color: #7e2909;
}
#TypeO_Box1 {
height: 275px;
width: 730px;
background-color: #b8ac5f;
}
#TypeO_Box2 {
height: 275px;
width: 730px;
clear: left;
background-color: #b8ac5f;
}
#TypeO_div1,#TypeO_div2,#TypeO_div3,#TypeO_div4 {
height: 245px;
width: 335px;
padding: 15px;
float: left;
overflow: auto;
}
#TypeO a {
margin: 0 10px 5px 0;
}
#TypeO_Box1 a,#TypeO_Box2 a {
height: 120px;
width: 160px;
display: block;
float: left;
}
#TypeO_div1 a {
background: url(../img/travel/itsukushima/P6.jpg) no-repeat 0px 0px;
}
#TypeO_div1 a:hover {
background: url(../img/travel/itsukushima/P6.jpg) no-repeat -320px 0px;
}
#TypeO_div2 a {
background: url(../img/travel/itsukushima/P6.jpg) no-repeat -160px 0px;
}
#TypeO_div2 a:hover {
background: url(../img/travel/itsukushima/P6.jpg) no-repeat -480px 0px;
}
#TypeO_div3 a {
background: url(../img/travel/itsukushima/P6.jpg) no-repeat 0px -120px;
}
#TypeO_div3 a:hover {
background: url(../img/travel/itsukushima/P6.jpg) no-repeat -320px -120px;
}
#TypeO_div4 a {
background: url(../img/travel/itsukushima/P6.jpg) no-repeat -160px -120px;
}
#TypeO_div4 a:hover {
background: url(../img/travel/itsukushima/P6.jpg) no-repeat -480px -120px;
}