@charset "UTF-8";

/* zentai
------------------------------------*/ 
img.frame {
padding: 8px;
border: 1px solid #999;
}


/* h1#course_name
------------------------------------*/ 
h1#course_name {
clear: both;
float: left;
display: block;
width: 776px;
height: 54px;
margin: 0;
text-indent: -3999px;
background-repeat: no-repeat; 
background-position: left top;
}

#crl-road h1#course_name {
background:url("img/title_coral.gif");
}

#ml-road h1#course_name {
background:url("img/title_mililani.gif");
}

#kpl-road h1#course_name {
background:url("img/title_kapolei.gif");
}

#ewa-road h1#course_name {
background:url("img/title_ewa-bch.gif");
}

#ko-road h1#course_name {
background:url("img/title_koolina.gif");
}

#hp-road h1#course_name {
background:url("img/title_prince.gif");
}

#rk-road h1#course_name {
background:url("img/title_r-kunia.gif");
}

#wl-road h1#course_name {
background:url("img/title_waikele.gif");
}

#me-road h1#course_name {
background:url("img/title_makaha-v.gif");
}

#mw-road h1#course_name {
background:url("img/title_makaha.gif");
}

#luh-road h1#course_name {
background:url("img/title_luana.gif");
}

#kcc-road h1#course_name {
background:url("img/title_konacc.gif");
height: 86px;
}


/* approach
---------------------------------*/ 
#approach {
float: left;
display: inline;
width: 150px;
height: 39px;
margin: -14px 0 0 12px;
padding: 0;
}

#app_links {
float: left;
width: 170px;
margin: 10px 0 0 28px;
padding: 0;
display: inline;
}

#app_links p{
height: 28px;
}

#kcc-road #app_links p {
height: 22px;
}


#app_intro {
float: right;
display: inline;
width: 540px;
margin: 0 10px 10px 0;
padding: 10px;
background: #696;
color: #fff;
}

.pic500,
.pic400,
.pic293,
.pic300,
.pic200 {
clear: both;
width: 756px;
margin: 5px 10px;
}

.nopic {
clear: both;
width: 756px;
margin: 10px 10px 0 10px;
text-align: center;
}

#luh-road .nopic {
text-align: left;
}

.pic500 p,
.pic400 p,
.pic293 p,
.pic300 p,
.pic200 p {
padding-top: 30px;
}

#kcc-road div.pic300 p.notop,
#kcc-road div.pic200 p.notop {
padding-top: 10px;
}


.pic500 img,
.pic400 img,
.pic293 img,
.pic300 img,
.pic200 img {
float: left;
display: inline;
}


.pic500 img {
width: 500px;
padding: 10px 10px 0 0;
}

.pic400 img {
width: 400px;
padding: 10px 10px 0 30px;
}

.pic293 img {
width: 293px;
padding: 10px 10px 0 120px;
}

.pic300 img {
width: 300px;
padding: 10px 10px 0 120px;
}

.pic200 img {
width: 200px;
padding: 10px 10px 0 170px;
}

#crl-road div.pic293 p {
padding-top: 80px;
}

#hp-road div.pic500 p.alt {
padding-top: 10px;
}

#hp-road img#last {
padding-bottom: 18px;
}

#luh-road div.pic400 p.alt {
padding-top: 8px;
}

#aerialview div.pic300 img {
padding: 10px 10px 0 40px;
}

#aerialview div.pic300 img.alt {
float: right;
padding: 10pwx 40px 0 10px;
}

#kcc-road div.pic300 img {
padding-left: 60px;
}

#konacc div.pic200 img {
padding-left: 110px;
}

#kcc-road #sign img {
padding: 10px 10px 50px 55px;
}



/*#kcc-road p.top {
padding-top: 30px;
}*/

/* aerialview ---------------------------------*/ 
#pagetitle {
clear: both;
float: left;
display: inline;
width: 283px;
height: 38px;
margin: 0;
text-indent: -3999px;
background-repeat: no-repeat; 
background-position: left top;
}

#aerialview #pagetitle { 
background:url("img/title_aerial.gif");
background: #666;
}

#aerialview #intro {
float: right;
width:  360px;
display: inline;
margin: 1em 12px 10px 0;
background: #666;
}

.a-photo {
clear: both;
width: 756px;
margin: 5px 10px;
}

.a-photo p {
padding-top: 30px;
}

.a-photo img {
float: left;
display: inline;
width: 300px;
margin: 10px 10px 0 40px;
padding: 8px;
border: 1px solid #039;
}


.a-photo img.alt {
float: right;
margin: 10pwx 40px 0 10px;
}


.course_link {
clear: both;
float: left;
width: 776px;
margin: 10px 0 0 0;
padding: 2px 0;
background: #039;
text-align: center;
font-size: 110%;
}

.course_link a {text-decoration: none;}
.course_link a:link {color: #fff;}
.course_link a:visited {color: #fff;}
.course_link a:hover {color: #39f;}
.course_link a:active {color: #fff;}